@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}

/* Table */
.table1{ width: 100%;border-top: 2px solid #0889cb; }
.table1 tr > *{border: 1px solid #ddd; padding: 13px 10px; font-size: 16px; line-height: 24px;color: #666;}
.table1 thead th{background: #f7f7f7;font-weight: 300; color: #333}
.table1 tbody th{background: #f7f7f7;}
.table1.tac tr > * {text-align: center;padding: 13px 0;}
.table1.tac tbody tr > th.tal  {background: #fff !important;padding-left: 10px;}
.table1.tac mark {display: block;margin: 0 auto;width: 44px;height: 26px;line-height: 26px;text-align: center;border-radius: 13px;background: #0889cb;font-size: 13px;color: #fff;font-weight: 600;font-family: 'SCore Dream';}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

.tab2 {position: relative; display: flex; flex-flow: row wrap; margin-bottom: 20px}
.tab2:after {content: ''; position: absolute; bottom: 0; left: -1px; width: 100%; height: 2px; background: #2f5496}
.tab2 > li {flex: 1}
.tab2 > li > a {display: block; border: 1px solid #ddd; margin-left: -1px; font-size: 16px; line-height: 54px; color: #666; text-align: center}
.tab2 > li.active a {position: relative; font-weight: 700; color: #2f5496}
.tab2 > li.active a:before {content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 2px solid #2f5496; border-bottom: 0}
.tab2 > li.active a:after {content: ''; position: absolute; bottom: -1px; left: 1px; width: 100%; height: 2px; background: #fff; z-index: 2}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#wrap {overflow: hidden;}

#header{position: relative;z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
#header .inner{position: relative;height: 100px;}
#header .logo{position: absolute;top: 0;left: 60px;height: 100%;line-height: 100px;}

#gnb{position: absolute;top: 0;left: 50%; transform: translateX(-50%); z-index: 2; width: 1200px; text-align: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li:after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background: #cccccc;}
#gnb > li:first-child:after {display: none;}
#gnb > li > a{display: block;padding: 0 35px;line-height: 100px;font-family: scd; font-weight: 500; font-size: 18px;color: #595857;text-decoration: none; letter-spacing: -0.5px;}
/* #gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #00afe5;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;} */
#gnb > li > ul{display: none; position: absolute;top: 100px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 100px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}

#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico.png') no-repeat 0 center, url('../images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 50px;right: 50px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('../images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}

#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d; text-align: center;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 45px 0 70px 0; text-align: center;}
#footer address{font-size: 15px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 8px;font-size: 14px;color: #777777;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('../images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb {text-align: center;}
#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px; right: 60px; transform: translateY(-50%);}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;right: 0;height: 3px;background: #033165;}

#slide-btn button:before {width: 100%;}
#slide-btn button span {width: calc(100% - 10px);}
#slide-btn button:after {width: calc(100% - 4px);}

#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -2px;transform: rotate(-45deg); width: 100%;}

/* #slide-bg{display: none;} */
/* #slide-menu{display: none;} */

.not-scroll {position: fixed; overflow: hidden; width: 100vw; height: 100vh;}

#slide-menu {position: absolute; top: 0; right: -800px; width: 800px; height: 100vh; background: #fff; z-index: 102; transition: all .4s;}
#slide-menu.on {right: 0;}
#slide-menu.on ~ #slide-bg {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 101; transition: all .5s;}
#slide-menu .tit {position: relative; }
#slide-menu .tit a {position: absolute; top: 40px; right: 60px; transform: translate(0, -50%); line-height: 25px; padding-right: 45px; background: url('../images/layout/slide_menu_close.jpg') no-repeat right center; font-family: scd; font-weight: 400; font-size: 12px; color: #666; letter-spacing: 4px; text-transform: uppercase; text-decoration: none;}
#slide-menu #gnb-mo {height: 100vh; padding: 140px 100px; box-sizing: border-box; background: url('../images/main/menu_bg.png') no-repeat 96% bottom;overflow-y: auto;}
#slide-menu #gnb-mo:after {content: ''; display: block; clear: both;}
#slide-menu #gnb-mo > li {display: inline-block; vertical-align: top; width: 50%; padding-bottom: 35px;}
/* #slide-menu #gnb-mo > li:nth-child(4), */
#slide-menu #gnb-mo > li.hidden-gnb {display: none;}
#slide-menu #gnb-mo > li > a {font-family: scd; font-weight: 500; font-size: 28px; line-height: 30px; color: #033165; text-decoration: none;}
#slide-menu #gnb-mo > li > ul {display: block !important; padding-top: 15px;}
#slide-menu #gnb-mo > li > ul > li > a {font-family: scd; font-weight: 400; font-size: 16px; line-height: 36px; color: #888;}
#slide-menu #gnb-mo > li > ul > li > ul {display: none;}
#slide-menu #gnb-mo > li.active > ul {display: block;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: -100;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}


.pop-wrap {position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;z-index: -100;padding-top: 46px;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pop-wrap.on {opacity: 1;z-index: 301;}
.pop-wrap .box {}
.pop-wrap .box .pop-close {display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center; font-size: 16px;color: #333;background: #eee;}
.pop-wrap .box .pop-cont {height: 455px;overflow-y: auto;padding: 15px;box-sizing: border-box;}
.pop-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -99;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
.pop-bg.on {opacity: 1; z-index: 300;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap {position: relative;}
#main #mainWrap .inner {width: 1200px; margin: 0 auto;}

#main .visual {position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 45px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block;margin: 0 5px;}
#main .visual .slick-dots li button{display: block;width: 10px;height: 10px; background: #afb3b5; text-indent: -999em;overflow: hidden;border: none; border-radius: 50%;}
#main .visual .slick-dots li.slick-active button{width: 30px; background: #fff; border-radius: 5px;}
#main .visual .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 51px; border: none; text-indent: -9999em; z-index: 100;}
#main .visual .slick-prev {left: 40px; background: url('../images/main/vis_prev_arrow.png') no-repeat; background-size: contain;}
#main .visual .slick-next {right: 40px; background: url('../images/main/vis_next_arrow.png') no-repeat; background-size: contain;}

#mainWrap section .title {}
#mainWrap section .title h5 {font-family: scd; font-weight: 300; font-size: 40px; line-height: 60px; color: #000; letter-spacing: -1px; text-align: center;}
#mainWrap section .title h5 strong {font-weight: 600; color: #033165;}
#mainWrap section .title.wt h5 {color: #fff;}
#mainWrap section .title.wt h5 strong {color: #fff;}

#mainWrap section .inner {}
#mainWrap section .inner .mid {padding: 160px 0; text-align: center}
#mainWrap section .inner .mid .txt {padding-bottom: 55px}
#mainWrap section .inner .mid .txt > * {text-align: center; letter-spacing: -1px}
#mainWrap section .inner .mid .txt.skyblue strong {color: #a9cdf5}
#mainWrap section .inner .mid .txt.navy strong {color: #033165}
#mainWrap section .inner .mid .txt.navy p strong {color: #333333}
#mainWrap section .inner .mid .txt.red strong {color: #ef3f3e}
#mainWrap section .inner .mid .txt.white strong {color: #ffffff}
#mainWrap section .inner .mid .txt h5 {font-family: scd; font-weight: 300; font-size: 54px; line-height: 62px}
#mainWrap section .inner .mid .txt p {margin-top: 30px; font-size: 28px; line-height: 38px; color: #333333}
#mainWrap section .inner .mid .txt.skyblue p {color: #fff}
#mainWrap section .inner .mid .txt.red span {display: block; margin-top: 10px; font-size: 18px; line-height: 30px; color: #888}
#mainWrap section .inner .mid .txt h6 {display: inline-block; margin: 40px 0; padding: 0 40px; padding-bottom: 2px; font-size: 46px; line-height: 56px; color: #fff; background: url('../images/main/re_main_sec06_left.png') no-repeat left center , url('../images/main/re_main_sec06_right.png') no-repeat right center }
#mainWrap section .inner .mid .txt > strong {display: block; font-size: 36px; line-height: 46px}
#mainWrap section .inner .mid .txt > strong span {font-size: 28px; color: inherit; line-height: inherit}
#mainWrap section .inner .mid .txt > strong b {color: #a9cdf5}
#mainWrap section .inner .mid .txt mark {display: inline-block; margin-top: 50px; padding: 0 5px; padding-bottom: 3px; font-weight: 700; font-size: 44px; line-height: 60px; color: #fff; background: #033165}

#mainWrap .mainSec01 {position: relative; background: url('../images/main/re_main_sec01_bg.jpg') no-repeat center / cover; z-index: 1}
#mainWrap .mainSec01:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1}
#mainWrap .mainSec01 .inner .mid .txt h5 {color: #fff}
#mainWrap .mainSec01 .img {}
#mainWrap .mainSec01 .img > * {border-radius: 50%; margin: 0 20px}

#mainWrap .mainSec03 {background: url('../images/main/re_main_sec03_bg.jpg') no-repeat center / cover}
#mainWrap .mainSec04 {background: url('../images/main/re_main_sec04_bg.jpg') no-repeat center / cover}
#mainWrap .mainSec05 {background: url('../images/main/re_main_sec05_bg.jpg') no-repeat center / cover}
#mainWrap .mainSec05 .inner {position: relative; padding: 160px 0}
#mainWrap .mainSec05 .inner > * {}
#mainWrap .mainSec05 .info {position: relative; max-width: 1000px; background: #fff; padding: 80px 90px; padding-top: 115px; box-sizing: border-box}
#mainWrap .mainSec05 .info:before {content: ''; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #ddd; box-sizing: border-box; opacity: 0.3}
#mainWrap .mainSec05 .info img {position: absolute; top: -45px; left: 90px}
#mainWrap .mainSec05 .info h5 {position: relative; display: inline-block; font-family: scd; font-weight: 600; font-size: 54px; line-height: 64px; color: #0889cc; letter-spacing: -1px; z-index: 1}
#mainWrap .mainSec05 .info h5:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; background: #dceff7; z-index: -1}
#mainWrap .mainSec05 .info p {margin: 40px 0 30px; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -1px}
#mainWrap .mainSec05 .info p strong {font-weight: 300; color: #0889cc}
#mainWrap .mainSec05 .info h6 {font-weight: normal; font-size: 32px; line-height: 44px; color: #333; letter-spacing: -1px}
#mainWrap .mainSec05 .info h6 strong {font-weight: 700}
#mainWrap .mainSec05 .img {position: absolute; bottom: 0; right: 0; z-index: 2}
#mainWrap .mainSec05 .img img {}
#mainWrap .mainSec06 {background: url('../images/main/re_main_sec06_bg.jpg') no-repeat center / cover}
#mainWrap .mainSec07 {background: url('../images/main/re_main_sec07_bg.jpg') no-repeat center / cover}
#mainWrap .mainSec07 .inner .mid .txt h5 {font-weight: 600; color: #333333}
#mainWrap .mainSec07 .inner .mid .txt h5 span {font-family: noto; font-weight: 700; font-size: inherit; color: inherit}
#mainWrap .mainSec07 .inner .mid .txt > * {text-align: left}
#mainWrap .mainSec07 .inner .mid .btns {text-align: left}
#mainWrap .mainSec07 .inner .mid .btns dl {margin-bottom: 30px}
#mainWrap .mainSec07 .inner .mid .btns dl > * {display: inline-block; vertical-align: middle}
#mainWrap .mainSec07 .inner .mid .btns dt {padding-right: 10px}
#mainWrap .mainSec07 .inner .mid .btns dt img {margin-left: -5px}
#mainWrap .mainSec07 .inner .mid .btns dd {font-family: scd; font-weight: 600; font-size: 32px; line-height: 42px; color: #333; letter-spacing: -1px}
#mainWrap .mainSec07 .inner .mid .btns dd strong {color: #033165}
#mainWrap .mainSec07 .inner .mid .btns ul {}
#mainWrap .mainSec07 .inner .mid .btns ul li {display: inline-block; vertical-align: middle; margin-right: 20px}
#mainWrap .mainSec07 .inner .mid .btns ul li a {display: block; width: 360px; line-height: 60px; border-radius: 30px; text-align: center; text-indent: 36px; font-weight: 700; font-size: 22px; color: #fff; letter-spacing: -1px; text-decoration: none}
#mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(1) a {background: #033165 url('../images/main/re_main_sec07_tel_ico.png') no-repeat left 50px center}
#mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(2) a {background: #00c300 url('../images/main/re_main_sec07_naver_ico.png') no-repeat left 70px center}
#mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(3) a {background: #ed3024 url('../images/main/re_main_sec07_youtube_ico.png') no-repeat left 62px center}

/* 2023.10.05 건별 작업 */
#main .main_cont1{background: url('../images/main/main-cont-bg1.jpg') no-repeat center center;background-size: cover;padding: 130px 0;}
#main .main_cont1 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont1 h4{text-align: center;margin-bottom: 60px;font-family: scd;font-weight: 600;font-size: 40px;color: #fff;letter-spacing: -1px;line-height: 90px;}
#main .main_cont1 h4 .st1{font-size: 54px;line-height: 70px;padding: 0 10px;background: #0889cc;display: inline-block;}
#main .main_cont1 h4 .st2{display: block;margin-top: 20px;font-size: 50px;white-space: nowrap;}
#main .main_cont1 h4 .st2 em{position: relative;display: inline-block;vertical-align: middle;color: #0889cc;font-style: normal;}
#main .main_cont1 h4 .st2 em:after{content: '';display: block;position: absolute;bottom: 10px;width: 100%;left: 0;height: 3px;background: #0889cc;}
#main .main_cont1 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
#main .main_cont1 .cont dt{width: 40%;}
#main .main_cont1 .cont dd{width: 60%;padding-top: 90px;text-align: center;}
#main .main_cont1 .cont dd p{text-align: center;margin-top: 40px;font-size: 28px;line-height: 38px;color: #dddddd;letter-spacing: -1px;}
#main .main_cont1 .cont dd p strong{color: #0889cc;}

#main .main_cont2{background: url('../images/main/main-cont-bg2.jpg') no-repeat center center;background-size: cover;padding: 130px 0;}
#main .main_cont2 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont2 h4{font-size: 54px;color: #fff;letter-spacing: -1px;font-family: scd;font-weight: 600;margin-bottom: 60px;}
#main .main_cont2 ul li{position: relative;line-height: 70px;padding-left: 100px;font-size: 32px;color: #fff;letter-spacing: -1px;font-family: scd;font-weight: 500;margin: 20px 0;}
#main .main_cont2 ul li em{position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 70px;line-height: 70px;text-align: center;border-radius: 50%;background: #383842;font-style: normal;font-size: 24px;color: #fff;}
#main .main_cont2 .img1{margin-top: 60px;}

#main .main_cont3{background: url('../images/main/main-cont-bg3-1.jpg') no-repeat center center;background-size: cover;padding: 160px 0 50px 0;}
#main .main_cont3 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont3 h4{text-align: center;margin-bottom: 60px;font-size: 54px;line-height: 60px;color: #36332e;letter-spacing: -1px;font-family: scd;font-weight: 600;}
#main .main_cont3 h4 em{font-style: normal;position: relative;display: inline-block;vertical-align: middle;padding: 0 5px;color: #fff;background: #36332e;line-height: 70px;margin-top: -5px;}
#main .main_cont3 h4 span{position:relative;display:inline-block;font-family:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;margin-bottom:30px;font-size:inherit;color:inherit}
#main .main_cont3 h4 span::before{content:'';position:absolute;width:8px;height:8px;top:-13px;left:50%;transform:translateX(-50%);border-radius:50%;background:#36332e}
#main .main_cont3 h4 img{display: block;margin: 0 auto;margin-top: 30px;}
#main .main_cont3 .card{margin: 60px 0 0 0;text-align: center;}
#main .main_cont3 h4 p{font-family:scd;line-height:50px;margin-top:20px;font-size:46px}

#main .main_cont3_2{background: url('../images/sub/main-cont-bg3-2_new.jpg') no-repeat center center;background-size: cover;padding: 0 0 110px 0;}
#main .main_cont3_2 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont3_2 h4{margin-top:400px;margin-bottom: 120px;text-align: center;}
#main .main_cont3_2 ul{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;}

#main .main_cont3_2 .wtBox{margin-top:100px;border-bottom:6px solid #cda65c;background:#fff;text-align:center}
#main .main_cont3_2 .wtBox p{font-family:scd;font-weight:400;line-height:84px;letter-spacing:-0.05em;font-size:30px;color:#333}
#main .main_cont3_2 .wtBox p em{font-weight:bold;font-style:normal;background:#faf6ee;color:#cda65c}


#main .main_cont4{background: url('../images/main/main-cont-bg4.jpg') no-repeat center center;background-size: cover;padding: 160px 0;}
#main .main_cont4 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont4 h4{font-family: scd;font-weight: 600;text-align: center;font-size: 54px;color: #333333;letter-spacing: -1px;font-family: scd;font-weight: 600;}
#main .main_cont4 h4 strong{color: #0889cc;}
#main .main_cont4 h4 em{font-style: normal;display: block;margin-bottom: 20px;font-size: 40px;}
#main .main_cont4 img{display: block;margin: 60px auto;}
#main .main_cont4 p{text-align: center;font-size: 44px;color: #333333;letter-spacing: -1px;font-weight: bold;}
#main .main_cont4 p strong{position: relative;display: inline-block;vertical-align: middle;padding: 0 10px;color: #fff;background: #1d89cb;line-height: 62px;}

#main .main_cont5{background: url('../images/main/main-cont-bg5.jpg') no-repeat center center;background-size: cover;padding: 160px 0;}
#main .main_cont5 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont5 h4{text-align: center;margin-bottom: 60px;color: #fff;letter-spacing: -1px;font-size: 54px;font-family: scd;font-weight: 600;}
#main .main_cont5 h4 em{font-style: normal;display: inline;font-style: normal;font-size: 40px;vertical-align: middle;}
#main .main_cont5 h4 strong{color: #0889cc;}
#main .main_cont5 ul{background: #fff;border-top: 10px solid #a9cdf5;padding: 40px 80px;}
#main .main_cont5 ul li{position: relative;line-height: 90px;padding-left: 95px;}
#main .main_cont5 ul li:before{content: '';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 63px;height: 60px;background: url('../images/main/main_cont5_img1.jpg') no-repeat center center;background-size: contain;}
#main .main_cont5 ul li p{border-top: 1px solid #ddd;font-size: 26px;color: #333333;letter-spacing: -1px;font-family: scd;font-weight: 500;}
#main .main_cont5 ul li:first-child p{border-top: none;}

#main .main_cont6{background: #36332e url('../images/main/main-cont-bg6.jpg') no-repeat center 0;padding: 160px 0;}
#main .main_cont6 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .main_cont6 h4{font-family: scd;font-weight: 600;text-align: center;font-size: 54px;color: #fff;letter-spacing: -1px;font-family: scd;font-weight: 600;margin-bottom: 60px;}
#main .main_cont6 h4 strong{position: relative;display: inline-block;vertical-align: middle;padding: 0 10px;line-height: 64px;background: #333333;}
#main .main_cont6 h4 em{font-style: normal;display: block;margin-bottom: 20px;font-size: 40px;}
#main .main_cont6 ul{margin: -9px;margin-bottom: 60px;}
#main .main_cont6 ul li{position: relative;display: inline-block;vertical-align: top;margin: 9px;width: calc(50% - 18px);box-sizing: border-box;background: #fff;padding-left: 150px;height: 200px;border-left: 10px solid #c3d700;}
#main .main_cont6 ul li em{font-style: normal;display: block;width: 70px;line-height: 70px;text-align: center;border-radius: 50%;background: #c3d700;font-size: 24px;color: #fff;letter-spacing: -1px;font-family: scd;font-weight: 600;position: absolute;top: 50%;transform: translate(0, -50%);left: 45px;}
#main .main_cont6 ul li p{font-size: 26px;line-height: 42px;color: #333333;letter-spacing: -1px;position: absolute;top: 50%;transform: translate(0, -50%);font-family: scd;font-weight: 500;}
#main .main_cont6 ul li p strong{color: #1d89cb;font-weight: 500;}
#main .main_cont6 .txt1{font-family: scd;font-weight: 600;display: block;text-align: center;font-size: 36px;color: #fff;letter-spacing: -1px;margin-bottom: 20px;}
#main .main_cont6 .txt2{font-family: scd;font-weight: 600;position: relative;display: inline-block;font-size: 68px;line-height: 75px;padding: 0 10px;color: #fff;background: #6d6d6b;}
#main .main_cont6 .txt3{font-family: scd;font-weight: 600;display: block;margin: 50px 0;font-size: 54px;color: #fff;letter-spacing: -1px;}
#main .main_cont6 .txt3 em{font-style: normal;display: block;font-size: 36px;color: #c3d700;letter-spacing: -1px;margin-bottom: 10px;}
#main .main_cont6 .txt3 strong{position: relative;display: inline-block;vertical-align: top;color: #c3d700;}
#main .main_cont6 .txt3 strong::after{content: '';display: block;position: absolute;bottom: -2px;left: 0;width: 100%;height: 3px;background: #c3d700;}




.main-section01 {padding: 130px 0 100px 0; background: url('../images/main/main_section01_bg.jpg') no-repeat center; background-size: cover;}
.main-section01 .list-box {margin-top: 80px; background: #fff; border: 1px solid #ddd;}
.main-section01 .list-box dl {position: relative; padding: 40px 0;}
.main-section01 .list-box dl:nth-child(even) {border: 1px solid #ddd; border-width: 1px 0;}
.main-section01 .list-box dl dt {position: absolute; top: 50%; left: 70px; transform: translateY(-50%);}
.main-section01 .list-box dl dt img {}
.main-section01 .list-box dl dt h5 {font-weight: 600; font-size: 24px; line-height: 30px; color: #033165; letter-spacing: -0.5px; text-align: center; margin-top: 15px;}
.main-section01 .list-box dl dd {padding-left: 230px;}
.main-section01 .list-box dl dd h6 {font-weight: 400; font-size: 30px; line-height: 40px; color: #333; letter-spacing: -1px;}
.main-section01 .list-box dl dd h6 strong {color: #033165;}
.main-section01 .list-box dl dd p {font-weight: 200; font-size: 22px; line-height: 36px; color: #666; letter-spacing: -0.5px; margin-top: 20px;}

.main-section02 {padding: 120px 0; background: url('../images/main/main_section02_bg.jpg') no-repeat 90% bottom;}
.main-section02 ul {padding-top: 90px;}
.main-section02 ul li {display: inline-block; vertical-align: top; width: 33.33%; text-align: center;}
.main-section02 ul li img {}
.main-section02 ul li p {font-weight: 300; font-size: 26px; line-height: 40px; color: #333; letter-spacing: -0.5px; margin-top: 30px;}


.main-section03 {padding: 120px 0 100px 0; background: url('../images/main/main_section03_bg.jpg') no-repeat center / cover;}
.main-section03 .title {text-align: center; padding-bottom: 80px;}
.main-section03 .title img {}
.main-section03 ul {margin: -25px -35px;}
.main-section03 ul li {display: inline-block; vertical-align: top; width: calc(50% - 70px); margin: 25px 35px;}
.main-section03 ul li .bg {position: relative; padding-bottom: 33%; background: url('../images/main/main_sec03_list_bg.png') no-repeat center / cover;}
.main-section03 ul li .bg .txt {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.main-section03 ul li .bg .txt > * {font-family: notoserif; text-align: center; letter-spacing: -1px;}
.main-section03 ul li .bg .txt h6 {font-weight: 500; font-size: 30px; line-height: 36px; color: #ffcb8c;}
.main-section03 ul li .bg .txt p {font-weight: 300; font-size: 22px; line-height: 30px; color: #c8b093; margin-top: 5px;}


.main-section04 {padding: 120px 0 100px 0; background: url('../images/main/main_section04_bg.jpg') no-repeat center / cover;}
.main-section04 .title {padding-bottom: 75px;}
.main-section04 ul {margin: -30px;}
.main-section04 ul:after {content: ''; display: block; clear: both;}
.main-section04 ul li {position: relative; float: left; width: calc(33.33% - 60px); margin: 30px; height: 480px; overflow: hidden; background: #fff;border: 1px solid #ddd; box-sizing: border-box;}
.main-section04 ul li.list01 {border: none;}
.main-section04 ul li .bg {position: relative; padding-bottom: 133%; background: url('../images/main/main_sec04_list_bg01.jpg') no-repeat center / cover;}
.main-section04 ul li .bg:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 19px; height: 34px; background: url('../images/main/main_sec04_list_poli.png') no-repeat center / contain;}
.main-section04 ul li .bg .txt {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center;}
.main-section04 ul li .bg .txt img {}
.main-section04 ul li .bg .txt h6 {text-align: center; font-family: scd; font-weight: 500; font-size: 28px; line-height: 40px; color: #fff; letter-spacing: -1px; margin: 30px 0 40px 0;}
.main-section04 ul li .bg .txt h6 strong {font-weight: 700; color: #e7ff00;}
.main-section04 ul li .bg .txt a {display: inline-block; width: 190px; line-height: 50px; background: #1d89cb; border-radius: 25px; font-weight: 600; font-size: 18px; color: #fff; letter-spacing: -1px; text-align: center; text-decoration: none;}
.main-section04 ul li .img {position: relative; padding-bottom: 67%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.main-section04 ul li .info {position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center;}
.main-section04 ul li .info img {}
.main-section04 ul li .info p {font-weight: 600; font-size: 22px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-top: 25px;}
.main-section04 ul li .info p strong {display: block; color: #033165;}


.main-section05 {padding: 110px 0 100px 0; background: url('../images/main/main_section05_bg.jpg') no-repeat center / cover;}
.main-section05 .roll-wrap {padding-top: 80px;}
.main-section05 .roll-wrap .roll {position: relative;}
.main-section05 .roll-wrap .roll .item {position: relative; margin: 0 16px; border: 1px solid #ddd; border-top: 3px solid #c3d700; background: #fff;}
.main-section05 .roll-wrap .roll .item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.main-section05 .roll-wrap .roll .item .thumb {position: relative; padding-bottom: 90%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.main-section05 .roll-wrap .roll .item .info {border-top: 1px solid #ddd; padding: 30px; box-sizing: border-box;}
.main-section05 .roll-wrap .roll .item .info h6 {font-weight: 300; font-size: 17px; line-height: 18px; color: #333; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.main-section05 .roll-wrap .roll .item .info p {height: 60px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 20px; color: #444; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.main-section05 .roll-wrap .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 51px; border: none; text-indent: -9999em; z-index: 2;}
.main-section05 .roll-wrap .slick-prev {left: -60px; background: url('../images/main/main_sec05_prev.png') no-repeat;}
.main-section05 .roll-wrap .slick-next {right: -60px; background: url('../images/main/main_sec05_next.png') no-repeat;}
.main-section05 .btn-wrap {padding-top: 60px; text-align: center;}
.main-section05 .btn-wrap a {display: inline-block; width: 220px; line-height: 60px; background: #c4d700; border-radius: 30px; font-weight: 300; font-size: 20px; color: #222; letter-spacing: -0.5px; text-align: center; text-decoration: none;}


.main-section06 {padding-top: 120px;}
.main-section06 .box-wrap {padding-top: 80px;}
.main-section06 .box-wrap dl {background: url('../images/main/main_sec06_border.png') no-repeat left top / contain;}
.main-section06 .box-wrap dl.list01 {background: none;}
.main-section06 .box-wrap dl.list02 {padding: 80px 0 10px 0;}
.main-section06 .box-wrap dl.list03 {padding-top: 80px;}
.main-section06 .box-wrap dl dt {text-align: center;}
.main-section06 .box-wrap dl dt > * {font-family: scd; text-align: center; letter-spacing: -1px;}
.main-section06 .box-wrap dl dt > img {padding-top: 30px;}
.main-section06 .box-wrap dl dt span {display: inline-block; line-height: 60px; padding-left: 70px; font-weight: 500; font-size: 50px;}
.main-section06 .box-wrap dl.list01 dt span {background: url('../images/main/main_sec06_tit_ico01.png') no-repeat left center; color: #1d89cb;}
.main-section06 .box-wrap dl.list02 dt span {background: url('../images/main/main_sec06_tit_ico02.png') no-repeat left center; color: #6fae01;}
.main-section06 .box-wrap dl.list03 dt span {background: url('../images/main/main_sec06_tit_ico03.png') no-repeat left center; color: #ffa200;}
.main-section06 .box-wrap dl dt h6 {font-weight: 300; font-size: 40px; line-height: 50px; color: #000; margin: 20px 0;}
.main-section06 .box-wrap dl dt h6 strong {font-weight: 600;}
.main-section06 .box-wrap dl dt p {font-weight: 400; font-size: 24px; line-height: 36px; color: #666;}
.main-section06 .box-wrap dl dt p strong {display: block; font-weight: 600; text-decoration: underline;}
.main-section06 .box-wrap dl.list02 dt p strong {color: #6fae01;}
.main-section06 .box-wrap dl.list03 dt p strong {color: #ffa200;}
.main-section06 .box-wrap dl dd {}
.main-section06 .box-wrap dl dd ul {padding: 80px 0;}
.main-section06 .box-wrap dl dd ul li {display: inline-block; vertical-align: top; width: 33.33%; text-align: center;}
.main-section06 .box-wrap dl dd ul li img {}
.main-section06 .box-wrap dl dd ul li p {font-weight: 300; font-size: 26px; line-height: 40px; color: #333; letter-spacing: -0.5px; margin-top: 30px;}
.main-section06 .box-wrap dl dd .img {padding-bottom: 40%; background: url('../images/main/main_sec06_img01.png') no-repeat center / cover; margin-top: 65px;}
.main-section06 .box-wrap dl dd .txt:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: #fafafa; z-index: -1;}
.main-section06 .box-wrap dl dd .txt {position: relative; padding: 110px 0 60px 0;}
.main-section06 .box-wrap dl dd .txt > * {font-family: notoserif; text-align: center; color: #000;}
.main-section06 .box-wrap dl dd .txt h6 {font-weight: 300; font-size: 48px; line-height: 60px; letter-spacing: -1.5px;}
.main-section06 .box-wrap dl dd .txt h6 strong {font-weight: 500;}
.main-section06 .box-wrap dl dd .txt p {font-weight: 300; font-size: 30px; margin-top: 40px;}
.main-section06 .box-wrap dl dd .txt p strong {font-weight: 500;}


.ppl-box:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fafafa; z-index: -1;}
.ppl-box {position: relative;}
.ppl-box .ppl01-box:before {content: ''; position: absolute; bottom: 0; left: 50%; width: 2000px; height: calc(100% - 310px); margin-left: -1000px; background: url('../images/main/ppl01_bg.jpg') no-repeat center; background-size: cover; z-index: -1;}
.ppl-box .ppl01-box {position: relative;}
.ppl-box .ppl01-box .ppl01-top-box {}
.ppl-box .ppl01-box .ppl01-top-box .img {padding-bottom: 42%; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 6px 6px 6px rgba(0,0,0,0.1);}
.ppl-box .ppl01-box .ppl01-bot-box {padding: 110px 0 180px 0;}
.ppl-box .ppl01-box .ppl01-bot-box dl {}
.ppl-box .ppl01-box .ppl01-bot-box dl:after {content: ''; display: block; clear: both;}
.ppl-box .ppl01-box .ppl01-bot-box dl > * {float: left; width: calc(50% - 60px);}
.ppl-box .ppl01-box .ppl01-bot-box dl dt {position: relative; margin-right: 60px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt:after {content: ''; position: absolute; bottom: 14px; left: 0; width: 2px; height: 306px; background: #33aff7;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt .char {position: relative; background: url('../images/main/ppl01_box_white.png') no-repeat center bottom; text-align: center;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt .char img {padding-bottom: 140px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt h6:before {content: ''; position: absolute; bottom: 8px; left: 0; width: 6px; height: 115px; background: #33aff7;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt h6 {position: relative; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 65px; letter-spacing: -0.5px; color: #fff; margin-top: 60px; padding-left: 45px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dt h6 span {display: block; font-family: inherit; font-weight: 300; font-size: 30px; line-height: 40px; color: inherit; margin-bottom: 15px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd {position: relative; margin: 70px 0 0 60px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd:after {content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 306px; background: #33aff7;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd .char {position: relative; background: url('../images/main/ppl01_box_black.png') no-repeat center bottom; text-align: center;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd .char img {padding-bottom: 135px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd h6:before {content: ''; position: absolute; top: 0; right: 0; width: 6px; height: 115px; background: #33aff7;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd h6 {position: relative; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 60px; letter-spacing: -0.5px; color: #fff; text-align: right; margin-bottom: 65px; padding-right: 45px;}
.ppl-box .ppl01-box .ppl01-bot-box dl dd h6 span {display: block; font-family: inherit; font-weight: 300; font-size: 30px; line-height: 40px; color: inherit; margin-bottom: 10px;}
.ppl-box .ppl02-box {position: relative; padding: 125px 0; background: url('../images/main/ppl02_bg.jpg') no-repeat center; background-position: center;}
.ppl-box .ppl02-box dl {height: 400px;}
.ppl-box .ppl02-box dl:after {content: ''; display: block; clear: both;}
.ppl-box .ppl02-box dl > * {}
.ppl-box .ppl02-box dl dt {position: relative; float: left; width: calc(50% - 60px); height: 100%;}
.ppl-box .ppl02-box dl dt img {position: absolute; bottom: -85px; left: 50%; transform: translateX(-50%);}
.ppl-box .ppl02-box dl dd {position: relative; float: right; width: calc(50% + 60px); height: 100%; background: url('../images/main/ppl02_text_bg.png') no-repeat center; background-size: cover;}
.ppl-box .ppl02-box dl dd .mid {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;}
.ppl-box .ppl02-box dl dd .mid span {display: block; font-family: nexon; font-weight: 300; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 15px;}
.ppl-box .ppl02-box dl dd .mid h6 {position: relative; display: inline-block; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 60px; color: #333; letter-spacing: -0.5px; text-align: center; padding: 0 5px; z-index: 1;}
.ppl-box .ppl02-box dl dd .mid h6:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: #028bd9; opacity: 0.1; z-index: 0;}
.ppl-box .ppl02-box dl dd .mid ul {margin-top: 30px;}
.ppl-box .ppl02-box dl dd .mid ul li {font-size: 21px; line-height: 34px; color: #333; letter-spacing: -1px;}
.ppl-box .ppl03-box {background: url('../images/main/ppl03_bg.jpg') no-repeat center; background-size: cover;}
.ppl-box .ppl03-box dl {}
.ppl-box .ppl03-box dl:after {content: ''; display: block; clear: both;}
.ppl-box .ppl03-box dl dt {text-align: center;}
.ppl-box .ppl03-box dl dd {}
.ppl-box .ppl03-box dl.ppl03-top {}
.ppl-box .ppl03-box dl.ppl03-top dt {float: right; width: calc(50% - 25px); padding-top: 45px;}
.ppl-box .ppl03-box dl.ppl03-top dt img {}
.ppl-box .ppl03-box dl.ppl03-top dd {float: left; width: calc(50% + 25px); padding-top: 335px;}
.ppl-box .ppl03-box dl.ppl03-top dd h6:before {content: ''; position: absolute; top: 0; left: 0; width: 142px; height: 5px; background: #33aff7;}
.ppl-box .ppl03-box dl.ppl03-top dd h6 {position: relative; padding-top: 85px; border-top: 2px solid #33aff7; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 60px; color: #fff; letter-spacing: -0.5px;}
.ppl-box .ppl03-box dl.ppl03-top dd h6 span {display: block; font-family: nexon; font-weight: 300; font-size: 30px; line-height: 40px; color: #fff; letter-spacing: -0.5px; margin-bottom: 10px;}
.ppl-box .ppl03-box dl.ppl03-bot {}
.ppl-box .ppl03-box dl.ppl03-bot dt {float: left; width: calc(50% - 60px);}
.ppl-box .ppl03-box dl.ppl03-bot dt img {padding-bottom: 105px; margin-top: -75px;}
.ppl-box .ppl03-box dl.ppl03-bot dd {position: relative; float: right; width: calc(50% + 60px); height: 400px; margin-top: 210px; background: url('../images/main/ppl02_text_bg.png') no-repeat center; background-size: cover;}
.ppl-box .ppl03-box dl.ppl03-bot dd .mid {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;}
.ppl-box .ppl03-box dl.ppl03-bot dd .mid span {display: block; font-family: nexon; font-weight: 300; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 15px;}
.ppl-box .ppl03-box dl.ppl03-bot dd .mid h6 {position: relative; display: inline-block; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 60px; color: #333; letter-spacing: -0.5px; text-align: center; padding: 0 5px; z-index: 1;}
.ppl-box .ppl03-box dl.ppl03-bot dd .mid h6:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: #028bd9; opacity: 0.1; z-index: 0;}
.ppl-box .ppl04-box {position: relative; background: url('../images/main/ppl04_bg.jpg') no-repeat center; background-size: cover; margin-top: -188px; z-index: -1; padding: 285px 0 80px 0;}
.ppl-box .ppl04-box dl {}
.ppl-box .ppl04-box dl:after {content: ''; display: block; clear: both;}
.ppl-box .ppl04-box dl dt {float: right; width: calc(50% - 25px); text-align: center;}
.ppl-box .ppl04-box dl dt img {}
.ppl-box .ppl04-box dl dd {float: left; width: calc(50% + 25px); padding-top: 255px;}
.ppl-box .ppl04-box dl dd h6:before {content: ''; position: absolute; top: -2px; left: 0; width: 142px; height: 5px; background: #33aff7;}
.ppl-box .ppl04-box dl dd h6 {position: relative; padding-top: 85px; border-top: 2px solid #dddddd; font-family: nexon; font-weight: 400; font-size: 52px; line-height: 60px; color: #333333; letter-spacing: -0.5px;}
.ppl-box .ppl04-box dl dd h6 span {display: block; font-family: nexon; font-weight: 300; font-size: 30px; line-height: 40px; color: #333333; letter-spacing: -0.5px; margin-bottom: 10px;}


.main-section08 {padding: 140px 0 110px 0; background: url('../images/main/main_section08_bg.jpg') no-repeat center / cover;}
.main-section08 .inner:after {content: ''; display: block; clear: both;}
.main-section08 .left {float: left; width: 50%;}
.main-section08 .left h5 {font-family: scd; font-weight: 600; font-size: 48px; line-height: 50px; color: #fff; letter-spacing: -1px;}
.main-section08 .left p {font-size: 24px; line-height: 36px; color: #fff; letter-spacing: -0.5px; padding: 30px 0 65px 0;}
.main-section08 .left ul:before {content: ''; position: absolute; top: 0; left: 0; width: 90px; height: 3px; background: rgba(255,255,255,0.5);}
.main-section08 .left ul {position: relative; padding-top: 20px;}
.main-section08 .left ul li {margin: 5px 0; font-weight: 300; font-size: 20px; line-height: 30px; color: #fff; letter-spacing: -1px; padding-left: 25px;}
.main-section08 .left ul li:first-child {background: url('../images/main/main_sec08_ico01.png') no-repeat left center;}
.main-section08 .left ul li:last-child {background: url('../images/main/main_sec08_ico02.png') no-repeat left center;}
.main-section08 .right {float: right; width: 50%;}
.main-section08 .right form {}
.main-section08 .right form ul {margin: -10px -5px;}
.main-section08 .right form ul:after {content: ''; display: block; clear: both;}
.main-section08 .right form ul li {float: left; width: calc(33.33% - 10px); margin: 10px 5px;}
.main-section08 .right form ul li:last-child {float: none; width: calc(100% - 10px)}
.main-section08 .right form ul li > * {width: 100%; height: 50px; border-radius: 5px; border: none; padding: 0 20px; box-sizing: border-box; font-size: 16px; color: #333;}
.main-section08 .right form ul li .inp {width: 100%;}
.main-section08 .right form ul li .inp::placeholder {color: #666;}
.main-section08 .right form ul li select {}
.main-section08 .right form ul li textarea {height: 160px; padding: 20px;}
.main-section08 .right form dl {margin-top: 30px;}
.main-section08 .right form dl:after {content: ''; display: block; clear: both;}
.main-section08 .right form dl dt {float: left; width: 200px;}
.main-section08 .right form dl dt a {display: block; line-height: 45px; border: 1px solid #fff; box-sizing: border-box; border-radius: 3px; text-align: center; font-size: 14px; color: #fff; text-decoration: none;}
.main-section08 .right form dl dt a:last-child {margin-top: 10px;}
.main-section08 .right form dl dd {float: right; width: calc(100% - 200px); padding-left: 30px; box-sizing: border-box;}
.main-section08 .right form dl dd label {font-size: 14px; line-height: 20px; color: #fff; letter-spacing: -1px;}
.main-section08 .right form dl dd label a {font-size: inherit; color: inherit;}
.main-section08 .right form dl dd .sbm {display: block; width: 100%; margin-top: 18px; background: #3399cc; border-radius: 5px; line-height: 65px; border: none; font-family: scd; font-weight: 500; font-size: 24px; color: #fff; letter-spacing: -1px;}



/* s: main_cont07 231208 mw */
.main_cont7{background:url('../images/main/main-cont-bg4.jpg') no-repeat center / cover}
.main_cont7 .inner{width:1200px;padding:160px 0;margin:0 auto;text-align:center}
.main_cont7 h4{display:block;font-family:SCore Dream;font-weight:600;line-height:50px;letter-spacing:-0.05em;text-align:center;font-size:40px;color:#333}
.main_cont7 p{position:relative;display:inline-block;font-family:SCore Dream;font-weight:600;line-height:50px;letter-spacing:-0.05em;padding:0 200px;text-align:center;font-size:40px;color:#333}
.main_cont7 p::before{content:'';position:absolute;width:165px;height:121px;top:-70px;left:0;background:url('../images/main/main_cont7-why.png') no-repeat center}
.main_cont7 p strong{color: #0889cc;}
.main_cont7 h4 em{font-style:normal;line-height:40px;font-size:100px;color:#0889cc}
.main_cont7 .youtube{width:992px;padding-bottom:46.25%;margin:60px auto 0}
/* e: main_cont07 231208 mw */





/* 240705 */
#main .section .inner {max-width: 1200px; margin: 0 auto}

#main .section01 {padding: 100px 0; background: rgb(8,137,204); background: linear-gradient(20deg, rgba(8,137,204,1) 0%, rgba(3,60,124,1) 56%);}
#main .section01 .title > * {font-family: scd; font-weight: 600; color: #fff; text-align: center}
#main .section01 .title h6 {font-size: 66px; line-height: 70px}
#main .section01 .title h6 img {vertical-align: top}
#main .section01 .title h5 {margin-top: 20px; font-size: 72px; line-height: 80px}
#main .section01 .title h5 span {font-size: 72px;line-height: 80px;color: #d1e408;}
#main .section01 .inner {max-width: 1000px;margin: 0 auto;}
#main .section01 .list {margin-top: 65px}
#main .section01 .list .box {position: relative; margin-bottom: 10px; padding: 0; background: #f8f8f8}
#main .section01 .list .box figure {position: absolute; top: -5px; right: 20px}
#main .section01 .list .box dl > * {display: inline-block; vertical-align: middle}
#main .section01 .list .box dl dt {width: 200px;}
#main .section01 .list .box dl dt img {display: block;}
#main .section01 .list .box dl dd {margin-left: 50px;width: calc(100% - 200px - 50px*2);}
#main .section01 .list .box dl dd h6 {font-family: scd; font-weight: 600; font-size: 40px; line-height: 70px; color: #333; letter-spacing: -1px}
#main .section01 .list .box dl dd h6 mark {display: inline-block; vertical-align: top; padding: 0 6px; margin-top: 3px; color: #fff; font-size: 48px; line-height: 64px; background: #1d89cb}
#main .section01 .btn a {display: block; font-family: scd; font-weight: 500; font-size: 24px; line-height: 80px; color: #fff; background: #033165; text-align: center}

#main .section02 {padding: 150px 0; background: #e6f3f9}
#main .section02 .title > * {text-align: center; color: #333333; letter-spacing: -1px}
#main .section02 .title h5 {font-family: scd; font-weight: 600; font-size: 54px; line-height: 62px}
#main .section02 .title p {margin-top: 20px; font-size: 40px; line-height: 48px}
#main .section02 .title p strong {font-weight: 300; color: #1d89cb}
#main .section02 .list {margin-top: 60px}
#main .section02 .list dl {display: flex; flex-flow: row wrap; align-items: center; height: 220px; margin-top: 20px; padding: 0 50px; background: #fff; box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.03); box-sizing: border-box; border-left-width: 10px; border-left-style: solid}
#main .section02 .list dl:nth-child(1) {border-left-color: #1d89cb}
#main .section02 .list dl:nth-child(2) {border-left-color: #046a9e}
#main .section02 .list dl:nth-child(3) {border-left-color: #033165}
#main .section02 .list dl > * {}
#main .section02 .list dl dt {margin-right: 50px}
#main .section02 .list dl dt img {}
#main .section02 .list dl dd {}
#main .section02 .list dl dd .mid {}
#main .section02 .list dl dd h6 {font-family: scd; font-weight: 600; font-size: 34px; line-height: 42px; color: #333333}
#main .section02 .list dl dd p {margin-top: 20px; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -1px}

#main .section03 {padding: 150px 0; background: url('../images/main/main_sec03_bg.jpg') no-repeat center / cover}
#main .section03 .title {margin-bottom: 60px}
#main .section03 .title > * {color: #333; text-align: center; letter-spacing: -1px}
#main .section03 .title h6 {margin-bottom: 20px; font-family: scd; font-weight: 600; font-size: 40px; line-height: 50px}
#main .section03 .title h5 {font-size: 54px; line-height: 64px}
#main .section03 .title h5 strong {color: #1d89cb}
#main .section03 .roll {margin: -15px}
#main .section03 .roll .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: 0; text-indent: -999em; z-index: 10}
#main .section03 .roll .slick-prev {left: -85px; background: url('../images/main/main_sec03_prev_arrow.png') no-repeat center / contain}
#main .section03 .roll .slick-next {right: -85px; background: url('../images/main/main_sec03_next_arrow.png') no-repeat center / contain}
#main .section03 .roll .item {position: relative; margin: 15px; box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05)}
#main .section03 .roll .item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10}
#main .section03 .roll .item .thumb {padding-bottom: 66%; background-size: cover; background-repeat: no-repeat; background-position: center} 
#main .section03 .roll .item .info {padding: 25px 30px}
#main .section03 .roll .item .info h6 {font-weight: 300; font-size: 18px; line-height: 28px; color: #333333; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#main .section03 .roll .item .info p {min-height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 10px 0; font-size: 16px; line-height: 28px; color: #999999; letter-spacing: -1px}
#main .section03 .roll .item .info span {position: relative; display: inline-block; vertical-align: top; padding-right: 6px; margin-right: 5px; font-weight: 200; font-size: 14px; line-height: 22px; color: #333333}
#main .section03 .roll .item .info span:not(:last-child):after {content: ''; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); width: 1px; height: 11px; background: #ccc}
/* --------------------------------------------------------------- */
#main .main_cont4 .chkList {margin-top: 60px; padding: 20px 85px; box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); background: #fff; box-sizing: border-box}
#main .main_cont4 .chkList li {padding-top: 30px; padding-left: 95px; background: url('../images/main/main_sec04_chk_ico.png') no-repeat left top 45px}
#main .main_cont4 .chkList li span {display: block; padding-bottom: 30px; font-family: scd; font-weight: 500; font-size: 26px; line-height: 42px; color: #333333; letter-spacing: -1px}
#main .main_cont4 .chkList li:first-child span {border-bottom: 1px solid #ddd}
/* --------------------------------------------------------------- */
#main .section04 {padding: 160px 0; background: url('../images/main/main_sec05_bg.jpg') no-repeat center / cover}
#main .section04 dl {display: flex; flex-flow: row wrap; align-items: center}
#main .section04 dl > * {width: 50%}
#main .section04 dl dt {text-align: center}
#main .section04 dl dt img {}
#main .section04 dl dd {}
#main .section04 dl dd .mid {}
#main .section04 dl dd .mid > * {color: #fff; letter-spacing: -1px}
#main .section04 dl dd h5 {font-size: 54px; line-height: 60px}
#main .section04 dl dd p {margin: 30px 0 50px; font-size: 24px; line-height: 38px}
#main .section04 dl dd a {display: inline-block; padding: 0 40px; line-height: 60px; background: #0889cc; border-radius: 30px}
#main .section04 dl dd a span {display: inline-block; padding-right: 80px; font-weight: 700; font-size: 22px; color: #fff; background: url('../images/main/main_sec05_arrow.png') no-repeat right center}
#main .section05 {padding: 150px 0; background: url('../images/main/main_sec06_bg.jpg') no-repeat center / cover}
#main .section05 .title {margin-bottom: 75px}
#main .section05 .title > * {font-family: scd; font-weight: 600; color: #333333; letter-spacing: -1px; text-align: center}
#main .section05 .title h6 {font-size: 40px; line-height: 50px}
#main .section05 .title h5 {margin-top: 20px; font-size: 54px; line-height: 62px}
#main .section05 .title h5 strong {position: relative; color: #0889cc}
#main .section05 .title h5 strong:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #0889cc}
#main .section05 .box {position: relative; padding: 80px 0 60px; background: #fff; box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1); box-sizing: border-box; text-align: center}
#main .section05 .box strong {display: block; margin-bottom: 40px; font-family: scd; font-weight: 600; font-size: 50px; line-height: 60px; color: #0889cc; letter-spacing: -1px}
#main .section05 .box figure {}
#main .section05 .box figure img {}
#main .section05 .box span {position: absolute; bottom: 35px; left: 40px; font-size: 20px; line-height: 30px; color: #999999; letter-spacing: -1px}
#main .section05 .btns {margin-top: 20px}
#main .section05 .btns a {display: block; font-family: scd; font-weight: 500; font-size: 24px; line-height: 80px; color: #fff; text-align: center; background: #0889cc}



/* 250214 건별 추가 sys */
.mainSec02 {background: url('../images/main/re02_main_sec02_bg.jpg') no-repeat center / cover;padding:160px 0; text-align: center;}
.mainSec02 .inner{width: 1400px !important;}
.mainSec02 .mid .txt h5 { padding-top: 30px; color: #333; font-size: 58px; text-align: center; font-family: Lato; font-weight: 400;}
.mainSec02 .mid .txt p { padding-top: 40px; color: #333; font-size: 27px; text-align: center; font-family: 'SCore Dream';}
.mainSec02 .mid .txt h6 { padding-top: 10px; color: #333; font-size: 38px; font-weight: 500; text-align: center; font-family: 'SCore Dream';}
.mainSec02 .mid .txt strong { color: #0889cb; }
.mainSec02 ul {display: block;padding-top: 140px;text-align: center;}
.mainSec02 ul li {flex: auto;width: 14.28571429% ;display: inline-block;vertical-align: top;}
.mainSec02 ul li img {width: 100%;display: block;}
.mainSec02 ul li p {font-family: 'SCore Dream';color:#333;text-align: center; font-size: 20px;}

#main .banner-wrap02 {position: relative;min-height: 900px;background: url('../images/main/banner-img3.jpg') no-repeat 50%;background-size: cover;display: flex;justify-content: flex-end;align-items: center;}
#main .banner-wrap02 .inr {width:50vw;display: flex;flex-direction: column;}
#main .banner-wrap02 .inr > * {font-family: 'SCore Dream';color: #fff;letter-spacing: -1px;}
#main .banner-wrap02 strong { color: #fff; font-size: 50px}
#main .banner-wrap02 strong span { display: block; padding-top: 10px; color: #fff; font-size: 32px; font-weight: 400;}
#main .banner-wrap02 p { color: #fff; padding-top: 40px; font-size: 26px;}
#main .banner-wrap02 h3 { padding-top: 20px;}
#main .banner-wrap02 .banner-wrap02-btn { display: block; width: 210px; height: 60px; line-height: 60px; margin-top: 50px; color: #fff; background-color: #0889cb; font-size: 18px; text-align: center; text-decoration: none;}
#main .banner-wrap02 .banner-wrap02-btn i { margin-left: 5px;}
#main .banner-wrap02 .banner-wrap02-bottom { display: block;  position: absolute; bottom: 100px; left: 50%; transform: translateX(-5%); text-decoration: none;}
#main .banner-wrap02 .bottom_txt i { display: inline-block; width: 26px; height: 12px; margin-left: 10px; background: url(../images/main/banner-arrow.png) no-repeat 50% / contain; }
#main .banner-wrap02 .banner-wrap02-bottom span { color: #fff; font-size: 18px;}






.colSky {color: #0889cc !important;}
.colBlue {color: #2b336d !important;}

.mtit {margin-bottom: 55px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.mtit > * {text-align: center;}
.mtit > img {position: absolute;top: -35px;left: calc(50% + 185px);}
.mtit > em {font-size: 34px;color: #333333;font-family: 'SCore Dream';font-weight: 500;letter-spacing: -0.05em;font-style: normal;}
.mtit > h3 {font-size: 50px;color: #333333;font-family: 'SCore Dream';font-weight: 600;letter-spacing: -0.07em;}
.mtit > em + h3 {margin-top: 15px;}

#new2506_sec1 {padding: 160px 0;background: url('../images/main/new2506_sec1-bg1.jpg') no-repeat center;background-size: cover;}
#new2506_sec1 .inner {max-width: 1200px;margin: 0 auto;}
#new2506_sec1 .boxs {display: flex;flex-wrap: wrap;margin: -17px;}
#new2506_sec1 .boxs > li {margin: 17px;width: calc(100%/3 - 34px);background: #fff;border-radius: 20px;padding: 20px;box-sizing: border-box;}
#new2506_sec1 .boxs > li img {display: block;width: 100%;}
#new2506_sec1 .boxs > li p {text-align: center;padding: 25px 0 15px;font-size: 22px;color: #333;font-family: 'SCore Dream';letter-spacing: -0.05em;line-height: 34px;}
#new2506_sec1 .boxs > li p strong {font-size: inherit;font-family: inherit;font-weight: 600;}

#new2506_sec2 {padding: 160px 0;background: url('../images/main/new2506_sec2-bg1.jpg') no-repeat center;background-size: cover;}
#new2506_sec2 .inner {max-width: 1200px;margin: 0 auto;}
#new2506_sec2 .mtit > h3 {color: #fff;}
#new2506_sec2 .boxs {display: flex;flex-wrap: wrap;margin: -17px;}
#new2506_sec2 .boxs > li {margin: 17px;width: calc(100%/3 - 34px);background: #fff;border-radius: 20px;padding: 45px 20px 65px;box-sizing: border-box;}
#new2506_sec2 .boxs > li img {display: block;margin: 0 auto;}
#new2506_sec2 .boxs > li strong {margin-top: 30px;display: block;text-align: center;font-family: 'SCore Dream';font-weight: 600;font-size: 28px;color: #333;letter-spacing: -0.05em;line-height: 40px;}
#new2506_sec2 .boxs > li p {margin-top: 15px;text-align: center;font-size: 22px;color: #333;font-family: 'SCore Dream';letter-spacing: -0.05em;line-height: 34px;}
#new2506_sec2 .boxs > li p span {font-size: inherit;font-family: inherit;font-weight: 600;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 0 auto;}

#sub #content > * {}
#sub #content .lnbWrap {display: table-cell; vertical-align: top;}
#sub #content #subCont {display: table-cell; vertical-align: top;}

#sub .sub-vis{position: relative;height: 300px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2 {display: inline-block;vertical-align: middle; width: 1200px; font-family: scd; font-weight: 300; font-size: 36px; color: #000; letter-spacing: -1px; z-index: 2;}
#sub .sub-vis h2 > strong {font-weight: 600; color: #033165;}
#sub .sub-vis h2 mark {background: #0889cb; padding: 0 2px; color: #fff;}
#sub .sub-vis h2 mark strong {font-weight: 600;}

#sub .sub-tit{position: relative;padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{font-family: scd; font-weight: 500; font-size: 36px; color: #000;}

#sub .lnbWrap {position: relative; width: 240px; height: 60vh} /*height: 100vh;*/
#sub #subCont {width: 960px; padding: 60px 0 80px 80px; box-sizing: border-box; }

.lnbWrap .box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.lnbWrap .box {display: inline-block; vertical-align: middle; width: 100%; height: 140px; text-align: center;background: url('../images/sub/sub_lnb_tit.jpg') no-repeat center;}
.lnbWrap h2 {display: inline-block; vertical-align: middle; line-height: 40px;font-family: scd; font-weight: 500; font-size: 30px; letter-spacing: -1px;color: #fff;text-decoration: none; text-align: center;}
#lnb > li{border-bottom: 1px solid #ddd;}
#lnb > li a{display: block;line-height: 60px;padding: 0 15px;font-size: 17px;color: #666666;text-decoration: none; background: url('../images/sub/lnb_more_ico_def.png') no-repeat 95% center; letter-spacing: -0.8px;}
#lnb > li.active a,
#lnb > li:hover a{color: #fff; background: #0889cb url('../images/sub/lnb_more_ico_act.png') no-repeat 95% center; box-shadow: 4px 10px 10px rgba(8,137,203,0.2);}
#lnb > li > ul {display: none;}

#status{position: absolute;bottom: 35px;right: 0;}
#status br {display: none;}
#status > ul > li{position: relative; display: inline-block; vertical-align: middle; padding: 0 20px;}
#status > ul > li:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 7px; background: url('../images/sub/sub_status_arrow.png') no-repeat;}
#status > ul > li:first-child:before {display: none;}
#status > ul > li:last-child {padding-right: 0;}
#status > ul > li a {font-size: 16px; line-height: 22px; color: #777777;text-decoration: none;}
#status > ul > li a img {margin-top: -2px;}
#status > ul > li:last-child a{color: #444444;}
#status > ul > li > ul{display: none;}

#navigator{display: none; border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('../images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}


#subCont .sub-title {padding-bottom: 30px;}
#subCont .sub-title h5 {font-weight: 600; font-size: 24px; line-height: 30px; color: #033165; letter-spacing: -1px; padding-left: 28px; background: url('../images/sub/sub_tit_ico.png') no-repeat left center;}
#subCont .sub-title h5 strong{color: #0889cb;}
#subCont .sub-title p {font-weight: 200; font-size: 17px; line-height: 30px; color: #777; margin-top: 30px;}


.aid-wrap {}
.aid-wrap .top-box {padding-bottom: 40px;}
.aid-wrap .top-box .box {margin: 30px 0 60px 0;}
.aid-wrap .top-box .box img {}
.aid-wrap .top-box .txt {}
.aid-wrap .top-box .txt p {margin-bottom: 25px; font-size: 17px; line-height: 30px; color: #777;}
.aid-wrap .mid-box {padding-bottom: 80px;}
.aid-wrap .mid-box .box {border-top: 2px solid #033165;}
.aid-wrap .mid-box .box dl {position: relative; border-bottom: 1px solid #ddd; padding: 40px 30px; box-sizing: border-box;}
.aid-wrap .mid-box .box dl dt {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 240px;}
.aid-wrap .mid-box .box dl dt .img { padding-bottom: 62%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.aid-wrap .mid-box .box dl dd {}
.aid-wrap .mid-box .box dl dd h6 {font-size: 24px; line-height: 30px; color: #000; letter-spacing: -0.5px;}
.aid-wrap .mid-box .box dl dd p {font-size: 17px; line-height: 24px; color: #666; letter-spacing: -0.5px; margin: 15px 0 25px 0;}
.aid-wrap .mid-box .box dl dd ul {}
.aid-wrap .mid-box .box dl dd ul li {display: inline-block; vertical-align: top; margin-right: 6px; padding: 0 18px; line-height: 26px; border-radius: 15px; font-weight: 300; font-size: 14px; color: #fff; letter-spacing: -0.5px;}
.aid-wrap .mid-box .box dl dd ul li.sky {background: #0889cb;}
.aid-wrap .mid-box .box dl dd ul li.ocean {background: #046a9e;}
.aid-wrap .mid-box .box dl dd ul li.blue {background: #035884;}
.aid-wrap .mid-box .box dl dd ul li.navy {background: #033165;}
.aid-wrap .mid-box .box dl dd ul li.black {background: #011e3e;}
.aid-wrap .bot-box {}
.aid-wrap .bot-box .box {border-top: 1px solid #ddd;}
.aid-wrap .bot-box .box dl {border-bottom: 1px solid #ddd; padding: 40px 25px;}
.aid-wrap .bot-box .box dl dt {position: relative;}
.aid-wrap .bot-box .box dl dt h6 {padding-left:40px; font-weight: 600; font-size: 20px; line-height: 30px; color: #0889cb; letter-spacing: -0.5px;}
.aid-wrap .bot-box .box dl dt h6 strong {position: absolute; top: 0; left: 0; width: 28px; height: 28px; background: #0889cb; border-radius: 50%; line-height: 28px; color: #fff; text-align: center; font-size: 14px;}
.aid-wrap .bot-box .box dl dt h6 span {font-weight: 400; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.aid-wrap .bot-box .box dl dd {font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; padding-left: 40px; margin-top: 10px;}



/* 보청기 찾기 테스트 */
.frm_set {height: 0;}


.test-wrap {height: 680px; padding: 30px 0; margin: 50px 0;}
.test-wrap > form {height: 100%;}
.test-wrap .test-box.start:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.test-wrap .test-box.start {display: inline-block; vertical-align: middle; width: 100%; height: 100%; text-align: center;}
.test-wrap .test-box.start {background: url('../images/sub/test_q01_bg.jpg') no-repeat center; padding: 0;}
.test-wrap .test-box.start .mid {display: inline-block; vertical-align: middle;}
.test-wrap .test-box.start .mid span {display: inline-block; padding: 0 60px; line-height: 40px; background: #00afe5; font-weight: 200; font-size: 18px; color: #fff; letter-spacing: 12px; border-radius: 20px;}
.test-wrap .test-box.start .mid h5 {font-family: nexon; font-weight: 400; font-size: 60px; line-height: 70px; color: #fff; letter-spacing: -0.5px; text-align: center; padding: 25px 0 20px 0;}
.test-wrap .test-box.start .mid p {font-weight: 100; font-size: 24px; line-height: 34px; color: #fff; letter-spacing: -0.5px;}
.test-wrap .test-box.start .mid input {margin-top: 55px; width: 200px; height: 50px; line-height: 50px; border: none; background: #00afe5; font-weight: 200; font-size: 18px; color: #fff; letter-spacing: -1px; text-align: center;}



.test-wrap .test-box {position: relative; width: 100%; height: 100%; background: url('../images/sub/test_q_bg.jpg') no-repeat center; background-size: cover; padding: 80px 70px; box-sizing: border-box;}
.test-wrap .test-box a.fst {position: absolute; top: 40px; right: 40px; width: 200px; height: 50px; line-height: 50px; background: url('../images/sub/test_re_ico.png') no-repeat calc(50% + 40px) center; background-color: #00afe5; color: #fff; font-size: 18px; text-align: center; letter-spacing: -1px; text-indent: -26px; text-decoration: none;}
.test-wrap .test-box .title {padding-bottom: 35px;}
.test-wrap .test-box .title > * {text-align: center;}
.test-wrap .test-box .title h5 {font-family: buri; font-weight: 400; font-size: 36px; line-height: 46px; color: #00afe5;}
.test-wrap .test-box .title p {font-weight: 200; font-size: 26px; line-height: 36px; color: #fff; letter-spacing: -0.5px; margin-top: 20px;}
.test-wrap .test-box fieldset {}
.test-wrap .test-box fieldset ul {margin: 0 -10px;}
.test-wrap .test-box fieldset ul:after {content: ''; display: block; clear: both;}
.test-wrap .test-box fieldset ul li {float: left; width: calc(50% - 20px); height: 90px; margin: 10px;}
.test-wrap .test-box fieldset ul li.w25 {width: calc(25% - 20px);}
.test-wrap .test-box fieldset ul li label.inputCustom {position: relative; display: inline-block; width: 100%; height: 100%; background-color: #fff !important; padding-left: 105px; box-sizing: border-box;}
.test-wrap .test-box fieldset ul li label.inputCustom.active {background-color: #00afe5 !important;}
/* type01 q1 */
.test-wrap .test-box fieldset ul li.list01.type01 label.inputCustom {background: url('../images/sub/test_q01_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type01 label.inputCustom {background: url('../images/sub/test_q01_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type01 label.inputCustom {background: url('../images/sub/test_q01_list_ico03.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list04.type01 label.inputCustom {background: url('../images/sub/test_q01_list_ico04.png') no-repeat 20px center;}
/* type02 q2 */
.test-wrap .test-box fieldset ul li.list01.type02 label.inputCustom {background: url('../images/sub/test_q02_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type02 label.inputCustom {background: url('../images/sub/test_q02_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type02 label.inputCustom {background: url('../images/sub/test_q02_list_ico03.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list04.type02 label.inputCustom {background: url('../images/sub/test_q02_list_ico04.png') no-repeat 20px center;}
/* type03 q3 */
.test-wrap .test-box fieldset ul li.list01.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico03.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list04.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico04.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list05.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico07.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list06.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico05.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list07.type03 label.inputCustom {background: url('../images/sub/test_q03_list_ico06.png') no-repeat 20px center;}
/* type04 q4 */
.test-wrap .test-box fieldset ul li.list01.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico03.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list04.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico04.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list05.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico05.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list06.type04 label.inputCustom {background: url('../images/sub/test_q04_list_ico06.png') no-repeat 20px center;}

/* type05,type06 q5,q6 */
.test-wrap .test-box fieldset ul li.type05 {width: calc(100% - 20px);}
.test-wrap .test-box fieldset ul li.list01.type05 label.inputCustom {background: url('../images/sub/test_q05_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type05 label.inputCustom {background: url('../images/sub/test_q05_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type05 label.inputCustom {background: url('../images/sub/test_q05_list_ico03.png') no-repeat 20px center;}

/*06 새로 뺐습니다. 21.04.07 yjkim : */
.test-wrap .test-box fieldset ul li.type06 {width: calc(100% - 20px);}
.test-wrap .test-box fieldset ul li.list01.type06 label.inputCustom {background: url('../images/sub/test_q05_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type06 label.inputCustom {background: url('../images/sub/test_q05_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type06 label.inputCustom {background: url('../images/sub/test_q05_list_ico03.png') no-repeat 20px center;}


/* type07 q7 */
.test-wrap .test-box fieldset ul li.list01.type07 label.inputCustom {background: url('../images/sub/test_q07_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type07 label.inputCustom {background: url('../images/sub/test_q07_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type07 label.inputCustom {background: url('../images/sub/test_q07_list_ico03.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list04.type07 label.inputCustom {background: url('../images/sub/test_q07_list_ico04.png') no-repeat 20px center;}

/* type08 q8 */
.test-wrap .test-box fieldset ul li.type08 {width: calc(100% - 20px);}
.test-wrap .test-box fieldset ul li.list01.type08 label.inputCustom {background: url('../images/sub/test_q08_list_ico01.png') no-repeat 20px center;}

/* type09 q9 */
.test-wrap .test-box fieldset ul li.type09 {width: calc(100% - 20px);}
.test-wrap .test-box fieldset ul li.list01.type09 label.inputCustom {background: url('../images/sub/test_q09_list_ico01.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list02.type09 label.inputCustom {background: url('../images/sub/test_q09_list_ico02.png') no-repeat 20px center;}
.test-wrap .test-box fieldset ul li.list03.type09 label.inputCustom {background: url('../images/sub/test_q09_list_ico03.png') no-repeat 20px center;}

.test-wrap .test-box fieldset ul li label input.typeRadio {}
.test-wrap .test-box fieldset ul li label h6 {position: absolute; top: 50%; left: 85px; transform: translateY(-50%); width: calc(100% - 85px); text-align: center; font-weight: 600; font-size: 18px; line-height: 28px; color: #444; letter-spacing: -1px;}
.test-wrap .test-box fieldset ul li label h6 span {display: block; font-weight: 200; font-size: 16px; line-height: 16px; color: #555; letter-spacing: -1px; margin-top: 5px;}
.test-wrap .test-box fieldset ul li label.inputCustom.active h6 {color: #fff;}
.test-wrap .test-box fieldset ul li label.inputCustom.active h6 span {color: #fff;}
.test-wrap .test-box .test-btn-wrap {position: absolute; bottom: 70px; left:50%; margin-left:-30px; }
.test-wrap .test-box .test-btn-wrap .submit {width: 60px; height: 27px; border: none; text-indent: -9999em; background: url('../images/sub/test_next_arrow.png') no-repeat;}

.test-wrap .test-box fieldset ul.pad-none li.w25 {height: 130px;}
.test-wrap .test-box fieldset ul.pad-none li label.inputCustom {padding-left: 0;}
.test-wrap .test-box fieldset ul.pad-none li label h6 {left: 30px;width: calc(100% - 60px);}
.test-wrap .test-box fieldset ul.pad-none li label h6 span {line-height: 1.4em;}


/* 신청자 정보 입력 */
.test-wrap .test-box .info-box {width: 940px; height: 355px; background: #fff; margin: 85px auto; border: 10px solid #eaeaea; padding: 70px 80px; box-sizing: border-box;}
.test-wrap .test-box .info-box h5 {font-weight: 300; font-size: 27px; line-height: 27px; color: #555; letter-spacing: -1px; text-align: center; margin-bottom: 30px;}
.test-wrap .test-box .info-box .lst {margin: 0 -5px;}
.test-wrap .test-box .info-box .lst li {width: calc(33.33% - 10px); height: auto; margin: 5px; text-align: center;}
.test-wrap .test-box .info-box .lst li:last-child {width: calc(66.66% - 10px); height: 75px;}
.test-wrap .test-box .info-box .lst li .inp {width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 25px; font-size: 16px; color: #888; letter-spacing: -0.5px;}
.test-wrap .test-box .info-box .lst li .inp::placeholder {font-size: 16px; color: #888; letter-spacing: -0.5px;}
.test-wrap .test-box .info-box .lst li button {display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-weight: 300; font-size: 14px; color: #555; letter-spacing: -0.5px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; text-decoration: none;}
.test-wrap .test-box .info-box .lst li label {text-align: center; font-size: 14px; line-height: 34px; color: #555;}
.test-wrap .test-box .info-box .lst li label input {margin-top: 10px;}
.test-wrap .test-box .info-box .lst li .submit {width: 100%; height: 75px; line-height: 75px; background: #1d89cb; border-radius: 5px; text-align: center; font-family: scd; font-weight: 600; font-size: 21px; color: #fff; letter-spacing: -1.5px; border: none;}


.test-wrap .test-box.fin {text-align: center;}
.test-wrap .test-box .fin:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.test-wrap .test-box .fin {display: inline-block; vertical-align: middle; width: 600px; height: 355px; background: #fff; margin: 85px auto; border: 10px solid #eaeaea; box-sizing: border-box; text-align: center;}
.test-wrap .test-box .fin .mid {display: inline-block; vertical-align: middle; text-align: center;}
.test-wrap .test-box .fin .mid img {}
.test-wrap .test-box .fin .mid h5 {margin: 30px 0 20px 0; font-weight: 300; font-size: 27px; line-height: 27px; color: #555; letter-spacing: -1px; text-align: center;}
.test-wrap .test-box .fin .mid p {font-size: 16px; line-height: 16px; color: #555; letter-spacing: -0.5px; }
.test-wrap .test-box .fin .mid a {display: inline-block; width: 200px; height: 50px; line-height: 50px; background: #00afe5; font-size: 18px; color: #fff; letter-spacing: -1px; text-decoration: none; margin-top: 40px;}



.step-wrap {padding: 30px 0;}
.step-wrap .step-top-box {}
.step-wrap .step-top-box .title {text-align: center; padding-bottom: 50px;}
.step-wrap .step-top-box .title > * {font-family: nexon; text-align: center;}
.step-wrap .step-top-box .title p {display: inline-block; font-weight: 300; font-size: 22px; line-height: 50px; padding: 0 60px; background: #33aff7; border-radius: 50px; color: #fff;}
.step-wrap .step-top-box .title h5 {font-weight: 400; font-size: 60px; line-height: 70px; color: #333; letter-spacing: -1px; margin-top: 20px;}
.step-wrap .step-top-box .step-list {}
.step-wrap .step-top-box .step-list h6 {text-align: center; font-family: nexon; font-weight: 300; font-size: 30px; line-height: 40px; color: #333; letter-spacing: -0.5px;}
.step-wrap .step-top-box .step-list ul {padding-top: 25px;}
.step-wrap .step-top-box .step-list ul:after {content: ''; display: block; clear: both;}
.step-wrap .step-top-box .step-list ul li {float: left; width: 50%; border: 1px solid #ddd; border-width: 1px 1px 0 0; padding: 50px 40px; box-sizing: border-box;}
.step-wrap .step-top-box .step-list ul li:nth-child(n+3) {border-bottom: 1px solid #ddd;}
.step-wrap .step-top-box .step-list ul li:nth-child(odd) {border-left: 1px solid #ddd;}
.step-wrap .step-top-box .step-list ul li strong {font-family: nexon; font-weight: 400; font-size: 24px; line-height: 34px; color: #33aff7; letter-spacing: -0.5px;}
.step-wrap .step-top-box .step-list ul li p {margin-top: 15px; font-size: 18px; line-height: 28px; color: #666; letter-spacing: -1px;}
.step-wrap .step-mid-box {}
.step-wrap .step-mid-box dl {padding: 80px 0; border-bottom: 1px solid #ddd;}
.step-wrap .step-mid-box dl:after {content: ''; display: block; clear: both;}
.step-wrap .step-mid-box dl > * {float: left;}
.step-wrap .step-mid-box dl dt {width: 425px;}
.step-wrap .step-mid-box dl dt img {}
.step-wrap .step-mid-box dl dd:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.step-wrap .step-mid-box dl dd {display: inline-block; vertical-align: middle; width: calc(100% - 425px); height: 270px; padding-left: 55px; box-sizing: border-box;}
.step-wrap .step-mid-box dl dd .mid {display: inline-block; vertical-align: middle;}
.step-wrap .step-mid-box dl dd .mid span {font-family: nexon; font-weight: 200; font-size: 24px; line-height: 34px; color: #33aff7; letter-spacing: -0.5px;}
.step-wrap .step-mid-box dl dd .mid h6 {font-family: nexon; font-weight: 400; font-size: 44px; line-height: 55px; color: #333; letter-spacing: -1px; margin: 15px 0;}
.step-wrap .step-mid-box dl dd .mid p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -1px;}
.step-wrap .step-bot-box {padding-top: 80px; text-align: center;}
.step-wrap .step-bot-box img {}
.step-wrap .step-bot-box h6 {text-align: center; margin-top: 45px; font-family: nexon; font-weight: 200; font-size: 60px; line-height: 80px; color: #33aff7; letter-spacing: -1px;}
.step-wrap .step-bot-box h6 strong {display: block; color: #333333;}


.greet-wrap {}
.greet-wrap .title {padding-bottom: 55px}
.greet-wrap .title > * {text-align: center}
.greet-wrap .title h5 {font-size: 30px; line-height: 40px; color: #333; opacity: 0.5}
.greet-wrap .title h5 strong {color: #0889cb}
.greet-wrap .title h6 {font-weight: 200; font-size: 36px; line-height: 40px; color: #333; letter-spacing: -1px; margin-top: 30px}
.greet-wrap .title h6 strong {color: #0889cb}
.greet-wrap .txt-box {border-top: 2px solid #0066b3; padding-top: 40px}
.greet-wrap .txt-box dl {}
.greet-wrap .txt-box dl:after {content: ''; display: block; clear: both}
.greet-wrap .txt-box dl dt {float: right; width: calc(40% + 13px)}
.greet-wrap .txt-box dl dt .thumb {padding-bottom: 52%; background: url('../images/sub/greeting_logo.jpg') no-repeat center}
/* .greet-wrap .txt-box dl dt .thumb {padding-bottom: 80%; background: url('../images/sub/greeting_logo.jpg') no-repeat center} */
.greet-wrap .txt-box dl dd {float: left; width: calc(60% - 13px)}
.greet-wrap .txt-box dl dd h6 {font-weight: 200; font-size: 30px; line-height: 40px; color: #333}
.greet-wrap .txt-box dl dd h6 strong {font-weight: 400}
.greet-wrap .txt-box dl dd p {}
.greet-wrap .txt-box p {font-size: 17px; line-height: 30px; color: #777; margin-top: 30px}
.greet-wrap .txt-box > h6 {margin-top: 30px; font-weight: 300; font-size: 17px; line-height: 30px; color: #000}
.greet-wrap .txt-box > h6 strong {font-weight: inherit; color: #0066b3}


.location-wrap {}
.location-wrap .map {}
.location-wrap .map .info {position: relative; margin: 20px 0 30px 0;}
.location-wrap .map .info strong {font-weight: 300; font-size: 20px; line-height: 50px; color: #333; letter-spacing: -0.5px}
.location-wrap .map .info a {position: absolute; top: 0; right: 0; padding: 0 23px 0 50px; line-height: 50px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; color: #666; background: url('../images/sub/loc_kakao_ico.png') no-repeat 11px center; text-decoration: none}
.location-wrap dl {margin-bottom: 35px}
.location-wrap dl:last-child {margin-bottom: 0}
.location-wrap dl dt {font-weight: 600; font-size: 18px; line-height: 24px; color: #033165; letter-spacing: -0.5px; margin-bottom: 10px}
.location-wrap dl dd {font-size: 16px; line-height: 30px; color: #666; letter-spacing: -0.5px}
.location-wrap dl dd ul {margin-top: 20px}
.location-wrap dl dd ul li {display: inline-block; vertical-align: top; margin-right: 30px; text-align: center}
.location-wrap dl dd ul li img {}
.location-wrap dl dd ul li p {font-size: 16px; line-height: 20px; color: #666; letter-spacing: -0.5px; margin-top: 15px}
.location-wrap dl dd ul li:last-child p {margin-top: 5px}
.location-wrap dl.tm-box dd {position: relative; padding-left: 75px;}
.location-wrap dl.tm-box dd strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 16px; line-height: 30px; color: #666; letter-spacing: -0.5px;}
.location-wrap .infobox{display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 40px;border-bottom: 2px solid #222222;padding: 30px 0;}
.location-wrap .infobox .time{width: calc(100% - 387px);font-size: 16px;color: #666666;letter-spacing: -0.5px;position: relative;padding-left: 120px;box-sizing: border-box;}
.location-wrap .infobox .time strong{font-size: 18px;color: #333333;letter-spacing: -1px;font-weight: 500;margin-right: 20px;position: absolute;top: 0;left: 0;}
.location-wrap .infobox .time strong img{margin-right: 5px;}
.location-wrap .infobox .link{width: 387px;text-align: right;display: flex;flex-wrap: wrap;justify-content: end;align-items: start;}
.location-wrap .infobox .link * {margin: 1px;}


.appr-wrap {}
.appr-wrap .graph {margin-top: 80px}
.appr-wrap .graph dt {background: #033165; font-family: scd; font-weight: 500; font-size: 26px; color: #fff; text-align: center; line-height: 70px}
.appr-wrap .graph dt strong {font-weight: 600; font-size: 36px; font-style: italic}
.appr-wrap .graph dd {border: 1px solid #ddd; border-top: 0; padding: 30px; box-sizing: border-box}
.appr-wrap .graph dd img {}
.appr-wrap .top-box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%}
.appr-wrap .top-box {display: inline-block; vertical-align: middle; width: 100%; height: 240px; background: url('../images/sub/appr_top_bg.jpg') no-repeat center / cover}
.appr-wrap .top-box h6 {display: inline-block; vertical-align: middle; padding-left: 110px; font-family: notoserif; font-weight: 500; font-size: 30px; line-height: 30px; color: #fff; letter-spacing: -0.5px}
.appr-wrap .bot-box {}
.appr-wrap .bot-box .box {padding-top: 55px}
.appr-wrap .bot-box .box .sub-title {padding-bottom: 25px}
.appr-wrap .bot-box .box dl {position: relative;}
.appr-wrap .bot-box .box dl dt {position: absolute; top: 50%; left: 0; transform: translateY(-50%)}
.appr-wrap .bot-box .box dl dt img {}
.appr-wrap .bot-box .box dl dd {padding-left: 110px}
.appr-wrap .bot-box .box dl dd p {font-size: 17px; line-height: 30px; color: #777;letter-spacing: -1px;}
.appr-wrap .bot-box .box dl dd p > strong.title{color: #000;padding-top: 10px;display: inline-block;}
.appr-wrap .bot-box .box dl dd p span {font-size: 15px; line-height: inherit; color: inherit}


.msmt-wrap {}
.msmt-wrap .msmt-box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%}
.msmt-wrap .msmt-box {display: inline-block; vertical-align: middle; width: 100%; height: 220px; background: url('../images/sub/msmt_top_bg.jpg') no-repeat center / cover}
.msmt-wrap .msmt-box img {display: inline-block; vertical-align: middle; padding-left: 75px}
.msmt-wrap .text {margin-top: 35px}
.msmt-wrap .text p {margin-top: 10px; font-size: 17px; line-height: 30px; color: #777}
.msmt-wrap .step {margin: 60px 0 70px}
.msmt-wrap .step .list {border-top: 1px solid #ddd}
.msmt-wrap .step .list .box {padding: 35px 0; border-bottom: 1px solid #ddd}
.msmt-wrap .step .list .box > * {padding-left: 40px}
.msmt-wrap .step .list .box h6 {position: relative; font-size: 20px; line-height: 28px; color: #0889cb}
.msmt-wrap .step .list .box h6 strong {position: absolute; top: 0; left: 0; width: 28px; height: 28px; font-size: 14px; line-height: 26px; background: #0889cb; border-radius: 50%; text-align: center; color: #fff}
.msmt-wrap .step .list .box p {margin-top: 12px; font-size: 17px; line-height: 26px; color: #666666; letter-spacing: -0.5px}
.msmt-wrap .service {}
.msmt-wrap .service .txtbox {margin-bottom: 25px; padding: 25px 30px; font-size: 18px; line-height: 31px; color: #666666; background: #f5f5f5}
.msmt-wrap .service dl {margin-bottom: 30px}
.msmt-wrap .service dl:last-child {margin-bottom: 0}
.msmt-wrap .service dl > * {font-size: 17px; line-height: 30px}
.msmt-wrap .service dl dt {font-weight: 700; color: #0889cb}
.msmt-wrap .service dl dd {color: #666}


.fit-wrap {}
.fit-wrap .top-box {padding-bottom: 80px;}
.fit-wrap .top-box ul {margin: -10px}
.fit-wrap .top-box ul:after {content: ''; display: block; clear: both}
.fit-wrap .top-box ul li {float: left; width: calc(33.33% - 20px); margin: 10px}
.fit-wrap .top-box ul li .thumb {padding-bottom: 78%; background-size: cover; background-position: center; background-repeat: no-repeat}
.fit-wrap .top-box ul li .box {position: relative; border: 1px solid #ddd; border-top: 0; background: #fff; box-sizing: border-box; min-height: 220px}
.fit-wrap .top-box ul li .box .info {text-align: center; position: absolute; bottom: 40px; left: 0; width: 100%}
.fit-wrap .top-box ul li .box .info img {}
.fit-wrap .top-box ul li .box .info strong {display: block; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 15px 0}
.fit-wrap .top-box ul li .box .info p {font-size: 15px; line-height: 22px; color: #666}
.fit-wrap .bot-box {}
.fit-wrap .bot-box .box {}
.fit-wrap .bot-box .box dl {position: relative; border-bottom: 1px solid #ddd; padding: 40px 0;}
.fit-wrap .bot-box .box dl:first-child {border-top: 1px solid #ddd}
.fit-wrap .bot-box .box dl.list01 {background: url('../images/sub/fit_bot_ico01.png') no-repeat 94% center}
.fit-wrap .bot-box .box dl.list02 {background: url('../images/sub/fit_bot_ico02.png') no-repeat 94% center}
.fit-wrap .bot-box .box dl.list03 {background: url('../images/sub/fit_bot_ico03.png') no-repeat 94% center}
.fit-wrap .bot-box .box dl.list04 {background: url('../images/sub/fit_bot_ico04.png') no-repeat 94% center}
.fit-wrap .bot-box .box dl dt {position: relative}
.fit-wrap .bot-box .box dl dt h6 {font-size: 20px; line-height: 28px; color: #0889cb; letter-spacing: -0.5px; padding-left: 40px}
.fit-wrap .bot-box .box dl dt h6 strong {position: absolute; top: 0; left: 0; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; background: #0889cb; text-align: center; font-size: 14px; color: #fff; letter-spacing: -0.5px}
.fit-wrap .bot-box .box dl dd {padding-left: 40px; font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; margin-top: 10px}



.repair-wrap {}
.repair-wrap .top-box {padding-bottom: 70px}
.repair-wrap .top-box .sub-title {}
.repair-wrap .top-box .sub-title p {font-weight: 400 !important}
.repair-wrap .top-box .sub-title p > strong {font-weight: 600; font-size: 17px; line-height: 30px; color: #033165}
.repair-wrap .top-box .sub-title p span {display: block; font-weight: 600; font-size: 17px; line-height: 30px; color: #333333}
.repair-wrap .top-box .sub-title p span strong {color: #0889cb}
.repair-wrap .top-box > img {}
.repair-wrap .top-box > h6 {margin: 35px 0; text-align: center; font-weight: 600; font-size: 22px; line-height: 36px; color: #333; letter-spacing: -0.5px}
.repair-wrap .top-box > h6 mark {background: #0889cb; color: #fff; padding: 0 4px}
.repair-wrap .top-box > dl {border-top: 1px solid #ddd; padding: 35px 0 35px 30px}
.repair-wrap .top-box > dl:last-child {border-bottom: 1px solid #ddd}
.repair-wrap .top-box > dl dt {font-weight: 600; font-size: 20px; line-height: 30px; color: #0889cb; letter-spacing: -0.5px}
.repair-wrap .top-box > dl dd {font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; margin-top: 10px}
.repair-wrap .bot-box {}
.repair-wrap .bot-box dl {background: #f8f8f8; border: 1px solid #ddd; padding: 30px 40px}
.repair-wrap .bot-box dl > * {position: relative; padding-left: 30px; font-size: 17px; line-height: 24px; color: #555;}
.repair-wrap .bot-box dl dt {}
.repair-wrap .bot-box dl dd {margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd}
.repair-wrap .bot-box dl strong {position: absolute; top: 0; left: 0; font-weight: 600; line-height: 24px; color: #033165}
.repair-wrap .bot-box dl dd strong {top: 9px}



.fail-wrap {}
.fail-wrap .fail01-box {margin-bottom: 60px}
.fail-wrap .fail01-box .img-box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%}
.fail-wrap .fail01-box .img-box {display: inline-block; vertical-align: middle; width: 100%; height: 240px; background: url('../images/sub/fail_top_bg.jpg') no-repeat center / cover}
.fail-wrap .fail01-box .img-box img {display: inline-block; vertical-align: middle; padding-left: 75px}
.fail-wrap .fail01-box .txt-box {margin-top: 20px; background: #f8f8f8; border: 1px solid #ddd; box-sizing: border-box; padding: 35px 0; text-align: center}
.fail-wrap .fail01-box .txt-box p {font-size: 17px; line-height: 30px; color: #555}
.fail-wrap .fail02-box {margin-bottom: 90px}
.fail-wrap .fail02-box .sub-title {padding-bottom: 20px !important}
.fail-wrap .fail02-box .top {}
.fail-wrap .fail02-box .top ul {padding: 23px 40px; background: #f8f8f8}
.fail-wrap .fail02-box .top ul li {padding: 10px 0; padding-left: 34px; border-bottom: 1px dashed #ddd; background: url('../images/sub/fail_chk_ico.png') no-repeat left 11px}
.fail-wrap .fail02-box .top ul li:last-child {border-bottom: 0}
.fail-wrap .fail02-box .top ul li p {font-size: 17px; line-height: 30px; color: #555}
.fail-wrap .fail02-box .bot {}
.fail-wrap .fail02-box .bot p {margin: 40px 0 20px 0; font-size: 17px; line-height: 30px; color: #777}
.fail-wrap .fail02-box .bot ul {background: #f8f8f8; border: 1px solid #ddd; padding: 30px 40px; box-sizing: border-box}
.fail-wrap .fail02-box .bot ul li {display: inline-block; vertical-align: top; width: 50%; text-align: center; border: 1px dashed #ddd; border-width: 0 1px 1px 0; box-sizing: border-box}
.fail-wrap .fail02-box .bot ul li:nth-child(2n) {border-right: 0;}
.fail-wrap .fail02-box .bot ul li:nth-child(n+3) {border-bottom: 0;}
.fail-wrap .fail02-box .bot ul li dl {padding: 10px 0 30px 0}
.fail-wrap .fail02-box .bot ul li:nth-child(n+3) dl {padding-top: 30px; padding-bottom: 10px}
.fail-wrap .fail02-box .bot ul li dl dt {font-size: 17px; line-height: 30px; color: #555; margin-bottom: 10px}
.fail-wrap .fail02-box .bot ul li dl dt strong {color: #033165}
.fail-wrap .fail02-box .bot ul li dl dd {}
.fail-wrap .fail02-box .bot ul li dl dd a {display: inline-block; width: 250px; line-height: 35px; background: #0889cb; border-radius: 20px; font-size: 16px; color: #fff; text-decoration: none}
.fail-wrap .fail02-box .bot ul li dl dd a strong {font-weight: 300}
.fail-wrap .fail03-box {margin-bottom: 80px}
.fail-wrap .fail03-box .box {}
.fail-wrap .fail03-box .box p {font-weight: 600; font-size: 17px; line-height: 30px; color: #777; margin-bottom: 20px}
.fail-wrap .fail03-box .box ul {background: #f8f8f8; border: 1px solid #ddd; padding: 30px 40px; box-sizing: border-box}
.fail-wrap .fail03-box .box ul li {display: inline-block; vertical-align: top; width: 50%; text-align: center; border-right: 1px dashed #ddd; box-sizing: border-box}
.fail-wrap .fail03-box .box ul li:last-child {border-right: 0}
.fail-wrap .fail03-box .box ul li dl {padding: 10px 0}
.fail-wrap .fail03-box .box ul li dl dt {font-size: 17px; line-height: 30px; color: #555; margin-bottom: 10px}
.fail-wrap .fail03-box .box ul li dl dt strong {color: #033165}
.fail-wrap .fail03-box .box ul li dl dd {}
.fail-wrap .fail03-box .box ul li dl dd a {display: inline-block; width: 250px; line-height: 35px; background: #0889cb; border-radius: 20px; font-size: 16px; color: #fff; text-decoration: none}
.fail-wrap .fail03-box .box ul li dl dd a strong {font-weight: 300}
.fail-wrap .fail04-box {}
.fail-wrap .fail04-box .sub-title p span {display: block; font-weight: 600; font-size: 17px; line-height: 30px; color: #777}
.fail-wrap .fail04-box .box {}
.fail-wrap .fail04-box .box > strong {display: block; margin-bottom: 20px; font-weight: 600; font-size: 17px; line-height: 30px; color: #333}
.fail-wrap .fail04-box .box ul {background: #f8f8f8; border: 1px solid #ddd; padding: 10px 40px; box-sizing: border-box}
.fail-wrap .fail04-box .box ul li {position: relative; margin: 20px 0; font-size: 17px; line-height: 30px; color: #555; padding-left: 30px}
.fail-wrap .fail04-box .box ul li:after {content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #ddd}
.fail-wrap .fail04-box .box ul li:last-child:after {display: none;}
.fail-wrap .fail04-box .box ul li strong {position: absolute; top: 0; left: 0; line-height: 30px; font-weight: 600; color: #033165}



.supp-wrap {}
.supp-wrap > p.ft {font-size: 18px; line-height: 30px; color: #333; margin-bottom: 55px}
.supp-wrap > div {margin-bottom: 80px}
.supp-wrap .supp01-box {}
.supp-wrap .supp02-box {}
.supp-wrap .supp03-box {}
.supp-wrap .supp03-box > ul {background: #f5f5f5; text-align: center; margin-bottom: 40px; padding: 15px 0}
.supp-wrap .supp03-box > ul li {font-size: 16px; line-height: 24px; margin: 3px 0; color: #333}
.supp-wrap .supp04-box {}
.supp-wrap .supp05-box {margin-bottom: 0}
.supp-wrap .supp05-box dl h6 {font-weight: 600; font-size: 18px; line-height: 24px; color: #333; letter-spacing: -1px; margin-bottom: 15px}
.supp-wrap .supp05-box dl dt {margin-bottom: 40px}
.supp-wrap .supp05-box dl dd {}
.supp-wrap .supp05-box ul {margin-top: 15px}
.supp-wrap .supp05-box ul li {font-size: 16px; line-height: 24px; color: #666}
.supp-wrap .supp05-box ul li strong {font-weight: 400; color: #0889cb}

.supp-wrap table {width: 100%;}
.supp-wrap .tbl01-box {}
.supp-wrap .tbl01-box table {border-top: 2px solid #0889cb}
.supp-wrap .tbl01-box table thead {}
.supp-wrap .tbl01-box table thead tr th {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; font-weight: 300; color: #333}
.supp-wrap .tbl01-box table thead tr th img {display: block; margin: 20px auto}
.supp-wrap .tbl01-box table tbody tr > * {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; color: #666; text-align: center}
.supp-wrap .supp04-box .tbl01-box table tbody tr > * {padding: 13px 25px; text-align: left; font-size: 15px}
.supp-wrap .tbl01-box table tbody tr th {font-weight: 300; color: #333}
.supp-wrap .tbl01-box table tbody tr td {}
.supp-wrap .tbl01-box span {display: block; font-size: 16px; line-height: 24px; color: #0889cb; margin-top: 15px}
.supp-wrap .tbl02-box {}
.supp-wrap .tbl02-box table {border-top: 2px solid #0889cb}
.supp-wrap .tbl02-box table thead {}
.supp-wrap .tbl02-box table thead tr th {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; font-weight: 300; color: #333; background: #ecf5f9}
.supp-wrap .tbl02-box table tbody {}
.supp-wrap .tbl02-box table tbody tr > * {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; color: #666; text-align: center}
.supp-wrap .tbl02-box table tbody tr td {}
.supp-wrap .tbl02-box table tbody tr td span {display: inline-block; padding: 0 13px; line-height: 28px; background: #0889cb; border-radius: 15px; font-size: 14px; color: #fff; margin-right: 8px}
.supp-wrap .tbl03-box {}
.supp-wrap .tbl03-box table {border-top: 2px solid #0889cb}
.supp-wrap .tbl03-box table thead tr th {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; font-weight: 300; color: #333}
.supp-wrap .tbl03-box table thead tr:first-child th {padding: 23px 0;}
.supp-wrap .tbl03-box table thead tr th span {display: block; font-size: 15px; color: inherit}
.supp-wrap .tbl03-box table tbody tr > * {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; color: #666; text-align: center}
.supp-wrap .tbl03-box table tbody tr th {font-weight: 300; color: #333}
.supp-wrap .tbl03-box table tbody tr th span {display: block; font-size: 15px; color: inherit}
.supp-wrap .tbl03-box table tbody tr td {}
.supp-wrap .tbl03-box table tbody tr td strong {font-weight: 300}
.supp-wrap dl dt .tbl03-box table tbody tr:last-child td {background: #ecf5f9}
.supp-wrap dl dd .tbl03-box table tbody tr:last-child td {background: #f6f8df}


.hard-wrap {}
.hard-wrap > div {padding-bottom: 40px;}
.hard-wrap .hrd01-box {}
.hard-wrap .hrd02-box {}
.hard-wrap .hrd02-box dl {margin-bottom: 30px;}
.hard-wrap .hrd02-box dl dt {font-weight: 600; font-size: 17px; line-height: 30px; color: #0889cb; margin-bottom: 5px}
.hard-wrap .hrd02-box dl dd {font-size: 17px; line-height: 30px; color: #777}
.hard-wrap .hrd03-box {}
.hard-wrap .hrd03-box .img-box {border: 1px solid #ddd; padding: 30px; box-sizing: border-box}
.hard-wrap .hrd03-box .img-box img {width: 100%}


.ring-wrap {}
.ring-wrap > div {margin-bottom: 40px}
.ring-wrap > div:last-child {margin-bottom: 0;}
.ring-wrap p strong {display: block; font-weight: 600; color: #0889cb}


.hear-wrap {}
.hear-wrap > div {margin-bottom: 40px}
.hear-wrap .top-box {}
.hear-wrap .top-box h6 {text-align: center; font-weight: 200; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; padding: 30px 0; background: #f5f5f5}
.hear-wrap .top-box h6 strong {color: #033165}
.hear-wrap .top-box p {font-size: 17px; line-height: 30px; color: #777; text-align: center; margin-top: 25px}
.hear-wrap .mid-box {}
.hear-wrap .bot-box {margin-bottom: 0}
.hear-wrap .bot-box ul {padding: 30px; background: #f5f5f5}
.hear-wrap .bot-box ul li {position: relative; padding: 8px 0; padding-left: 38px; font-weight: 300; font-size: 18px; line-height: 24px; color: #666}
.hear-wrap .bot-box ul li strong {position: absolute; top: 6px; left: 0; line-height: 28px; width: 28px; background: #0889cb; color: #fff; font-weight: 600; font-size: 14px; letter-spacing: -0.5px; text-align: center; border-radius: 50%}
.hear-wrap .bot-box .tbl04-box {margin-top: 30px}
.hear-wrap .bot-box .tbl04-box table {width: 100%; border-top: 2px solid #0889cb}
.hear-wrap .bot-box .tbl04-box table tbody {}
.hear-wrap .bot-box .tbl04-box table tbody tr > * {border: 1px solid #ddd; padding: 13px 0; font-size: 16px; line-height: 24px; color: #666; text-align: center}
.hear-wrap .bot-box .tbl04-box table tbody tr th {font-weight: 300; color: #333}
.hear-wrap .bot-box .tbl04-box table tbody tr td {text-align: left; padding: 13px 30px}
.hear-wrap .bot-box .txt-box {padding-top: 15px}
.hear-wrap .bot-box .txt-box span {font-size: 16px; line-height: 26px; color: #0889cb}
.hear-wrap .bot-box .txt-box p {font-size: 17px; line-height: 30px; color: #777; margin: 30px 0}
.hear-wrap .bot-box .txt-box strong {font-weight: 300; font-size: 17px; line-height: 30px; color: #333}



.beg-wrap {}
.beg-wrap p.info {margin-top: 25px; padding: 15px 20px; background: rgba(8,137,203,0.1); font-weight: 300; font-size: 17px; line-height: 30px; color: #0889cb}
.beg-wrap .beg01-box {padding-bottom: 60px}
.beg-wrap .beg01-box .chk-list {}
.beg-wrap .beg01-box .chk-list dl {}
.beg-wrap .beg01-box .chk-list dl dt {line-height: 68px; background: #0889cb; font-family: scd; font-weight: 500; font-size: 26px; color: #fff; letter-spacing: -1px; text-align: center}
.beg-wrap .beg01-box .chk-list dl dd {position: relative; padding: 22px 40px 30px 40px; background: #f8f8f8; border: 1px solid #ddd; box-sizing: border-box}
.beg-wrap .beg01-box .chk-list dl dd:before {content: ''; position: absolute; top: 22px; right: 50px; width: 135px; height: 36px; background: url('../images/sub/beg_chk_logo.png') no-repeat}
.beg-wrap .beg01-box .chk-list dl dd:after {content: ''; display: block; clear: both}
.beg-wrap .beg01-box .chk-list dl dd ul {position: relative; padding-bottom: 30px}
.beg-wrap .beg01-box .chk-list dl dd ul:after {content: ''; position: absolute; bottom: 30px; right: 10px; width: 298px; height: 286px; background: url('../images/sub/beg_chk_img.png') no-repeat}
.beg-wrap .beg01-box .chk-list dl dd ul.noimg:after {background: none;}
.beg-wrap .beg01-box .chk-list dl dd ul li {font-size: 17px; line-height: 26px; color: #555; padding: 12px 0; padding-left: 35px; border-bottom: 1px dashed #ddd; background: url('../images/sub/beg_chk_ico.png') no-repeat left 12px}
.beg-wrap .beg01-box .chk-list dl dd p {float: left; line-height: 35px; padding: 0 35px; background: #033165; font-weight: 200; font-size: 17px; color: #fff; letter-spacing: -0.5px}
.beg-wrap .beg01-box .chk-list dl dd p strong {}
.beg-wrap .beg01-box .chk-list dl dd span {float: right; line-height: 35px; font-size: 17px; color: #555}
.beg-wrap .beg02-box {padding-bottom: 35px; border-bottom: 1px solid #ddd}
.beg-wrap .beg02-box dl {margin-top:20px;text-align: center; border: 1px solid #ddd; padding: 35px 0; box-sizing: border-box}
.beg-wrap .beg02-box dl > * {display: inline-block; vertical-align: top}
.beg-wrap .beg02-box dl dt {padding-right: 30px}
.beg-wrap .beg02-box dl dt img {}
.beg-wrap .beg02-box dl dd h6 {font-family: scd; font-weight: 800; font-size: 17px; color: #0889cb; letter-spacing: -1px; text-align: center; margin-bottom: 20px}
.beg-wrap .beg02-box dl dd ul {padding: 30px 30px 32px 30px; border: 2px solid #ddd; border-top: 3px solid #0889cb; text-align: left}
.beg-wrap .beg02-box dl dd ul li {margin-bottom: 12px; font-family: scd; font-weight: 500; font-size: 16px; line-height: 29px; color: #333; letter-spacing: -1px}
.beg-wrap .beg02-box dl dd ul li:nth-child(1),
.beg-wrap .beg02-box dl dd ul li:nth-child(2),
.beg-wrap .beg02-box dl dd ul li:nth-child(5) {margin-bottom: 17px}
.beg-wrap .beg02-box dl dd ul li:last-child {margin-bottom: 0}
.beg-wrap .beg02-box dl dd ul li span {display: inline-block; vertical-align: middle; width: 29px; height: 29px; border-radius: 3px; margin-right: 20px}
.beg-wrap .beg02-box dl dd ul li span.list01 {background: #cce5f4}
.beg-wrap .beg02-box dl dd ul li span.list02 {background: #e8edd5}
.beg-wrap .beg02-box dl dd ul li span.list03 {background: #d5c4d9}
.beg-wrap .beg02-box dl dd ul li span.list04 {background: #b7aad1}
.beg-wrap .beg02-box dl dd ul li span.list05 {background: #fdd6d3}
.beg-wrap .beg02-box dl dd ul li span.list06 {background: #f48382}
.beg-wrap .beg02-box > p {font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; /*padding-top: 35px*/}
.beg-wrap .beg03-box {margin-top: 75px; padding-bottom: 35px; border-bottom: 1px solid #ddd}
.beg-wrap .beg03-box .thumb {width: 820px; margin: 0 auto; padding-bottom: 48%; background: url('../images/sub/beg_why_img.jpg') no-repeat center / cover}
.beg-wrap .beg03-box p {padding-left: 30px; box-sizing: border-box; font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; margin-top: 35px}
.beg-wrap .beg04-box {margin-top: 75px; padding-bottom: 35px; border-bottom: 1px solid #ddd}
.beg-wrap .beg04-box .thumb {width: 820px; margin: 0 auto; padding-bottom: 27%; background: url('../images/sub/beg_mid_img.jpg') no-repeat center / cover}
.beg-wrap .beg04-box p {padding-left: 30px; box-sizing: border-box; font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; margin-top: 35px}
.beg-wrap .beg05-box {margin-top: 75px}
.beg-wrap .beg05-box .brand-list {padding: 60px 80px; background: #f8f8f8; box-sizing: border-box}
.beg-wrap .beg05-box .brand-list h6 {text-align: center; margin-bottom: 40px; font-size: 20px; line-height: 20px; color: #222; letter-spacing: -0.5px}
.beg-wrap .beg05-box .brand-list dl {}
.beg-wrap .beg05-box .brand-list dl dt {}
.beg-wrap .beg05-box .brand-list dl dt ul {border-bottom: 1px solid #ddd}
.beg-wrap .beg05-box .brand-list dl dt ul:after {content: ''; display: block; clear: both}
.beg-wrap .beg05-box .brand-list dl dt ul li {float: left; width: 25%; text-align: center}
.beg-wrap .beg05-box .brand-list dl dt ul li img {}
.beg-wrap .beg05-box .brand-list dl dt ul li p {font-weight: 600; font-size: 18px; line-height: 22px; color: #0889cb; letter-spacing: -1px; margin: 22px 0 25px 0}
.beg-wrap .beg05-box .brand-list dl dd {}
.beg-wrap .beg05-box .brand-list dl dd ul {padding-top: 25px}
.beg-wrap .beg05-box .brand-list dl dd ul:after {content: ''; display: block; clear: both}
.beg-wrap .beg05-box .brand-list dl dd ul li {float: left; width: 25%; text-align: center}
.beg-wrap .beg05-box .brand-list dl dd ul li img {}
.beg-wrap .beg05-box > p {font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px; margin-top: 35px}
.beg-wrap .beg05-box > p.lst {margin-top: 15px}
.beg-wrap .beg06-box {margin-top: 75px}
.beg-wrap .beg06-box ul {border-top: 2px solid #033165}
.beg-wrap .beg06-box ul li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%}
.beg-wrap .beg06-box ul li {position: relative; display: inline-block; vertical-align: middle; width: 100%; height: 220px; border-bottom: 1px solid #ddd; padding: 0 30px; box-sizing: border-box}
.beg-wrap .beg06-box ul li img {position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.beg-wrap .beg06-box ul li dl {display: inline-block; vertical-align: middle}
.beg-wrap .beg06-box ul li dl dt {font-weight: 600; font-size: 24px; line-height: 30px; color: #000; letter-spacing: -0.5px; margin-bottom: 15px}
.beg-wrap .beg06-box ul li dl dd {font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.5px}
.beg-wrap .beg06-box .bot-txt {margin-top: 40px; border: 1px solid #ddd; background: #f7f7f7; padding: 35px 0; text-align: center}
.beg-wrap .beg06-box .bot-txt p {font-size: 17px; line-height: 30px; color: #555}


.location-wrap .box {}
.location-wrap .box > dl {margin: 50px 0 0 0;}
.location-wrap .box > dl:first-child {margin-top: 0}
.location-wrap .box > dl:after {content: ''; display: block; clear: both}
.location-wrap .box > dl dt {margin-bottom: 0}
.location-wrap .box > dl dt .map-box {width: 100%; height: 100%}
.location-wrap .box > dl dt .map-box > .root_daum_roughmap {width: 100% !important; height: 100% !important}
.location-wrap .box > dl dd {float: left; height: 115px}
.location-wrap .box > dl dd.left {width: 260px; background: #0889cb}
.location-wrap .box > dl dd.left p {line-height: 115px; text-align: center; text-align: center; font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -0.5px}
.location-wrap .box > dl dd.right {width: calc(100% - 260px); background: #fafafa; border: 1px solid #ddd; box-sizing: border-box; padding: 15px 0}
.location-wrap .box > dl dd.right ul {text-align: left; margin-top: 0}
.location-wrap .box > dl dd.right ul li {display: block; margin: 5px; padding-left: 100px; margin-left: 40px; position: relative; min-height: 34px; text-align: left}
.location-wrap .box > dl dd.right ul li strong {position: absolute; top: 0; left: 0; padding-left: 47px; font-size: 16px; color: #222; font-weight: 600; line-height: 34px}
.location-wrap .box > dl dd.right ul li:first-child strong {background: url('../images/sub/icon-add.jpg') no-repeat left center}
.location-wrap .box > dl dd.right ul li:last-child strong {background: url('../images/sub/icon-tel.jpg') no-repeat left center}
.location-wrap .box > dl dd.right ul li p {display: block;margin-top: 0; font-size: 16px; color: #666666; letter-spacing: -0.02em; line-height: 34px}
.location-wrap .box > dl dd.right ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.__map {width: 100%;height: 400px;}


/*  */


.quick {position:fixed; top:50%; right:40px;z-index: 99998; transform:translateY(-50%); width:100px; border-radius:160px; background:#389cd8; box-sizing:border-box; padding:10px;}
.quick a {margin-bottom:10px; display:block;}
.quick a:last-child {margin-bottom:0;}



/*.pop_up {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;  pointer-events: none;  z-index: 100000; width: 100%;  height: 100%; background:rgba(0,0,0,0.75);}*/
.pop_up {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;  pointer-events: none;  z-index: 3; width: 100%;  height: 100%; background:rgba(0,0,0,0.75);}
.pop_up.active {  opacity: 1;  visibility: visible;  pointer-events: auto;}
.pop_up:target { opacity:1; pointer-events: auto;}
.pop_up a.pop_close { position:absolute; top:0; right:0; display:block;	width:100%;	height: 100%; z-index:1; }
.pop_cont {z-index:2;  width: 100%;  max-width: 520px;  position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);   box-sizing: border-box;	background:#fff;}
.pop_cont .pop_tit {line-height:120px; text-align:center; background:url('../images/main/pop_bg.png') no-repeat; background-size:cover;}
.pop_cont .pop_tit h4 {line-height:120px; text-align:center; font-size:30px; color:#fff;}
.pop_cont .cer {width:100%; }

.pop_box {width:100%; box-sizing:border-box; padding:30px;}
.pop_box .inp_box {box-sizing:border-box; position:relative; padding-left:110px; margin-top:5px;}
.pop_box .inp_box:first-child {margin-top:0;}
.pop_box .inp_box:after {display:block; content:''; clear:both;}
.pop_box .inp_box strong {position:absolute; top:0; left:0; font-size:18px; color:#333; line-height:40px; font-family: nexon; font-weight:300;}
.pop_box .inp_box input {display:inline-block; float:left; border:2px solid #ddd; line-height:36px; box-sizing:border-box; padding:0 10px;}
.pop_box .inp_box input.inp_1 {width:100%;}
.pop_box .inp_box input.inp_2 {width:30%;}
.pop_box .inp_box b {width:5%; text-align:Center;display:inline-block; float:left; line-height:40px;}
.pop_box .inp_box select {display:inline-block; width:100%; float:left; border:2px solid #ddd; height:40px; line-height:36px; box-sizing:border-box; padding:0 10px;}
.pop_box .inp_box textarea {width:100%; border:2px solid #ddd; height:120px; line-height:24px; box-sizing:border-box; padding:0 10px;}
.pop_box .inp_box .ip_ch {width:100%; display:block; clear:both; margin-top:10px; float:left;}
.pop_box .inp_box .ip_ch label { display:inline-block; font-size:14px; color:#888; line-height:30px;}
.pop_box .inp_box .ip_ch label input { border:0;  vertical-align: middle; margin-right:10px; padding:0; float:none; line-height:30px;}
.pop_box .inp_box .ip_ch a span{font-size:14px; color:#222; font-weight:300; line-height:30px; margin-left:10px; display:inline-block; }

.pop_btn {width:100%; margin-top:30px;}
.pop_btn .ip_btn {width:250px; display:block; margin:0 auto; line-height:50px; border-radius:50px; font-size:18px; color:#fff; border:0; background:#555555; }

/* 2023.10.05 건별 작업 */
.contactus .tit{display: block;margin: 40px 0 20px 0;font-size: 22px;color: #333333;letter-spacing: -1px;font-family: scd;font-weight: 600;}
.contactus .tit strong{color: #0889cb;}
.contactus .txt{display: block;}
.contactus .txt p{font-size: 17px;color: #777777;letter-spacing: -1px;margin: 15px 0;}
.contactus ul{margin-top: 60px;text-align: center;padding: 20px;border-radius: 80px;background: #033165;}
.contactus ul li{position: relative;display: inline-block;vertical-align: middle;padding: 0 25px;}
.contactus ul li:before{content: '';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 1px;height: 20px;background: #4f6f94;}
.contactus ul li:first-child:before{display: none;}
.contactus ul li > *{display: inline-block;vertical-align: middle;color: #fff;letter-spacing: -1px;font-size: 22px;}
.contactus ul li strong{margin-right: 10px;}
.contactus ul li strong img{margin-right: 10px;}
.contactus .list {margin-top: 80px; text-align: center}
.contactus .list dt {display: inline-block; width: 340px; margin-bottom: 40px; font-family: scd; font-weight: 500; font-size: 26px; line-height: 68px; color: #fff; border-radius: 34px; background: #033165}
.contactus .list dd {display: flex; flex-flow: row wrap; margin: -5px}
.contactus .list dd p {width: calc(25% - 10px); margin: 5px; font-weight: 700; font-size: 18px; line-height: 52px; color: #033165; border: 2px solid #033165; border-radius: 28px; box-sizing: border-box; box-sizing: border-box}



/* 240701 - 건별 작업 sj */
.svcWrap {}
.svcWrap .top {}
.svcWrap .top figure {}
.svcWrap .midd {margin: 60px 0; border-top: 2px solid #033165}
.svcWrap .midd dl {padding-top: 40px}
.svcWrap .midd dl > * {padding-left: 100px}
.svcWrap .midd dl dt {position: relative; margin-bottom: 20px; font-weight: 700; font-size: 24px; line-height: 36px; letter-spacing: -0.5px}
.svcWrap .midd dl.step1 dt {color: #0889cb}
.svcWrap .midd dl.step2 dt {color: #046a9e}
.svcWrap .midd dl.step3 dt {color: #033165}
.svcWrap .midd dl dt span {position: absolute; top: 0; left: 0; width: 80px; line-height: 36px; border-radius: 18px; text-align: center; font-weight: 700; font-size: 17px; color: #fff; letter-spacing: -0.5px}
.svcWrap .midd dl.step1 dt span {background: #0889cb}
.svcWrap .midd dl.step2 dt span {background: #046a9e}
.svcWrap .midd dl.step3 dt span {background: #033165}
.svcWrap .midd dl dd {}
.svcWrap .midd dl dd p {padding: 10px 0; padding-left: 40px; font-size: 17px; line-height: 30px; color: #555; letter-spacing: -0.5px; border-bottom: 1px dashed #ddd; background-repeat: no-repeat; background-position: left top 12px}
.svcWrap .midd dl.step1 dd p {background-image: url('../images/sub/sub361_chk_ico01.jpg')}
.svcWrap .midd dl.step2 dd p {background-image: url('../images/sub/sub361_chk_ico02.jpg')}
.svcWrap .midd dl.step3 dd p {background-image: url('../images/sub/sub361_chk_ico03.jpg')}
.svcWrap .bot {}
.svcWrap .bot .text {text-align: center; padding-bottom: 40px}
.svcWrap .bot .text img {}
.svcWrap .bot .text h5 {margin: 25px 0 20px; font-family: scd; font-weight: 500; font-size: 36px; line-height: 42px; color: #0889cb; text-align: center}
.svcWrap .bot .text p {font-size: 20px; line-height: 30px; color: #222222; letter-spacing: -0.5px}
.svcWrap .bot .text p strong {}
.svcWrap .bot .box {padding: 80px 0; background: url('../images/sub/sub361_full_bg.jpg') no-repeat center / cover}
.svcWrap .bot .box p {font-size: 22px; line-height: 36px; color: #f7f7f7; letter-spacing: -1px; text-align: center}
.svcWrap .bot .box p strong {}


.sytWrap {}
.sytWrap .top {padding-bottom: 75px}
.sytWrap .top figure {}
.sytWrap .top .text {padding-top: 55px}
.sytWrap .top .text > * {text-align: center}
.sytWrap .top .text h6 {font-family: scd; font-weight: 600; font-size: 24px; line-height: 32px; color: #222222}
.sytWrap .top .text p {margin-top: 30px; font-size: 17px; line-height: 30px; color: #666666; letter-spacing: -0.5px}
.sytWrap .midd {border-top: 2px solid #033165}
.sytWrap .midd dl {padding: 35px 0; border-bottom: 1px solid #ddd}
.sytWrap .midd dl > * {padding-left: 40px}
.sytWrap .midd dl dt {position: relative; font-weight: 700; font-size: 20px; line-height: 28px; color: #0889cb}
.sytWrap .midd dl dt span {position: absolute; top: 0; left: 0; width: 28px; line-height: 28px; border-radius: 14px; background: #0889cb; font-weight: 700; font-size: 14px; color: #fff; text-align: center}
.sytWrap .midd dl dd {margin-top: 10px; font-size: 17px; line-height: 30px; color: #666666; letter-spacing: -0.5px}
.sytWrap .bot {margin-top: 40px}
.sytWrap .bot figure {}
.sytWrap .bot .box {margin-top: 40px; background: #f8f8f8; border: 1px solid #ddd; padding: 35px 0}
.sytWrap .bot .box p {font-size: 17px; line-height: 30px; color: #555555; letter-spacing: -0.5px; text-align: center}



/* 오시는길 수정  */
.locWrap {}
.locWrap .ajaxBtns {padding: 12px 40px;background: #f9f9fa; text-align: center; font-size: 0; box-sizing: border-box}
.locWrap .ajaxBtns a {position: relative; display: inline-block; vertical-align: top; min-width: calc(100% / 9); padding: 5px; font-size: 16px; line-height: 21px; color: #666666;box-sizing: border-box;}
.locWrap .ajaxBtns a:not(:last-child):after {content: ''; position: absolute; top: 50%; right: -1px; margin-top: -6px; width: 1px; height: 11px; background: #cbccce}
.locWrap .ajaxBtns a:nth-child(8n):after {display: none}
.locWrap .ajaxBtns a.active {font-weight: 300; color: #2f5496}
.locWrap .ajaxCont {margin-top: 40px}


.hisWrap {}
.hisWrap dl {display: flex; flex-flow: row wrap; align-items: center}
.hisWrap dl:not(:last-child) {margin-bottom: 55px}
.hisWrap dl > * {}
.hisWrap dl dt {flex-basis: 180px; flex-shrink: 0}
.hisWrap dl dt img {}
.hisWrap dl dd {flex: 1; margin-left: 30px;}
.hisWrap dl dd .mid {padding-bottom: 0 !important}
.hisWrap dl dd h5 {margin-bottom: 15px}
.hisWrap dl dd p {margin-top: 10px !important}




/* [240820 kyj] S */
.col {color: #0889cb !important;}

#main .section01 .title h6 {font-size: 40px;}
#main .section01 .title h6 img {vertical-align: -3px;}
#main .section01 .title h5 {margin-top: 0;}
#main .section01 .title h5,
#main .section01 .title h5 span {font-size: 54px;line-height: 1.4em;}
#main .section01 .list .box dl dd h6 {font-size: 34px;}
#main .section01 .list .box dl dd h6 mark {font-size: 40px;}

/* .banner-wrap {position: relative;}
.banner-wrap > .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 11;}
.banner-wrap > img {position: relative;left: 50%;transform: translateX(-50%);} */
.banner-wrap {min-height: 900px;background: url('../images/main/banner-img1.jpg') no-repeat 50%;background-size: cover;display: flex;justify-content: center;align-items: center;}
.banner-wrap .inr {width: 1200px;display: flex;flex-direction: column;}
.banner-wrap .inr > * {font-family: 'SCore Dream';color: #fff;letter-spacing: -1px;}
.banner-wrap p {font-size: 34px;font-weight: 600;}
.banner-wrap strong {margin-top: 20px;font-size: 54px;font-weight: 600;line-height: 70px;}
.banner-wrap span {margin-top: 48px;font-size: 24px;line-height: 36px;}

.principles6-wrap .title {min-height: 60vh;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;padding: 100px 0;}
.principles6-wrap .title h3 {display: block;margin-bottom: 35px;}
.principles6-wrap .title h3,
.principles6-wrap .title h3 > span {font-family: 'SCore Dream';font-size: 40px;color: #333333;font-weight: 500;letter-spacing: -1px;line-height: 50px;}
.principles6-wrap .zigzag {padding: 0 60px 60px;}
.principles6-wrap .zigzag > dl {display: flex;align-items: center;}
.principles6-wrap .zigzag > dl + dl {margin-top: 105px;}
.principles6-wrap .zigzag > dl > dt {width: calc(50% - 30px);}
.principles6-wrap .zigzag > dl > dt > img {display: block;width: 100%;}
.principles6-wrap .zigzag > dl > dd {box-sizing: border-box;width: 640px;}
.principles6-wrap .zigzag > dl > dd > * {display: block;font-family: 'SCore Dream';letter-spacing: -1px;}
.principles6-wrap .zigzag > dl > dd > span {font-size: 22px;font-weight: 600;line-height: 32px;}
.principles6-wrap .zigzag > dl > dd > strong {margin-top: 30px;font-size: 36px;color: #333333;font-weight: 600;line-height: 52px;}
.principles6-wrap .zigzag > dl > dd > p {margin-top: 50px;font-size: 20px;line-height: 34px;}
.principles6-wrap .zigzag > dl:nth-child(odd) {flex-direction: row;justify-content: start;}
.principles6-wrap .zigzag > dl:nth-child(odd) > dd {margin-left: 60px;padding-left: 5.55%;}
.principles6-wrap .zigzag > dl:nth-child(even) {flex-direction: row-reverse;justify-content: end;}
.principles6-wrap .zigzag > dl:nth-child(even) > dd {margin-right: 60px;}

.banner2-wrap {min-height: 900px;background: url('../images/main/banner-img2.jpg') no-repeat 50%;background-size: cover;display: flex;justify-content: center;align-items: center;}
.banner2-wrap .inr {width: 1200px;display: flex;flex-direction: column;}
.banner2-wrap .inr > * {font-family: 'SCore Dream';color: #fff;letter-spacing: -1px;}
.banner2-wrap p {font-size: 26px;font-weight: 600;}
.banner2-wrap strong {margin-top: 20px;font-size: 44px;font-weight: 600;line-height: 66px;}
.banner2-wrap a {margin-top: 70px;font-size: 22px;font-weight: 700;background: #0889cc;width: 320px;height: 60px;line-height: 60px;border-radius: 30px;padding: 0 40px;box-sizing: border-box;text-decoration: none !important;position: relative;}
.banner2-wrap a:after {display: block;content: '\e850';font-family: 'axicon';font-size: 28px;color: #fff;position: absolute;top: 50%;right: 25px;transform: translateY(-50%);}
.banner2-wrap a:hover {background: #077dbb;}
/* [240821] */
.fwb {font-weight: 700 !important;color: #222 !important;}

.stxt-chk > li {position: relative;padding-left: 20px;font-size: 18px;color: #777;line-height: 24px;}
.stxt-chk > li:after {display: block;content: '\f1ae';font-family: 'axicon';font-size: 16px;color: #0889cc;position: absolute;top: 0;left: 0;}
.stxt-chk > li + li {margin-top: 8px;}

#conscience .title {display: block;margin-bottom: 30px;font-family: 'SCore Dream';font-size: 30px;color: #333333;line-height: 40px;}
#conscience .step > li {border: 1px solid #ddd;padding: 50px;position: relative;}
#conscience .step > li + li {margin-top: 30px;}
#conscience .step > li > img {position: absolute;top: 50%;right: 40px;transform: translateY(-50%);}
#conscience .step > li > em {display: block;font-size: 17px;color: #0889cc;font-weight: 600;line-height: 27px;font-style: normal;}
#conscience .step > li > strong {display: block;margin-top: 10px;font-size: 30px;color: #333333;font-weight: 700;line-height: 40px;}
#conscience .step > li > .stxt-chk {margin-top: 30px;}
#conscience .banner {margin-top: 60px;min-height: 320px;background: url('../images/sub/conscience-img1.jpg') no-repeat 50% 50%;background-size: cover;display: flex;align-items: center;padding: 40px 65px;box-sizing: border-box;}
#conscience .banner .inr > div > * {display: inline;font-family: notoserif;color: #fff !important;background-color: rgba(0,0,0,0.5);}
#conscience .banner strong {font-size: 20px;font-weight: 500;line-height: 30px;}
#conscience .banner p {font-size: 17px;line-height: 27px;}

/* company > philosophy */
.phil_content .title{font-family: scd;font-size: 36px;line-height: 50px;color: #333333;letter-spacing: -1px;font-weight: bold;display: block;}
.phil_content .txt{margin-top: 60px;}
.phil_content .txt p{margin: 40px 0;font-size: 18px;line-height: 32px;color: #777777;letter-spacing: -1px;}
.phil_content .txt p strong{color: #333333;}
.phil_content .img1{margin: 70px 0;}
.phil_content .img2{margin: 70px 0;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.phil_content .img2 img{width: 50%;height: auto;}
.phil_content .img2 .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.phil_content .img2 p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;font-size: 32px;color: #fff;letter-spacing: -1px;font-weight: bold;white-space: nowrap;}
.phil_content .img3{margin-top: 130px;}
.phil_content .sign{display: block;margin-top: 80px;font-size: 18px;color: #333333;letter-spacing: -1px;}
.phil_content .sign img{margin: 0 5px 0 30px;}


.frmWrap {min-height: 400px;text-align: center;}
.frmWrap .wrap {padding: 30px 40px; border: 1px solid #ddd; box-sizing: border-box}
.frmWrap ul {max-width: 440px; margin: 0 auto}
.frmWrap ul li {position: relative; margin: 10px 0; padding-left: 100px}
.frmWrap ul li > * {line-height: 46px}
.frmWrap ul li strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 16px; color: #333}
.frmWrap ul li .inp {width: 100%; height: 46px; border: 1px solid #ddd; border-radius: 5px; padding: 0 15px; box-sizing: border-box}
.frmWrap .btns {margin-top: 40px; text-align: center}
.frmWrap .btns button {width: 210px; font-weight: 300; font-size: 16px; line-height: 48px; border: 0; border-radius: 24px; color: #fff; background: #0889cc}
.frmWrap h5 {padding: 30px 0; font-family: scd; font-weight: 600; font-size: 32px; line-height: 40px; color: #333333; text-align: center}
.frmWrap .down {display: inline-block; margin: 0 auto; font-weight: 300; line-height: 48px; border: 0; border-radius: 24px; background: #0889cc; text-align: center;padding: 0 20px;}
.frmWrap .down span {display: inline-block; padding-right: 30px; font-size: 16px; color: #fff; background: url('../images/sub/down_ico.png') no-repeat right center}
.frmWrap .info {margin: 40px 0 10px; padding: 22px 0; background: rgba(8,137,203,0.1)}
.frmWrap .info p {font-size: 17px; line-height: 30px; color: #0889cb; letter-spacing: -1px; text-align: center}





/* 241211 건별 추가 */
.inqWrap {}
.inqWrap .banner {display: flex; flex-flow: row wrap; align-items: center; width: 100%; height: 233px; margin-bottom: 60px; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 55px; box-sizing: border-box}
.inqWrap .banner .mid {}
.inqWrap .banner p {margin-bottom: 15px; font-family: scd; font-weight: 300; font-size: 20px; line-height: 31px; color: #222}
.inqWrap .banner p strong {} 
.inqWrap .banner h5 {font-family: scd; font-weight: 300; font-size: 28px; line-height: 39px; color: #222222}
.inqWrap .banner h5 .clr {color: #0889cb}
.inqWrap form {}
.inqWrap form fieldset {margin-top: 50px}
.inqWrap form fieldset legend {margin-bottom: 25px; font-weight: 700; font-size: 26px; line-height: 34px; color: #333333; letter-spacing: -1px}
.inqWrap ul.idx {padding: 25px 0; border-top: 1px solid #222; border-bottom: 1px solid #ededed}
.inqWrap ul.idx li {position: relative; padding-left: 175px; margin-bottom: 15px; font-size: 0}
.inqWrap ul.idx li > * {}
.inqWrap ul.idx li em {margin-left: 15px; font-style: normal; font-size: 15px; line-height: 54px; color: #0889cb}
.inqWrap ul.idx li > span {display: inline-block; vertical-align: top; width: 30px; text-align: center; font-size: 16px; line-height: 53px; border-bottom: 1px solid #ddd}
.inqWrap ul.idx li strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 18px; line-height: 54px; color: #333333; letter-spacing: -0.5px}
.inqWrap ul.idx li strong span {font-weight: inherit; font-size: inherit; color: #0889cb}
.inqWrap ul.idx li .inp,
.inqWrap ul.idx li .selt {height: 54px; font-size: 17px; line-height: 54px; border: 0; color: #666666; border-bottom: 1px solid #dddddd; padding-right: 10px; box-sizing: border-box}
.inqWrap ul.idx li .selt {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url('../images/sub/form_selt_ico.png') no-repeat right center}
.inqWrap ul.idx li .selt.mail {width: 215px}
.inqWrap ul.idx li .inp::placeholder {color: #bbbbbb}
.inqWrap ul.idx li textarea {width: 100%; height: 135px; font-size: 17px; line-height: 30px; border: 0; border-bottom: 1px solid #ededed}
.inqWrap ul.idx li textarea::placeholder {color: #bbbbbb}
.inqWrap ul.idx li button {width: 115px; height: 54px; font-size: 16px; line-height: 52px; text-align: center; margin-left: 5px; background: none; box-sizing: border-box}
.inqWrap ul.idx li button.def {color: #aaaaaa; border: 1px solid #dddddd}
.inqWrap ul.idx li button.act {color: #333333; border: 1px solid #333333}
.inqWrap ul.idx li .w30 {}
.inqWrap ul.idx li .w40 {width: 230px}
.inqWrap ul.idx li .w50 {width: 320px}
.inqWrap ul.idx li .w60 {}
.inqWrap ul.idx li .number {margin-top: 10px; font-size: 0}
.inqWrap ul.idx li .filebox {padding-top: 15px}
.inqWrap ul.idx li .filebox .inp {width: 320px; height: 54px; padding: 0 10px; box-sizing: border-box; border: 0; background: #f9f9fa}
.inqWrap ul.idx li .filebox .wbtn {display: inline-block; width: 115px; height: 54px; font-size: 16px; line-height: 52px; text-align: center; margin-left: 5px; background: none; color: #333333; border: 1px solid #333333; box-sizing: border-box}
.inqWrap ul.idx li .filebox .hiFile {display: none}

.inqWrap .list {}
.inqWrap .list .box {}
.inqWrap .list .box .tit {margin-bottom: 25px; font-family: scd; font-weight: 500; font-size: 30px; line-height: 40px; color: #333333}
.inqWrap .list .box ul.hrz {display: flex; flex-flow: row wrap; margin-bottom: 75px; border-top: 1px solid #222}
.inqWrap .list .box ul.hrz li {width: calc(50% - 20px); margin-right: 40px; margin-top: 30px}
.inqWrap .list .box ul.hrz li:nth-child(even) {margin-right: 0}
.inqWrap .list .box ul.hrz li.w100 {width: 100%; margin-right: 0}
.inqWrap .list .box ul.hrz li strong {display: block; margin-bottom: 8px; font-weight: 300; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.5px}
.inqWrap .list .box ul.hrz li strong span {font-weight: inherit; font-size: inherit; color: #0889cb}
.inqWrap .list .box ul.hrz li .inp {width: 100%; height: 54px; font-size: 17px; line-height: 54px; border: 0; color: #666666; border-bottom: 1px solid #dddddd; padding-right: 10px; box-sizing: border-box}
.inqWrap .list .box ul.vtc {border-top: 1px solid #222}
.inqWrap .list .box ul.vtc li {margin-top: 30px}
.inqWrap .list .box ul.vtc li strong {display: block; margin-bottom: 15px; font-weight: 300; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.5px}
.inqWrap .list .box ul.vtc li strong span {font-weight: inherit; font-size: inherit; color: #0889cb}
.inqWrap .list .box ul.vtc li .rdo {display: inline-block; vertical-align: top}
.inqWrap .list .box ul.vtc li .rdo:not(:last-child) {margin-right: 75px}
.inqWrap .list .box ul.vtc li .rdo input[type=radio] {display: none;}
.inqWrap .list .box ul.vtc li .rdo label {padding-left: 30px; font-size: 17px; line-height: 30px; color: #666666; background: url('../images/sub/form_rdo_def.png') no-repeat left center}
.inqWrap .list .box ul.vtc li .rdo input[type=radio]:checked + label {background: url('../images/sub/form_rdo_chk.png') no-repeat left center}
.inqWrap .list .box ul.vtc li .rdo label .inp {width: 210px; height: 30px; margin-left: 20px; font-size: 17px; line-height: 28px; border: 0; color: #666666; border-bottom: 1px solid #dddddd; padding-right: 10px; box-sizing: border-box}
.inqWrap .list .box ul.vtc li textarea {width: 100%; height: 135px; font-size: 17px; line-height: 30px; border: 0; border-bottom: 1px solid #ededed}
.inqWrap .list .box ul.vtc li textarea::placeholder {color: #bbbbbb}
.inqWrap .list .box .file {margin-top: 35px}
.inqWrap .list .box .file h6 {margin-bottom: 20px; font-weight: 300; font-size: 18px; line-height: 30px; color: #333333; letter-spacing: -0.5px}
.inqWrap .list .box .file h6 span {margin-left: 10px; font-weight: normal; font-size: 15px; line-height: 30px; color: #999999}
.inqWrap .list .box .file .filebox {}
.inqWrap .list .box .file .filebox .inp {width: 320px; height: 54px; padding: 0 10px; box-sizing: border-box; border: 0; background: #f9f9fa}
.inqWrap .list .box .file .filebox .wbtn {display: inline-block; width: 115px; height: 54px; font-size: 16px; line-height: 52px; text-align: center; margin-left: 5px; background: none; color: #333333; border: 1px solid #333333; box-sizing: border-box}
.inqWrap .list .box .file .filebox .hiFile {display: none}


.inqWrap .scroll {padding: 20px; height: 170px; overflow-y: scroll; background: #f9f9fa; box-sizing: border-box}
.inqWrap .agree {margin-top: 25px}
.inqWrap .agree input {margin-top: 9px; vertical-align: middle}
.inqWrap .agree label {font-size: 17px; line-height: 30px; color: #222222}
.inqWrap .agree label span {font-size: inherit; color: #0889cb}
.inqWrap .btns {margin-top: 35px}
.inqWrap .btns button {width: 240px; height: 60px; font-size: 18px; border: 0; background: #0889cb; border-radius: 30px; color: #fff}


.brdWrap {}
.brdWrap .title {margin-bottom: 25px}
.brdWrap .title > * {}
.brdWrap .title h5 {font-weight: 600; font-size: 24px; line-height: 30px; color: #033165; letter-spacing: -1px; padding-left: 28px; background: url(../images/sub/sub_tit_ico.png) no-repeat left center}
.brdWrap .title p {margin-top: 20px; font-size: 17px; line-height: 30px; color: #777777; letter-spacing: -0.65px}
.brdWrap .title p strong {color: #222222}
.brdWrap.hana .title p strong.clr {color: #0889cb}
.brdWrap.phonak .title p strong.clr {color: #86bc24}
.brdWrap.signia .title p strong.clr {color: #d6002a}
.brdWrap.beltone .title p strong.clr {color: #005694}
.brdWrap.starkey .title p strong.clr {color: #fdb50c}
.brdWrap.widex .title p strong.clr {color: #555555}
.brdWrap .stit {margin-bottom: 45px; text-align: center}
.brdWrap .stit > * {text-align: center}
.brdWrap .stit h5 {font-size: 30px; line-height: 38px; color: #333333}
.brdWrap .stit h5 span {display: inline-block; vertical-align: top; width: 38px; height: 38px; margin-left: 5px; font-family: scd; font-weight: 600; font-size: 15px; line-height: 38px; border-radius: 50%; text-align: center; background: #0889cb; color: #fff}
.brdWrap .stit h6 {position: relative; display: inline-block; vertical-align: top; margin-top: 25px; font-weight: 300; font-size: 20px; line-height: 30px}
.brdWrap .stit h6:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 14px}
.brdWrap.hana .stit h6 {color: #0889cb}
.brdWrap.hana .stit h6:after {background: rgba(8,137,203,0.08)}
.brdWrap.phonak .stit h6 {color: #86bc24}
.brdWrap.phonak .stit h6:after {background: rgba(134,188,36,0.08)}
.brdWrap.signia .stit h6 {color: #d6002a}
.brdWrap.signia .stit h6:after {background: rgba(214,0,42,0.08)}
.brdWrap.beltone .stit h6 {color: #005694}
.brdWrap.beltone .stit h6:after {background: rgba(0,86,148,0.08)}
.brdWrap.starkey .stit h6 {color: #fdb50c}
.brdWrap.starkey .stit h6:after {background: rgba(253,184,16,0.08)}
.brdWrap.widex .stit h6 {color: #555555}
.brdWrap.widex .stit h6:after {background: rgba(85,85,85,0.08)}
.brdWrap .stit p {margin-top: 10px; font-size: 18px; line-height: 30px; color: #666666; letter-spacing: -0.5px}
.brdWrap .stit p b {font-weight: 300; color: #222222}


.brdWrap.hana {}
.brdWrap .topBox {display: flex; flex-flow: row wrap; align-items: center; height: 365px; margin-bottom: 55px; border: 8px solid #eeeeee; box-sizing: border-box}
.brdWrap.hana .topBox {border-color: #0889cb}
.brdWrap .topBox dl {width: 100%; text-align: center}
.brdWrap .topBox dl > * {}
.brdWrap .topBox dl dt {position: relative; padding-bottom: 25px; margin-bottom: 35px}
.brdWrap .topBox dl dt:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #ddd;}
.brdWrap .topBox dl dt img {}
.brdWrap .topBox dl dd {}
.brdWrap .topBox dl dd h6 {font-family: scd; font-weight: 700; font-size: 28px; line-height: 36px; color: #222222; text-align: center}
.brdWrap .topBox dl dd h6 strong {}
.brdWrap .topBox dl dd h6 span {font-family: inherit;font-size: inherit;}
.brdWrap.hana .topBox dl dd h6 strong {color: #0889cb}
.brdWrap.phonak .topBox dl dd h6 strong {color: #86bc24}
.brdWrap.signia .topBox dl dd h6 strong {color: #d6002a}
.brdWrap.beltone .topBox dl dd h6 strong {color: #005694}
.brdWrap.starkey .topBox dl dd h6 strong {color: #fdb50c}
.brdWrap.widex .topBox dl dd h6 strong {color: #555555}
.brdWrap .topBox dl dd p {margin-top: 10px; font-weight: 200; font-size: 20px; line-height: 32px; color: #222222; letter-spacing: -0.5px}
.brdWrap .topBox dl dd p strong {}
.brdWrap .topBox dl dd p .clr {}
.brdWrap.hana .topBox dl dd p .clr {color: #0889cb}
.brdWrap.phonak .topBox dl dd p .clr {color: #86bc24}
.brdWrap.signia .topBox dl dd p .clr {color: #d6002a}
.brdWrap.beltone .topBox dl dd p .clr {color: #005694}
.brdWrap.starkey .topBox dl dd p .clr {color: #fdb50c}
.brdWrap.widex .topBox dl dd p .clr {color: #555555}
.brdWrap .history {}
.brdWrap .history .stt {margin-bottom: 25px; font-size: 20px; line-height: 30px; color: #222222; letter-spacing: -1px}
.brdWrap .history .banner {height: 205px; margin-bottom: 20px; background-size: cover; background-repeat: no-repeat; background-position: center}
.brdWrap .history .banner h6 {font-family: scd; font-weight: 400; font-size: 26px; line-height: 205px; color: #fff; text-align: center}
.brdWrap .history .banner h6 strong {color: #0889cb}
.brdWrap .history .banner h6 strong.grn {color: #c4d700}
.brdWrap .history ul {border-top: 1px solid #222222}
.brdWrap .history ul li {position: relative; padding-left: 85px; border-bottom: 1px dashed #ddd}
.brdWrap.widex .history ul li {padding-left: 135px}
.brdWrap .history ul li:last-child {border-bottom-style: solid}
.brdWrap .history ul li > * {line-height: 60px}
.brdWrap .history ul li strong {position: absolute; top: 0; left: 0; font-family: scd; font-weight: 600; font-size: 17px; color: #222222}
.brdWrap .history ul li p {font-size: 17px; color: #666666} 
.brdWrap .history ul li.lne p {padding: 15px 0; line-height: 30px}
.brdWrap .history ul li p b {font-weight: 300; color: #222222}
.brdWrap .iwtBox {margin-top: 60px}
.brdWrap .iwtBox.wbrdr {border-bottom: 1px solid #ddd}
.brdWrap .iwtBox .list {border-top: 2px solid #222222}
.brdWrap .iwtBox .list.nbrdr {border-top: 1px solid #ddd; margin-top: 30px}
.brdWrap .iwtBox .list dl {display: flex; flex-flow: row wrap; align-items: center; padding: 30px 0; border-bottom: 1px solid #ddd}
.brdWrap .iwtBox .list dl > * {}
.brdWrap .iwtBox .list dl dt {width: 320px}
.brdWrap .iwtBox .list dl dt img {}
.brdWrap .iwtBox .list dl dd {width: calc(100% - 320px)}
.brdWrap .iwtBox .list dl dd .mid {}
.brdWrap .iwtBox .list dl dd h6 {font-size: 20px; line-height: 28px; color: #333333; letter-spacing: -0.5px}
.brdWrap .iwtBox .list dl dd strong {display: inline-block; margin-top: 10px; font-weight: 300; font-size: 18px; line-height: 30px}
.brdWrap.hana .iwtBox .list dl dd strong {color: #0889cb}
.brdWrap.phonak .iwtBox .list dl dd strong {}
.brdWrap.signia .iwtBox .list dl dd strong {color: #d6002a}
.brdWrap.beltone .iwtBox .list dl dd strong {color: #005694}
.brdWrap.starkey .iwtBox .list dl dd strong {color: #fdb50c}
.brdWrap.widex .iwtBox .list dl dd strong {color: #555555}
.brdWrap .iwtBox .list dl dd p {margin-top: 10px; font-size: 17px; line-height: 29px; color: #666666}
.brdWrap .iwtBox .list dl dd p b {font-weight: 300; color: #333}
.brdWrap .iwtBox .list dl dd .link {display: inline-block; vertical-align: top; width: 240px; height: 46px; margin-top: 20px; line-height: 44px; box-sizing: border-box; text-align: center; text-decoration: none}
.brdWrap.signia .iwtBox .list dl dd .link {border: 1px solid #d6002a}
.brdWrap.beltone .iwtBox .list dl dd .link {}
.brdWrap .iwtBox .list dl dd .link span {display: inline-block; padding-right: 25px; font-size: 15px}
.brdWrap.signia .iwtBox .list dl dd .link span {color: #d6002a; background: url('../images/sub/brd3_link_ico.png') no-repeat right center}
.brdWrap.beltone .iwtBox .list dl dd .link span {}
.brdWrap .iwtBox .check {padding: 30px; border: 1px solid #ddd; border-top: 0; background: #f5f5f5}
.brdWrap .iwtBox .check ul {}
.brdWrap .iwtBox .check ul li {position: relative; padding-left: 195px;}
.brdWrap .iwtBox .check.wide ul li {padding-left: 260px}
.brdWrap .iwtBox .check ul li:not(:last-child) {margin-bottom: 10px}
.brdWrap .iwtBox .check ul li > * {font-size: 17px; line-height: 30px}
.brdWrap .iwtBox .check ul li strong {position: absolute; top: 0; left: 0; padding-left: 35px}
.brdWrap.hana .iwtBox .check ul li strong {color: #033165; background: url('../images/sub/brd1_chk_ico.png') no-repeat left top 2px}
.brdWrap.phonak .iwtBox .check ul li strong {color: #86bc24; background: url('../images/sub/brd2_chk_ico.png') no-repeat left top 2px}
.brdWrap.signia .iwtBox .check ul li strong {color: #d6002a; background: url('../images/sub/brd3_chk_ico.png') no-repeat left top 2px}
.brdWrap.beltone .iwtBox .check ul li strong {color: #005694; background: url('../images/sub/brd4_chk_ico.png') no-repeat left top 2px}
.brdWrap.starkey .iwtBox .check ul li strong {color: #fdb50c; background: url('../images/sub/brd5_chk_ico.png') no-repeat left top 2px}
.brdWrap.widex .iwtBox .check ul li strong {color: #555555; background: url('../images/sub/brd6_chk_ico.png') no-repeat left top 2px}
.brdWrap .iwtBox .check ul li p {color: #777777}
.brdWrap .iwtBox .check ul li p span {position: relative; display: block; padding-left: 10px; font-size: inherit; line-height: inherit; color: inherit}
.brdWrap .iwtBox .check ul li p span:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 1px; background: #777}
.brdWrap .iwtBox .check ul li .link {display: inline-block; vertical-align: top; width: 250px; height: 46px; margin-top: 15px; line-height: 44px; box-sizing: border-box; text-align: center; text-decoration: none}
.brdWrap.beltone .iwtBox .check ul li .link {border: 1px solid #005694}
.brdWrap .iwtBox .check ul li .link span {display: inline-block; padding-right: 25px; font-size: 15px}
.brdWrap.beltone .iwtBox .check ul li .link span {color: #005694; background: url('../images/sub/brd4_link_ico.png') no-repeat right center}
.brdWrap .vital {margin-top: 70px}
.brdWrap .vital .list {display: flex; flex-flow: row wrap; margin: -10px}
.brdWrap .vital .list dl {width: calc(50% - 20px); height: 240px; margin: 10px; padding: 35px; border: 1px solid #ddd; box-sizing: border-box; background-repeat: no-repeat; background-position: right 30px bottom 30px; box-sizing: border-box}
.brdWrap .vital .list dl:last-child {border: 3px solid #0889cb}
.brdWrap .vital .list dl > * {}
.brdWrap .vital .list dl dt {margin-bottom: 10px; font-weight: 700; font-size: 22px; line-height: 30px; color: #222222; letter-spacing: -0.5px}
.brdWrap .vital .list dl:last-child dt {color: #0889cb}
.brdWrap .vital .list dl dd {position: relative; padding-left: 10px; margin-bottom: 5px; font-size: 17px; line-height: 30px; color: #777777}
.brdWrap .vital .list dl dd:before {content: ''; position: absolute; top: 14px; left: 0; width: 3px; height: 1px; background: #777777}
.brdWrap .technology {margin-top: 55px}
.brdWrap .technology figure {font-size: 0}
.brdWrap .technology figure img {}
.brdWrap .technology figure img:nth-child(odd) {margin-right: 10px}
.brdWrap .technology ul {margin-top: 20px; border-top: 2px solid #222222}
.brdWrap .technology ul li {padding: 25px 0; border-bottom: 1px dashed #ddd}
.brdWrap .technology ul li:last-child {border-bottom-style: solid}
.brdWrap .technology ul li > * {padding-left: 40px; line-height: 30px}
.brdWrap .technology ul li strong {font-size: 20px; color: #333333}
.brdWrap.phonak .technology ul li strong {background: url('../images/sub/brd2_chk_ico.png') no-repeat left center}
.brdWrap.signia .technology ul li strong {}
.brdWrap.beltone .technology ul li strong {background: url('../images/sub/brd4_chk_ico.png') no-repeat left center}
.brdWrap.starkey .technology ul li strong {background: url('../images/sub/brd5_chk_ico.png') no-repeat left center}
.brdWrap.widex .technology ul li strong {background: url('../images/sub/brd6_chk_ico.png') no-repeat left center}
.brdWrap .technology ul li p {margin-top: 5px; font-size: 17px; color: #666666}
.brdWrap .technology ul li p b {font-weight: 300; color: #222222}
.brdWrap .product {margin-top: 75px}
.brdWrap .product figure {margin-bottom: 30px}
.brdWrap .product figure img {}
.brdWrap .product ul {display: flex; flex-flow: row wrap; margin: -10px}
.brdWrap .product ul li {padding: 35px; margin: 10px; border: 1px solid #ddd; background-repeat: no-repeat; box-sizing: border-box; background-position: right 30px bottom 30px}
.brdWrap .product ul.w30 li {width: calc(100% / 3 - 20px); height: 270px}
.brdWrap .product ul.w50 li {width: calc(50% - 20px); height: 230px}
.brdWrap .product ul.w350 li {width: calc(100% / 3 - 20px); height: 300px}
.brdWrap .product ul.w350 li:nth-child(n+4) {width: calc(50% - 20px); height: 240px}
.brdWrap .product ul.w50 li.w100 {width: calc(100% - 20px); height: 210px}
.brdWrap .product ul li.w50 {width: calc(50% - 20px); height: 210px}
.brdWrap .product ul li.h24 {height: 240px !important;}
.brdWrap .product ul.h30 li {height: 300px}
.brdWrap .product ul.h36 li {height: 360px}
.brdWrap .product ul li .mid {}
.brdWrap .product ul li h6 {font-size: 22px; line-height: 30px; color: #222222; letter-spacing: -1px}
.brdWrap .product ul li p {margin-top: 15px; font-size: 17px; line-height: 28px; color: #777777; letter-spacing: -0.85px}
.brdWrap .product ul li p span {position: relative; display: block; padding-left: 10px; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit} 
.brdWrap .product ul li p span:before {content: ''; position: absolute; top: 13px; left: 0; width: 3px; height: 1px; background: #777777}
.brdWrap .product .info {margin-top: 20px; padding: 30px 40px; border: 5px solid #eeeeee; box-sizing: border-box}
.brdWrap .product .info > * {}
.brdWrap .product .info dt {padding-left: 30px; font-weight: 700; font-size: 17px; line-height: 30px; color: #222222; letter-spacing: -1px; background: url('../images/sub/brd_plus_ico.png') no-repeat left center}
.brdWrap .product .info dd {margin-top: 10px; font-size: 17px; line-height: 28px; color: #777777; letter-spacing: -0.5px}
.brdWrap .platform {margin-top: 75px}
.brdWrap .platform figure {}
.brdWrap .platform figure img {}
.brdWrap .platform .text {margin-top: 25px}
.brdWrap .platform .text p {font-size: 17px; line-height: 30px; color: #666666; text-align: center}
.brdWrap .platform .text p strong {font-weight: 300; color: #222222}





.stit {display: flex;flex-direction: column;align-items: center;}
.stit > * {display: block;}
.stit > h3 {font-weight: 600;font-size: 24px;line-height: 30px;color: #033165;letter-spacing: -1px;padding-left: 28px;background: url('../images/sub/sub_tit_ico.png') no-repeat left center;}
.stit > p {font-weight: 200;font-size: 17px;line-height: 30px;color: #777;margin-top: 15px;}
.stit > p b {font-weight: 600;color: #555;}


/* [250124 sys] S */
.brdWrap.oticon .topBox dl dd h6 strong { color: #d71284}
.brdWrap.oticon .topBox dl dd p .clr { color: #d71284;}
.brdWrap.oticon .title p strong.clr { color: #d71284;}
.brdWrap.oticon .technology ul li strong { background: url('../images/sub/brd7_chk_ico.png') no-repeat left center;}
.brdWrap.oticon .stit h6 { color: #d71284;}
.brdWrap.oticon .stit h6:after { background: rgba(215,18,132,0.08)}
.brdWrap.oticon .stit h5 p { padding-top: 15px;}
.brdWrap .iwtBox .check + .list { margin-top: 30px; border-top: 1px solid #ddd;}
.brdWrap.oticon .iwtBox .check ul li { padding-left: 205px;}
.brdWrap.oticon .iwtBox .check ul li strong { color: #d71284; background: url('../images/sub/brd7_chk_ico.png') no-repeat left top 2px;}

	.brdWrap.cochlear .topBox dl dd h6 strong { color: #fcbe56}
	.brdWrap.cochlear .topBox dl dd p strong {font-weight: 600;}
	.brdWrap.cochlear .topBox dl dd p .clr { color: #fcbe56;}
	.brdWrap.cochlear .title p strong.clr { color: #fcbe56;}
	.brdWrap.cochlear .technology ul li strong { background: url('../images/sub/brd8_chk_ico.png') no-repeat left center;}
	.brdWrap.cochlear .stit h6 { color: #fcbe56;}
	.brdWrap.cochlear .stit h6:after { background: #fffaf2;z-index: -1;}
	.brdWrap.cochlear .stit h5 p { padding-top: 15px;}
	.brdWrap.cochlear .iwtBox .check + .list { margin-top: 30px; border-top: 1px solid #ddd;}
	.brdWrap.cochlear .iwtBox .check ul li { padding-left: 205px;}
	.brdWrap.cochlear .iwtBox .check ul li strong { color: #fcbe56; background: url('../images/sub/brd8_chk_ico.png') no-repeat left top 2px;}
	.brdWrap.cochlear .product ul.w30 li {height: 300px;}

	.brdWrap.ponto .topBox dl dd h6 strong { color: #df7b40}
	.brdWrap.ponto .topBox dl dd p strong {font-weight: 600;}
	.brdWrap.ponto .topBox dl dd p .clr { color: #df7b40;}
	.brdWrap.ponto .title p strong.clr { color: #df7b40;}
	.brdWrap.ponto .technology ul li strong { background: url('../images/sub/brd9_chk_ico.png') no-repeat left center;}
	.brdWrap.ponto .stit h6 { color: #df7b40;}
	.brdWrap.ponto .stit h6:after { background: #fcf5f0;z-index: -1;}
	.brdWrap.ponto .stit h5 p { padding-top: 15px;}
	.brdWrap.ponto .iwtBox .list dl dd strong.clr { color: #df7b40;}
	.brdWrap.ponto .iwtBox .check + .list { margin-top: 30px; border-top: 1px solid #ddd;}
	.brdWrap.ponto .iwtBox .check ul li { padding-left: 205px;}
	.brdWrap.ponto .iwtBox .check ul li strong { color: #df7b40; background: url('../images/sub/brd9_chk_ico.png') no-repeat left top 2px;}
	.brdWrap.ponto .product ul.w30 li {height: 300px;}



/* [250311 sys] webper */
/* #main .section06 { background: url(../images/main/bg_main_fitting.jpg) no-repeat 50%/ cover; height: 0; padding-bottom: 34.13%;} */
#main .section06 a { display: block;}
#main .section06 a img { width: 100%;}

/* company > why */
.why_box{padding: 60px 0;}
.why_box dt{margin-bottom: 25px;}
.why_box dt h4{font-size: 26px;color: #333333;letter-spacing: -1px;font-family: 'SCore Dream';}
.why_box dt h4 em{display: inline-block;vertical-align: middle;margin-right: 10px;width: 45px;line-height: 28px;text-align: center;border-radius: 28px;background: #0889cb;font-size: 15px;color: #fff;letter-spacing: -1px;font-family: 'SCore Dream';font-style: normal;margin-top: -3px;}
.why_box dd .txt{display: block;font-size: 17px;line-height: 28px;color: #666666;letter-spacing: -1px;margin-top: 30px;}
.why_box dd .txt strong{color: #0889cb;font-weight: bold;}
.why_box dd .txt2{display: block;margin-top: 20px;font-size: 20px;color: #0889cb;letter-spacing: -1px;font-family: 'SCore Dream';font-weight: bold;}

.hr{border: none;background: #eee;height: 1px;}

/* franchise > intro */
.fran_intro_box1 h4{text-align: center;margin-bottom: 30px;}
.fran_intro_box1 ul{border: 1px solid #ddd;border-top: 2px solid #0889cb;padding: 30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fran_intro_box1 ul li{border-left: 1px solid #eee;text-align: center;flex: 1;}
.fran_intro_box1 ul li:first-child{border-left: none;}
.fran_intro_box1 ul li img{display: block;margin: 0 auto;}
.fran_intro_box1 ul li p{font-size: 16px;color: #333333;margin-top: 10px;font-family: 'SCore Dream';font-weight: 500;}

.fran_intro_box2{background: #f8f8f8;margin-top: 70px;padding: 70px 0;}
.fran_intro_box2 .title{margin-bottom: 50px;}
.fran_intro_box2 .title em{font-style: normal;display: block;text-align: center;font-size: 15px;color: #0889cb;font-family: 'SCore Dream';text-transform: uppercase;font-weight: 500;}
.fran_intro_box2 .title h4{font-style: normal;display: block;text-align: center;font-size: 34px;color: #333333;font-family: 'SCore Dream';text-transform: uppercase;font-weight: bole;margin-top: 15px;}
.fran_intro_box2 .roll_wrap{position: relative;overflow: hidden;width: 880px;}
.fran_intro_box2 .roll_wrap .in{width: 1900px;position: relative;left: 50%;transform: translate(-50%, 0);}
.fran_intro_box2 .roll_wrap .roll .item{width: 600px;margin: 0 25px;}
.fran_intro_box2 .roll_wrap .roll .item iframe{border-radius: 10px;width: 100%;}
.fran_intro_box2 .roll_wrap .roll .item .info{margin-top: 20px;}
.fran_intro_box2 .roll_wrap .roll .item .info > span{display: inline-block;vertical-align: middle;}
.fran_intro_box2 .roll_wrap .roll .item .info > span.name{font-size: 20px;color: #333333;letter-spacing: -1px;}
.fran_intro_box2 .roll_wrap .roll .item .info > span.name i{margin-right: 10px;color: #0889cb;display: inline-block;vertical-align: middle;font-size: 24px;margin-top: -3px;}
.fran_intro_box2 .roll_wrap .roll .item .info > span.summary{margin-left: 20px;padding-left: 20px;position: relative;font-size: 16px;color: #333333;opacity: 0.6;border-left: 1px solid #ddd;line-height: 16px;}
.fran_intro_box2 .roll_wrap .slick-prev{width: 14px;height: 25px;background: url('../images/sub/fran_intro_prev.png') no-repeat center center;background-size: contain;position: absolute;top: 50%;transform: translate(0, calc(-50% - 20px));left: 50%;margin-left: -325px;text-indent: -999em;border: none;z-index: 81;}
.fran_intro_box2 .roll_wrap .slick-next{width: 14px;height: 25px;background: url('../images/sub/fran_intro_next.png') no-repeat center center;background-size: contain;position: absolute;top: 50%;transform: translate(0, calc(-50% - 20px));right: 50%;margin-right: -325px;text-indent: -999em;border: none;z-index: 81;}

.fran_intro_box3{margin-top: 70px;margin-bottom: 80px;}
.fran_intro_box3 .title{margin-bottom: 50px;}
.fran_intro_box3 .title h4{text-align: center;font-size: 34px;color: #333333;letter-spacing: -1px;font-weight: bold;font-family: 'SCore Dream';}
.fran_intro_box3 .title p{font-size: 22px;color: #333333;letter-spacing: -1px;margin-top: 20px;text-align: center;font-family: 'SCore Dream';}
.fran_intro_box3 .title p strong{color: #033165;font-weight: 500;}
.fran_intro_box3 .title p strong:nth-child(2){color: #0889cb;}
.fran_intro_box3 .list dl{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.fran_intro_box3 .list dl > *{box-sizing: border-box;width: 50%;}
.fran_intro_box3 .list dl dt{font-family: empty;font-size: 0;}
.fran_intro_box3 .list dl dd{padding: 0 0 0 50px;}
.fran_intro_box3 .list dl dd img{display: block;}
.fran_intro_box3 .list dl dd > strong{font-size: 22px;color: #333333;letter-spacing: -1px;font-family: 'SCore Dream';margin: 15px 0;display: block;}
.fran_intro_box3 .list dl dd .text{display: block;font-size: 16px;line-height: 27px;color: #666666;letter-spacing: -1px;}
.fran_intro_box3 .list dl dd .text > strong{display: block;font-size: 18px;color: #333333;margin-bottom: 5px;}
.fran_intro_box3 .list dl dd .text_list li{font-size: 16px;line-height: 27px;color: #666666;letter-spacing: -1px;padding-left: 10px;position: relative;}
.fran_intro_box3 .list dl dd .text_list li:before{content: '';display: block;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 4px;background: #ccc;}
.fran_intro_box3 .list dl:nth-child(even){flex-direction: row-reverse;}

.fran_box1{text-align: center;}

.fran_list{border-top: 3px solid #000;}
.fran_list dl{padding: 20px 0;border-top: 1px dashed #ddd;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;align-items: center;}
.fran_list dl:last-child{border-bottom: 1px solid #ddd;}
.fran_list dl dt{width: 360px;}
.fran_list dl dd{width: calc(100% - 360px);padding-right: 30px;padding-left: 30px;box-sizing: border-box;position: relative;}
.fran_list dl dd em{font-style: normal;position: absolute;top: 0;left: 0;font-size: 16px;color: #0889cb;font-weight: bold;line-height: 30px;}
.fran_list dl dd strong{font-size: 22px;line-height: 30px;color: #333333;letter-spacing: -1px;font-family: 'SCore Dream';}
.fran_list dl dd p{margin-top: 10px;font-size: 16px;line-height: 28px;color: #666666;letter-spacing: -1px;}
.fran_list .img{margin-bottom: 20px;}

.fran_box2 .title{margin: 70px 0 30px 0;}
.fran_box2 .title .txt1{display: block;text-align: center;margin-bottom: 20px;font-size: 26px;line-height: 37px;color: #333333;letter-spacing: -1px;font-family: 'SCore Dream';font-weight: bold;}
.fran_box2 .title .txt1 strong{color: #0889cb;}
.fran_box2 .title .txt1 strong.blue{color: #fff;background: #0889cb;line-height: 36px;display: inline-block;vertical-align: middle;margin: 0 5px;padding: 0 5px;}
.fran_box2 .title .txt2{text-align: center;font-size: 17px;line-height: 29px;color: #666666;letter-spacing: -1px;text-align: center;display: block;}

.fran_box3 dl{background: #f8f8f8;padding: 30px 0;display: flex;flex-wrap: wrap;margin: 10px 0;}
.fran_box3 dl dt{width: 160px;text-align: center;border-right: 1px solid #ddd;box-sizing: border-box;font-size: 20px;color: #333333;letter-spacing: -1px;font-weight: bold;font-family: 'SCore Dream';}
.fran_box3 dl dt img{display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.fran_box3 dl dd{width: calc(100% - 160px);box-sizing: border-box;padding-left: 20px;font-size: 20px;color: #444444;letter-spacing: -1px;}
.fran_box3 dl dd ul{display: inline-block;vertical-align: middle;margin-left: 40px;}
.fran_box3 dl dd ul li{display: inline-block;margin-right: 30px;}
.fran_box3 dl dd ul li *{display: inline-block;vertical-align: middle;}
.fran_box3 dl dd ul li strong{width: 64px;line-height: 26px;text-align: center;border-radius: 26px;background: #999999;font-size: 13px;color: #fff;font-weight: normal;}
.fran_box3 dl dd ul li p{margin-left: 10px;font-size: 17px;color: #666666;}
.fran_box3 .sment{display: block;margin-top: 30px;text-align: center;font-size: 18px;color: #0889cb;letter-spacing: -1px;font-weight: 500;}
.fran_box3 .sment img{display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;}

.fran_video{position: relative;}
.fran_video .video{position: absolute;width: 680px;height: 380px;bottom: 50px;left: 50%;transform: translate(-50%, 0);}
.fran_video .video iframe{width: 100%;height: 100%;}

.fran_comments{margin: 70px 0;}
.fran_comments h4{text-align: center;margin-bottom: 40px;font-size: 34px;color: #333333;font-family: 'SCore Dream';}
.fran_comments h4 img{margin-right: 10px;}
.fran_comments .img{text-align: center;}

.fran_abu_box{margin: 100px 0 150px 0;}
.fran_abu_box h4{text-align: center;margin-bottom: 40px;}
.fran_abu_box dl{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.fran_abu_box dl > *{width: 50%;box-sizing: border-box;}
.fran_abu_box dl dd h5{border-bottom: 3px solid #dddddd;font-size: 32px;color: #333333;letter-spacing: -1px;padding-bottom: 20px;font-family: 'SCore Dream';position: relative;margin-bottom: 30px;}
.fran_abu_box dl dd h5:after{content: '';display: block;position: absolute;bottom: -3px;width: 60px;height: 3px;background: #0889cb;}
.fran_abu_box dl dd ul li{margin: 12px 0;}
.fran_abu_box dl dd ul li > *{display: inline-block;vertical-align: middle;font-size: 18px;letter-spacing: -1px;font-family: 'SCore Dream';}
.fran_abu_box dl dd ul li strong{margin-right: 30px;color: #333333;padding-left: 33px;background: url('../images/sub/fran_abu_chk.jpg') no-repeat 0 center;}

.root_daum_roughmap .cont {display: none;}


#video_wrap {position: relative;width: 100vw;height: 100vh;z-index: 0;background: rgba(34, 28, 1, 0.5);}
#video_wrap .video_mo {display: none;}
#video_wrap .video_pc {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 22;}
#video_wrap video {width: 100vw;height: 100vh;object-fit: cover;object-position: center;}
#video_wrap .slogan {position: absolute;bottom: 35%;left: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;transform: translate(-50%, 0%);}
#video_wrap .slogan > h3 {font-size: 60px;color: #fff;font-weight: 600;line-height: 70px;font-family: 'SCore Dream';}
#video_wrap .slogan > a {margin-top: 40px;width: 212px;height: 63px;line-height: 63px;text-align: center;background: #0889cb;font-size: 18px;color: #fff;text-decoration: none !important;letter-spacing: -1px;}
#video_wrap .slogan > a i {font-size: 27px;display: inline-block;vertical-align: -5px;}


#listen_labai img.w100 {width: 100%;}
#listen_labai .video_wrap {padding: 70px 50px;background: #000 url('../images/sub/labai-bg1.jpg') no-repeat center bottom;background-size: contain;}
#listen_labai .video_wrap img {display: block;}
#listen_labai .video_wrap > em {display: block;font-style: normal;font-size: 20px;color: #0889cb;font-weight: 400;text-align: center;}
#listen_labai .video_wrap > h3 {display: block;margin-top: 10px;text-align: center;font-family: 'SCore Dream';font-weight: 300;letter-spacing: -1px;font-size: 35px;color: #fff;}
#listen_labai .video_wrap > h3 strong {font-size: inherit;font-weight: 600;color: inherit;}
#listen_labai .video_wrap .youtube {border-radius: 20px;overflow: hidden;}
#listen_labai .text {margin: 60px 0 35px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
#listen_labai .text > h3 {font-size: 34px;color: #333333;font-weight: 600;font-family: 'SCore Dream';letter-spacing: -1px;line-height: 50px;}
#listen_labai .text > h3 strong {font-size: inherit;font-weight: inherit;color: inherit;}
#listen_labai .text > p {margin-top: 20px;font-size: 18px;line-height: 32px;letter-spacing: -1px;}
#listen_labai .text > p.mid {margin-top: 15px;font-size: 22px;color: #222222;font-weight: 600;letter-spacing: -1px;}
#listen_labai .img_boxs {display: flex;flex-wrap: wrap;margin: -10px;}
#listen_labai .img_boxs > li {margin: 10px;width: calc(50% - 20px);box-sizing: border-box;border: 1px solid #ddd;}
#listen_labai .img_boxs > li > img {display: block;width: 100%;}
#listen_labai .img_boxs > li .inf {padding: 22px 20px;display: flex;flex-direction: column;align-items: center;}
#listen_labai .img_boxs > li .inf > * {text-align: center;}
#listen_labai .img_boxs > li .inf > strong {font-family: 'SCore Dream';font-size: 22px;color: #333;font-weight: 600;letter-spacing: -1px;line-height: 32px;}
#listen_labai .img_boxs > li .inf > strong span {font-size: inherit;font-weight: inherit;color: inherit;font-family: inherit;}
#listen_labai .img_boxs > li .inf > p {margin-top: 12px;font-size: 16px;line-height: 27px;letter-spacing: -1px;}
#listen_labai .img_boxs > li .inf > *:first-child {margin-top: 0;}
#listen_labai .banner_bot {margin-top: 70px;padding: 40px 0;background: url('../images/sub/labai-bg2.jpg') no-repeat center center;background-size: cover;display: flex;align-items: center;}
#listen_labai .banner_bot .inf {padding-left: 45px;}
#listen_labai .banner_bot .inf > strong {font-size: 28px;color: #fff;font-weight: 600;letter-spacing: -1px;font-family: 'SCore Dream';line-height: 40px;}
#listen_labai .banner_bot .inf > strong span {font-size: inherit;font-weight: inherit;color: inherit;font-family: inherit;}
#listen_labai .banner_bot .inf > p {margin-top: 15px;font-size: 18px;color: #fff;font-weight: 400;letter-spacing: -1px;line-height: 32px;}




.col {color: #0889cb !important;}

#support_wrap img {margin: inherit;}
#support_wrap .brdWrap .topBox {border: 0px;padding: 10px;background: url('../images/sub/support-box-bg.jpg') repeat center center;height: auto;}
#support_wrap .brdWrap .topBox dl {padding: 30px;background: #fff;}
#support_wrap .brdWrap .topBox dl dt {padding-bottom: 0;margin-bottom: 15px;}
#support_wrap .brdWrap .topBox dl dt:after {display: none;}
#support_wrap .brdWrap .topBox dl dt img {margin: 0 auto;}
.ex_box {border: 1px solid #ddd;border-radius: 10px;padding: 20px;display: flex;align-items: center;}
.ex_box > dt {margin-right: 20px;background: #f7f7f7;height: 50px;border-radius: 25px;padding: 0 25px;font-size: 17px;color: #0889cb;letter-spacing: -1px;font-weight: 300;display: flex;align-items: center;}
.ex_box > dt img {margin-right: 15px;}
.ex_box > dd {font-size: 17px;line-height: 1.6em;letter-spacing: -1px;}

.imgc {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}

.ul_bar {display: flex;flex-wrap: wrap;margin: 2px;}
.ul_bar > li {margin: 2px;width: calc(100% - 4px);position: relative;padding-left: 12px;font-size: 16px;line-height: 24px;letter-spacing: -1px;box-sizing: border-box;}
.ul_bar > li:after {display: block;content: '';position: absolute;top: 10px;left: 0;height: 1px;background: #ddd;width: 8px;}

.step_wrap {border-top: 2px solid #0889cb;}
.step_wrap > dl {border-bottom: 1px dashed #ddd;padding: 30px 0;display: flex;align-items: start;}
.step_wrap > dl > dt {width: 310px;display: flex;align-items: center;margin-top: -10px;}
.step_wrap > dl > dt > em {margin-right: 12px;width: 47px;height: 47px;display: flex;justify-content: center;align-items: center;text-align: center;box-sizing: border-box;border: 6px solid rgba(255,255,255,0.72);background: #57b1df;font-size: 16px;color: #fff;font-weight: 300;letter-spacing: -1px;border-radius: 50%;font-style: normal;}
.step_wrap > dl > dt > strong {font-size: 20px;color: #222222;font-weight: 600;line-height: 31px;}
.step_wrap > dl > dd {width: calc(100% - 310px);}
.step_wrap > dl > dd > strong {display: block;font-size: 18px;color: #222222;font-weight: 300;letter-spacing: -1px;line-height: 1.4em;}
.step_wrap > dl > dd > strong:first-child {margin-bottom: 10px;}
.step_wrap > dl > dd > p {font-size: 17px;color: #555;letter-spacing: -1px;line-height: 30px;}
.step_wrap > dl > dd > p.fwb {font-weight: 300 !important;}
.step_wrap > dl > dd > .ul_bar > li {width: calc(50% - 4px);}

.step_wrap > dl:nth-child(2) > dt > em {background: #0889cb;}
.step_wrap > dl:nth-child(3) > dt > em {background: #0868cb;}
.step_wrap > dl:nth-child(4) > dt > em {background: #033165;}


#franchise_intro .banner1 {height: 280px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: url('../images/sub/franchise_intro-banner1.jpg') no-repeat center;background-size: cover;}
#franchise_intro .banner1 > * {color: #fff;text-align: center;}
#franchise_intro .banner1 > em {color: #2bbdee;font-style: normal;font-size: 18px;font-weight: 400;line-height: 1.4em;font-family: 'SCore Dream';letter-spacing: 0.1em;}
#franchise_intro .banner1 > strong {margin-top: 15px;font-size: 40px;font-weight: 600;line-height: 1.4em;font-family: 'SCore Dream';letter-spacing: -0.04em;}

#franchise_intro .his_Wrap {margin-bottom: 90px;}
#franchise_intro .his_Wrap > dl {border-bottom: 1px dashed #ddd;padding: 30px 0;display: flex;}
#franchise_intro .his_Wrap > dl > dt {width: 260px;display: flex;flex-direction: column;align-items: start;}
#franchise_intro .his_Wrap > dl > dt mark {position: relative;font-size: 28px;color: #222;font-weight: 600;line-height: 1.4em;font-family: 'SCore Dream';padding: 0 5px;background: none;}
#franchise_intro .his_Wrap > dl > dt mark:after {position: absolute;bottom: 0;left: 0;right: 0;display: block;content: '';background: #fff;height: 19px;z-index: -1;}
#franchise_intro .his_Wrap > dl > dt mark.sky {color: #0889cb;}
#franchise_intro .his_Wrap > dl > dt mark.sky:after {background: #e6f3fa;}
#franchise_intro .his_Wrap > dl > dt p {margin-top: 5px;font-size: 20px;color: #222;font-weight: 500;font-family: 'SCore Dream';}
#franchise_intro .his_Wrap > dl > dd {width: calc(100% - 260px);}
#franchise_intro .his_list > li {display: flex;align-items: center;}
#franchise_intro .his_list > li > em {margin-right: 20px;font-style: normal;font-size: 20px;color: #333;font-weight: 700;line-height: 36px;}
#franchise_intro .his_list > li > p {font-size: 17px;letter-spacing: -1px;line-height: 36px;}

.ul_chk > li {font-size: 17px;letter-spacing: -1px;line-height: 26px;padding: 5px 0;padding-left: 32px;background: url('../images/sub/icon-chk.jpg') no-repeat 0 8px;}
.ul_chk > li strong {font-size: inherit;color: #222;font-weight: 600;}


#listen_appraisal .stit {margin-bottom: 30px;align-items: start;margin-top: 70px;}
#listen_appraisal .stit.tac {align-items: center;}
#listen_appraisal .stit.tac > h3 {padding-left: 0;background: none;font-size: 28px;color: #222;font-weight: 600;letter-spacing: -1px;line-height: 1.4em;font-family: 'SCore Dream';}
#listen_appraisal .stit.tac > h3.big {font-size: 34px;}
#listen_appraisal .stit.tac > p.col {font-size: 22px;font-weight: 700;margin: 0 0 10px;}

#listen_appraisal .banner1 {margin-bottom: 70px;height: 280px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: url('../images/sub/listen_appraisal-banner1.jpg') no-repeat center;background-size: cover;}
#listen_appraisal .banner1 > * {color: #fff;text-align: center;letter-spacing: -0.05em;line-height: 1.4em;font-family: 'SCore Dream';}
#listen_appraisal .banner1 > mark {background: #0889cb;font-size: 20px;font-weight: 600;padding: 0 5px;}
#listen_appraisal .banner1 > strong {margin-top: 15px;font-size: 34px;font-weight: 600;}
#listen_appraisal .banner1 > p {margin-top: 25px;font-size: 18px;line-height: 1.6em;}

#listen_appraisal .banner2 {margin-top: 20px;margin-bottom: 70px;height: 280px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: url('../images/sub/listen_appraisal-banner2.jpg') no-repeat center;background-size: cover;position: relative;z-index: 0;
	margin-bottom: 20px;}
#listen_appraisal .banner2 .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 11;}
#listen_appraisal .banner2 > * {color: #fff;text-align: center;letter-spacing: -0.05em;line-height: 1.4em;font-family: 'SCore Dream';}
#listen_appraisal .banner2 > strong {font-size: 32px;font-weight: 600;}
#listen_appraisal .banner2 > strong .line {display: inline-block;vertical-align: 0;font-family: inherit;color: inherit;font-size: inherit;position: relative;z-index: 0;}
#listen_appraisal .banner2 > strong .line:after {position: absolute;bottom: 4px;left: 0;right: 0;height: 11px;background: #0889cb;z-index: -1;display: block;content: '';}
#listen_appraisal .banner2.mt20:after {display: block;content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;}
#listen_appraisal .banner2.mt20 {margin-top: -50px !important;background-image: url('../images/sub/listen_appraisal-banner2-1.jpg');background-position: left 35%;background-size: 115% auto;}
#listen_appraisal .banner2.mt20 > strong {transform: translateY(30px);}

#listen_appraisal #support_wrap{margin-top: 20px;}

.step_arrow {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 45px;}
.step_arrow > li {display: flex;flex-direction: column;align-items: center;}
.step_arrow > li.arrow {justify-content: center;height: 120px;}
.step_arrow > li > .ico {width: 120px;height: 120px;border-radius: 50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.15);display: flex;justify-content: center;align-items: center;}
.step_arrow > li > em {text-align: center;font-style: normal;margin-top: 20px;font-size: 15px;font-weight: 700;color: #0889cb;text-transform: uppercase;}
.step_arrow > li > strong {text-align: center;margin-top: 10px;font-size: 18px;color: #222;font-weight: 600;letter-spacing: -1px;line-height: 28px;}

.step_boxs {border-top: 2px solid #033165;border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;overflow: hidden;}
.step_boxs > li {width: calc(50% - 30px);padding: 40px 0;box-sizing: border-box;border-bottom: 1px solid #ddd;margin-bottom: -1px;position: relative;}
.step_boxs > li:nth-child(even) {padding-left: 60px;width: calc(50% + 30px);position: relative;}
.step_boxs > li:nth-child(even):after {display: block;content: '';position: absolute;top: 20px;bottom: 20px;left: 30px;border-left: 1px dashed #ddd;}
.step_boxs > li > .ico {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.step_boxs > li > strong {display: flex;align-items: center;font-size: 20px;color: #0889cb;font-weight: 700;line-height: 1.4em;}
.step_boxs > li > strong em {margin-right: 10px;width: 44px;height: 26px;line-height: 26px;text-align: center;border-radius: 13px;background: #0889cb;font-size: 13px;color: #fff;font-weight: 600;font-family: 'SCore Dream';font-style: normal;}
.step_boxs > li > p {margin-top: 12px;font-size: 17px;letter-spacing: -1px;line-height: 28px;}

.step_ico_boxs {display: flex;flex-wrap: wrap;margin: -10px;}
.step_ico_boxs > li {border: 1px solid #ddd;padding: 30px;box-sizing: border-box;margin: 10px;width: calc(50% - 20px);display: flex;align-items: center;}
.step_ico_boxs > li > .ico {margin-right: 30px;}
.step_ico_boxs > li > .ico img {display: block;}
.step_ico_boxs > li > .inf > * {display: block;margin: 5px 0;}
.step_ico_boxs > li > .inf > em {font-style: normal;text-decoration: underline;font-size: 16px;color: #0889cb;font-weight: 600;font-family: 'SCore Dream';}
.step_ico_boxs > li > .inf > strong {font-size: 20px;color: #222;font-weight: 700;line-height: 1.4em;}

#listen_appraisal .banner2_new {margin: 20px 0;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 32px 40px;background: url('../images/sub/listen_appraisal-banner3.jpg') no-repeat center;background-size: cover;}
#listen_appraisal .banner2_new .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 11;}
#listen_appraisal .banner2_new > * {color: #fff;text-align: center;letter-spacing: -0.05em;line-height: 1.4em;font-family: 'SCore Dream';}
#listen_appraisal .banner2_new > strong {font-size: 34px;font-weight: 600;}
#listen_appraisal .banner2_new > strong .line {display: inline-block;vertical-align: 0;font-family: inherit;color: inherit;font-size: inherit;position: relative;z-index: 0;}
#listen_appraisal .banner2_new > strong .line:after {position: absolute;bottom: 4px;left: 0;right: 0;height: 11px;background: #0889cb;z-index: -1;display: block;content: '';}






/* 250703 sys webper */
#listen_appraisal .locationinfo_wrap { margin-bottom: 55px;}
#listen_appraisal .locationinfo_wrap { padding: 30px 0; background: url(../images/main/main_sec05_bg.jpg) center center / cover no-repeat;}
#listen_appraisal .locationinfo_wrap dl { display: flex; align-items: center; flex-flow: wrap;}
#listen_appraisal .locationinfo_wrap dl > * { width: 50%;}
#listen_appraisal .locationinfo_wrap dl dt { text-align: center;}
#listen_appraisal .locationinfo_wrap dl dt img { max-width: 60%;}
#listen_appraisal .locationinfo_wrap dl dd .mid > * { color: rgb(255, 255, 255); letter-spacing: -1px;}
#listen_appraisal .locationinfo_wrap dl dd h5 { font-size: 26px; line-height: 40px;}
#listen_appraisal .locationinfo_wrap dl dd p { font-size: 18px; line-height: 24px; margin: 10px 0px 20px;}
#listen_appraisal .locationinfo_wrap dl dd a { display: inline-block; line-height: 45px; padding: 0px 20px; background: rgb(8, 137, 204); border-radius: 30px; margin-top: 10px; }
#listen_appraisal .locationinfo_wrap dl dd a span { display: inline-block; padding-right: 40px; font-weight: 700; font-size: 16px; color: rgb(255, 255, 255); background: url(../images/main/main_sec05_arrow.png) right center / 8px no-repeat;}





/* 250709 sys S */
.mainVoice { padding: 120px 0; background: url(../images/main/bg_mainVoice.jpg) no-repeat 50% / cover;}
.mainVomainVoiceice .inner { width: 1200px; margin: 0 auto;}
.mainVoice h3 { color: #fff; font-family: 'SCore Dream'; font-size: 54px; font-weight: 600; text-align: center;}
.mainVoice h3 .col_yellow { color: #c3d700; font-weight: 600;}
.mainVoice .list_box { padding-top: 85px; display: flex; margin: 0 -25px;}
.mainVoice .list_box > div { width: 50%; padding: 0 25px; box-sizing: border-box;}
.mainVoice .list_box .left_box { }
/* .mainVoice .list_box .right_box { margin-top: -20px;} */

.mainVoice .list_box .tit_box { height: 80px; text-align: center;}
.mainVoice .list_box .left_box .tit_box  { background-color: #0889cb;}
.mainVoice .list_box .right_box .tit_box { background-color: #033165;}
.mainVoice .list_box .tit_box p { color: #fff; line-height: 80px; font-family: 'SCore Dream'; font-size: 28px; font-weight: bold;}
.mainVoice .list_box .cont_box { position: relative; height: calc(100% - 185px); background-color: #fff; box-sizing: border-box; align-content: center;}
.mainVoice .list_box .cont_box .photo { max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.mainVoice .list_box .cont_box .badge { position: absolute; top: -11%; right: 2%; width: 100px; aspect-ratio: 1/1; align-content: center; background: linear-gradient(120deg, #0889cc, #c4d700); z-index: 0; font-family: 'SCore Dream'; color: #fff; font-size: 20px; font-weight: bold; border-radius: 50%; text-align: center; z-index: 1;}
.mainVoice .list_box .cont_box .badge::before { content: ''; position: absolute; top: -7px; left: -7px; right: -7px; bottom: -7px; background: linear-gradient(120deg, #0889cc, #c4d700); opacity: 0.5; z-index: -1; border-radius: 50%;}
.mainVoice .list_box .cont_box .txt { padding-top: 20px; color: #333; font-size: 18px; font-weight: 300; text-align: center;}
.mainVoice .list_box .name { height: 80px; background-color: #fff; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.mainVoice .list_box .name p { line-height: 80px; color: #333; font-family: 'SCore Dream'; font-size: 24px; font-weight: bold; text-align: center;}

.mainVoice .list_box .cont_box .sign { position: absolute; bottom: -15%; right: -10%;}

/* .mainVoice .list_box .right_box .cont_box { padding: 40px;} */
.mainVoice .list_box .right_box .cont_box {background: #000;}



/* 250724 sys S */
.sub-title02 { padding-bottom: 40px;}
.sub-title02 h5,
.sub-title02 h6 { padding-left: 40px; color: #333; font-family: 'SCore Dream'; font-size: 28px; font-weight: bold; background: url(../images/sub/sub_tit_ico2.png) no-repeat 0 50%;}
.sub-title02 p { color: #666; font-size: 18px; }

.education-wrap .sub-title02 p,
.sharing-wrap .sub-title02 p { padding-top: 20px; }

.education-share-wrap {}
.education-share-wrap .top-box { align-content: center; height: 355px; background: url(../images/sub/education-share-top.jpg) no-repeat 50% / cover;}
.education-share-wrap .top-box h5 { color: #333; font-family: 'SCore Dream'; font-size: 32px; font-weight: bold; text-align: center;}
.education-share-wrap .top-box h5 .col { color: #1d89cb; font-weight: bold;}
.education-share-wrap .top-box p { padding-top: 20px; color: #666; font-size: 18px; text-align: center;}
.education-share-wrap .top-box p b { color: #333;}

.education-share-detail { padding-top: 60px;}
.education-share-detail .sub-title02 { display: flex; align-items: center; padding-bottom: 20px; border-bottom: 2px solid #333;}
.education-share-detail .sub-title02 h6 { padding-right: 20px;}
.education-share-detail .sub-title02 p { position: relative; padding-left: 20px; color: #444; }
.education-share-detail .sub-title02 p::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #ddd;}
.education-share-detail .cont-box { display: flex; align-items: center; padding: 30px 20px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.education-share-detail .cont-box > div { box-sizing: border-box;}
.education-share-detail .cont-box .img { width: 48%;}
.education-share-detail .cont-box .txt { width: 52%; padding: 0 20px ;}
.education-share-detail .cont-box .txt ul {}
.education-share-detail .cont-box .txt li { position: relative; padding-left: 10px; color: #666; font-size: 17px;}
.education-share-detail .cont-box .txt li::before { content: ''; position: absolute; top: 10px; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background-color: #1d89cb; border-radius: 50%;}
.education-share-detail .cont-box .txt li + li { margin-top: 10px;}
.education-share-detail .cont-box .txt a { position: relative; display: block; width: 160px; height: 50px; line-height: 50px; margin-top: 30px; padding: 0 20px; background-color: #1d89cb; color: #fff; font-size: 15px; font-weight: 500; box-sizing: border-box; border-radius: 99px; text-decoration: none;}
.education-share-detail .cont-box .txt a i { position: absolute; display: inline-block; top: 50%; right: 20px; transform: translateY(-50%); color: #fff; font-size: 16px;}


/* 소리학교, 소리나눔 */
.top-imgtxt-box {}
.top-imgtxt-box .txt-box { position: relative; width: calc(100% - 80px); margin: -70px auto 0; padding-top: 50px; background-color: #fff; text-align: center; z-index: 1;}
.top-imgtxt-box .txt-box strong { position: relative; color: #0889cb; font-family: 'SCore Dream'; font-size: 20px; font-weight: bold;}
.top-imgtxt-box .txt-box strong::before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background-color: #0889cb;}
.top-imgtxt-box .txt-box h5 { padding-top: 15px; color: #222; font-family: 'SCore Dream'; font-size: 32px; text-align: center;}
.top-imgtxt-box .txt-box p { padding-top: 20px; color: #666; font-size: 18px;}
.top-imgtxt-box .txt-box p + p { padding-top: 10px;}

.ico-box {}
.ico-box ul { }
.ico-box li { align-content: center; min-height: 135px; padding: 40px; box-sizing: border-box; background-position: calc(100% - 40px) 50%; background-repeat: no-repeat;}
.ico-box li + li { margin-top: 10px;}
.ico-box li:nth-child(odd) { background-color: #f8f8fa; }
.ico-box li:nth-child(even) { border: 1px solid #ddd;}
.ico-box li dl { position: relative; padding-left: 200px; }
.ico-box li dt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 200px; padding-left: 30px; background: url(../images/sub/education-share-chk.png) no-repeat 0 50%; color: #333; font-family: 'SCore Dream'; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.ico-box li dd { color: #666; font-size: 17px;}
.ico-box li dd + dd { margin-top: 5px;}
.ico-box li dd.dot { position: relative; padding-left: 13px;}
.ico-box li dd.dot::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #1d89cb; border-radius: 50%;} 


.num-img {}
.num-img .list-box {}
.num-img .list-box > ul {}
.num-img .list-box .item { }
.num-img .list-box .item + .item { margin-top: 55px;}
.num-img .list-box .item .img-box { height: 0; padding-bottom: 36.2%; }
.num-img .list-box .item .img-box .tit { display: flex; align-items: center; width: 100%; padding: 20px 25px; background-color: rgba(7,136,202,0.8); box-sizing: border-box;}
.num-img .list-box .item .img-box .num { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; background-color: #033165; color: #fff; font-family: 'SCore Dream';font-size: 13px; font-weight: bold; border-radius: 99px; box-sizing: border-box;}
.num-img .list-box .item .img-box p { padding-left: 20px; color: #fff; font-size: 22px; font-weight: bold;}
.num-img .list-box .item .img-box .sub-txt { position: relative; margin-left: 20px; padding-left: 20px; color: rgba(255,255,255,0.8); font-size: 18px; font-weight: 400;}
.num-img .list-box .item .img-box .sub-txt::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: rgba(255,255,255,0.5);}
.num-img .list-box .item .txt-box { margin-top: 20px; border-top: 2px solid #222;}
.num-img .list-box .item .txt-box ul { display: flex; flex-wrap: wrap;}
.num-img .list-box .item .txt-box li { width: 50%; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.num-img .list-box .item .txt-box li:nth-child(-n+2) { border-bottom-style: dashed;}
.num-img .list-box .item .txt-box li.full { width: 100%; border-bottom-style: solid;}
.num-img .list-box .item .txt-box dl {}
.num-img .list-box .item .txt-box dt { position: relative; color: #222; font-size: 18px; font-weight: bold;}
.num-img .list-box .item .txt-box dt::before { content: ''; position: absolute; top: 12px; left: -13px; width: 4px; height: 2px; background-color: #aaa;}
.num-img .list-box .item .txt-box dd { padding-top: 10px; color: #666; font-size: 16px;}

.num-img .list-box .item:nth-child(1) .img-box { background: url(../images/sub/education-numimg-bg1.jpg) no-repeat 50% / cover;}
.num-img .list-box .item:nth-child(2) .img-box { background: url(../images/sub/education-numimg-bg2.jpg) no-repeat 50% / cover;}
.num-img .list-box .item:nth-child(3) .img-box { background: url(../images/sub/education-numimg-bg3.jpg) no-repeat 50% / cover;}
.num-img .list-box .item:nth-child(4) .img-box { background: url(../images/sub/education-numimg-bg4.jpg) no-repeat 50% / cover;}
.num-img .list-box .item:nth-child(5) .img-box { background: url(../images/sub/education-numimg-bg5.jpg) no-repeat 50% / cover;}
.num-img .list-box .item:nth-child(6) .img-box { background: url(../images/sub/education-numimg-bg6.jpg) no-repeat 50% / cover;}


.bg-inquiry {}
.bg-inquiry .box { display: flex; align-items: center; padding: 40px 20px; box-sizing: border-box;}
.bg-inquiry .box > div { width: 50%; padding: 0 40px; box-sizing: border-box;}
.bg-inquiry .left {}
.bg-inquiry .left h6 { color: #fff; font-family: 'SCore Dream'; font-size: 32px; font-weight: bold;}
.bg-inquiry .left a { display: block; margin-top: 10px; padding-left: 50px; font-family: 'SCore Dream'; color: #fff; font-size: 50px; font-weight: bold; background: url(../images/sub/education-share-call.png) no-repeat 0 50% ; text-decoration: none;}
.bg-inquiry .right { border-left: 1px solid rgba(255,255,255,0.1);}
.bg-inquiry .right ul { padding: 30px 0;}
.bg-inquiry .right li { display: flex; align-items: center;}
.bg-inquiry .right li + li { margin-top: 10px;}
.bg-inquiry .right p { padding-left: 10px; color: #fff; font-size: 17px;}
.bg-inquiry .bottom { padding: 0 30px; background-color: #f8f8fa; border: 1px solid #ddd;}
.bg-inquiry .bottom ul {}
.bg-inquiry .bottom li { display: flex; padding: 20px 0; }
.bg-inquiry .bottom li + li { border-top: 1px dashed #ddd;}
.bg-inquiry .bottom li .num { display: inline-block; color: #0889cb; font-family: 'SCore Dream'; font-size: 16px; font-weight: bold; border-bottom: 1px solid ;}
.bg-inquiry .bottom li p { color: #666; font-size: 17px; padding-left: 15px; font-weight: 400;}
.bg-inquiry .bottom li p b { color: #222; font-weight: bold;}


/* 소리학교 */

.education-wrap > div + div { margin-top: 70px;}
/* .education-wrap .top-imgtxt-box { border-bottom: 1px solid #ddd;} */

.education-wrap .img-info-box { }
.education-wrap .img-info-box .cont-box { display: flex;}
.education-wrap .img-info-box .cont-box + .cont-box { margin-top: 20px;}
.education-wrap .img-info-box .cont-box > div { width: 50%; box-sizing: border-box;}
.education-wrap .img-info-box .img {}
.education-wrap .img-info-box .txt { align-content: center; padding: 0 45px; background-color: #f8f8fa;}
.education-wrap .img-info-box .txt h6 { color: #222; font-family: 'SCore Dream'; font-size: 25px; font-weight: bold;}
.education-wrap .img-info-box .txt dl { position: relative; margin-top: 20px; padding-left: 70px;}
.education-wrap .img-info-box .txt dt { position: absolute; top: 0; left: 0; padding: 0 15px; height: 28px; line-height: 28px; background-color: #0889cb; color: #fff; font-size: 15px; font-weight: 500; border-radius: 99px;}
.education-wrap .img-info-box .txt dd { color: #222; font-size: 18px;}

.education-wrap .ico-box li:nth-child(1) { background-image: url(../images/sub/education-share-ico1.png);}
.education-wrap .ico-box li:nth-child(2) { background-image: url(../images/sub/education-share-ico2.png);}
.education-wrap .ico-box li:nth-child(3) { background-image: url(../images/sub/education-share-ico3.png);}
.education-wrap .ico-box li:nth-child(4) { background-image: url(../images/sub/education-share-ico4.png);}

.education-wrap .brd-wrap { border: 0px;padding: 10px;background: url('../images/sub/support-box-bg.jpg') repeat center center;height: auto;}
.education-wrap .brd-wrap .cont-box { padding: 55px 0; background-color: #fff;}
.education-wrap .brd-wrap .cont-box h6 { color: #222; font-family: 'SCore Dream'; font-size: 24px; font-weight: bold; text-align: center;}
.education-wrap .brd-wrap .cont-box ul { margin-top: 35px;}
.education-wrap .brd-wrap .cont-box li { position: relative; display: flex; justify-content: center; }
.education-wrap .brd-wrap .cont-box li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 42px; height: 8px; background: url(../images/sub/brd-dot.png) no-repeat 50% / contain;}

.education-wrap .brd-wrap .cont-box li + li { padding-top: 15px;}
.education-wrap .brd-wrap .cont-box li p { width: 50%; max-width: 270px; height: 52px; align-content: center; margin: 0 50px; font-size: 17px; font-weight: 500; text-align: center; border-radius: 99px;}
.education-wrap .brd-wrap .cont-box li .bg { background-color: #0889cb; color: #fff;}
.education-wrap .brd-wrap .cont-box li .brd { border: 1px solid #0889cb; color: #0889cb;}

.education-wrap .bg-inquiry .box { background: url(../images/sub/education-inquiry-bg.jpg) no-repeat 50% / cover;}



/* 소리나눔 */
.sharing-wrap > div + div { margin-top: 70px;}

/* .sharing-wrap .ico-box { margin-top: 60px;} */
.sharing-wrap .ico-box li:nth-child(1) { background-image: url(../images/sub/education-share-ico1.png);}
.sharing-wrap .ico-box li:nth-child(2) { background-image: url(../images/sub/education-share-ico5.png);}

.sharing-wrap .service-list {}
.sharing-wrap .service-list .list-box {}
.sharing-wrap .service-list .list-box ul { display: flex; margin: 0 -15px;  /*background: url(../images/sub/service-list-bg.png) no-repeat 50% / contain;*/}
.sharing-wrap .service-list .list-box li { width: calc(100% / 3); align-content: center; padding: 42px 5px; text-align: center;}
.sharing-wrap .service-list .list-box li > div { width: 240px; aspect-ratio: 1/1;  background-color: #fff; border-radius: 50%; }
.sharing-wrap .service-list .list-box li .num { display: block; margin-bottom: 20px; font-family: 'SCore Dream'; font-size: 16px; font-weight: 700;}
.sharing-wrap .service-list .list-box li p { padding-top: 15px; color: #333; font-family: 'SCore Dream'; font-size: 18px; font-weight: bold; }

.sharing-wrap .service-list .list-box li:nth-child(1) { background: url(../images/sub/service-list-bg1.png) no-repeat 50% / contain;}
.sharing-wrap .service-list .list-box li:nth-child(1) > div { box-shadow: 5px 2px 15px rgba(195,214,0,0.2);}
.sharing-wrap .service-list .list-box li:nth-child(1) .num { color: #c3d600;}

.sharing-wrap .service-list .list-box li:nth-child(2) { background: url(../images/sub/service-list-bg2.png) no-repeat 50% / contain;}
.sharing-wrap .service-list .list-box li:nth-child(3) > div { box-shadow: 5px 2px 15px rgba(66,206,148,0.2);}
.sharing-wrap .service-list .list-box li:nth-child(2) .num { color: #43d19f;}

.sharing-wrap .service-list .list-box li:nth-child(3) { background: url(../images/sub/service-list-bg3.png) no-repeat 50% / contain;}
.sharing-wrap .service-list .list-box li:nth-child(3) > div { box-shadow: 5px 2px 15px rgba(7,136,202,0.2);}
.sharing-wrap .service-list .list-box li:nth-child(3) .num { color: #0787ca;}

.sharing-wrap .img-txt-list { }
.sharing-wrap .img-txt-list ul { }
.sharing-wrap .img-txt-list li { display: flex; align-items: center;}
.sharing-wrap .img-txt-list li > div { width: 50%; align-items: center; box-sizing: border-box;}
.sharing-wrap .img-txt-list li .img { }
.sharing-wrap .img-txt-list li .txt { padding: 0 40px;}
.sharing-wrap .img-txt-list li .txt h6 { color: #222; font-family: 'SCore Dream'; font-size: 22px;}
.sharing-wrap .img-txt-list li .txt h6 .col { color: #0889cb; font-size: 28px; font-weight: bold;}
.sharing-wrap .img-txt-list li .txt p { padding-top: 15px; color: #666; font-size: 16px; }
.sharing-wrap .img-txt-list li .txt p b { color: #333; font-size: 16px; }

.sharing-wrap .sharing-img {}
.sharing-wrap .sharing-img p { padding: 18px 0; background-color: #f8f8fa; color: #222; font-size: 18px; border: 1px solid #ddd; text-align: center; box-sizing: border-box;}

.sharing-txt {}
.sharing-txt h6 { text-align: center;}
.sharing-txt h6 span { position: relative; color: #333; font-size: 28px; font-family: 'SCore Dream'; }
.sharing-txt h6 span::before { content: ''; position: absolute; top: -5%; left: -12%; width: 35px; height: 25px; background: url(../images/sub/sharing-txt-quote.png) no-repeat 50% / contain;}
.sharing-txt h6 span::after { content: ''; position: absolute; bottom: -20%; right: -15%; width: 35px; height: 25px; transform: rotate(180deg); background: url(../images/sub/sharing-txt-quote.png) no-repeat 50% / contain;}
.sharing-txt h6 .col { position: relative; color: #0889cb; font-weight: bold; z-index: 0;}
.sharing-txt h6 .col::before { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 12px; background-color: rgba(8,137,203,0.1); z-index: -1;}


.sharing-wrap .bg-inquiry .box { background: url(../images/sub/sharing-inquiry-bg.jpg) no-repeat 50% / cover;}




/* 250728 sys S */
.mainOrbit { position: relative; padding: 120px 0; overflow: hidden;}
.mainOrbit .video { }
.mainOrbit .video video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: calc(100% + 1px);min-height: 100%;width: auto;height: auto; }
.mainOrbit h3 { color: #fff; font-family: 'SCore Dream'; font-size: 54px; font-weight: bold; text-align: center;} 
.mainOrbit h3 .bg { color: transparent; background: url(../images/main/mainOrbit_tit.jpg) no-repeat 50% / 100%; -webkit-background-clip: text; font-weight: bold;}
.mainOrbit h3 .col_gradient { color: transparent; background: linear-gradient(125deg, #c4d700, #65b066); -webkit-background-clip: text; font-weight: bold;}
.mainOrbit .txt_box { padding-top: 80px; text-align: center;}
.mainOrbit .txt_box h4 { padding-top: 20px; color: #fff; font-size: 34px; text-align: center;}
.mainOrbit .txt_box p { padding-top: 15px; color: #fff; font-size: 24px;}
.mainOrbit .btn_box { padding-top: 60px;}
.mainOrbit .btn_box ul { display: flex; justify-content: center; margin: 0 -10px;}
.mainOrbit .btn_box li { width: calc(100% / 3); max-width: 160px; padding: 0 10px; text-align: center;}
.mainOrbit .btn_box li a { display: block; width: 100%; aspect-ratio: 1/1; align-content: center; color: #fff; font-size: 25px; font-weight: bold; text-decoration: none; background-color: #b7ca01; text-align: center; border-radius: 50%;}
.mainOrbit .btn_box li:nth-child(2) a { background-color: #0889cc;}
.mainOrbit .btn_box li:nth-child(3) a { background-color: #2b336d;}
.mainOrbit .btn_box li a img { display: block; margin: 10px auto 0;}


.price-wrap > div + div { margin-top: 70px;}
.price-wrap { }
.price-wrap .brd-wrap { border: 0px;padding: 10px;background: url('../images/sub/support-box-bg.jpg') repeat center center;height: auto;}
.price-wrap .brd-wrap .cont-box { padding: 55px 0; background-color: #fff; text-align: center;}
.price-wrap .brd-wrap .cont-box img { display: block; margin: 0 auto 25px;}
.price-wrap .brd-wrap .cont-box strong { color: #0896df; font-size: 20px; font-family: 'SCore Dream'; font-weight: bold; border-bottom: 1px solid ;}
.price-wrap .brd-wrap .cont-box h5 { padding-top: 20px; color: #333; font-family: 'SCore Dream'; font-size: 45px; font-weight: bold; text-align: center;}

.price-wrap .high-performance-price { }
.price-wrap .high-performance-price .list-box { }
.price-wrap .high-performance-price .list-box ul { display: flex; margin: 0 -10px;}
.price-wrap .high-performance-price .list-box li { width: calc((100% / 3) - 20px); height: 100%; margin: 0 10px; box-sizing: border-box; border: 1px solid #0889cb; border-radius: 10px; overflow: hidden;}
.price-wrap .high-performance-price .list-box li .top-box { height: 40px; align-content: center; background-color: #0889cb; }
.price-wrap .high-performance-price .list-box li .top-box p { color: #fff; font-size: 16px; text-align: center; text-transform: uppercase;}
.price-wrap .high-performance-price .list-box li .info-box { padding: 35px 30px; }
.price-wrap .high-performance-price .list-box li .info-box .name { }
.price-wrap .high-performance-price .list-box li .info-box .name strong { color: #333; font-family: 'SCore Dream'; font-size: 24px; font-weight: bold; padding-left: 30px; background: url(../images/sub/price-high-ico1.png) no-repeat 0 50%; }
.price-wrap .high-performance-price .list-box li:nth-child(2) .info-box .name strong { background-image: url(../images/sub/price-high-ico2.png) }
.price-wrap .high-performance-price .list-box li:nth-child(3) .info-box .name strong { background-image: url(../images/sub/price-high-ico3.png) }
.price-wrap .high-performance-price .list-box li .info-box .name .badge { display: inline-block; margin-left: 10px; padding: 3px 13px; color: #3d349c; font-size: 14px; border: 1px solid; border-radius:3px; vertical-align: bottom;}
.price-wrap .high-performance-price .list-box li .info-box .txt-box { padding-top: 20px;}
.price-wrap .high-performance-price .list-box li .info-box .txt-box strong { color: #333; font-size: 17px; }
.price-wrap .high-performance-price .list-box li .info-box .txt-box p { padding-top: 15px; color: #666; font-size: 16px;}
.price-wrap .high-performance-price .list-box li .price-box { display: flex; justify-content: space-between; align-items: flex-end; padding: 25px 30px 35px; border-top: 1px dashed #ddd;}
.price-wrap .high-performance-price .list-box li .price-box .txt { color: #333; font-size: 17px;}
.price-wrap .high-performance-price .list-box li .price-box .price { display: flex; align-items: flex-end; text-align: right;}
.price-wrap .high-performance-price .list-box li .price-box .price .per { color: #0889cb; font-family: 'SCore Dream'; font-size: 17px; font-weight: bold; }
.price-wrap .high-performance-price .list-box li .price-box .price p { padding-left: 5px; color: #333; font-size: 20px; line-height: 1;}
.price-wrap .high-performance-price .list-box li .price-box .price p .before_price { display: inline-block; padding-bottom: 10px; color: #888888; font-size: 18px; text-decoration: line-through; }
.price-wrap .high-performance-price .list-box li .price-box .price p strong { font-size: 30px;}


.price-wrap .high-performance-price .list-box li:nth-child(2) { border-color: #3d349c;}
.price-wrap .high-performance-price .list-box li:nth-child(2) .top-box { background-color: #3d349c;}
.price-wrap .high-performance-price .list-box li:nth-child(2) .price-box .price .per { color: #3d349c; }

.price-wrap .high-performance-price .list-box li:nth-child(2) .info-box .name .badge { color: #3d349c;}
.price-wrap .high-performance-price .list-box li:nth-child(3) { border-color: #033165;}
.price-wrap .high-performance-price .list-box li:nth-child(3) .top-box { background-color: #033165;}
.price-wrap .high-performance-price .list-box li:nth-child(3) .info-box .name .badge { color: #033165;}
.price-wrap .high-performance-price .list-box li:nth-child(3) .price-box .price .per { color: #033165; }

.price-wrap .common-price { }
.price-wrap .common-price .sub-title02 { display: flex; justify-content: space-between; align-items: center; }
.price-wrap .common-price .sub-title02 p { color: #0889cb; font-size: 15px;}
.price-wrap .common-price .list-box {}
.price-wrap .common-price .list-box ul { display: flex; flex-wrap: wrap; margin: -10px;}
.price-wrap .common-price .list-box li { width: 50%; padding: 10px; box-sizing: border-box; }
.price-wrap .common-price .list-box li > div { display: flex; height: 100%; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.price-wrap .common-price .list-box li .txt-box { width: calc(100% - 120px); padding: 35px 25px; box-sizing: border-box;}
.price-wrap .common-price .list-box li .txt-box h6 { display: inline-block; padding-right: 10px; color: #333; font-family: 'SCore Dream'; font-size: 24px; font-weight: bold; }
.price-wrap .common-price .list-box li .txt-box .badge { display: inline-block; padding: 5px 12px; background-color: #333; color: #fff; font-size: 14px; border-radius: 3px; vertical-align: bottom;}
.price-wrap .common-price .list-box li .txt-box p { padding-top: 15px; color: #666; font-size: 16px;}
.price-wrap .common-price .list-box li .price-box { width: 120px; align-content: center; background-color: #f8f8fa; border-left: 1px dashed #ddd; box-sizing: border-box; text-align: center;}
.price-wrap .common-price .list-box li .price-box span { display: block; color: #333; font-size: 17px;}
.price-wrap .common-price .list-box li .price-box p { color: #333; font-size: 20px;}
.price-wrap .common-price .list-box li .price-box p strong { font-size: 30px;}


.price-wrap .price-imgtxt-box { }
.price-wrap .price-imgtxt-box .img-box { padding: 80px 0 110px; background: url(../images/sub/price-bottom-img.jpg) no-repeat 50% / cover; text-align: center;}
.price-wrap .price-imgtxt-box .img-box p { padding-top: 20px; color: #fff; font-size: 28px; font-weight: bold; text-align: center;}
.price-wrap .price-imgtxt-box .txt-box { width: calc(100% - 60px); margin: -70px auto 0; padding: 30px 0 70px; background-color: #fff; text-align: center;}
.price-wrap .price-imgtxt-box .txt-box p:first-child { color: #333; font-weight: 500; font-size: 20px; }
.price-wrap .price-imgtxt-box .txt-box p + p { padding-top: 20px;}
.price-wrap .price-imgtxt-box .txt-box p .col { color: #0889cb; font-size: 20px; }
.price-wrap .price-imgtxt-box .txt-box p { color: #666; font-size: 17px; text-align: center;}
.price-wrap .price-imgtxt-box .txt-box strong { display: inline-block; padding-top: 30px; color: #333; font-family: 'SCore Dream'; font-size: 22px; font-weight: bold; vertical-align: middle;}
.price-wrap .price-imgtxt-box .txt-box strong img { vertical-align: bottom;}
.price-wrap .price-imgtxt-box .txt-box strong .col { color: #0889cb; font-weight: bold;}
.price-wrap .price-imgtxt-box .logo-list { padding-top: 60px; border-top: 1px solid #ddd; }
.price-wrap .price-imgtxt-box .logo-list ul { display: flex; justify-content: center; flex-wrap: wrap; margin: -20px; }
.price-wrap .price-imgtxt-box .logo-list li { width: 25%; padding: 20px; align-content: center; text-align: center; box-sizing: border-box;}





.tab3{margin-bottom: 40px;}
.tab3 li{display: inline-block;width: 20%;border: 1px solid #ddd;margin: 0 -1px -1px 0;box-sizing: border-box;}
.tab3 li a{display: block;text-align: center;font-size: 15px;line-height: 45px;text-decoration: none;color: #000;}
.tab3 li.active{border-color: #0889cb;}
.tab3 li.active a{background: #0889cb;color: #fff;}




/* 250923 sys webper */
.fran_video + .fran_intro_box1 { padding-top: 70px;}