@charset "UTF-8";
/**
 * @file	: main.css
 * @author	: story
 * @brief	: 기본 css 파일
 **/


.section, .section .sec-wrap, .section .sec-wrap .wrap {position: relative; width:100%;}
.section .sec-wrap .wrap:after {display: block; clear: both; content: ""; visibility: hidden; }
.section .sec-wrap {max-width:1400px; margin: 0 auto; font-size:0;}

@media screen and (max-width:1400px){
	.sec2, .sec3 {padding:0 25px;}
}
/********************************
 section01
 *******************************/
.sec1 {max-height:690px;}
.sec1 .sec-wrap {display:block; max-width:1780px;}
.sec1 .sec-wrap .wrap {position:relative; display: block; max-width: none; width:100%; height:100%;}
.sec1 .item {position:relative; border-radius:60px; overflow: hidden;}

.sec1 .txt-wrap {display:block; position:absolute; top:20%; left:calc(50% - 890px); width:1780px; height:auto; z-index:2; text-align:center;}
.sec1 .txt-wrap .big_text {display:block; margin-bottom:15px; font-size:4.8rem; letter-spacing: -0.04em; font-family: 'OneMobileT'; color: #fff; text-shadow:5px 0px 5px rgba(26, 40, 82, 0.60); line-height:100%;}
.sec1 .txt-wrap .small_text {display:block; font-size:2.4rem; line-height:100%; letter-spacing: -0.04em; font-family: 'OneMobile'; font-weight:500; color: #fff; text-shadow:5px 0px 5px rgba(26, 40, 82, 0.95);}

.sec1 .item img {display: block; width: 100%; height: auto;}


/* media query */
@media screen and (max-width:1500px){	
	.sec1 .txt-wrap {}  
}

@media screen and (max-width:1400px){	
	.sec1 .item {border-radius:0px;}
	.sec1 .txt-wrap {}  
}

@media screen and (max-width:1280px){	
	.sec1 .txt-wrap .big_text {font-size:3.6rem; line-height:140%;}
	.sec1 .txt-wrap .small_text {font-size:2.0rem;}
}

@media screen and (max-width:680px){	
	.sec1 .txt-wrap .big_text {font-size:3.0rem; line-height:120%;}
	.sec1 .txt-wrap .small_text {font-size:1.8rem;}
}

@media screen and (max-width:460px){
	.sec1 .item img {height:200px;}
}

@media screen and (max-width:400px){
	.sec1 .txt-wrap {width: 100%;left: calc(50% - 50%);}
	.sec1 .txt-wrap .big_text {font-size: 2.4rem;line-height:120%;}
	.sec1 .txt-wrap .small_text {font-size: 1.5rem;}
}
/********************************
 section02
 *******************************/
.sec2 {margin-bottom:95px;}
.sec2 .sec-wrap .wrap {margin-top: -15%;}

.div-cont {position: relative; width:1400px; margin: 0 auto;}
.quickview_box {width: 100%;}
.quickview_box > ul {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:75px;}
.quickview_box > ul > li {width:33.3333%;}
.quickview_box > ul > li .qv_inbox {position:relative; display:block; text-decoration:none; min-height:360px; padding:54px 40px; border-radius:30px 80px 30px 30px; box-sizing:border-box;}
.quickview_box > ul > li .qv_inbox:before {content:''; display:block; position:absolute; bottom:10px; right:25px; width:156px; height:200px; transition:.3s; background:url(../../../../images/egovframework/story/web/main/main_quick_icon.png) no-repeat;}

.quickview_box > ul > li .qv_inbox.qv01 {background-color:#da4b4b;}
.quickview_box > ul > li .qv_inbox.qv02 {background-color:#297cd9;}
.quickview_box > ul > li .qv_inbox.qv03 {background-color:#8a4ba2;}
.quickview_box > ul > li .qv_inbox.qv01:before {background-position:0px 0px;} 
.quickview_box > ul > li .qv_inbox.qv02:before {background-position:-182px 0px;}
.quickview_box > ul > li .qv_inbox.qv03:before {background-position:-385px 0px;}
.quickview_box > ul > li .qv_inbox .qv_tit {display: block; margin-bottom:15px; color:#fff; font-size:3.4rem; font-family: 'OneMobileT'; line-height:36px;}
.quickview_box > ul > li .qv_inbox .qv_txt {display: block; margin-bottom:54px; color:#fff; font-size:2.4rem; font-family: 'OneMobileT'; line-height:26px;}

.b1.more {position:relative; display:block; padding:6px 25px; width:158px; line-height:34px; border:1px solid #fff; box-sizing:border-box; border-radius:10px; font-size:2.0rem; font-family: 'Pretendard'; font-weight:600; color:#fff;}
.b1.more:after {position:absolute; content:""; display:block; top:50%; right:20px; margin-top:-8px; width:28px; height:14px; background:url(../../../../images/egovframework/story/web/main_sp.png) no-repeat; background-position: -60px -3px;}

/* media query */
@media screen and (max-width:1280px){
	.sec2 {margin-bottom:60px;}
	.quickview_box > ul {gap:35px;}
	.quickview_box > ul > li .qv_inbox .qv_tit {font-size:3.0rem; line-height:30px;}
	.quickview_box > ul > li .qv_inbox .qv_txt {font-size:2.0rem; margin-bottom:34px;}
	.b1.more {padding:6px 15px; width:138px; line-height:34px;font-size:1.7rem;}
	
	.quickview_box > ul > li .qv_inbox:before {right:25px; width:126px; height:150px; background-size:480px;}
	.quickview_box > ul > li .qv_inbox.qv02:before {background-position: -142px 0px;}
	.quickview_box > ul > li .qv_inbox.qv03:before {background-position: -310px 0px;}
}

@media screen and (max-width:960px){
	.quickview_box > ul {gap: 20px;}
	.quickview_box > ul > li .qv_inbox .qv_tit {font-size:2.4rem; line-height:30px;}
	.quickview_box > ul > li .qv_inbox .qv_txt {font-size:1.8rem; margin-bottom:34px;}
	.b1.more {padding:6px 15px; width:138px; line-height:34px;font-size:1.7rem;}
	
	.quickview_box > ul > li .qv_inbox {padding:54px 30px; min-height:300px;}
	.quickview_box > ul > li .qv_inbox:before {display:none;}
}

@media screen and (max-width:768px){
	.sec2 {margin-bottom:50px;}
	.sec2 .sec-wrap .wrap {margin-top:40px;}
	
	.quickview_box > ul {flex-wrap:wrap; gap:15px;}
	.quickview_box > ul > li {width:100%;}
	.quickview_box > ul > li .qv_inbox {padding:40px 50px; min-height:220px;}
	.quickview_box > ul > li .qv_inbox .qv_tit {font-size:2.0rem; line-height:24px;}
	.quickview_box > ul > li .qv_inbox .qv_txt {font-size:1.5rem; margin-bottom:20px;}
	.quickview_box > ul > li .qv_inbox:before {display:block; bottom:40px; }
}

@media screen and (max-width:360px){
	.quickview_box > ul > li .qv_inbox {padding:40px 30px;}
}
/********************************
 section03
 *******************************/
 .sec3 {margin-bottom: 105px;}
.notice_box {display:inline-block;position:relative;width: calc(100% - 500px);vertical-align:top;}
.notice_box .title_box .section_title {display: inline-block; font-family: 'OneMobileT'; font-weight: 500;font-size:3.0rem; line-height:40px; vertical-align: top;}
.notice_box .title_box .section_title span {color:#e85d52;}

.notice_box .notice_list {position:relative; width:100%; height:210px; padding-top:10px;}
.notice_box .notice_list .notice_item {display: inline-block;width: calc((100% - 50px) / 2);height:200px;}
.notice_box .notice_list .notice_item + .notice_item {margin-left:50px;}
.notice_box .notice_list .notice_item .link {display: block; position: relative; width: 100%; height: 100%; }
.notice_box .notice_list .notice_item .link .link_inner {display: block; overflow:hidden; position:relative; top:0; width:100%; height:100%; padding:2px; background:#ccc; border-radius:15px; letter-spacing: 0; transition: top 0.3s;}
.notice_box .notice_list .notice_item .link .link_inner:before {content: ''; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-image: linear-gradient(#22b69d, #4265cf); transition: top 0.3s;}
.notice_box .notice_list .notice_item .link .link_inner .link_box {display: block;position: relative;width: 100%;height: 100%;padding: 28px;border-radius: 14px;background-color: #fff;}
.notice_box .notice_list .notice_item .link:hover .link_inner:before {top:0;}

.notice_box .notice_list .notice_item .link .link_inner .link_box .notice_title {display: -webkit-box; overflow: hidden; height:74px; padding:18px 4px 0; font-weight:500; font-size:1.8rem; line-height:28px; color:#4e4e4e; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice_box .notice_list .notice_item .link .link_inner .link_box .date {position:absolute; bottom:40px; left:35px; font-size:1.6rem; color:#000; padding-left:23px; font-family: 'Pretendard'; font-weight:400;}
.notice_box .notice_list .notice_item .link .link_inner .link_box .date:before {position:absolute; top:4px; left:0; content:""; display:block; width:18px; height:18px; background:url(../../.././images/egovframework/story/web/main_sp.png) no-repeat -5px -120px;}

.notice_box .more_box {position:absolute; left:180px; top:10px;}
.notice_box .more_box .more {display: block;position: relative; width:50px; height:50px;}
.notice_box .more_box .more:before {content: '';display: block;position: absolute; left:15px; top:18px; width:30px; height:30px; background:url(../../../../images/egovframework/story/web/main_sp.png) no-repeat; background-position: -100px -3px;}

.faq_box {display: inline-block;position:relative;width:426px;margin-left: 74px;vertical-align: top;box-sizing: content-box;}
.faq_box:before {content:'';display:block;position:absolute; width:130px; height:110px; top:80px; right:0; transition:.3s; background:url(../../../../images/egovframework/story/web/main_sp.png) no-repeat; background-position: -65px -40px;}
.faq_box .title_box .section_title {display: inline-block; font-family: 'OneMobileT'; font-weight: 500;font-size:3.0rem; line-height:40px; vertical-align: top;}
.faq_box .title_box .section_title span {color:#e85d52;}

.faq_box .faq_list{width:100%; padding-top:25px;}
.faq_box .faq_list li {position:relative; margin-bottom:16px; line-height:28px;}
.faq_box .faq_list li a {position:relative; display:block; font-family: 'Pretendard'; font-weight:400; font-size:1.8rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:30px;}
.faq_box .faq_list li a:hover, .faq_box .faq_list li a:focus {text-decoration:underline; text-underline-position:under;}
.faq_box .faq_list li:before {content: '';display: block;position: absolute; left:0; top:4px; width:20px; height:20px; background:url(../../../../images/egovframework/story/web/main_sp.png) no-repeat; background-position: -5px -87px;}

.faq_box .more_box {position:absolute; left:180px; top:10px;}
.faq_box .more_box .more {display:block; position:relative; width:50px; height:50px;}
.faq_box .more_box .more:before {content: '';display: block;position:absolute; left:15px; top:18px; width:30px; height:30px; background:url(../../../../images/egovframework/story/web/main_sp.png) no-repeat;background-position: -100px -3px;}


/* media query */
@media screen and (max-width:1400px){
  .notice_box {width: calc(100% - 450px);}
  .faq_box {width:406px;margin-left: 44px;}
  .notice_box .notice_list .notice_item {width: calc((100% - 30px) / 2);}
  .notice_box .notice_list .notice_item + .notice_item {margin-left: 30px;}
}

@media screen and (max-width:980px){
  .notice_box {display: block; width:100%; height:auto; margin-bottom:30px;}
  .faq_box {display: block; width:100%; margin-left:0;}
}

@media screen and (max-width:640px){
	.notice_box .title_box .section_title {font-size:2.5rem;}
	.notice_box .notice_list {height:auto;}	
	.notice_box .notice_list .notice_item {width:100%; height:160px;}
	.notice_box .notice_list .notice_item + .notice_item {margin-left:0px;}
	.notice_box .notice_list .notice_item .link .link_inner .link_box {padding:18px;}
	.notice_box .notice_list .notice_item .link .link_inner .link_box .notice_title {height:64px; font-size:1.6rem; line-height:24px;}
	.notice_box .notice_list .notice_item .link .link_inner .link_box .date {bottom:20px; left:24px; font-size:1.6rem;}
	
	.faq_box .title_box .section_title {font-size:2.5rem;}
}

@media screen and (max-width:480px){
	.faq_box:before {display:none;}	
}


/* 메인팝업 */
.layerpopup {position:relative; max-width:1500px; margin:0 auto;}
.popup_layer {position:absolute; z-index:200; border:1px solid #d9d9d9;}
.popup_img img {max-width:100%; height:auto; vertical-align:middle;}

.popup_close {position:relative;background: #000;line-height:30px;padding: 20px;font-size:14px;}
.popup_close .btn_close {position:absolute;top:0;right:10px;text-decoration:underline;}

/*팝업 스크롤*/
#popup_POPUP_00000000000000 .popup_img {height:650px; overflow-y:scroll;}


@media screen and (max-width:740px) {
	.popup_img img {width:100% !important; height:auto !important; vertical-align:middle;}
}