/* #content */
section .main_title {letter-spacing: -0.02em; line-height: 56px; margin-bottom: 20px;}
section .main_title.on {display: none;}
section .sub_text {letter-spacing: -0.02em;}

.review_top {background: #EAF2FF; margin-bottom: 110px;}
.review_top .inner {padding: 110px 0; box-sizing: border-box; text-align: center;}
.review_top .inner h3 {font-size: 70px; font-weight: 700; line-height: 1em; letter-spacing: -1px; margin-bottom: .5em;}
.review_top .inner p {font-size: 28px; line-height: 1em; letter-spacing: -1px; color: #161718;}


.form_box {padding: 0 16.66%; position: relative;}
.form_box .select_area {width: 50%; display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 14px; margin: 0 auto 50px;}
.form_box form .select_area select {width: 100%; padding: 11.5px 10%; box-sizing: border-box; appearance: none; outline: none; border-radius: 190px; border: 1px solid #0C82FE;
    font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -1px; line-height: normal; color: #0C82FE; cursor: pointer;
    background: url(../images/arrow_down_blue.png) no-repeat right 10% center; background-size: 24px;}
.form_box form .select_area select.on {background: url(../images/arrow_up_blue.png) no-repeat right 10% center; background-size: 24px;}
.form_box form .select_area select option:disabled {background:#f3f3f3;}
.form_box form .select_area .btn_submit {display: block; width: 100%; padding: 11.5px 5%; box-sizing: border-box; background: #0C82FE; border-radius: 190px;
    font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: -1px; color: #fff; border: none; outline: none;}


.list_box {padding: 0 16.66%;}
.list_box .list_title {display: flex; align-items: center; border: 1px solid rgba(22, 23, 24, 0.15); border-left: none; border-right: none; padding: 0 20px;}
.list_box .list_title li {font-weight: 700; font-size: 20px; line-height: 80px; color: #161718; text-align: center; box-sizing: border-box; white-space: nowrap;}
.list_box .list_title li:nth-child(1) {width: 10%;}
.list_box .list_title li:nth-child(2) {width: 20%;}
.list_box .list_title li:nth-child(3) {width: 50%;}
.list_box .list_title li:nth-child(4) {width: 20%;}

.list_box .list_content .list_item li {box-sizing: border-box; border-bottom: 1px solid rgba(22, 23, 24, 0.15);}
.list_box .list_content .list_item li a {color: #161718; display: flex; align-items: center; padding: 20px;}
.list_box .list_content .list_item li a > div {text-align: center;}
.list_box .list_content .list_item a .item_num {width: 10%; font-weight: 500;}
.list_box .list_content .list_item a .item_img {width: 20%;}
.list_box .list_content .list_item a .item_img img {width: 50%;}
.list_box .list_content .list_item a .item_title {width: 50%; text-align: left; font-size: 24px;}
.list_box .list_content .list_item a .item_info {width: 20%; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300;}
.list_box .list_content .list_item li .badge_hot {display: inline-block; border: 1px solid #FF5810; border-radius: 10px; padding: 2px 10px; margin-left: 1em;
    font-weight: 500; font-size: 14px; color: #fff; background: rgba(255, 88, 16, .7); text-transform: uppercase;}


.more_btn {display: none;}


.btn_area {padding: 0 16.66% 20px; text-align: right;}
.btn_write {display: inline-block; padding: 10px 36px; box-sizing: border-box; white-space: nowrap;
    font-size: 24px; font-weight: 500; letter-spacing: -1px; line-height: 40px; color: #161718;
    border-radius: 75px; border: 1px solid #777C81; outline: none; background: #FFF;}
.btn_write::after {display: none !important;}
.btn_write:hover {border: 1px solid #0C82FE; background: #0C82FE; color: #fff;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .form_box {padding: 0 12%;}
    .list_box {padding: 0 12%;}
    .btn_write { right: calc(12% + 62px);}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .form_box {padding: 0 8%;}
    .list_box {padding: 0 8%;}
    .btn_write { right: calc(8% + 62px);}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .form_box {padding: 0 6%;}
    .list_box {padding: 0 6%;}
    .btn_write { right: calc(6% + 62px);}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    section .main_title {font-size: 28px; margin-bottom: 12px; line-height: 36px;}
    section .main_title i {display: block;}

    .review_top {margin-bottom: 80px;}
    .review_top .inner {padding: 80px 0;}
    .review_top .inner h3 {font-size: 42px;}
    .review_top .inner p {font-size: 14px;}


    .form_box {padding: 0 5%;}
    .form_box .select_area {width: 80%; margin: 0 auto 40px;}
    .form_box form .select_area select {padding: 8px 10%;}
    .form_box form .select_area .btn_submit {padding: 8px 5%;}


    .list_box {padding: 0 5%;}
    .list_box .list_title li {font-size: 18px; line-height: 68px;}
    .list_box .list_content .list_item li a {padding: 16px;}
    .list_box .list_content .list_item a .item_img img {width: 60%;}
    .list_box .list_content .list_item a .item_title {width: 50%; font-size: 16px;}
    .list_box .list_content .list_item a .item_info {width: 20%; font-size: 16px;}
    
    .btn_area {display: none;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    .review_top {margin-bottom: 50px;}
    .review_top .inner {padding: 50px 0;}
    .review_top .inner h3 {font-size: 36px;}


    .form_box .select_area {width: 100%; gap: 12px; margin: 0 auto 30px;}
    .form_box form .select_area select {padding: 6px 10%;}
    .form_box form .select_area .btn_submit {padding: 6px 5%;}

    
    .list_box .list_title {padding: 0 12px;}
    .list_box .list_title li {font-weight: 500; font-size: 16px; line-height: 50px;}
    .list_box .list_title li:nth-child(3) {width: 70%;}
    .list_box .list_title li:nth-child(4) {display: none;}
    
    .list_box .list_content .list_item li a {display: grid; grid-template-columns: 10% 20% 70%; padding: 12px;}
    .list_box .list_content .list_item a .item_num {width: 100%; font-size: 14px; grid-column: 1/2; grid-row: 1/3;}
    .list_box .list_content .list_item a .item_img {width: 100%; grid-column: 2/3; grid-row: 1/3;}
    .list_box .list_content .list_item a .item_img img {width: 80%;}
    .list_box .list_content .list_item a .item_title {width: 100%; font-size: 15px; grid-column: 3/4; grid-row: 2/3;}
    .list_box .list_content .list_item a .item_info {width: 100%; font-size: 14px; text-align: left; grid-column: 3/4; grid-row: 1/2;}
    .list_box .list_content .list_item li .badge_hot {border-radius: 6px; padding: 2px 6px; font-size: 9px;}
}