/* 공모전 상세 */
.info_container {}

.info_box1 {max-width: 900px; width: 100%; margin: 0 auto; padding-top: 40px;}
.info_box1 h2 {
    font-size: 24px; 
    font-weight: bold; 
    padding: 20px 0; 
    border-bottom: 1px solid #eee;
}

.info_file {}
.info_file p {color: #4d7fef; display: inline-block; padding-bottom: 3px;}

.info_box1 .img_box {padding-top: 40px; text-align: center;}
.info_box1 .img_box img {width: 100%; height: auto;}
 
.info_box1 .text_box {padding-top: 60px;}

.info_box1 .text_box ul {}
.info_box1 .text_box ul li {padding-bottom: 40px;}
.info_box1 .text_box ul li h3 {font-weight: bold; font-size: 24px;}
.info_box1 .text_box ul li p {padding-top: 10px;}

.info_box2 {max-width: 900px; width: 100%; margin: 0 auto; padding: 60px 0;}
.info_box2 .btn_box {text-align: center;}
.info_box2 .btn_box a {
    width: 240px; 
    height: 52px; 
    line-height: 52px; 
    display: inline-block; 
    border: 1px solid #eee;
    line-height: 52px;
    text-align: center;
    border-radius: 10px;
}
.info_box2 .btn_box a:first-child {
    margin-right: 5px;
    color: #ef4d4d;
    border-color: #ef4d4d;
}
.info_box2 .btn_box a:last-child {
    background-color: #ef4d4d;
    color: #fff;
}

/* 공모전 접수 */
.apply_box {max-width: 1200px; background-color: #eee; margin: 40px auto 40px; box-sizing: border-box; padding: 40px 60px; border-radius: 5px;}
.apply_box h2 {font-size: 24px; font-weight: bold; padding: 0px 0 40px 0;}

.apply_top {background-color: #FFF; box-sizing: border-box; padding: 40px 40px; border-radius: 10px;}
.apply_top h3 {font-size: 20px; font-weight: bold;}

.apply_container input {font-size: 14px;}

.apply_info_container {padding-top: 40px;}
.apply_info_container li {padding-bottom: 20px;}
.apply_info_container li p {padding-bottom: 10px; font-size: 14px; font-weight: bold;}
.apply_info_container li .input_box {position: relative; display: inline-block; max-width: 390px; width: 100%;}
.apply_info_container li .img_box {position: absolute; right: 10px; top: 50%; transform: translate(0% , -50%);}
.apply_info_container li .text_box {
    max-width: 390px;
    width: 100%;
    height: 43px;
    color: #999;
    background-color: #eee; 
    line-height: 43px; 
    padding-left:8px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.apply_info_container li .text_box p {font-size: 12px; font-weight: normal;}

.radio_container {display: flex; gap: 10px;}
.radio_container .radio_box {}
.radio_container .radio_box input {}
.radio_container .radio_box span {font-size: 14px;}

.file_box_type {padding-top: 8px;}
.file_box_type1 {position: relative;}
.file_box_type2 {display: none;}

.close_btn {display: none; position: absolute; top: 50%; right: 0; transform: translate(-50% , -50%); z-index: 3;}
.close_btn.active {display: block;}
.close_btn a {}

.text_input {box-sizing: border-box; padding-left: 8px; border-radius: 5px; max-width: 390px; width: 100%; height: 42px; border: 1px solid #ddd !important;}
.text_input::placeholder{font-size: 12px; color: #999;}
.file_input {display: none;}
.text_area {padding: 10px 10px 10px 8px; box-sizing: border-box; font-size: 14px; border-radius: 5px; border: 1px solid #ddd; max-width: 390px; width: 100%; max-height: 300px; height: 100px;}
.text_area::placeholder {font-size: 12px; color: #999;}

.apply_middle {margin-top: 30px; background-color: #FFF; box-sizing: border-box; padding: 40px 40px; border-radius: 10px;}
.apply_middle h3 {font-size: 20px; font-weight: bold;}

.apply_notice_box {margin-top: 40px; box-sizing: border-box; padding: 16px 16px; background-color: #FBF4F4; border: 5px;}

.apply_notice_box h3 {}
.apply_notice_box h3 img {vertical-align: middle;}
.apply_notice_box h3 span {font-size: 14px; color: #ef4d4d; font-weight: bold; vertical-align: middle;}
.apply_notice_box p {font-size: 14px; padding-top: 10px; color: #ef4d4d;}

.apply_bottom {margin-top: 30px; background-color: #FFF; box-sizing: border-box; padding: 40px 40px; border-radius: 10px;}
.apply_bottom h3 {font-size: 20px; font-weight: bold;}

.check_box:nth-of-type(1) {border-bottom: 1px solid #eee; max-width: 100% !important; width: 100% !important; padding-bottom: 20px;}
.check_box:nth-of-type(2) {margin-top: 20px;}
.check_box em {font-size: 14px !important; color: #ef4d4d;}

.checkbox_container {padding-top: 40px;}
.checkbox_container .check_box {position: relative; margin-bottom: 20px; display: flex; align-content: center; max-width: 350px; width: 100%;}
.checkbox_container .check_box input {width: 20px; height: 20px;}
.checkbox_container .check_box span {font-size: 14px; padding: 0 5px;}
.checkbox_container .check_box a {position: absolute; top: 50%; right: 0; transform: translate(0% , -50%);}

.apply_btn {margin-top: 40px; text-align: center;}
.apply_btn a {
    max-width: 300px; 
    width: 100%; 
    display: inline-block; 
    height: 52px; 
    line-height: 52px; 
    color: #fff; 
    background-color: #ef4d4d; 
    border-radius: 5px;
    font-weight: bold;
}

.success_container {}
.success_container .success_box {padding: 150px 0; text-align: center;}
.success_container .success_box h3 {font-size: 30px;}
.success_container .success_box h2 {font-size: 24px; font-weight: bold; padding-top: 20px;}
.success_container .success_box p {padding-top: 12px; line-height: 1.4; font-size: 14px;}

.success_container .success_box  a {
    display: inline-block; 
    width: 100%; 
    max-width: 300px; 
    height: 52px; 
    background-color: #ef4d4d; 
    color: #fff; 
    line-height: 52px; 
    border-radius: 5px; 
    margin-top: 40px;
}

/* 접수 확인 */
.confirm_box {max-width: 1080px; width: 100%; margin: 40px auto 40px;}
.confirm_box .confirm_top {}
.confirm_box .confirm_top h2 {font-size: 24px; font-weight: bold; padding: 40px 0;}

.confirm_box .confirm_middle {border-radius: 5px; box-sizing: border-box; padding: 40px 0; border: 1px solid #eee;}
.middle_box {max-width: 390px; width: 100%; margin: 0 auto;}
.middle_box ul {}
.middle_box ul li {padding-bottom: 20px;}
.middle_box ul li:last-child {text-align: center;}
.middle_box ul li h3 {font-size: 13px; color: #999; font-weight: bold; padding: 12px 39px; box-sizing: border-box; border-radius: 5px; background-color: #f9f9f9;}
.middle_box ul li p {font-size: 14px; font-weight: bold; padding-bottom: 10px;}
.middle_box ul li input {
    width: 100%; 
    height: 42px; 
    border-radius: 5px; 
    border: 1px solid #ddd !important;
    box-sizing: border-box;
    padding-left: 8px;
    font-size: 14px;
}
.middle_box ul li input::placeholder{font-size: 12px; color: #999;}
.middle_box ul li a {
    display: inline-block; 
    width: 100%; 
    max-width: 300px; 
    height: 52px; 
    background-color: #ef4d4d; 
    color: #fff; 
    line-height: 52px; 
    border-radius: 5px; 
    margin-top: 40px;
    text-align: center;
    font-weight: bold;
}
.confirm_bottom {display: none; border-radius: 5px; box-sizing: border-box; padding: 40px 40px; border: 1px solid #eee;}

.bottom_box1 {}
.bottom_box1 span {
    font-size: 12px; 
    padding: 6px 8px; 
    box-sizing: border-box; 
    border-radius: 5px; 
    color: #999; 
    background-color: #f9f9f9;
    font-weight: bold;
}
.bottom_box1 .text_box {position: relative; display: inline-block;}
.bottom_box1 .img_box {position: absolute; top: 2px; right: -20px;}
.bottom_box1 .img_box img {}


.bottom_box2 {padding-top: 40px;}
.bottom_box2 h3 {font-size: 20px; font-weight: bold;}
.bottom_box2 h3 span {color: #999;}

.bottom_box3 {padding: 40px 0;}
.bottom_box3 ul {}
.bottom_box3 ul li {display: flex; padding-bottom: 20px;}
.bottom_box3 ul li:last-child {padding-bottom: 0;}
.bottom_box3 ul li span {font-weight: bold; font-size: 14px; width: 55px;}
.bottom_box3 ul li p {font-size: 14px; padding-left: 30px;}

.apply_tab {padding-top: 50px; border-bottom: 1px solid #eee}
.apply_tab ul {display: flex; align-items: center;}
.apply_tab ul li {margin-right: 2px; background-color: #FBF4F4; color: #ef4d4d; opacity: 40%; border-radius: 5px 5px 0 0;}
.apply_tab ul li.active {background-color: #ef4d4d; opacity: 100%;}
.apply_tab ul li.active a {color: #fff; font-weight: bold;}
.apply_tab ul li a {
    box-sizing: border-box; 
    padding: 10px 10px; 
    display: inline-block; 
    font-size: 14px;
} 

/* 공지사항 */
.notice_container {width: 100%;}
.notice_container h2 {font-size: 24px; font-weight: bold; padding: 40px 0;}
.common_box {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 0 40px 0; padding-bottom: 100px;}

.notice_top {display: flex; justify-content: end;}
.left_box {width: 100%;max-width: 120px;}
.left_box .select_box {}
.left_box .select_box > ul {} 
.left_box .select_box > ul > li {position: relative;}
.left_box .select_box > ul > li > a {
    font-size: 14px; 
    border: 1px solid #ddd; 
    border-radius: 5px;
    width: 100%;
    max-width: 120px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding-left: 12px;
    box-sizing: border-box;
    position: relative;
}
.left_box .select_box > ul > li > a:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 5px;
    background-image: url(/sub/external/img/arr_bottom.png);
    width: 22px;
    height: 22px;
    transform: translate(0% , -50%);
}

.select_depth {
    display: none;
    top: 45px; 
    position: absolute; 
    max-width: 120px; 
    width: 100%; 
    border: 1px solid #eee; 
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1), 
    0 8px 16px rgba(0, 0, 0, 0.1);
}
.select_depth.active {display: block;}
.select_depth li {}
.select_depth li:hover {background-color: #f9f9f9;}

.select_depth li:last-child {margin-bottom: 0;}
.select_depth li a {font-size: 14px; padding: 10px 12px; box-sizing: border-box; display: inline-block;}

.right_box {max-width: 288px; width: 100%; margin-left: 5px;}
.right_box .search_box {position: relative;}
.right_box .search_box input {
    max-width: 288px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-left: 40px;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    font-size: 14px;
}
.right_box .search_box input::placeholder{font-size: 14px; color: #999;}

.right_box .search_box .img_box {position: absolute; top: 50%; left: 10px; transform: translate(0% , -50%);}
.right_box .search_box .img_box img {width: 20px; height: 20px;}


.notice_middle {margin-top: 30px;}
.notice_middle table {width: 100%; border-top: 2px solid #000;}
.notice_middle table thead {border-bottom: 1px solid #eee;}
.notice_middle table thead th {text-align: center; font-size: 16px; font-weight: bold; padding: 15px 12px; box-sizing: border-box;}
.notice_middle table tbody tr {background-color: #fff; cursor: pointer;}
.notice_middle table tbody tr.active {background-color: #f9f9f9;}
.notice_middle table tbody td {border-bottom: 1px solid #eee; text-align: center; font-size: 16px; padding: 15px 12px; box-sizing: border-box;}
.col_number {width: 5%;}
.col_title {width: 60%;}
.col_admin {width: 10%;}
.col_date {width: 15%;}
.col_views {width: 10%;}

.notice_bottom {}

.notice_content {font-size: 16px; line-height: 1.6;}
.notice_detail_container {width: 100%;}
.notice_detail_container h2 {font-size: 24px; font-weight: bold; padding: 40px 0;}

.notice_detail_container .detail_box {}
.notice_detail_container .detail_box .box_top {padding-bottom: 30px;}
.notice_detail_container .detail_box .box_top h3 {font-weight: bold;}

.notice_detail_container .detail_box .box_middle {border-top: 2px solid #000;}
.notice_detail_container .detail_box .box_middle ul {display: flex;}
.notice_detail_container .detail_box .box_middle ul li {display: flex; align-items: center; text-align: center;}
.notice_detail_container .detail_box .box_middle ul li:nth-child(1) {max-width: 680px; width: 100%;}
.notice_detail_container .detail_box .box_middle ul li:nth-child(2) {max-width: 250px; width: 100%;}
.notice_detail_container .detail_box .box_middle ul li:nth-child(3) {max-width: 200px; width: 100%;}
.notice_detail_container .detail_box .box_middle ul li span {background-color: #f9f9f9; text-align: center; font-size: 16px; font-weight: bold; padding: 12px 30px; box-sizing: border-box;}
.notice_detail_container .detail_box .box_middle ul li p {font-size: 16px; padding-left: 12px;}

.notice_detail_container .detail_box .box_middle .text_box {box-sizing: border-box; padding: 40px 40px; height: 100%; border-bottom: 1px solid #ddd;}
.notice_detail_container .detail_box .box_middle .text_box p {font-size: 16px; line-height: 1.4;}

.box_bottom {}
.box_bottom ul {}
.box_bottom ul li {}
.box_bottom ul li a {display: block; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.box_bottom ul li a span {width: 80px; height: 100%; padding: 10px 12px; display: inline-block; font-size: 16px; text-align: center; font-weight: bold; background-color: #f9f9f9;}
.box_bottom ul li a p {display: inline-block; padding-left: 20px; font-size: 16px;}

.faq_container {width: 100%;}
.faq_container h2 {font-size: 24px; font-weight: bold; padding: 40px 0;}

.fag_top {display: flex; justify-content: end;}

.faq_middle {border-top: 1px solid #ddd; margin-top: 40px;}
.faq_middle ul {}
.faq_middle ul li {border-bottom: 1px solid #ddd;}
.faq_middle ul li a {position: relative; display: block; padding: 15px 0;}
.faq_middle ul li a .img_box {display: inline-block; vertical-align: middle; text-align: left; padding-left: 10px;}
.faq_middle ul li a .text_box {display: inline-block; vertical-align: middle; font-weight: bold; padding-left: 30px;}
.faq_middle ul li .arr_box {position: absolute; top: 50%; right: 10px; transform: translate(0, -50%) rotate(0deg); transition: transform 0.2s ease-in-out;}
.faq_middle ul li .arr_box.active {transform: translate(0, -50%) rotate(180deg);}
.faq_middle ul li .sub_box {display:  none; padding: 40px 40px; box-sizing: border-box; border-top: 1px solid #ddd; background-color: #f9f9f9;}
.faq_middle ul li .sub_box p {line-height: 2.0; font-size: 16px;}
.faq_middle ul li .sub_box .sub_box_content {line-height: 1.6; font-size: 16px;}
.faq_bottom {}