﻿* {word-break: keep-all;}
.wrap {padding-top: 90px;}
.header {background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}
.header .logo_icon {background-position: -300px 0;}
.header .gnb > ul > li > a {color: #111;}
.header .gnb > ul > li > a:hover,
.header .gnb > ul > li > a:focus {color: #f8981c;}
.header .btn_menu .line {background: #111;}

/* sub location */
.sub_location {padding: 26px 0;border-bottom: 1px solid #eaecf0;}
.sub_location_inner {display: flex;align-items: center;justify-content: end;}
.location_list {display: flex;align-items: center;flex-wrap: wrap;gap: 0;}
.location_list > li {display: flex;align-items: center;color: #333;font-size: 16px;font-weight: 400;line-height: 1.4;}
.location_list > li + li::before {content: "";display: block;width: 7px;height: 7px;margin: 0 14px;border-top: 1px solid #b8bec6;border-right: 1px solid #b8bec6;transform: rotate(45deg);flex-shrink: 0;}
.location_list .home a {display: flex;align-items: center;justify-content: center;}
.location_list .home img {display: block;}
.location_list a {color: #333;transition: color 0.2s;}
.location_list a:hover,
.location_list a:focus {color: #2f6fad;}
.location_list .current {color: #333;font-weight: 500;}

@media (max-width: 767px) {
    .sub_location {padding: 18px 0;}
    .sub_location_inner {justify-content: flex-start;}
    .location_list > li {font-size: 14px;}
    .location_list > li + li::before {width: 6px;height: 6px;margin: 0 10px;}
    .location_list .home img {width: 8px;}
    .header .logo_icon {background-position: -195px 0;}
}

/* sub content */
.sub_content {padding: 70px 0 60px;}
.sub_title_area {text-align: center;margin: 0 auto 45px;}
.sub_tit,
.contest_page_title {margin-bottom: 36px;color: #111;font-size: 40px;font-weight: 700;line-height: 1.25;letter-spacing: 0;text-align: center;}
.sub_quote {position: relative;display: inline-block;max-width: 100%;padding: 0 52px;color: #333333;font-size: 32px;font-weight: 500;line-height: 1.5;}
.sub_quote::before,
.sub_quote::after {position: absolute;top: 50%;color: #d9e0ee;font-size: 85px;font-weight: 700;line-height: 1;transform: translateY(-29%);}
.sub_quote::before {content: "\201C";left: 0;}
.sub_quote::after {content: "\201D";right: 0;}
.sub_desc {margin: 0 auto;color: #333333;font-size: 22px;font-weight: 500;line-height: 1.7;font-family: 'pretendard', sans-serif;}

@media (max-width: 991px) {
    .sub_tit,
    .contest_page_title {font-size: 36px;}
    .sub_quote {font-size: 28px;}
    .sub_desc {font-size: 18px;}
    .item_tit {font-size: 28px;}
    .item_desc {font-size: 16px;}
    .item_box_tit {font-size: 18px;}
    .item_box_desc {font-size: 15px;}
    .item_step_tit {font-size: 18px;}
    .item_step_desc {font-size: 15px;}
    .item_circle_tit {font-size: 18px;}
}

@media (max-width: 767px) {
    .sub_content {padding: 48px 0 72px;}
    .sub_tit,
    .contest_page_title {margin-bottom: 24px;font-size: 28px;}
    .sub_quote {margin-bottom: 20px;padding: 0 36px;font-size: 18px;}
    .sub_quote::before,
    .sub_quote::after {font-size: 40px;}
    .sub_desc {font-size: 16px;line-height: 1.6;}
}

/* sub contest list */
.sub_contest_list .item {margin-bottom: 60px;}
.sub_contest_list .item:last-child {margin-bottom: 0;}
.item_head {margin-bottom: 32px;}
.item_tit {margin-bottom: 14px;color: #111;font-size: 32px;font-weight: 700;line-height: 1.3;letter-spacing: 0;}
.item_tit .num {color: #f8981c;display: inline-block;margin-right: 10px;}
.item_desc {color: #555;font-size: 18px;font-weight: 400;line-height: 1.6;padding-left: 58px;}
.item_box_list {display: flex;gap: 78px;}
.item_box {display: flex;flex: 1;flex-direction: column;align-items: center;height: 260px;padding: 28px 24px 24px;border: 1px solid #dfe3ea;border-radius: 16px;background: #fff;text-align: center;}
.item_box_icon {display: flex;align-items: center;justify-content: center;width: 72px;height: 72px;margin-bottom: 18px;}
.item_box_icon img {display: block;width: 100%;height: 100%;object-fit: contain;}
.item_box_tit {display: block;margin-bottom: 12px;color: #111;font-size: 22px;font-weight: 700;line-height: 1.35;}
.item_box_desc {color: #555;font-size: 18px;font-weight: 500;line-height: 1.6;word-break: keep-all;font-family: 'pretendard', sans-serif;text-align: left;}

.item_table_wrap {width: 100%;}
.item_table {width: 100%;border-collapse: collapse;border-top: 1px solid #111;}
.item_table th,
.item_table td {padding: 22px 45px;border-bottom: 1px solid #dfe3ea;font-size: 20px;line-height: 1.6;vertical-align: middle;font-family: 'pretendard', sans-serif;}
.item_table th {width: 28%;background: #f4f6f9;color: #111;font-weight: 700;text-align: center;}
.item_table td {background: #fff;color: #444;font-weight: 400;text-align: left;}

.item_step_list {display: flex;gap: 58px;}
.item_step {display: flex;flex: 1;flex-direction: column;align-items: center;justify-content: center;height: 185px;padding: 20px 16px;border: 2px solid #ff7c1d;border-radius: 16px;background: #f8f8f8;text-align: center;}
.item_step_tit {display: block;margin-bottom: 25px;color: #111;font-size: 22px;font-weight: 700;line-height: 1.35;white-space: nowrap;}
.item_step:nth-child(3) .item_step_tit {margin-top: 20px;}
.item_step_desc {color: #555;font-size: 18px;font-weight: 400;line-height: 1.6;word-break: keep-all;text-align: left;}

.item_circle_list {display: flex;justify-content: center;gap: 120px;}
.item_circle {display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;width: 300px;height: 300px;padding: 28px 24px;border-radius: 50%;background: #f8f8f8;text-align: center;}
.item_circle_icon {display: flex;align-items: center;justify-content: center;height: 64px;margin-bottom: 14px;}
.item_circle_icon img {display: block;width: auto;height: 100%;object-fit: contain;}
.item_circle_tit {display: block;margin-bottom: 12px;color: #111;font-size: 25px;font-weight: 700;line-height: 1.35;}
.item_circle_desc {color: #555;font-size: 18px;font-weight: 400;line-height: 1.6;word-break: keep-all;}

@media (max-width: 1280px) {
    .item_box_list {gap: 24px;}
    .item_step_list {gap: 20px;}
    .item_circle_list {gap: 40px;}
    .item_step_tit {font-size: 20px;margin-bottom: 15px;}
    .item_step:nth-child(3) .item_step_tit {margin-top: 0;}
}

@media (max-width: 1024px) {
    .item_box_list {flex-direction: column;gap: 20px;}
    .item_box {height: auto;}
    .item_step_list {flex-wrap: wrap;}
    .item_step {flex: 1 1 calc(50% - 10px);height: auto;min-height: 185px;}
    .item_circle_list {flex-wrap: wrap;gap: 32px;}
}

@media (max-width: 767px) {
    .sub_contest_list {margin-top: 48px;}
    .item_tit {font-size: 24px;}
    .item_desc {font-size: 16px;padding-left: 0;}
    .item_box {padding: 24px 20px 20px;}
    .item_box_tit {font-size: 18px;}
    .item_box_desc {font-size: 15px;}
    .item_table th,
    .item_table td {display: block;width: 100%;padding: 16px 18px;font-size: 16px;}
    .item_table th {border-bottom: 0;padding-bottom: 10px;}
    .item_table td {padding-top: 0;}
    .item_step_list {flex-direction: column;gap: 16px;}
    .item_step {flex: none;width: 100%;min-height: 160px;padding: 18px 16px;}
    .item_step_tit {font-size: 18px;white-space: normal;}
    .item_step_desc {font-size: 15px;}
    .item_circle_list {flex-direction: column;align-items: center;gap: 24px;}
    .item_circle {width: 280px;height: 280px;padding: 24px 20px;}
    .item_circle_tit {font-size: 18px;}
    .item_circle_desc {font-size: 14px;}
}

/* read more */
.read_more {position: relative;height: 254px;overflow: hidden;}
.read_more_bg {position: absolute;inset: 0;background: url("../img/sub/ready_bg.jpg") center / cover no-repeat;}
.read_more .container {position: relative;z-index: 1;height: 100%;}
.read_more_inner {display: flex;flex-direction: column;justify-content: center;height: 100%;padding: 0 10px;}
.read_more_tit {display: block;margin-bottom: 5px;color: #fff;font-size: 38px;font-weight: 700;line-height: 1.3;letter-spacing: 0;}
.read_more_desc {margin-bottom: 22px;color: #bbb;font-size: 18px;font-weight: 400;line-height: 1.5;}
.read_more_btns {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.read_more_btns a {display: inline-flex;align-items: center;justify-content: center;min-width: 220px;height: 60px;padding: 0 24px;border-radius: 10px;color: #fff;font-size: 20px;font-weight: 500;line-height: 1;transition: opacity 0.2s;font-family: 'pretendard', sans-serif;}
.read_more_btns a:hover,
.read_more_btns a:focus {opacity: 0.88;}
.read_more_btns .btn_apply {background: #ff8522;}
.read_more_btns .btn_faq {background: rgba(168, 124, 82, 0.88);}

@media (max-width: 767px) {
    .read_more {height: auto;min-height: 254px;}
    .read_more_inner {padding: 32px 0;}
    .read_more_tit {font-size: 22px;}
    .read_more_desc {font-size: 15px;}
    .read_more_btns {flex-direction: column;align-items: flex-start;}
    .read_more_btns a {width: 100%;max-width: 220px;font-size: 18px;height: 45px;}
}

@media (max-width: 1549px){
    .item_step_list {gap: 20px;}
}
