@charset "UTF-8"; 

/********************************
 section01
 *******************************/
 /* section01 */
.section01 {padding:80px 0; background-color:#f6f6f6;}
.sec_innerbox {width:1500px; margin:0 auto;}
.maintop_wrap {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:60px;}
.omtitle {font-family:'OneMobile'; font-size:3.0rem;}

.maintop_wrap .quickview_box {width:76%;}
.maintop_wrap .inquiry_box {width:24%;}


/*공급신청 요금조회 자가검침*/
.maintop_wrap .quickview_box > ul {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:40px;}
.maintop_wrap .quickview_box > ul > li {width:33.3333%;}
.maintop_wrap .quickview_box > ul > li .qv_inbox {position:relative; display:block; text-decoration:none; min-height:405px; padding:40px; border-radius:40px; box-sizing:border-box;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv01 {background-color:#d7eafa;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv02 {background-color:#d7e4fa;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv03 {background-color:#d7ddfa;}
.maintop_wrap .quickview_box > ul > li .qv_inbox:before {content:''; display:block; position:absolute; bottom:10px; right:25px; width:156px; height:169px; transition:.3s; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv01:before {right:20px; background-position:0px 0px;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv02:before {background-position:-157px 0px;}
.maintop_wrap .quickview_box > ul > li .qv_inbox.qv03:before {background-position:-319px 0px;}
.maintop_wrap .quickview_box > ul > li .qv_inbox .qv_tit {margin-bottom:15px; color:#303237;}
.maintop_wrap .quickview_box > ul > li .qv_inbox p {font-size:1.8rem; color:#303237;}
.maintop_wrap .quickview_box > ul > li:hover .qv_inbox:before {bottom:15px;}

/*궁금한 게 있으신가요?*/
.maintop_wrap .inquiry_box {}
.maintop_wrap .inquiry_box .inquiry_tit {position:relative; font-size:2.4rem; margin-bottom:8px;}
.maintop_wrap .inquiry_box .inquiry_tit:before {content:''; display:block; position:absolute; right:0; top:-22px; width:66px; height:56px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-796px 0;}
.inquiry_list {display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px;}
.inquiry_list li {width:100%;}
.inquiry_list li:first-child,
.inquiry_list li:nth-child(2) {width:calc(50% - 8px);}
.inquiry_list li .iq_inbox {position:relative; display:block; padding:18px; border-radius:15px; color:#fff;}
.inquiry_list li .iq_inbox.iq01 {background-color:#4883e8;}
.inquiry_list li .iq_inbox.iq02 {background-color:#4883e8;}
.inquiry_list li .iq_inbox.iq03 {padding:18px 28px;background-color:#376ac2;}
.inquiry_list li .iq_inbox.iq04 {padding:28px; background-color:#4658ab;}

.inquiry_list li .iq_inbox span {display:block; color:#fff; font-size:1.8rem;}
.inquiry_list li .iq_inbox span:before {content:''; display:block; position:absolute; width:28px; height:28px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; }
.inquiry_list li .iq_inbox.iq01 span {position:relative; text-align:center; padding-top:30px;}
.inquiry_list li .iq_inbox.iq01 span:before {top:0px; left:50%; margin-left:-14px; background-position:0 -170px;}

.inquiry_list li .iq_inbox.iq02 span {position:relative; text-align:center; padding-top:30px;}
.inquiry_list li .iq_inbox.iq02 span:before {top:1px; left:50%; margin-left:-14px; background-position:-29px -170px;}

.inquiry_list li .iq_inbox.iq03 span {position:relative; display:block; color:#fff; font-size:1.8rem;}
.inquiry_list li .iq_inbox.iq03 span:before {right:0px; top:0px; background-position:-58px -170px;}

.inquiry_list li .iq_inbox.iq04 span {}
.inquiry_list li .iq_inbox.iq04 span.smalltit {position:relative; padding-left:35px;}
.inquiry_list li .iq_inbox.iq04 span.smalltit:before {content:''; display:block; position:absolute; top:0; left:0; width:28px; height:28px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-87px -170px;}
.inquiry_list li .iq_inbox.iq04 span.tel_num {margin:15px 0; font-weight:700; font-size:3.2rem;}
.inquiry_list li .iq_inbox.iq04 span.report_num {}


/*전출입 간편예약 신청서비스*/
.reservation_wrap {margin-top:60px;}
.reservation_wrap .rsv_tit {color:#303237;}
.reservation_wrap .rsv_txt {margin-bottom:30px;}
.reservation_wrap .rsv_box {}
.rsv_list {display:flex; flex-wrap:nowrap; justify-content:center; background-color:#ebebf1; border-radius:25px; box-shadow:1px 8px 15px rgba(198,198,208,0.6);}
.rsv_list li {position:relative; width:25%; border-left:1px solid #d9d9e7;}
.rsv_list li.rsv01 {border-left:0;}
.rsv_list li a:before {content:''; display:block; position:absolute; bottom:0px; right:30px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; transition:.3s;}
.rsv_list li.rsv01 a:before {width:96px; height:119px; background-position:-494px 0px;}
.rsv_list li.rsv02 a:before {width:78px; height:119px; background-position:-591px 0px;}
.rsv_list li.rsv03 a:before {width:63px; height:119px; background-position:-670px 0px;}
.rsv_list li.rsv04 a:before {width:61px; height:119px; background-position:-734px 0px;}
.rsv_list li .rsv_inbox {display:block; padding:40px;}
.rsv_list li .rsv_inbox .r_intit {display:block; padding-bottom:60px; font-size:2.4rem; font-weight:700; color:#27273c; letter-spacing:-1px;}
.rsv_list li .rsv_inbox .arrow {position:relative; display:block; width:38px; height:38px; background-color:#8f9fcc; border-radius:50%; transition:.3s;}
.rsv_list li .rsv_inbox .arrow:before {content:''; display:block; position:absolute; width:38px; height:38px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-116px -170px;}

.rsv_list li a:hover:before {bottom:5px;}
.rsv_list li a:hover .rsv_inbox .arrow {background-color:#6079be;}

/* media query */
@media screen and (max-width:1500px){
	.section01 {padding:80px 0px;}
	.sec_innerbox {width:100%; margin:0 auto; padding:0 20px;}
}

@media screen and (max-width:1440px){
	.maintop_wrap {gap:40px;}

	.maintop_wrap .quickview_box {width:76%;}
	.maintop_wrap .inquiry_box {width:24%;}
	
	.maintop_wrap .quickview_box > ul {gap:30px;}
}
@media screen and (max-width:1200px){
	.section01 {padding:50px 0px 80px;}
	
	.maintop_wrap {flex-wrap:wrap; gap:30px;}
	.maintop_wrap .quickview_box {width:100%;}
	.maintop_wrap .inquiry_box {width:100%;}
	.maintop_wrap .quickview_box > ul {gap:20px;}

	.inquiry_list {align-items:center;}
	.inquiry_list li {width:100%;}
	.inquiry_list li:first-child,
	.inquiry_list li:nth-child(2),
	.inquiry_list li:nth-child(3) {width:calc(33% - 9px);}
	
	.inquiry_list li .iq_inbox.iq01 span {text-align:left; padding-top:0px;}
	.inquiry_list li .iq_inbox.iq01 span:before {left:auto; margin-left:0px; right:0px;}
	
	.inquiry_list li .iq_inbox.iq02 span {text-align:left; padding-top:0px;}
	.inquiry_list li .iq_inbox.iq02 span:before {top:0px; left:auto; margin-left:0; right:0px;}
	
	.inquiry_list li .iq_inbox.iq01, .inquiry_list li .iq_inbox.iq03 {padding:18px;}
}

@media screen and (max-width:1024px){
	/*전출입 간편예약 신청서비스*/
	.reservation_wrap {margin-top: 40px;}
	.rsv_list {flex-wrap:wrap;}
	.rsv_list li {width:50%; border-bottom:1px solid #d9d9e7;}
	.rsv_list li:nth-child(odd) {border-left:0;}
	.rsv_list li:nth-child(3),
	.rsv_list li:nth-child(4) {border-bottom:0;}
	.rsv_list li .rsv_inbox {padding:30px;}
	.rsv_list li .rsv_inbox .r_intit {padding-bottom:40px;}
	.rsv_list li:before {right:25px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat;}
	.rsv_list li.rsv01 a:before {bottom:0px; width:83px; height:89px; background-position:-494px -120px;}
	.rsv_list li.rsv02 a:before {bottom:0px; width:63px; height:89px; background-position:-578px -120px;}
	.rsv_list li.rsv03 a:before {bottom:0px; width:56px; height:89px; background-position:-642px -120px;}
	.rsv_list li.rsv04 a:before {bottom:0px; width:51px; height:89px; background-position:-699px -120px;}
}

@media screen and (max-width:920px){
	.omtitle {font-size:2.7rem;}
}

@media screen and (max-width:767px){
	.section01 {padding:30px 0px 80px;}
	.omtitle {font-size:2.5rem;}

	.maintop_wrap .quickview_box > ul {flex-wrap:wrap; gap:15px;}
	.maintop_wrap .quickview_box > ul > li {width:100%;}
	.maintop_wrap .quickview_box > ul > li .qv_inbox {min-height:225px; padding:30px;}
	.maintop_wrap .quickview_box > ul > li .qv_inbox.qv01:before {width:93px; height:110px; background-position:-179px -276px;}
	.maintop_wrap .quickview_box > ul > li .qv_inbox.qv02:before {width:88px; height:110px; background-position:-273px -276px;}
	.maintop_wrap .quickview_box > ul > li .qv_inbox.qv03:before {width:101px; height:110px; background-position:-362px -276px;}
	.maintop_wrap .quickview_box > ul > li .qv_inbox .qv_tit {margin-bottom:10px;}

	.maintop_wrap .inquiry_box .inquiry_tit:before {top:-5px; width:46px; height:39px; background-position:-796px -57px;}
	.inquiry_list li .iq_inbox.iq04 span.tel_num {margin:7px 0 5px 0; font-size:3.0rem;}
	
	/*전출입 간편예약 신청서비스*/
	.reservation_wrap .rsv_txt {margin-bottom:20px;}
	.rsv_list li .rsv_inbox .r_intit {padding-bottom:30px; font-size:2.1rem;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:570px){
	.maintop_wrap .quickview_box > ul > li .qv_inbox {min-height:235px;}
	
	.inquiry_list {gap:10px;}
	.inquiry_list li:first-child,
	.inquiry_list li:nth-child(2) {width:calc(50% - 5px);}
	.inquiry_list li:nth-child(3) {width:100%;}
	.inquiry_list li .iq_inbox.iq04 {padding:18px;}
}

@media screen and (max-width:480px){
	/*전출입 간편예약 신청서비스*/
	.rsv_list li {width:100%;  border-left:0;}
	.rsv_list li.rsv03 {border-bottom:1px solid #d9d9e7;}
}



/********************************
 section02
 *******************************/
.section02 {position:relative; background-color:#3065e8;} 
.section02:before {content:''; display:block; position:absolute; top:0; left:30%; margin-left:-700px; width:680px; height:110px; background:url(../../../storyCms/kdgas/images/main/blue_bg.png) no-repeat; transition:.3s;}
.blue_listbox {position:relative; padding:24px 0;}
.blue_listbox:before {content:''; display:block; position:absolute; bottom:-1px; left:30px; width:178px; height:173px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:0 -276px;}
.blue_listbox ul {display:flex; flex-wrap:nowrap; justify-content:space-between; padding-left:25%; width:100%; gap:2%;}
.blue_listbox ul li {position:relative; width:25%; box-sizing:border-box;}
.blue_listbox ul li a {position:relative; display:inline-block; /*width:100%;*/ padding:17px 30px 17px 60px; font-family:'OneMobile'; font-size:2.1rem; color:#fff; border-radius:8px; /*border:1px solid #fff;*/ box-sizing:border-box; transition:.3s;}
.blue_listbox ul li a:before {content:''; display:inline-block; position:absolute; top:20px; left:25px; width:26px; height:26px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat;}
.blue_listbox ul li.list01 a:before {background-position:-164px -236px;}
.blue_listbox ul li.list02 a:before {background-position:-191px -236px;}
.blue_listbox ul li.list03 a:before {background-position:-218px -236px;}
.blue_listbox ul li.list04 a:before {background-position:-245px -236px;}

.blue_listbox ul li:hover {}
.blue_listbox ul li a:hover {background-color:#52f8ff; color:#181d1d; text-decoration:none;}
.blue_listbox ul li.list01 a:hover:before {background-position:-164px -209px;}
.blue_listbox ul li.list02 a:hover:before {background-position:-191px -209px;}
.blue_listbox ul li.list03 a:hover:before {background-position:-218px -209px;}
.blue_listbox ul li.list04 a:hover:before {background-position:-245px -209px;}

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

@media screen and (max-width:1300px){
	.blue_listbox ul {padding-left:18%;}
	.blue_listbox ul li a {padding:17px 20px 17px 55px;}
	.blue_listbox ul li a:before {top:20px; left:21px;}
}

@media screen and (max-width:1200px){
	.blue_listbox:before {bottom:0; left:-40px;}
	.blue_listbox ul {justify-content:center; padding-left:14%; gap:2%;}
	.blue_listbox ul li {width:50%;}
}

@media screen and (max-width:1024px){
	.section02:before {top:0; left:0; margin-left:0px;}
	.blue_listbox {position:relative; padding: 24px 0;}
	.blue_listbox:before {content:''; display:block; position:absolute; bottom:auto; top:-62px; left:50%; margin-left:-89px;}
	.blue_listbox ul {flex-wrap:wrap; justify-content:center; padding-left:0%; padding-top:90px; gap:2%;}
	.blue_listbox ul li {width:48%; margin-top:20px; }
	.blue_listbox ul li a {padding:17px 30px 17px 60px; width:100%; box-sizing:border-box; border:1px solid #fff; border-radius:8px; font-size:2.1rem;  /*background-color:#2154d3;*/}
}

@media screen and (max-width:920px){
}

@media screen and (max-width:767px){
	.blue_listbox ul li a {padding:13px 30px 13px 53px; font-size:1.8rem;}
	.blue_listbox ul li a:before {top:12px; left:18px;}
}

@media screen and (max-width:640px){
	.section02:before {left:-28%;}
}

@media screen and (max-width:560px){
	.section02:before {left:-48%;}
}

@media screen and (max-width:480px){
	.section02:before {left:-60%;}
	.blue_listbox ul li {width:100%; margin-top:20px;}
}

@media screen and (max-width:390px){
	.section02:before {left:-80%;}
}




/********************************
 section03 알림존 및 메뉴6개
 *******************************/
.section03 {padding:70px 0; background-color:#fff;} 
.section03 > .sec_innerbox {display:flex; flex-wrap:nowrap; justify-content:center; gap:30px; box-sizing:border-box;}
.alrim_box {position:relative; width:50%; min-height:380px;}
.baro_box {display:flex; align-items:center; width:50%; padding:40px; border-radius:40px; background-color:#e9efff;}

.alrim_box .slider {display:block; position:relative; overflow:hidden; border-radius:40px; background:#fff;}
.alrim_box li > a {overflow:hidden; display:block; position:relative; height:39.8rem;}
.alrim_box li > a img {display:block; width:100%; height:100%;}

.alrim_box .control {position:absolute; bottom:20px; right:20px; z-index:30;}
.alrim_box .control > dl {}
.alrim_box .control > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.alrim_box .control > dl dd .ctrl_cont,
.alrim_box .control > dl dd a {position:relative; display:block; width:40px; height:40px; box-sizing:border-box; background-color:#fff; border-radius:13px; margin-left:10px; box-shadow:1px 1px 10px rgba(0,0,0,0.65);}
.alrim_box .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; background-image:url(../../../storyCms/kdgas/images/main/main_ir.png); background-repeat:no-repeat;}
.alrim_box .control > dl dd a.ctrl_prev:before {background-position:0px -209px;}
.alrim_box .control > dl dd a.ctrl_stop:before {background-position:-41px -209px;}
.alrim_box .control > dl dd a.ctrl_play:before {background-position:-123px -209px;}
.alrim_box .control > dl dd a.ctrl_next:before {background-position:-82px -209px;}
.alrim_box .control > dl dd span.ctrl_cont {display:inline-flex; width:71px; justify-content:center; align-items:center; line-height:42px; color:#333; font-weight:600; font-size:1.6rem;}
.alrim_box .control > dl dd span.ctrl_cont strong {padding-right:3px; font-weight:600;}

.baro_box .baro_list {display:flex; flex-wrap:wrap; justify-content:center; gap:13px;}
.baro_box .baro_list > li {width:48%; box-sizing:border-box;}
.baro_box .baro_list > li a {position:relative; display:block; padding:30px; text-decoration:none; font-family:'OneMobile'; font-size:2.0rem; background-color:#fff; border-radius:10px; border:1px solid #e3e8eb; box-sizing:border-box;}
.baro_box .baro_list > li a:after {content: ''; position:absolute; top:50%; right:30px; transform:translate(0, -50%); width:21px; height:20px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-155px -170px;}
.baro_box .baro_list > li a:hover {padding:27px; border:3px solid #3065e8; color:#3065e8; box-sizing:border-box;}
.baro_box .baro_list > li a:hover:after {background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-177px -170px;}

/* media query */
@media screen and (max-width:1200px){
	.section03 {padding:50px 0;} 
	.section03 > .sec_innerbox {flex-wrap:wrap;}
	
	.alrim_box {width:100%; min-height:385px;}
	.alrim_box .slider {border-radius:30px;}
	.alrim_box li > a {height:60.5rem; transition:.3s;}
	.baro_box {width:100%; padding:30px; border-radius:30px;}
	.baro_box .baro_list > li a {padding:20px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
	.alrim_box {min-height:200px;}
	.alrim_box .slider {}
	.alrim_box li > a {height:500px;}
	
	.baro_box .baro_list > li a {padding:20px;}
	.baro_box .baro_list > li a:after {right:20px;}
}

@media screen and (max-width:767px){
	.section03 {padding:40px 0;} 
	.alrim_box li > a {height:380px;}
}

@media screen and (max-width:640px){
	.alrim_box li > a {height:310px;}
	.alrim_box .control {bottom:15px; right:15px;}
	.alrim_box .control > dl dd .ctrl_cont,
	.alrim_box .control > dl dd a {width:30px; height:30px; margin-left:5px; border-radius:10px;}
	
	.baro_box .baro_list {gap:10px;}
	.baro_box .baro_list > li {width:100%;}
	.baro_box .baro_list > li a {padding:18px; font-size:1.8rem;}
}

@media screen and (max-width:480px){
	.alrim_box li > a {height:250px;}
	.baro_box .baro_list > li a {padding:15px; font-size:1.7rem;}
}

@media screen and (max-width:380px){
	.alrim_box li > a {height:210px;}
}



/********************************
 section04 공지사항
 *******************************/
.section04 {background-color:#244188;} 
.notice_box {padding-top:80px;}
.noti_inbox {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:100px;}

.noti_inbox .title {width:150px;}
.noti_inbox .title > h3 {font-size:2.2rem; margin-bottom:10px; color:#fff;}
.noti_inbox .title > h3 span {display:block; font-family:'OneMobile'; font-size:4.0rem;}
.noti_inbox .title > .more_btn {margin-top:130px; }
.noti_inbox .title > .more_btn a {position:relative; display:block; padding:18px 35px 18px 28px; color:#fff; border:1px solid #fff; border-radius:15px; transition:.3s; box-sizing:border-box;}
.noti_inbox .title > .more_btn a:before {content:''; display:block; position:absolute; top:24px; right:28px; width:14px; height:14px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-225px -170px;}
.noti_inbox .title > .more_btn:hover a {background-color:#fff; text-decoration:none; font-weight:500; color:#244188;}
.noti_inbox .title > .more_btn:hover a:before {background-position:-225px -185px;}

.noti_inbox .postbox {padding:50px; width:calc(100% - 150px); min-height:440px; background-color:#f08300; border-top-left-radius:40px; border-top-right-radius:40px;}
.noti_inbox .postbox ul {display:flex; justify-content:space-between; gap:20px;}
.noti_inbox .postbox ul li {width:33%;}
.noti_inbox .postbox ul li .post_inner {position:relative; display:block; padding:40px; border-radius:20px; background-color:#fff;}
.noti_inbox .postbox ul li .post_inner .p_tit {overflow:hidden; display:block; height:60px; margin-bottom:25px; color:#121212; font-weight:500; font-size:2.2rem; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.noti_inbox .postbox ul li .post_inner .p_txt {overflow:hidden; min-height:78px; margin-bottom:0; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.noti_inbox .postbox ul li .post_inner .p_date {position:relative; display:inline-block; margin-top:70px; padding-left:30px; font-size:1.8rem; color:#999;}
.noti_inbox .postbox ul li .post_inner .p_date:before {content:''; display:inline-block; position:absolute; top:2px; left:0; width:21px; height:21px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-240px -170px;}
.noti_inbox .postbox ul li .post_inner .p_con {display:block; display:block; position:absolute; bottom:0; right:0; font-size:0; width:0;}
.noti_inbox .postbox ul li .post_inner .p_con:before {content:''; display:block; position:absolute; bottom:40px; right:40px; width:25px; height:24px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-199px -170px;}

/* media query */
@media screen and (max-width:1500px){
	.noti_inbox .postbox {padding:40px; min-height:420px;}
}

@media screen and (max-width:1200px){
	.noti_inbox {gap:30px;}
	.noti_inbox .postbox {min-height:400px;}
	.noti_inbox .postbox ul li .post_inner {padding:30px;}
	.noti_inbox .postbox ul li .post_inner .p_con:before {bottom:30px; right:30px;}
}

@media screen and (max-width:1024px){
	.noti_inbox .postbox ul {justify-content:center;}
	.noti_inbox .postbox ul li {width:49%;}
	.noti_inbox .postbox ul li:last-child {display:none}
}

@media screen and (max-width:920px){
	.notice_box {padding-top:60px;}
	.noti_inbox {flex-wrap:wrap; justify-content:center; gap:40px; width:100%;}
	.noti_inbox .title {width:unset;}
	.noti_inbox .title > h3 {text-align:center;}
	.noti_inbox .title > .more_btn {margin-top:20px;}
	
	
	.noti_inbox .postbox {width:100%; min-height:300px;}
	.noti_inbox .postbox ul {flex-direction:column;}
	.noti_inbox .postbox ul li {width:100%;}
	.noti_inbox .postbox ul li:last-child {display:block;}
	
	.noti_inbox .postbox ul li .post_inner .p_tit {margin-bottom:20px;}
	.noti_inbox .postbox ul li .post_inner .p_txt {min-height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.noti_inbox .postbox ul li .post_inner .p_date {margin-top:20px;}
	.noti_inbox .postbox ul li .post_inner .p_con:before {bottom:20px; right:20px;}
}

@media screen and (max-width:767px){
	.notice_box {padding-top:40px;}
	.noti_inbox .title > h3 {font-size:1.9rem;}
	.noti_inbox .title > h3 span {font-size:3.2rem;}
	.noti_inbox .title > .more_btn {padding:0;}
	.noti_inbox .title > .more_btn a {padding:15px 35px 15px 18px; border-radius:10px;}
	.noti_inbox .title > .more_btn a:before {top:18px; right:18px;}
	.noti_inbox .postbox {padding:25px; border-top-left-radius:30px; border-top-right-radius:30px;}
	.noti_inbox .postbox ul li .post_inner {padding:20px; border-radius:13px;}
	.noti_inbox .postbox ul li .post_inner .p_tit {height:55px;margin-bottom:15px; font-size:2.0rem;}
	.noti_inbox .postbox ul li .post_inner .p_date {padding-left:22px; font-size:1.6rem;}
	.noti_inbox .postbox ul li .post_inner .p_date:before {top:3px; left:0; width:16px; height:16px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat; background-position:-262px -170px;}
	
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.noti_inbox .title > h3 {font-size:1.8rem;}
	.noti_inbox .title > h3 span {font-size:3.0rem;}
	.noti_inbox .postbox ul li .post_inner .p_tit {min-height: 52px;margin-bottom:10px;font-size:1.9rem;}
}



/********************************
 section05 관련사이트
 *******************************/
.section05 {padding:40px 0; background-color:#fff;} 

.lolbn_box {position:relative; box-sizing:border-box;}
.lolbn_box .lolbn_inbox {display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center;}
.lolbn_box .lol_tit {font-size:2.0rem; font-weight:600;}
.lolbn {width: calc(100% - 190px);}
.lolbn > ul {overflow:hidden; padding-left:50px; display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:30px;}
.lolbn > ul li {display:block; margin-right:30px; text-align:center; box-sizing:border-box;}
.lolbn > ul li a {display:block; width:100%;/*padding:12px 20px;*/ padding:12px 0; border-radius:50px; letter-spacing:-1px; text-decoration:none; background-color:#ededed;}

/* pager */
.lolControl {width:105px;}
.lolb_ctrl {}
.lolb_ctrl > dl {display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center;}
.lolb_ctrl > dl dd {position:relative; display:inline-block; margin:0 5px;}
.lolb_ctrl > dl dd .ctrl_cont,
.lolb_ctrl > dl dd a {position:relative; display:block; width:24px; height:24px; box-sizing:border-box; color:#444;}
.lolb_ctrl > dl dd a:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(../../../storyCms/kdgas/images/main/main_ir.png) no-repeat;}
.lolb_ctrl > dl dd a.ctrl_prev:before {background-position:0 -250px;}
.lolb_ctrl > dl dd a.ctrl_stop:before {background-position:-50px -250px;}
.lolb_ctrl > dl dd a.ctrl_play:before {background-position:-75px -250px;}
.lolb_ctrl > dl dd a.ctrl_next:before {background-position:-25px -250px;}

/* media query */
@media screen and (max-width:1240px) {
	.lolControl {width:110px;}
	.lolbn_box .lol_tit {display:none;}
	
	.lolbn {width:calc(100% - 110px);}
}

@media screen and (max-width:1024px) {
	.section05 {padding:30px 0;}
	.lolbn_box .lol_tit {display:none;}
	.lolbn {width:calc(100% - 110px);}
	.lolbn > ul {padding-left:0px; gap:10px;}
	.lolbn > ul li {margin-right:10px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.section05 {padding:23px 0;}
	.lolControl {padding:12px 0;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}








/********************************
 검색결과
 *******************************/
.searchResult {}
.searchResult .inner {}

.searchResult .top {position:relative;}
.searchResult .searchBox {position:relative;}
.searchResult .searchBox:before {content:''; position:absolute; left:0; top:0; width:100vw; height:100%; background:linear-gradient(-135deg, #ef9412 5%, #8f5d3e 40%, #3a5396 75%, #1263f0 90%); opacity:0.1; z-index:-1;}


/*검색창 열림*/
.searchBox {display:block; margin:0; width:100%; border:none;}
.searchBox form {position:relative; margin:0 auto; padding:97px 0; width:760px;}
.searchBox fieldset {posirion:relative;}
.searchBox .srch_txt {position:relative; display:block; padding:3px; border-width:0; border-color:transparent; border-radius:30px; background-origin:border-box; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #1b69f1 5%, #5d78af 30%, #ef981c 65%, #f0981b 90%); background-clip:content-box, border-box; box-shadow:8px 6px 20px 0 rgb(125 125 125 / 7%);}
.searchBox .srch_txt:before {content:''; position:absolute; left:25px; top:50%; margin-top:-19px; width:37px; height:38px; background:url(../images/k_logo.png) 0 0 no-repeat; z-index:1;}
.searchBox .srch_txt input {position:relative; padding:0 50px 0 70px; width:100%; height:70px; line-height:40px; border-radius:28px; border:none; font-size:2.2rem; font-weight:500; background:none;}
.searchBox .srch_txt input:-webkit-autofill,
.searchBox .srch_txt input:-webkit-autofill:hover,
.searchBox .srch_txt input:-webkit-autofill:focus,
.searchBox .srch_txt input:-webkit-autofill:active {-webkit-box-shadow:0 0 0 1000px #fff inset; -webkit-text-fill-color:#333;}
.searchBox .btn_sch {position:absolute; right:-25px; top:105px; width:60px; height:60px; background-color:#1351b8; border-radius:20px;}
.searchBox .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; width:24px; height:24px; background:url(../images/icon_sch2.png) 0 0 no-repeat;}
.searchBox .srchclose {position:absolute; bottom:-30px; left:50%; margin-left:-30px;}
.searchBox .srchclose .c_btn {position:relative; width:60px; height:60px; background-color:#333; border-radius:50%;}
.searchBox .srchclose .c_btn:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; width:20px; height:20px; background:url(../images/top_ir.png) -26px 0 no-repeat;}


/*컨텐츠 영억*/
.bottom {padding:50px 0;}
.bottom .info_txtbox {margin-bottom:20px;}

.resultBox .title {margin-bottom:20px; font-size:2.4rem; font-family:'OneMobile';}
.resultBox > div {padding:30px 0; border-bottom:1px dashed #aaa;}
.resultBox > div:last-child {border-bottom:0;}

.schList li {position:relative; padding:3px 0 3px 18px; font-family:'OneMobile';}
.schList li:before {content:''; position:absolute; left:0; top:14px; width:10px; height:2px; background-color:#555;} 

.boardList .listBox {margin-top:30px;}
.boardList .listBox:first-child {margin-top:0;}

.boardList .listBox a {display:block;}
.boardList .listBox a:hover,
.boardList .listBox a:active,
.boardList .listBox a:focus {text-decoration:none;}
.listBox a .titBox .tit {font-size:2.0rem; font-family:'OneMobile';}
.listBox a .titBox .time {position:relative; margin-left:10px; padding-left:20px; font-size:1.5rem;}
.listBox a .titBox .time:before {content:''; position:absolute; left:0; top:2px; width:15px; height:15px; background:url(/storyCms/bbs/images/icon/icon_cld.png) 0 0 no-repeat;}

.listBox a .txtBox {overflow:hidden; margin:10px 0 15px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.listBox a .navBox {position:relative; padding-left:25px;}
.listBox a .navBox:before {content:''; position:absolute; left:0; top:50%; display:inline-block; width:20px; height:20px; margin-top:-11px; background:url(../images/schBoard_ir.png) 0 0 no-repeat;}

/* media query */
@media screen and (max-width:1520px){
	.bottom {padding:50px 40px;}
}


@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.bottom {padding:40px 40px;}
}

@media screen and (max-width:920px){ 
	.searchBox form {padding:80px 50px 80px 30px; width:100%;}
	.searchBox .srch_txt input {font-size:2.0rem;}
	.searchBox .btn_sch {right:25px; top:88px;}
	
	.listBox a .navBox {padding-left:20px;}
	.listBox a .navBox:before {margin-top:-8px; width:15px; height:15px; background-position:-21px 0;}
}

@media screen and (max-width:767px){
	.bottom {padding:30px 20px;}
	
	.resultBox .title {margin-bottom:10px; font-size:2.0rem;}
	.listBox a .titBox .tit {font-size:1.8rem;}
	.listBox a .titBox .time {display:block; margin-left:0; margin-top:5px;}
}

@media screen and (max-width:640px){
	.bottom {padding:25px 20px;}
	
	.searchBox form {padding:60px 50px 60px 30px;}
	.searchBox .srch_txt {border-radius:25px;}
	.searchBox .srch_txt input {height:60px; font-size:1.6rem; border-radius:23px;}
	.searchBox .btn_sch {top:70px; width:50px; height:50px; border-radius:15px;}
}

@media screen and (max-width:480px){
	.searchBox .srch_txt:before {left:15px; margin-top:-15px; width:30px; height:31px; background-size:100%;}
	.searchBox .srch_txt input {padding:0 30px 0 50px;}
}

/********************************
 페이징
 *******************************/
#paginateDiv {text-align:center;}

.pageingDiv {text-align:center;}
.pagination {display:inline-block; margin:40px 0 0;}
.pagination > li {display:inline-block; min-width:40px; margin:2px;}

.pagination > li > a,
.pagination > li > span {display:block; float:none !important; position:relative; margin:0; padding:0; line-height:40px; color:#555; border-radius:8px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}

.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:active, .pagination > li > span:active,
.pagination > li > a:focus,
.pagination > li > span:focus {color:#0065aa; text-decoration:underline; border-color:#0065aa; border-radius:8px; background-color:#fff; transition:border-color 0.2s linear;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:active,
.pagination > .active > span:active,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; cursor:default; border-color:#0065aa; background-color: #0065aa; }

.pagination > li > .btn {}
.pagination > li > .btn:active {box-shadow:none;}
.pagination > li > .btn.first,
.pagination > li > .btn.prev,
.pagination > li > .btn.next,
.pagination > li > .btn.last {text-indent:-9999px;}
.pagination > li > .btn:before {content:''; display:none; position:absolute; left:10px; top:9px; width:20px; height:20px; background-image:url(../../../storyCms/bbs/images/icon_paging_ir.png); background-repeat:no-repeat;}

.pagination > li > .btn.first:before {display:block; background-position:0 0;}
.pagination > li > .btn.prev:before {display:block; background-position:0 -21px;}
.pagination > li > .btn.next:before {display:block; background-position:0 -42px;}
.pagination > li > .btn.last:before {display:block; background-position:0 -63px;}

.pagination > li > .btn.first:hover:before,
.pagination > li > .btn.first:active:before,
.pagination > li > .btn.first:focus:before {display:block; background-position:-42px 0;}
.pagination > li > .btn.prev:hover:before,
.pagination > li > .btn.prev:active:before,
.pagination > li > .btn.prev:focus:before {display:block; background-position:-42px -21px;}
.pagination > li > .btn.next:hover:before,
.pagination > li > .btn.next:active:before,
.pagination > li > .btn.next:focus:before {display:block; background-position:-42px -42px;}
.pagination > li > .btn.last:hover:before,
.pagination > li > .btn.last:active:before,
.pagination > li > .btn.last:focus:before {display:block; background-position:-42px -63px;}


.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size: 18px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;	font-size: 12px;}

.pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
.pager li {display: inline;}
.pager li > a, .pager li > span {display: inline-block;	padding: 5px 14px; background-color: #fff; border: 1px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #eee;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #777; cursor: not-allowed; background-color: #fff;}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.pagination > li {min-width:36px;}
	.pagination > li > a,
	.pagination > li > span {line-height:36px; font-size:1.3rem}
	.pagination > li > .btn:before {left:8px; top:8px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.pagination > li {min-width:30px;}
	.pagination > li > a,
	.pagination > li > span {line-height:30px; font-size:1.2rem}
	.pagination > li > .btn:before {left:5px; top:4px;}
}