.wrap .header .menu_bg.add20230327 .menu{justify-content: center;}
.menu-list-bg{z-index: 190;}
.menu_list.new-style01 .gnb_dep2_box{z-index: 200;}
.foot-tx-break{margin: 0 10px;}

.container{background: #fff; padding-bottom: 50px;}
.container + .footer{margin-top: 0;}

.main-contants{width: 96%; max-width: 1316px; margin: 0 auto;}

.m-vsl-bx{position: relative; margin: 0 auto;}
.m-vsl-ls .slick-slide img{width: 100%;}
.m-vsl-ls .slick-slide .mo{display: none;}
.m-vsl-bx .arr a{position: absolute; font-size: 0; width: 25px; height: 61px; top: 50%; margin-top: -30px; background: center center no-repeat; background-size: 100%;}
.m-vsl-bx .arr .prev{right: 100%; margin-right: 35px; background-image: url(/resource/images/vsl_arr1.png);}
.m-vsl-bx .arr .next{left: 100%; margin-left: 35px; background-image: url(/resource/images/vsl_arr2.png);}

.m-vsl-bx .cnt{position: absolute; left: 0; bottom: 5%;}
.m-vsl-bx .count{display: inline-block; width: 60px; text-align: center; font-size: 16px; color: #555; line-height: 20px;}
.m-vsl-bx .count > strong{font-weight: 400; color: #000;}
.m-vsl-bx .scr{display: inline-block; width: 200px; height: 2px; background: #ddd; position: relative;}
.m-vsl-bx .scr > span{position: absolute; left: 0; top: 0; bottom: 0; background: #000; transition: .5s;}
.m-vsl-bx .ap-bt{display: inline-block; }
.m-vsl-bx .ap-bt .play{display: none;}

.m-link{margin-top: 20px; display: flex; justify-content: space-between;}
/* 20230616 */
.m-link .link-bk{display: flex;align-items: flex-start;justify-content: flex-start;width: calc(70% - 20px);background: #f1f1f1;border: 1px solid #e6e6e6;padding: 60px 14px;border-radius: 20px;flex-wrap:wrap;}
.m-link .link-bk .box-tp{width: 100%;flex: 1 1 auto;line-height: 1.5;}
.m-link .link-bk .box-tp > ul > li{position:relative;padding-left: 30px;}
.m-link .link-bk .box-tp > ul > li > a{font-size: 30px;color: #262626;line-height: 1.2;}
.m-link .link-bk .box-tp > ul > li::before{content:"";position:absolute;top: 6px;left:0;width:0;height:0;border: 16px solid transparent;border-left-color:#000;}
.m-link .link-bk .mypage{width: 100%;flex:1 1 auto;margin-top:20px;padding-left: 20px;line-height: 1.5;font-size: 20px;}
/* //20230616 */
.m-link-ls{ display: flex; width: 100%; justify-content: space-around; }
.m-link-ls > li > a{display: block; width: 100px; text-align: center;}
.m-link-ls > li > a .ic{display: flex;     align-items: center; justify-content: center; height: 92px; background: #fff; padding: 5px; border-radius: 10px;}
.m-link-ls > li > a .tx{display: block; font-family: 'ROKAFSansRegular'; font-weight: 400; font-size: 20px; line-height: 24px; margin-top: 10px;}
.m-link-ls > li > a .tx > span{display: inline-block;}

.m-link .tel-bk{width: 30%; }
.m-tel-ls > li{display: flex; justify-content: space-between;     align-items: center; letter-spacing: -1px; background: #f1f1f1;  border: 1px solid #e6e6e6; padding: 30px; border-radius: 20px;}
.m-tel-ls > li + li{margin-top: 20px;}
.m-tel-ls > li > div{font-size: 20px; color: #262626; line-height: 1.2;}
.m-tel-ls > li > div > b{font-weight: 400;}
.m-tel-ls > li > div > span{font-family: 'ROKAFSansRegular'; display: block; font-size: 16px; color: #585858; margin-top: 6px;}
.m-tel-ls > li > p{font-size: 24px; color: #282828; }


@media screen and (max-width: 1440px){
.m-vsl-bx{padding: 0 30px;}
.m-vsl-bx .arr a{width: 20px;}
.m-vsl-bx .arr .prev{ margin-right: -20px;}
.m-vsl-bx .arr .next{margin-left: -20px;}
.m-vsl-bx .cnt{left: 30px;}

.m-tel-ls > li{padding: 24px;}
}

@media screen and (max-width: 1024px){
.wrap .header .logo a img{width: 578px;}
.wrap .header .menu_bg.add20230327{padding: 0; border-top: none; position: relative;}
.btn_mobile_menu{float: none; position: absolute; right: 15px; top: -48px; width: 30px; height: 22px; background-position: center 58%; background-size: auto;}

.main-contants{width: calc(100% - 30px);}

.m-link-ls > li > a{width: 80px;}
.m-link-ls > li > a .ic{height: 70px;}
.m-link-ls > li > a .ic img{max-width: 50px; max-height: 50px;}
.m-link-ls > li > a .tx{font-size: 16px; line-height: 20px;}
.m-tel-ls > li{padding: 18px;}
.m-tel-ls > li > div > b{font-size: 18px;}
.m-tel-ls > li > div > span{font-size: 14px;}
.m-tel-ls > li > p{font-size: 20px;}

.pop_wrap .pop_inner nav ul li a img{height:30px !important;} /* 20230616 */
}

@media screen and (max-width: 900px){
.m-link{ flex-wrap: wrap;}
.m-link .link-bk{width: 100%;}
.m-link-ls{    flex-wrap: wrap;}
.m-link-ls > li{padding: 10px 0; width: 33.33%;}
.m-link-ls > li > a{width: 80%; margin: 0 auto;}
.m-link-ls > li > a .ic{height: 120px;}
.m-link-ls > li > a .ic img{max-width: 100%; max-height: none;}
.m-link-ls > li > a .tx{font-size: 20px; line-height: 24px;}
.m-link .tel-bk{width: 100%; }
.m-tel-ls{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-tel-ls > li{margin-top: 20px;     width: calc(50% - 10px);}
}


@media screen and (max-width: 768px){
.wrap .header .logo{display: flex; height: 68px; padding: 0 15px; align-items: center;  justify-content: center;}
.wrap .header .logo a img{width: 460px;}
.btn_mobile_menu{top: -44px}

.m-vsl-bx{padding: 20px 0 0;}
.m-vsl-ls .slick-slide .pc{display: none;}
.m-vsl-ls .slick-slide .mo{display: block;}
.m-vsl-bx .arr{display: none;}
.m-vsl-bx .cnt{position: static; text-align: center; margin-top: 5px;}

.m-link-ls > li > a .ic{max-width: 100px; height: 90px; margin: 0 auto;}
.m-tel-ls > li{width: 100%;}
}

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

.foot-tx-break{margin: 0 ; display: block; font-size: 0;     line-height: 0;}
}

@media screen and (max-width: 450px){
.m-vsl-bx .scr{width: 180px;}
.m-link-ls > li > a{}
.m-link-ls > li > a .ic{max-width: 80px; height: 70px;}
.m-link-ls > li > a .ic img{max-width: 50px; max-height: 50px;}
.m-link-ls > li > a .tx{font-size: 16px; line-height: 20px;}
}
/*20230518 추가*/

@media screen and (min-width: 1025px){
.wrap .header .header_tab, .wrap .header .menu_bg .menu{width: calc(100% - 40px); max-width: 1300px; margin: 0 auto;}
.wrap .header .menu_bg{border-left: none; border-right: none;}
.wrap .footer .foot .foot_list, .wrap .footer .address{width: calc(100% - 40px); max-width: 1300px; margin: 0 auto;}
}



@font-face {
	font-family: 'OneMobile';
	font-weight: 400;
	font-style: normal;
	src: url('./font/OneMobileRegular.eot');
	src: url('./font/OneMobileRegular.eot?#iefix') format('embedded-opentype'),
		 url('./font/OneMobileRegular.woff2') format('woff2'),
		 url('./font/OneMobileRegular.woff') format('woff'),
		 url('./font/OneMobileRegular.ttf') format("truetype");
}
@font-face {
	font-family: 'OneMobile';
	font-weight: 800;
	font-style: normal;
	src: url('./font/OneMobileBold.eot');
	src: url('./font/OneMobileBold.eot?#iefix') format('embedded-opentype'),
		 url('./font/OneMobileBold.woff2') format('woff2'),
		 url('./font/OneMobileBold.woff') format('woff'),
		 url('./font/OneMobileBold.ttf') format("truetype");
}
@font-face {
	font-family: 'OneMobileTitle';
	font-style: normal;
	src: url('./font/OneMobileTitle.eot');
	src: url('./font/OneMobileTitle.eot?#iefix') format('embedded-opentype'),
		 url('./font/OneMobileTitle.woff2') format('woff2'),
		 url('./font/OneMobileTitle.woff') format('woff'),
		 url('./font/OneMobileTitle.ttf') format("truetype");
}


.page-title{display: flex; justify-content: center;  align-items: center; height: 220px; font-family: 'OneMobile'; font-weight: 600; font-size: 50px; color: #fff; background: url(/resource/images/subPg_tit_bg.jpg) center center no-repeat; background-size: cover; padding: 0 10px;}
.con-wp{width: calc(100% - 40px); max-width: 1300px; margin: 0 auto; padding-top: 60px; font-family: 'ROKAFSansMedium', sans-serif;}

.tab-box.nw23{margin: 0 0 30px; font-family: 'OneMobile';}
.tab-box.nw23 .tab-ls{justify-content: center;}
.tab-box.nw23 .tab-ls > li{    flex-grow: 0; width: 210px;}
.tab-box.nw23 .tab-ls > li > p > a{background: #f0f0f0; color: #333; font-size: 28px;     border-radius: 16px;}
.tab-box.nw23 .tab-ls > li.on > p > a{border: none; background: #36b0d1; font-weight: 600; color: #fff;}

.tx-pic-bx{display: table; width: 100%; table-layout: fixed; word-break: break-all; margin-bottom: 60px; padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.tx-pic-bx > div{display: table-cell; vertical-align: middle; }
.tx-pic-bx .tx{letter-spacing: -1px;}
.tx-pic-bx .tx .big{font-size: 40px; color: #1a1a1a; line-height: 1.2; margin-bottom: 40px;  word-break: keep-all;}
.tx-pic-bx .tx .big > strong{display: block; font-size: 52px; font-weight: 400;}
.tx-pic-bx .tx{font-size: 19px; color: #393939; line-height: 29px; word-break: keep-all;}
.tx-pic-bx .tx > * + p{margin-top: 30px;}
.tx-pic-bx .tx > p + ul{margin-top: 20px;}
.tx-pic-bx .tx .p2-idt > li{padding-left: 18px; text-indent: -18px;}
.tx-pic-bx .tx .p2-idt > li > *{text-indent: 0;}
.tx-pic-bx .tx .sp-tx-ls > li{display: table;}
.tx-pic-bx .tx .sp-tx-ls > li + li{margin-top: 4px;}
.tx-pic-bx .tx .sp-tx-ls > li > .ti{display: table-cell; vertical-align: top; white-space: nowrap; padding-right: 4px;}
.tx-pic-bx .tx .sp-tx-ls > li > .ti > span{display: inline-block;  background: #36b0d1; font-weight: 600;     color: #fff; padding: 0 4px; border-radius: 4px;}
.tx-pic-bx .tx .sp-tx-ls > li > .con{display: table-cell; vertical-align: top;}
/*GFGF by kyb on 2025.07.25: 줄간격 조절*/
.tx-pic-bx .tx .sp-tx-ls > li > .con > ul > li{padding-left: 16px; text-indent: -10px;}
.tx-pic-bx .tx .sp-tx-ls > li > .con > ul > li > *{text-indent: 0;}
.tx-pic-bx .tx .sp-tx-ls > li.block{display: block;}
.tx-pic-bx .tx .sp-tx-ls > li.block > .ti{display: block;}
.tx-pic-bx .tx .sp-tx-ls > li.block > .con{display: block;}

.tx-pic-bx .pic{width: 45%; padding-left: 2%; text-align: center;}

.bi1-tbx-nw23{padding: 0; background: #fff; display: table; width: 100%; letter-spacing: -1px; border: 1px solid #dedede;     border-radius: 20px;}
.bi1-tbx-nw23 > .ti{display: table-cell; vertical-align: middle; width: 24%; padding: 0 8px; text-align: center; border-right: 1px solid #dedede; position: relative; font-family: 'ROKAFSansBold'; font-size: 30px; color: #36b0d1;}
.bi1-tbx-nw23 > .ti:after{content: ''; position: absolute; width: 11px; height: 21px; top: 50%; right: -11px; background: url(/resource/images/bi1_tbx_nbg.jpg) no-repeat; margin-top: -10px;}
.bi1-tbx-nw23 > .con{display: table-cell; vertical-align: middle; padding: 30px 3.5%; font-size: 18px; color: #333; line-height: 1.2;}
.bi1-tbx-nw23 > .con .big{font-size: 26px; }
.bi1-tbx-nw23 > .con > p{word-break: keep-all;}
.bi1-tbx-nw23 > .con > p + p{margin-top: 4px;}

.bi1-ils-n23{display: flex; flex-wrap: wrap;     justify-content: space-between; letter-spacing: -1px;}
.bi1-ils-n23 > li{width: 32%; margin-bottom: 2%; background: #f1f1f1; border: 1px solid #e6e6e6;     border-radius: 10px;}
.bi1-ils-n23 > li > dl{min-height: 0;}
.bi1-ils-n23 > li > dl > dt{float: none; display: flex; align-items: center;  height: 100px; padding: 20px 24px; position: relative; font-size: 26px; font-weight: 600; border-bottom: 1px solid #fff; border-radius: 10px 10px 0 0;}
.bi1-ils-n23 > li > dl > dt:after{content: ''; position: absolute; right: 24px; top: 0; bottom: 0; width: 70px; background: center center no-repeat;}
.bi1-ils-n23 > li > dl > dd{float: none; display: block; padding: 24px; font-weight: 600; font-size: 18px; color: #222; line-height: 28px; word-break: keep-all;}
.bi1-ils-n23 > li > dl > dd > ul > li > ul > li{font-size: 16px; color: #585858;}
.bi1-ils-n23 > li > dl > dd > ul + p{margin-top: 28px;}
/*GFGF by kyb on 2025.07.25: 줄간격 조절*/
.bi1-ils-n23 > li > dl > dd .idt > li{padding-left: 16px; text-indent: -10px;}
.bi1-ils-n23 > li > dl > dd .idt > li *{text-indent: 0;}
.bi1-ils-n23 > li > dl > dd .idt > li .idt2{margin-left: -10px;}
.bi1-ils-n23 > li > dl > dd .idt > li .idt2 > li{padding-left: 10px; text-indent: -10px;}
.bi1-ils-n23 > li > dl > dd .idt > li .idt2 > li *{text-indent: 0;}
.bi1-ils-n23 > li > dl > dd .btbx{margin-top: 18px; }
.bi1-ils-n23 > li > dl > dd .btbx > a{display: inline-block; background: #36b0d1; color: #fff; padding: 6px 20px; border-radius: 20px;}
.bi1-ils-n23 > li > dl > dd .btbx > a > i{display: inline-block; vertical-align: top; font-family: 'dotum'; margin-left: 6px;}
.bi1-ils-n23 > li > dl.ic1 > dt:after{background-image: url(/resource/images/bi1_ic_n1.png);}
.bi1-ils-n23 > li > dl.ic2 > dt:after{background-image: url(/resource/images/bi1_ic_n2.png);}
.bi1-ils-n23 > li > dl.ic3 > dt:after{background-image: url(/resource/images/bi1_ic_n3.png);}
.bi1-ils-n23 > li > dl.ic4 > dt:after{background-image: url(/resource/images/bi1_ic_n4.png);}
.bi1-ils-n23 > li > dl.ic5 > dt:after{background-image: url(/resource/images/bi1_ic_n5.png);}
.bi1-ils-n23 > li > dl.ic6 > dt:after{background-image: url(/resource/images/bi1_ic_n6.png);}

.btn-md-n23{display: inline-block; background: #36b0d1; font-weight: 600; font-size: 20px; color: #fff; line-height: 34px; padding: 10px 30px; border-radius: 10px;}

.n-tab-list{border-left: 1px solid #dedede; display: flex; padding-top: 1px;}
.n-tab-list > li{width: 50%; flex-grow: 1; border: 1px solid #dedede; border-left: none; margin-top: -1px; position: relative;}
.n-tab-list > li > p{display: table; width: 100%; height: 52px;}
.n-tab-list > li > p > a{display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; color: #585858; word-break: keep-all; line-height: 24px; padding: 2px;}
.n-tab-list > li.on{border-color: #36b0d1; z-index: 1;}
.n-tab-list > li.on:before{content: ''; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 1px; background: #36b0d1;}

.faq-ls > li{    border-bottom: 1px solid #d9d9d9;}
.faq-ls > li .qbx > a:after{background: url(/resource/images/faq_ls_arr1.png) center center no-repeat;}
.faq-ls > li.on .qbx > a:after{background: url(/resource/images/faq_ls_arr2.png) center center no-repeat;}
.faq-ls .qbx .sim, .faq-ls .abx .sim{display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; font-family: 'OneMobileTitle'; font-weight: 400; font-size: 24px; color: #fff; top: 18px; left: 28px; border-radius: 50%;}
.faq-ls .qbx .sim{background: #666; }
.faq-ls .abx .sim{background: #2991FF;}
.faq-ls .abx > div{background: #f6f6f6;     border-top: 1px solid #d9d9d9;}

.brd-title-bx{text-align: center; color: #222; line-height: 1.2;}
.brd-title-bx > h4{font-size: 30px; color: #222; margin-bottom: 10px;}
.brd-title-bx > p{font-size: 18px; }

.col-tbst1 th{background: #f6f6f6;}
.col-tbst1 td.ti{text-align: left; padding: 8px 2%;}

.paging{font-size: 17px; line-height: 22px;}
.paging img{vertical-align: top;width: 30px;}
.paging strong{display: inline-block;     vertical-align: middle; color: #36b0d1; font-weight: 600; position: relative;}
.paging strong:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #36b0d1;}
.paging .mg-r{margin-right: 10px;}
.paging .mg-l{margin-left: 10px;}

.rit-btbx{text-align: right; margin-top: 20px;}
.rit-btbx + .paging{margin-top: 20px;}

@media screen and (max-width: 1200px){
.tx-pic-bx .tx .big{font-size: 30px; margin-bottom: 30px;}
.tx-pic-bx .tx .big > strong{font-size: 42px;}
.tx-pic-bx .tx{font-size: 17px; line-height: 24px;}
.tx-pic-bx .tx > * + p{margin-top: 24px;}
.tx-pic-bx .tx .sp-tx-ls > li > .con > ul > li{padding-left: 14px; text-indent: -14px;}
}

@media screen and (max-width: 1024px){
.bi1-tbx-nw23 > .ti{font-size: 26px;}
.bi1-tbx-nw23 > .con{padding: 20px 3%;}
.bi1-tbx-nw23 > .con .big{font-size: 22px;}
}

@media screen and (max-width: 900px){
.tx-pic-bx{display: block;}
.tx-pic-bx > div{display: block;}
.tx-pic-bx .pic{width: auto; padding-left: 0;margin-top: 24px;}

.bi1-ils-n23 > li{width: 49%;}
.bi1-ils-n23 > li > dl > dt, .bi1-ils-n23 > li > dl > dd{padding: 20px;}
}

@media screen and (max-width: 768px){
.con-wp{width: calc(100% - 30px);}
.wrap .footer .foot .foot_list, .wrap .footer .address{width: calc(100% - 30px);}
.wrap .footer .foot .foot_list li{margin: 0; margin-right: 12px;}
.wrap .footer .foot .foot_list li:after{margin: 4px 6px;}

.bi1-tbx-nw23{display: block; }
.bi1-tbx-nw23 > .ti{display: block; width: auto; border-right: none; padding: 20px; border-bottom: 1px solid #dedede;}
.bi1-tbx-nw23 > .ti:after{right: auto; left: 50%; top: 100%; margin-top: -5px; margin-left: -5px;     transform: rotate(90deg);}
.bi1-tbx-nw23 > .con{display: block; padding: 20px;}

.n-tab-list{    flex-wrap: wrap;}
.n-tab-list > li > p > a{font-size: 18px; line-height: 22px; padding: 4px;}

.faq-ls .qbx .sim, .faq-ls .abx .sim{width: 30px; height: 30px; left: 7px; top: 14px; font-size: 20px;}
}

@media screen and (max-width: 600px){
.tab-box.nw23 .tab-ls > li > p > a{font-size: 18px;}

.bi1-ils-n23 > li{width: 100%; margin-bottom: 30px;}
}

/*이전 디자인 계승*/
.wrap .container .content_nav {font-size: 20px;display: flex;justify-content: center;}
.wrap .container .content_nav li {border: 1px solid #f4f4f4;border-radius: 5px;padding: 20px 80px;margin: 40px 5px;background: #f4f4f4;}
.wrap .container .content_nav .on {background:#2E96B2 ;border: none;font-weight: 600;color: #fff;}
.wrap .container .content_nav li a {font-family: 'ROKAFSansBold';color: #8a8a8a;font-size: 24px;}
.wrap .container .content_nav .on a {font-family: 'ROKAFSansBold';color: #fff;font-size: 24px;}

/*20230907 웹접근성*/
.container{border-top: 1px solid #eee;}
.blind { position: absolute; left: -999px; top: -999px; width: 1px; height: 1px; overflow: hidden; margin-left: -1px; border: 0 none !important; background: transparent !important; color: transparent !important; }
.accessibilityWrap{height: 0}
.accessibilityWrap dd a {display:block;position:absolute;top:-10000px;left:0;z-index:10000;width:100%;background:#333;color:#fff;font-size:16px;text-align:center;padding:20px 0;}
.accessibilityWrap dd a:focus {top:0;}
.accessibilityWrap dd a:focus-visible{outline: 3px dotted #000;}

.wrap .header .header_tab .tab_nav li:nth-child(1){background: #3C97C8;}
.wrap .header .header_tab .tab_nav li:nth-child(4){background: #1c99dc !important;}
.tab-box.nw23 .tab-ls > li.on > p > a{background: #2E96B2;}
.btn-md-n23{background: #2E96B2;}
.bi1-ils-n23 > li > dl > dd .btbx > a{background: #2E96B2;}
.tx-pic-bx .tx .sp-tx-ls > li > .ti > span{background: #2E96B2;}
.bi1-tbx-nw23 > .ti{color: #2E96B2}
.n-tab-list > li.on{border-width: 2px;}
.n-tab-list > li.on:before{width: 2px;}
.n-tab-list > li.on > p > a{text-decoration: underline; text-underline-position: from-font;}

.paging strong{color: #2E96B2}
.paging img {width: 30px}


@media screen and (max-width: 1024px){
.container{border-top: 0}
}

/*20250926 웹접근성*/
.rad-u > input[type="radio"] + label:before {
	border: 1px solid #8f8f8f;
	border-radius: 50%;
}
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
	color: #8f8f8f !important;
}
.DEXT_fiVe_UP_uploadbox_tit input {width: 20px;height: 20px;}