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

	Global.css ( ver 1.0.2 )

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

/* Table */
.table1{ width: 100%;border-top: 2px solid #195ca3; }
.table1 tr > *{padding: 20px 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;font-size: 16px;color: #195ca3;}
.table1 thead th.color2{color: #1eb9ef;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{ text-align: center;font-size: 16px;color: #222222; }

.table2{ width: 100%;border-top: 2px solid #195ca3; }
.table2 tr > *{padding: 20px 10px;border: 1px solid #ddd;}
.table2 thead th{background: #f7f7f7;font-size: 16px;color: #195ca3;}
.table2 thead th.color2{color: #1eb9ef;}
.table2 tbody th{background: #f7f7f7;text-align: center;}
.table2 tbody th{background: #f7f7f7;color: #195ca3;}
.table2 tbody td{ text-align: center;font-size: 14px;color: #222222; }

/* 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;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap .btn1{ text-align: center;display: inline-block;background: #195ca3;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn2{ text-align: center;display: inline-block;background: #666666;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn3{ text-align: center;display: inline-block;background: #1eb9ef;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn4{ text-align: center;display: inline-block;background: #fe9d2b;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn5{ text-align: center;display: inline-block;background: #30b14a;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn6{ text-align: center;display: inline-block;background: #195ca3;color: #fff !important;height: 50px;width: 280px;height: 50px;line-height: 50px;font-size: 15px;}
.btnWrap .btn5 img,
.btnWrap .btn6 img{margin-right: 5px;}

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

br.mo{display: none;}

/* 230419 webper mw */
/* 팝업 */
.spPop .sp_pop_article_tr{display: none;}

/**************************************************
	Layout
**************************************************/
html{overflow-x: hidden;}

#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 90;background: #fff;}
#header .inner{position: relative;width: 1200px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}

#gnb{position: absolute;top: 0;right: 130px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;z-index: 91;}
#gnb > li > a{display: block;padding: 0 20px;line-height: 90px;font-size: 17px;color: #333333;text-decoration: none;}
#gnb > li.active > a{font-weight: bold;color: #195ca3;}
#gnb > li > ul{position: absolute;top: 90px;left: 20px;white-space: nowrap;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li{display: inline-block;margin-right: 20px;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #fff;line-height: 60px;text-align: center;text-decoration: none;}
#gnb > li > ul li a strong {font-family: noto; font-weight: inherit}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li:not(:nth-child(3)):hover:before{content: '';display: block;position: absolute;bottom: 0;left: 50%;margin-left: -7px;width: 15px;height: 7px;background: url('/images/main/drdw-spr.jpg');}
#gnb > li.hidden-gnb{display: none;}

#gnb2{position: absolute;top: 0;right: 120px;z-index: 2;}
#gnb2 > li{position: relative;display: inline-block;vertical-align: top;z-index: 91;}
#gnb2 > li > a{display: block;padding: 0 20px;line-height: 90px;font-size: 17px;color: #333333;text-decoration: none;}
#gnb2 > li > a:hover {font-weight: bold;color: #fe9d2b;}
#gnb2 > li.active > a{font-weight: bold;color: #fe9d2b;}
#gnb2 > li > ul{position: absolute;top: 90px;left: 20px;white-space: nowrap;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb2 > li > ul li{display: inline-block;margin-right: 20px;}
#gnb2 > li > ul li a{display: block;font-size: 15px;color: #fff;line-height: 60px;text-align: center;text-decoration: none;}
#gnb2 > li > ul li.active a{font-weight: bold;}
#gnb2 > li.hidden-gnb{display: none;}


#qnabtn{position: absolute;top: 25px;right: 0;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;background: #195ca3;font-size: 17px;color: #fff;font-weight: 300;}
#homebtn{position: absolute;top: 25px;right: 43px;width: 120px;height: 40px;padding: 0 10px;line-height: 40px;text-align: center;border-radius: 40px;background: #195ca3;font-size: 17px;color: #fff;font-weight: 300;}



#drdw{position: absolute;top: 90px;left: -1000px;width: 3000px;height: 60px;background: #195ca3;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb:hover #drdw{visibility: visible;opacity: 1;}

#aside{position: fixed;top: 0;right: 30px;z-index: 89;height: 100%;white-space: nowrap;}
#aside:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
#aside ul{display: inline-block;vertical-align: middle;}
#aside ul li a{position: relative;display: block;text-align: center;line-height: 35px;width: 35px;font-size: 15px;color: #fff;font-weight: 600;border-radius: 50%;text-decoration: none;}
#aside ul li.on a,
#aside ul li:hover a{background: #195ca3;}
#aside ul li.on a:after,
#aside ul li:hover a:after{content: '';display: block;position: absolute;top: 50%;right: 0;width: 7px;height: 2px;background: #fff;margin-top: -1px;}
#aside.black ul li a{color: #333;}
#aside.black ul li.on a,
#aside.black ul li:hover a{color: #fff;}

#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{position: relative;font-size: 15px;line-height: 20px;color: #b3b3b3;font-style: normal;padding-left: 150px;background: url('/images/main/flogo.jpg') no-repeat 0 center;letter-spacing: -1px;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 13px;color: #777777;}
#footer .call{position: absolute;top: 50px;right: 0;font-size: 16px;color: #fff;text-align: right;}
#footer .call strong{font-size: 26px;color: #fff;display: inline-block; margin-left:10px;}
#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 > 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;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;display: none;}
#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;left: 0;width: 100%;height: 2px;background: #282828;}
#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: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 820px;height: 700px;margin-top: -350px;margin-left: -410px;padding-top: 46px;z-index: 301;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;}

/* 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;width: 1200px;margin: 50px auto;}

#main section{position: relative;min-height: 800px;height: 100vh;}
#main section .inner{width: 1200px;position: relative;margin: 0 auto;zoom: 1;height: 100%;}
#main section .page_url {position: absolute;top: -90px;z-index: -1;width: 0;height: 0;overflow: hidden;opacity: 0;}

#main .visual{position: relative;}
#main .visual li{min-height: 800px;height: 100vh;background-position: center center;background-size: cover;}
#main .visual > p{position: absolute;top: 50%;left: 0;margin-top: -180px;width: 100%;text-align: center;z-index: 81;}

#main .visual .vis-scr{
    position: absolute;bottom: 150px;left: 50%;margin-left: -39px;z-index: 81;
	-webkit-animation:visual-ani 1s ease infinite;
	-moz-animation:visual-ani 1s ease infinite;
	-ms-animation:visual-ani 1s ease infinite;
	-o-animation:visual-ani 1s ease infinite;
	animation:visual-ani 1s ease infinite;
}
@keyframes visual-ani {
	0% {bottom:150px;}
	70% {bottom:120px;}
	100% {bottom:150px;}
}

#main .main-tit{display: inline-block;position: relative;padding-bottom: 8px;font-size: 22px;line-height: 22px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#main .main-tit:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #333333;}
#main .main-tit.white{color: #fff;}
#main .main-tit.white:after{background-color: #fff;}

#main .sec2{background: url('/images/main/sec2-bg.jpg') no-repeat center center / cover;}
#main .sec2 .inner:after{display: block;content: '';clear: both;}
#main .sec2 .inner > div{float: left;width: 50%;height: 100%;}
#main .sec2 .img img{position: absolute;top: 50%;left: 0;margin-top: -300px;}
#main .sec2 .txt .in{position: absolute;top: 50%;margin-top: -250px;text-align: center;}
#main .sec2 .txt .in > span{display: block;text-align: center;}
#main .sec2 .txt .t1{font-size: 35px;line-height: 35px;color: #bbbbbb;font-weight: 600;letter-spacing: -1px;margin-top: 40px;display: block;}
#main .sec2 .txt .t2{font-size: 40px;line-height: 55px;color: #333333;letter-spacing: -1px;font-weight: 100;margin-top: 20px;}
#main .sec2 .txt .t3{margin-top: 30px;font-size: 22px;color: #195ca3;line-height: 22px;font-style: italic;letter-spacing: -1px;font-weight: 300;}
#main .sec2 .txt .t4{margin-top: 15px;font-size: 18px;color: #555555;line-height: 25px;letter-spacing: -1px;}
#main .sec2 .txt .img2{margin-top: 50px;}

#main .sec3{background: url('/images/main/sec3-bg.jpg') no-repeat center center / cover;}
#main .sec3 .in{position: absolute;top: 50%;margin-top: -160px;width: 100%;}
#main .sec3 .in > span{display: block;}
#main .sec3 .t1{font-size: 30px;line-height: 42px;color: #fff;letter-spacing: -1px;font-weight: 100;margin-top: 50px;}
#main .sec3 .t2{font-size: 38px;line-height: 38px;color: #fff;letter-spacing: -1px;margin-top: 50px;}
#main .sec3 .t3{font-size: 32px;color: #fff;letter-spacing: -1px;font-weight: normal;margin-top: 10px;}

#main .sec3_2{background: url('/images/main/sec03_02_bg.jpg') no-repeat center center / cover;}
#main .sec3_2 .in{position: absolute;top: 50%;text-align: center;width: 100%;transform: translate(0, -50%);}
#main .sec3_2 .in > span{display: block;}
#main .sec3_2 .t1{font-size: 45px;line-height: 62px;color: #fff;letter-spacing: -1px;font-weight: 100;margin-top: 50px;}
#main .sec3_2 .t2{text-align: center;font-size: 16px;color: #fff;letter-spacing: -1px; margin-top:180px;}
#main .sec3_2 ul{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0;}

#main .sec4{background: url('/images/main/sec4-bg.jpg') no-repeat center center / cover;}
#main .sec4 .in{position: absolute;top: 50%;margin-top: -320px;text-align: center;width: 100%;;}
#main .sec4 .in > span{display: block;}
#main .sec4 .t1{font-size: 30px;color: #fff;letter-spacing: -1px;font-weight: 100;margin-top: 50px;}
#main .sec4 .t2{font-size: 45px;color: #fff;font-weight: 100;letter-spacing: -1px;margin-top: 10px;}
#main .sec4 .img1{display: block;margin: 50px auto;}
#main .sec4 .t3{font-size: 22px;color: #fff;letter-spacing: -1px;font-style: italic;}
#main .sec4 .t3 strong{font-size: 26px;}
#main .sec4 .t4{font-size: 16px;color: #fff;margin-top: 10px;}

#main .sec5{background: url('/images/main/sec5-bg.jpg') no-repeat center center / cover;} 
#main .sec5 .in{position: absolute;top: 50%;margin-top: -315px;text-align: center;width: 100%;}
#main .sec5 .in > span{display: block;}
#main .sec5 .t1{font-size: 30px;color: #fff;letter-spacing: -1px;font-weight: 100;margin-top: 50px;}
#main .sec5 .t2{font-size: 40px;color: #fff;letter-spacing: -1px;margin-top: 5px;font-weight: 600;}
#main .sec5 .img1{display: block;margin: 0 auto;margin-top: 50px;}

#main .sec6{background: url('/images/main/sec6-bg.jpg') no-repeat center center / cover;}
#main .sec6 .in{position: absolute;top: 50%;margin-top: -315px;text-align: center;width: 100%;}
#main .sec6 .in > span{display: block;}
#main .sec6 .t1{font-size: 30px;color: #fff;letter-spacing: -1px;font-weight: 100;margin-top: 50px;}
#main .sec6 .t2{font-size: 40px;color: #fff;letter-spacing: -1px;margin-top: 5px;font-weight: 600;}
#main .sec6 .img1{display: block;margin: 0 auto;margin-top: 50px;}
#main .sec6 ul{text-align: left;width: 830px;margin: 0 auto;margin-top: 30px;}
#main .sec6 ul li{position: relative;border-top: 1px dashed #646c77;padding: 15px 0;padding-left: 180px;}
#main .sec6 ul li:first-child{border-top: none;}
#main .sec6 ul li p{font-size: 16px;line-height: 26px;color: #fff;letter-spacing: -1px;}
#main .sec6 ul li strong{position: absolute;top: 20px;left: 0;font-size: 22px;font-weight: 600;color: #fff;}

#main .sec7{background: url('/images/main/sec7-bg.jpg') no-repeat center center / cover;}
#main .sec7 .in{position: absolute;top: 50%;margin-top: -315px;text-align: center;width: 100%;}
#main .sec7 .in > span{display: block;}
#main .sec7 .t1{display: inline-block !important;font-size: 40px;color: #333333;letter-spacing: -1px;font-weight: 600;margin-top: 50px;padding: 0 40px;position: relative;}
#main .sec7 .t1:before{content: '';display: block;position: absolute;top: 8px;left: 0;width: 27px;height: 27px;background: url('/images/main/sec7-flag1.png') no-repeat center center / cover;}
#main .sec7 .t1:after{content: '';display: block;position: absolute;top: 8px;right: 0;width: 27px;height: 27px;background: url('/images/main/sec7-flag2.png') no-repeat center center / cover;}
#main .sec7 .t2{font-size: 30px;line-height: 42px;color: #333333;letter-spacing: -1px;font-weight: 100;text-align: center;margin-top: 50px;}
#main .sec7 .t2 strong{color: #195ca3;}
#main .sec7 .t3{margin-top: 40px;font-size: 22px;color: #666666;font-weight: 300;letter-spacing: -1px;}

#main .sec8{background: url('/images/main/sec8-bg.jpg') no-repeat center center / cover;}
#main .sec8 .in{position: absolute;top: 50%;margin-top: -230px;width: 100%;}
#main .sec8 .tit{position: absolute;top: 20px;left: 0;font-size: 35px;color: #fff;letter-spacing: -1px;font-weight: 100;}
#main .sec8 .tit > *{display: block;}
#main .sec8 .tit em{font-style: normal;font-style: normal;font-size: 22px;font-weight: 100;letter-spacing: -1px;color: #fff;}
#main .sec8 .tit strong{font-size: 35px;font-weight: 600;letter-spacing: -1px;color: #fff;margin-top: 10px;}
#main .sec8 ul{margin: -5px;}
#main .sec8 ul li{display: inline-block;vertical-align: top;margin: 5px;}
#main .sec8 ul li:first-child{margin-left: 205px;}

#main .sec9{height: auto;}
#main .sec9 .infobox1{padding: 100px 0 60px 0;padding: 60px 0 30px 0;background: url('/images/main/sec9-bg.jpg') no-repeat center center / cover}
#main .sec9 .infobox1 .tit{text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;font-weight: 100;}
#main .sec9 .infobox1 .list1{width: 1200px;margin: 0 auto;margin-top: 45px;margin-top: 20px;}
#main .sec9 .infobox1 .list1 li{display: inline-block;width: calc(100%/5 - 10px);height: 45px;line-height: 45px;text-align: center;background: rgba(0,0,0,0.2);margin: 0 0 10px 10px;white-space: nowrap;}
#main .sec9 .infobox1 .list1 li:nth-child(5n+1){margin-left: 0;}
#main .sec9 .infobox1 .list1 li strong{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;font-weight: 300;}
#main .sec9 .infobox1 .list1 li a{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;margin-left: 5px;}
#main .sec9 .infobox1 .list2{text-align: center;margin-top: 30px;margin-top: 15px;}
#main .sec9 .infobox1 .list2 li{display: inline-block;margin: 0 5px;}
#main .sec9 .infobox1 .list2 li a{display: block;width: 280px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;letter-spacing: -1px;text-decoration: none;}
#main .sec9 .infobox1 .list2 li.btn1 a{background: #fe9d2b;}
#main .sec9 .infobox1 .list2 li.btn2 a{background: #30b14a;}
#main .sec9 .infobox1 .list2 li.btn3 a{background: #1eb9ef;}
#main .sec9 .mapWrap {position: relative;}
#main .sec9 .mapWrap > .btn {display: none;}
#main .sec9 #map {height: calc(100vh - 424px) !important;}

#main .sec10{height: auto;min-height: 0;padding: 100px 0;}
#main .sec10 .inner{zoom: 1;}
#main .sec10 .inner:after{display: block;content: '';clear: both;}
#main .sec10 .latbox{width: 50%;float: left;box-sizing: border-box;}
#main .sec10 .latbox:first-child{padding-right: 40px;}
#main .sec10 .latbox:last-child{padding-left: 40px;}
/* 231123 건별 추가 */
#main .sec10 .latbox.w100 {width: 100%; float: none; padding: 0}
/* 231123 건별 추가 */
#main .sec10 h5{border-bottom: 1px solid #ddd;padding-bottom: 25px;margin-bottom: 15px;font-size: 25px;color: #333333;font-weight: 600;letter-spacing: -1px;}
#main .sec10 ul li{position: relative;padding-right: 100px;}
#main .sec10 ul li .sbj{position: relative;padding-left: 10px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 34px;color: #666666;}
#main .sec10 ul li .sbj:before{content: '';display: block;position: absolute;top: 50%;left: 0;border-radius: 50%;width: 4px;height: 4px;background: #195ca3;margin-top: -2px;}
#main .sec10 ul li .date{position: absolute;top: 0;right: 0;font-size: 16px;line-height: 34px;color: #999999;}
#main .sec10 h5 .more {float: right;font-weight: normal;font-size: 16px;color: #999;}

#main .sec11 {height: 847px;padding: 105px 0 0 0;text-align: center;background:url('/images/main/sec11-bg.jpg') center center no-repeat;background-size: cover;box-sizing: border-box;}
#main .main_tit1 { display: block; font-size: 30px; color: #fff; letter-spacing: -1px; font-weight: 100; margin-top: 50px;}
#main .main_tit2 { display: block;font-size: 45px; color: #fff;font-weight: bold; letter-spacing: -1px; margin-top: 10px; }
#main .main_tit2 span {font-size: 45px;font-weight: 100;}

#main .main_tit1.black {color: #333333;}
#main .main_tit2.black {color: #333333;}

#main .sec11 .con_wrap {margin-top: 55px;font-size: 0;}
#main .sec11 .con_wrap img, #main .sec11 .con_wrap .con {display: inline-block;vertical-align: middle;}
#main .sec11 .con_wrap img {width: 46%;max-width: 551px;}
#main .sec11 .con_wrap .con {width: 54%;padding-left: 4%;text-align: left;box-sizing: border-box;}
#main .sec11 .con_wrap .con .tit {display: inline-block;padding-bottom: 8px;border-bottom:2px solid #f6f7fa;font-style: italic;font-size: 32px;letter-spacing: -0.035em;color: #fff;}
#main .sec11 .con_wrap .con ul {text-align: left;margin: 24px auto 0;}
#main .sec11 .con_wrap .con ul li{position: relative;border-top: 1px dashed #5d88b6;padding: 25px 0;padding-left: 31%;}
#main .sec11 .con_wrap .con ul li:first-child{border-top: none;}
#main .sec11 .con_wrap .con ul li p{margin-top: -4px;font-size: 15px;line-height: 26px;color: #fff;letter-spacing: -1px;}
#main .sec11 .con_wrap .con ul li strong{position: absolute;top: 20px;left: 0;font-size: 21px;font-weight: 600;color: #fff;}

#main .sec12 {height: 560px;min-height: auto;padding: 100px 0 0 0;text-align: center;background:url('/images/main/sec12-bg.png') 0 0 no-repeat;background-size: cover;box-sizing: border-box;}
#main .sec12 .con_wrap {font-size: 0;}
#main .sec12 .con_wrap img, #main .sec12 .con_wrap .con {display: inline-block;vertical-align: middle;}
#main .sec12 .con_wrap img {width: 46%;max-width: 551px;}
#main .sec12 .con_wrap .con {width: 54%;padding-right: 4%;text-align: right;box-sizing: border-box;}
#main .sec12 .con_wrap .con .tit {display: inline-block;padding-bottom: 8px;border-bottom:2px solid #195ca3;font-style: italic;font-size: 32px;letter-spacing: -0.035em;color: #195ca3;}
#main .sec12 .con_wrap .con ul {margin: 24px auto 0;}
#main .sec12 .con_wrap .con ul li{text-align:right;position: relative;border-top: 1px dashed #5d88b6;padding: 25px 0;}
#main .sec12 .con_wrap .con ul li:first-child{border-top: none;}
#main .sec12 .con_wrap .con ul li p{margin-top: -4px;font-size: 16px;line-height: 26px;color: #333333;letter-spacing: -1px;}
#main .sec12 .con_wrap .con ul li strong{display: inline-block;vertical-align: top;margin: -4px 20px 0 0 ;font-size: 22px;font-weight: 600;color: #555555;}
#main .sec12 .con_wrap .con ul li p.tal {float: right;}

#main .sec13 {overflow: hidden;background:url('/images/main/sec13-bg.png') center center no-repeat;background-size: cover;height: 244px;min-height: auto;text-align: center;}
#main .sec13 strong {display: block;margin-top: 48px;font-size: 32px;letter-spacing: 0.25em;color: #195ca3;}
#main .sec13 p {margin-top: 24px;font-size: 22px;letter-spacing: -0.035em;font-weight: 200;color: #555555;}

#main .sec14{padding: 100px 0;height: auto;background: url('/images/main/sec4-bg.jpg') no-repeat center center;background-size: cover;text-align: center;}
#main .sec14 .main-tit {}
#main .sec14 .con_wrap {padding: 60px 0;margin-top: 70px;padding-bottom: 67px;font-size: 0;background:url('/images/main/sec14-bg02.jpg') center center no-repeat;background-size: cover;}
#main .sec14 .con_wrap > div {display: inline-block;vertical-align: top;width: 50%;text-align: center;box-sizing: border-box;}
#main .sec14 .con_wrap > div:first-child {border-right: 1px dashed #c9c8c8;}
#main .sec14 .con_wrap > div .tit1 {display: inline-block; padding-bottom: 8px;border-bottom: 2px solid #333333; font-style: italic; font-size: 32px; letter-spacing: -0.035em;color: #333333;}
#main .sec14 .img {margin-top: 31px;}
#main .sec14 .con_wrap > div .tit2 {margin-top: 32px;font-size: 16px;line-height: 30px;letter-spacing: -0.035em;color: #114885;}
#main .sec14 .con_wrap > div .tit2 strong {font-size: 22px;letter-spacing: -0.035em;color: #114885;}
#main .sec14 .con_wrap > div .tit3 {margin-top: 37px;font-size: 16px;font-weight: 300;line-height: 32px;letter-spacing: -0.035em;color: #195ca3;}
#main .sec14 .con_wrap > div .tit3 strong {font-size: 22px;font-weight: 300;}
#main .sec14 .con_wrap > div .info {margin-top: 29px;font-size: 16px;line-height: 26px;letter-spacing: -0.035em;color: #555555;font-weight: 600;}
#main .sec14 .con_wrap > div .info span {display: inline-block;margin-top: 10px;font-size: 14px;color: #555555;}
#main .sec14 .con_wrap > div ol {display: inline-block;margin: 30px auto 0;text-align: left;}
#main .sec14 .con_wrap > div ol > li {font-size: 16px;line-height: 30px;letter-spacing: -0.035em;color: #555555;font-weight: 600;}
#main .sec14 .con_wrap > div ol > li span {padding-right: 20px;font-style: italic;font-weight: bold;font-size: 22px;letter-spacing: -0.035em;color: #fe9d2b;}


#main .sec14 .con_wrap > div .tbox {margin:32px auto 0; box-sizing:border-box; width:100%; max-width:280px; text-align:left;}
#main .sec14 .con_wrap > div .txt1 {position:relative; display:block; box-sizing:border-box; padding-left:12px; font-size:16px; line-height:30px; font-weight:600; color:#555; margin-top:10px; }
#main .sec14 .con_wrap > div .txt1:after {position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#555; top:13px; left:0;}
#main .sec14 .con_wrap > div .txt2 {font-size:14px; color:#777; margin-top:30px; line-height:1.4em;}




#main .sec15 {height: auto;min-height: auto;padding: 100px 0 130px;text-align: center;background:url('/images/main/sec15-bg.jpg') center center no-repeat;background-size: cover;}
#main .sec15 .con_wrap {padding: 60px 0;margin-top: 70px;padding-bottom: 67px;font-size: 0;background: #fff;}
#main .sec15 .con_wrap > div {display: inline-block;vertical-align: top;width: 50%;text-align: center;box-sizing: border-box;}
#main .sec15 .con_wrap > div:first-child {border-right: 1px dashed #c9c8c8;}
#main .sec15 .con_wrap > div .tit1 {display: inline-block; padding-bottom: 8px;border-bottom: 2px solid #333333; font-style: italic; font-size: 32px; letter-spacing: -0.035em;color: #333333;}
#main .sec15 .img {margin-top: 31px;}
#main .sec15 .con_wrap > div .tit2 {margin-top: 32px;font-size: 16px;line-height: 30px;letter-spacing: -0.035em;color: #114885;}
#main .sec15 .con_wrap > div .tit2 strong {font-size: 22px;letter-spacing: -0.035em;color: #114885;}
#main .sec15 .con_wrap > div .tit3 {margin-top: 37px;font-size: 16px;font-weight: 300;line-height: 32px;letter-spacing: -0.035em;color: #195ca3;}
#main .sec15 .con_wrap > div .tit3 strong {font-size: 22px;font-weight: 300;}
#main .sec15 .con_wrap > div .info {margin-top: 29px;font-size: 16px;line-height: 26px;letter-spacing: -0.035em;color: #555555;font-weight: 600;}
#main .sec15 .con_wrap > div .info span {display: inline-block;margin-top: 10px;font-size: 14px;color: #555555;}
#main .sec15 .con_wrap > div .info .blue {font-weight: normal;font-size: 16px;line-height: 30px;letter-spacing: -0.035em;color: #195ca3;}
#main .sec15 .con_wrap > div .info .blue  strong {font-weight: 300;font-size: 22px;color: #195ca3;}
#main .sec15 .con_wrap > div ol {display: inline-block;margin: 30px auto 0;text-align: left;}
#main .sec15 .con_wrap > div ol > li {font-size: 16px;line-height: 30px;letter-spacing: -0.035em;color: #555555;font-weight: 600;}
#main .sec15 .con_wrap > div ol > li span {padding-right: 20px;font-style: italic;font-weight: bold;font-size: 22px;letter-spacing: -0.035em;color: #fe9d2b;}
#main .sec15 .main-call{display: block;background: url('/images/main/main-call-bg.jpg') no-repeat center center;background-size: cover;line-height: 80px;text-align: center;font-size: 18px;color: #fff;}
#main .sec15 .main-call img{margin-top: -3px;}
#main .sec15 .main-call strong{margin-left: 10px;font-size: 26px;color: #fec12f;font-weight: 600;display: inline-block;vertical-align: middle;margin-top: -3px;}
#main .sec15 .main-call strong.sky{font-size: 20px;color: #fff;}


#main .sec15 .con_wrap > div .tbox {margin:32px auto 0; box-sizing:border-box; width:100%; max-width:280px; text-align:left;}
#main .sec15 .con_wrap > div .txt1 {position:relative; display:block; box-sizing:border-box; padding-left:12px; font-size:16px; line-height:30px; font-weight:600; color:#555; margin-top:10px; }
#main .sec15 .con_wrap > div .txt1:after {position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#555; top:13px; left:0;}
#main .sec15 .con_wrap > div .txt2 {font-size:14px; color:#777; margin-top:30px; line-height:1.4em;}



/* 251119 sys S sec16 높이 수정 */
/* #main .sec16 {overflow: hidden;height: auto;padding-bottom: 125px;min-height: auto;background: url('/images/main/sec16-bg.jpg') center center no-repeat;background-size: cover;text-align: center;} */
#main .sec16 {overflow: hidden;background: url('/images/main/sec16-bg.jpg') center center no-repeat;background-size: cover;text-align: center;}
#main .sec16 .inner { align-content: center;}
#main .sec16 h5 {margin-top: 90px;text-align: center;font-weight: 100;font-size: 35px;letter-spacing: -0.04em;color: #fff;
	margin-top: 0;}
#main .sec16 .sec16-roll {margin-top: 52px;}
#main .sec16 .sec16-roll .roll li img {width: 100%;}
#main .sec16 p {margin-top: 35px;padding-bottom: 5px;font-size: 16px;letter-spacing: -0.04em;color: #ffffff;background:url('/images/main/sec16-bg02.png') center bottom no-repeat;}
#main .sec16 .bx-controls-direction {position: relative;margin-top: 41px;}
#main .sec16 .bx-controls-direction:before, #main .sec16 .bx-controls-direction:after {content:'';display: inline-block;position: absolute;top: 50%;width: 43%;height: 1px;background: #4f7eaf;}
#main .sec16 .bx-controls-direction:before {left: 0;}
#main .sec16 .bx-controls-direction:after {right: 0;}
#main .sec16 .bx-controls-direction a {width: 19px;height: 19px;padding:0 1.25%;display: inline-block;text-indent: -99999em;}
#main .sec16 .bx-controls-direction a.bx-prev {background: url('/images/main/icon_prev01.png') center center no-repeat;}
#main .sec16 .bx-controls-direction a.bx-next {background: url('/images/main/icon_next01.png') center center no-repeat;}

#main .sec17 {min-height: auto;height: 504px;position: relative;}
#main .sec17 #map {position: absolute;top: 0;left: 0;}
#main .sec17 .inner {overflow: hidden;}
#main .sec17 .list_wrap {position: relative;width: 50%;padding: 0 4%;float: right;margin-top: 75px;height: 362px;background:url('/images/main/sec17-bg.png') center center no-repeat;background-size: cover;z-index: 11;box-sizing: border-box;font-size: 0;}
#main .sec17 .list_wrap:before {content:'';display: inline-block;vertical-align: middle;height: 100%;}
#main .sec17 .list_inner {display: inline-block;width: 100%;vertical-align: middle;}
#main .sec17 .list1 {}
#main .sec17 .list1 > li {font-size: 0;}
#main .sec17 .list1 > li + li {margin-top: 28px;}
#main .sec17 .list1 > li strong, #main .sec17 .list1 > li span, #main .sec17 .list2 > li strong, #main .sec17 .list2 > li span {display: inline-block;vertical-align: top;}
#main .sec17 .list1 > li strong {width: 37%;line-height: 26px;font-size: 25px;letter-spacing: -0.04em;color: #fff;}
#main .sec17 .list1 > li span {width: 63%;font-size: 18px;line-height: 26px;letter-spacing: -0.04em;color: #fff;}
#main .sec17 .list1 > li span .blue {width: auto;font-weight: bold;margin-right: 15px;font-size: 18px;letter-spacing: -0.04em;color: #1eb9ef;}
#main .sec17 .list2 {padding-top: 28px;margin-top: 30px;border-top: 1px solid #5b8abb;}
#main .sec17 .list2 > li {font-size: 0;margin-top: 5px;}
#main .sec17 .list2 > li:first-child {margin-top: 0;}
#main .sec17 .list2 > li strong {width: 37%;font-size: 18px;letter-spacing: -0.04em;color: #fff;}
#main .sec17 .list2 > li strong img {margin-right: 9px;}
#main .sec17 .list2 > li span {font-size: 16px;line-height: 28px;letter-spacing: -0.04em;color: #f8f8f8;}

#main .inquiry {height: auto;min-height: auto;padding: 30px 0 118px;height: calc(100vh - 331px);box-sizing: border-box;align-content: center;}
#main .inquiry .inner {overflow: hidden;height: auto;}
#main .inquiry h5 {border-bottom: 1px solid #ddd;padding-bottom: 25px;margin-bottom: 15px;font-size: 25px;color: #333333;font-weight: 600;letter-spacing: -1px;}
#main .inquiry h5 {}
#main .inquiry .left {width: 48%;float: left;}
#main .inquiry .left select, .inquiry .left input[type="text"] {width: 100%;height: 55px;margin-bottom: 19px;padding-left: 20px;background: #fff;border: 1px solid #dddddd;font-size: 16px;letter-spacing:-0.02em;color: #222222;}
#main .inquiry .left select {}
#main .inquiry .left label {font-size: 14px;color: #555555;}
#main .inquiry .left label a {margin-left: 15px;font-size: 14px;display: inline-block;color: #222222;}
#main .inquiry .left input[type="text"] {padding: 0 20px;}
#main .inquiry .right {float: right;width: 48%;}
#main .inquiry .right textarea {width: 100%;height: 203px;padding:30px 20px;border: 1px solid #dddddd;font-size:16px;letter-spacing: -0.02em;color: #222222;resize:none;}
#main .inquiry .right button {width: 100%;height: 50px;margin-top: 20px;font-size: 16px;letter-spacing: -0.04em;color: #fff;border: none;background: #195ca3;}

#main .main_qna {height: auto;min-height: auto;padding-bottom: 20px;}
#main .main_qna ul {margin-top: 0;}
.gnbSC {position: relative;top: -90px;}



/* 231026 s건 mw */
#main .sec18 {overflow: hidden;min-height: auto;background: url('/images/main/sec18-bg.jpg') no-repeat center / cover;text-align: center;}
#main .sec18 .inner{text-align:center}
#main .sec18 .in{position: absolute;top: 50%;margin-top: -315px;text-align: center;width: 100%;}
#main .sec18 .inner *{font-family:Noto Sans;line-height:30px;letter-spacing:-0.025em;color:#fff}
#main .sec18 .main-tit{display:block;font-weight:bold;text-align:center;font-size:40px}
#main .sec18 .main-tit::after{content:none}
#main .sec18 .t1{display:inline-block;font-weight:bold;padding:2px 20px 4px;margin-top:40px;border:2px solid #1cb7ef;border-radius:20px;font-size:21px;color:#1cb7ef}
#main .sec18 .t2{display:block;margin-top:20px;font-weight:300;font-size:18px}
#main .sec18 .t3{font-weight:300;font-size:16px}
#main .sec18 img{margin:30px auto 20px;max-width: 700px;}

#main .sec19 {overflow: hidden;min-height: auto;background: url('/images/main/sec19-bg.jpg') no-repeat center / cover;text-align: center;}
#main .sec19 .inner{text-align:center}
#main .sec19 .in{position: absolute;top: 50%;margin-top: -315px;text-align: center;width: 100%;}
#main .sec19 .inner *{font-family:Noto Sans;line-height:30px;letter-spacing:-0.025em;color:#fff}
#main .sec19 .main-tit{display:block;font-weight:bold;text-align:center;font-size:40px}
#main .sec19 .main-tit::after{content:none}
#main .sec19 ul{display:flex;flex-flow:row wrap;align-items:center;margin-top:40px}
#main .sec19 ul li{position:relative;width:calc(100% / 2);box-sizing:border-box}
#main .sec19 ul li:nth-child(1){border-right:1px solid rgba(255, 255, 255, .5)}
#main .sec19 .t1{display:inline-block;font-weight:bold;padding:2px 20px 4px;border:2px solid #1cb7ef;border-radius:20px;font-size:21px;color:#1cb7ef}
#main .sec19 .t2{display:block;margin-top:20px;font-weight:300;font-size:18px}
#main .sec19 .t3{font-weight:300;font-size:16px}
#main .sec19 img{margin:30px auto 20px;max-width: 700px;}

/**************************************************
	Sub
**************************************************/
body.sub{padding-top: 90px;}
body.sub #aside{display: none;}

#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 0 auto;padding: 50px 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 250px;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;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 strong {font-family: noto; font-weight: inherit}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}

#navigator{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 > a strong {font-family: noto; font-weight: inherit}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #000;}
#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 a strong {font-family: noto; font-weight: inherit}
#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;}

.sub-tit{margin-bottom: 50px;}
.sub-tit h4{text-align: center;font-size: 40px;color: #195ca3;font-weight: 600;letter-spacing: -1px;margin-bottom: 15px;}
.sub-tit h4 em{font-style: normal;display: block;font-size: 34px;color: #333333;letter-spacing: -1px;font-weight: 100;}
.sub-tit h4 em.small{font-size: 24px;line-height: 36px;}
.sub-tit h4 span {font-size:24px; line-height:30px; color:#195ca3; font-weight:300; display:block; text-align:Center;}
.sub-tit p{font-style: normal;text-align: center;font-size: 16px;line-height: 24px;color: #999999;letter-spacing: -1px;display: block;margin-top: 10px;}
.sub-tit p strong {font-family: noto; font-weight: inherit}
.sub-tit p .line{display: inline-block;font-size: 22px;letter-spacing: -1px;font-weight: 300;color: #222222;padding-bottom: 5px;margin-bottom: 10px;position: relative;}
.sub-tit p .line:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #000;}
.sub-tit p.type2{font-size: 22px;line-height: 32px;color: #222222;}
.sub-tit p.type2 strong{font-weight: normal;color: #195ca3;}
.sub-tit p.type3 {display: block;margin-bottom: 20px;font-size: 25px;font-weight: 300;color: #333;letter-spacing: -0.05em;}

/* 약관 내용 출력 박스 */
.policybox{white-space: pre-wrap;}

/* 연혁 */
.his-wrap .top{margin-bottom:60px;}
.his-wrap .top:after{content:'';display:block;clear:both;}
.his-wrap .top > div{float:left;width:50%;height:250px;box-sizing:border-box;}
.his-wrap .top .left{padding:75px 60px 75px 60px;background:url(/images/sub/history-bg1.jpg);}
.his-wrap .top .left h3{margin-bottom:10px;font-size:26px;color:#ffffff;}
.his-wrap .top .left h4{font-weight:normal;font-size:16px;color:#ffffff;}
.his-wrap .top .right{background:url(/images/sub/history-bg2.jpg);}
.his-wrap dl{position:relative;padding-left:170px;padding-bottom:40px;min-height:50px;}
.his-wrap dl.last{padding-bottom:0px;}
.his-wrap dt{position:absolute;left:0;top:-10px;font-weight:bold;font-size:38px;color:#222222;}
.his-wrap dd{position:relative;padding-left:118px;font-size:16px;line-height:37px;}
.his-wrap dd strong{position:absolute;left:0;top:0;padding-left:35px;font-size:18px;color:#000;}
.his-wrap dl:before{content:'';position:absolute;left:165px;top:13px;width:10px;height:10px;background:#999;z-index:1;border-radius: 50%;}
.his-wrap dl:after{content:'';position:absolute;left:170px;top:10px;width:1px;height:100%;background:#ddd;}
.his-wrap dl.last:after{display:none;}
.his-wrap .tab{margin-bottom: 40px;text-align: center;}
.his-wrap .tab li{display: inline-block;margin-right: 5px;}
.his-wrap .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.his-wrap .tab li.active a{background: #fff;border: 1px solid #333;}

.fulldiv{width: 2000px;position: relative;left: 50%;margin: -50px 0;margin-left: -1000px;padding: 50px 0;}
.fulldiv .inner{width: 1200px;position: relative;margin: 0 auto;}
.fulldiv.no-mar{margin-top: 0;margin-bottom: 0;}

.aboutus{background: url('/images/sub/aboutus-bg.jpg') no-repeat center 0;background-size: 100% auto;}

.abubox{zoom: 1;}
.abubox:after{display: block;content: '';clear: both;}
.abubox > *{float: left;width: 50%;}
.abubox dd{padding-top: 40px;}
.abubox dd .logo{margin: 0 0 20px 0;}
.abubox dd p{font-size: 16px;line-height: 24px;color: #555555;}
.abubox dd em{font-style: normal;font-size: 16px;color: #195ca3;text-decoration: underline;}

.lifebox{zoom: 1;margin-bottom: 30px;}
.lifebox:after{display: block;content: '';clear: both;}
.lifebox > *{float: left;width: 50%;}
.lifebox dt{margin-top: -70px;}
.lifebox dd{padding-top: 40px;}
.lifebox dd h5{font-size: 22px;color: #222222;letter-spacing: -1px;}
.lifebox dd p{display: block;font-size: 16px;line-height: 24px;margin-top: 20px;}
.lifebox dd p em{font-style: normal;display: block;margin-top: 10px;color: #888888;}

.lifediv{background: #e9f2f7;padding: 80px 0;margin-bottom: -50px;}
.lifediv ul{text-align: center;}
.lifediv ul li{display: inline-block; margin-left: 20px;vertical-align: top;}
.lifediv ul li:first-child{margin-left: 0;}
.lifediv ul li.tbl{width: 780px;}
.lifediv ul li.tbl .in{padding: 42px;background: #fff;}
.lifediv ul li.tbl .in:first-child{margin-bottom: 20px;}

.qnabox{zoom: 1;}
.qnabox > *{float: left;}
.qnabox:after{display: block;content: '';clear: both;}
.qnabox .lef{position: relative;width: 780px;}
.qnabox .lef label{display: block;padding-left: 30px;position: relative;margin-top: 20px;font-size: 14px;line-height: 23px;color: #555555;}
.qnabox .lef label a{color: #000;font-weight: 300;margin-left: 10px;}
.qnabox .lef label input{position: absolute;top: 0;left: 0;}
.qnabox .lef .sbm{position: absolute;bottom: 0;right: 0;width: 210px;height: 50px;line-height: 50px;text-align: center;background: #195ca3;border: none;font-size: 16px;color: #fff;}
.qnabox .inpWrap{font-family: empty;font-size: 0;}
.qnabox select{width: 100%;height: 55px;border: 1px solid #ddd;padding-left: 10px;margin-bottom: 20px;font-size: 15px;color: #333;}
.qnabox .inp{border: 1px solid #ddd;height: 55px;line-height: 55px;padding: 0 10px;width: 48.5%;font-size: 15px;color: #333;}
.qnabox .inp.fir{margin-right: 3%;}
.qnabox textarea{width: 100%;border: 1px solid #ddd;padding: 10px;font-size: 15px;color: #333;margin-top: 20px;height: 285px;}

.qnabox .rig{width: 400px;margin-left: 20px;background: url('/images/sub/contactus-bg.jpg') no-repeat center center;background-size: cover;height: 500px;box-sizing: border-box;padding: 40px;}
.qnabox .rig .tit{display: block;margin: 0 auto;margin-bottom: 20px;}
.qnabox .rig > h5{text-align: center;font-size: 25px;color: #333333;font-weight: 300;letter-spacing: -1px;margin: 10px;}
.qnabox .rig > p{display: block;text-align: center;font-size: 16px;line-height: 25px;color: #555555;}
.qnabox .rig ul{margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;text-align: left;}
.qnabox .rig ul li{position: relative;padding-left: 65px;}
.qnabox .rig ul li p{font-size: 16px;line-height: 23px;padding: 5px 0;}
.qnabox .rig ul li p em{font-style: normal;font-size: 13px;}
.qnabox .rig ul li strong{position: absolute;top: 0;left: 0;font-size: 16px;color: #195ca3;padding: 5px 0;}

.qnalist1{margin-top: 45px;}
/* .qnalist1 li{display: inline-block;width: 162px;height: 45px;line-height: 45px;text-align: center;background: #f7f7f7;margin: 0 0 11px 11px;white-space: nowrap;border: 1px solid #dddddd;box-sizing: border-box;} */
.qnalist1 li{display: inline-block;width: calc(100%/5 - 11px);height: 45px;line-height: 45px;text-align: center;background: #f7f7f7;margin: 0 0 11px 11px;white-space: nowrap;border: 1px solid #dddddd;box-sizing: border-box;}
/* .qnalist1 li:nth-child(7n+1){margin-left: 0;} */
.qnalist1 li:nth-child(5n+1){margin-left: 0;}
.qnalist1 li strong{display: inline-block;vertical-align: middle;font-size: 14px;color: #195ca3;font-weight: 300;}
.qnalist1 li p{display: inline-block;vertical-align: middle;font-size: 15px;color: #222222;margin-left: 5px;}

.qnabox1{text-align: center;border: 5px solid #f1f1f1;padding: 20px 0;margin-top: 40px;text-align: center;}
.qnabox1 h5{display: inline-block;vertical-align: middle;margin-right: 30px;font-size: 22px;font-weight: 600;letter-spacing: -1px;color: #222222;}
.qnabox1 ul{display: inline-block;vertical-align: middle;}
.qnabox1 ul li{display: inline-block;margin-right: 10px;}

.prdt1box{background: #e9f2f7;margin-top: 50px;}

.prdtguide{margin: -1%;}
.prdtguide > li{display: inline-block;width: 48%;display: inline-block;vertical-align: top;border: 5px solid #eee;margin: 1%;box-sizing: border-box;padding: 50px 0 0 0;min-height: 320px;position: relative;}
.prdtguide > li > em{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 50px;font-style: normal;line-height: 40px;font-weight: 600;color: #eee;z-index: 1;}
.prdtguide h6{display: block;text-align: center;font-size: 20px;color: #333;font-weight: 600;margin-bottom: 20px;}
.prdtguide p{position: relative;z-index: 2;}
.prdtguide p span{display: block;text-align: center;margin: 13px 0;line-height: 20px;font-size: 15px;color: #333;letter-spacing: -0.5px;}

.prdtlist1{margin: -10px -20px;}
.prdtlist1 li{display: inline-block;vertical-align: top;margin: 10px;}
.prdtlist1 li.tbl{width: 780px;}
.prdtlist1 li.tbl .in{padding: 42px;background: #fff;}
.prdtlist1 li.tbl .in:first-child{margin-bottom: 20px;}
.prdtlist1 li.tbl h4{text-align: center;margin-bottom: 20px;font-size: 22px;color: #333;font-weight: 600;letter-spacing: -1px;}
.prdtlist1 li.tbl .sment{display: block;text-align: center;font-size: 16px;margin: 10px 0;}

.prdt3box1{padding: 60px 0;text-align: center;background: #e9f2f7;}
.prdt3box2{text-align: center;padding: 60px 0;background: url('/images/sub/prdt3-img4.jpg') no-repeat center center / cover;margin-top: 50px;}

.prdt-btm{margin-top: 50px;}
.prdt-btm p{text-align: center;font-size: 16px;color: #222222;}
.prdt-btm .btn{display: block;margin: 0 auto;width: 210px;height: 50px;line-height: 50px;text-align: center;background: #195ca3;font-size: 16px;color: #fff;text-decoration: none;margin-top: 20px;}
.prdt-btm .call{display: block;text-align: center;margin-top: 30px;text-align: center;font-size: 18px;color: #222222;letter-spacing: -1px;}
.prdt-btm .call img{margin-top: -3px;margin-right: 5px;}
.prdt-btm .call strong{margin-left: 10px;display: inline-block;vertical-align: middle;margin-top: -3px;font-size: 26px;color: #195ca3;font-weight: 600;}

.prdt4box1{padding: 50px 0;background: #e9f2f7;}
.prdt4box1 h5{font-size: 22px;line-height: 32px;color: #222222;font-weight: normal;letter-spacing: -1px;text-align: center;margin-bottom: 80px;}
.prdt4box1 h5 strong{color: #195ca3;font-weight: normal;}
.prdt4box1 h5 em{font-size: 30px;color: #222222;margin-top: 20px;display: block;font-style: normal;font-weight: bold;}
.prdt4box1 .txt1{display: block;text-align: center;font-size: 18px;line-height: 32px;color: #222222;letter-spacing: -1px;margin-top: 30px;}
.prdt4box1 .txt1 strong {font-family: noto; font-weight: inherit}
.prdt4box1 .txt2{display: block;text-align: center;font-size: 18px;line-height: 32px;color: #888888;letter-spacing: -1px;margin-top: 10px;}
.prdt4box1 ul{text-align: center;}
.prdt4box1 ul li{display: inline-block;vertical-align: top;position: relative;}
.prdt4box1 ul li:first-child{margin-top: -30px;z-index: 2;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}

.prdt5box{zoom: 1;margin-bottom: 40px;}
.prdt5box:after{display: block;content: '';clear: both;}
.prdt5box > *{float: left;}
.prdt5box dt{width: 260px;}
.prdt5box dd{width: 940px;padding-top: 10px;}
.prdt5box dd h5{font-size: 22px;color: #222222;letter-spacing: -1px;margin-bottom: 10px;}
.prdt5box dd h5 strong {font-family: noto; font-weight: inherit}
.prdt5box dd p{display: block;font-size: 16px;color: #555555;letter-spacing: -1px;}
.prdt5box dd ul{padding-top: 20px;margin-top: 20px;border-top: 1px dashed #ddd;line-height: 20px;}
.prdt5box dd ul li{white-space: nowrap;width: 33.33%;box-sizing: border-box;padding-left: 20px;background: url('/images/sub/prdt5-chk.jpg') no-repeat 0 center;font-size: 15px;color: #666666;letter-spacing: -1px;display: inline-block;}
.prdt5box dd ul li strong{font-weight: normal;color: #195ca3;}

.centersch{margin-bottom: 40px;padding: 15px 0;text-align: center;background: #f7f7f7;}
.centersch h5{display: inline-block;vertical-align: top;margin-right: 10px;font-size: 16px;color: #333333;letter-spacing: -1px;font-weight: 300;line-height: 40px;}
.centersch .inp{width: 250px;height: 40px;line-height: 40px;padding: 0 10px;border: 1px solid #ddd;background: #fff;}
.centersch .sbm{display: inline-block;vertical-align: middle;margin-left: 5px;width: 40px;height: 40px;background: url('/images/sub/center-sch.jpg') no-repeat center center / contain;border: none;text-indent: -999em;}
.centermap{height: 540px;background: #f7f7f7;}

.centerlist{margin: -15px;margin-top: 50px;}
.centerlist > li{position: relative;display: inline-block;margin: 15px;width: 380px;box-sizing: border-box;border: 1px solid #ddd;}
.centerlist > li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.centerlist > li .info{padding: 25px;box-sizing: border-box;min-height: 200px;position: relative;}
.centerlist > li .info .tit{display: block;font-size: 20px;color: #222222;letter-spacing: -1px;margin-bottom: 15px;}
.centerlist > li .info .inf li{position: relative;padding-left: 70px;margin-bottom: 10px;}
.centerlist > li .info .inf p{font-size: 15px;line-height: 20px;color: #666666;letter-spacing: -1px;}
.centerlist > li .info .inf strong{position: absolute;top: 0;left: 0;font-size: 16px;color: #222222;font-weight: 300;line-height: 20px;}
.centerlist > li .tmb{padding-bottom: 60%;position: relative;background-position: center center;background-size: cover;}
.centerlist > li .btn-tel {position: absolute;top: 25px;right: 25px;z-index: 20;background: #444444;font-size: 12px;color: #fff;padding: 0 20px;height: 28px;line-height: 28px;border-radius: 3px;text-decoration: none;}
.centerlist > li .btn-tel img {vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.centerlist > li .btn-tel:hover {color: #f1d71d;}

.centerview{zoom: 1;border: 1px solid #ddd;margin-bottom: 50px;}
.centerview:after{display: block;content: '';clear: both;}
.centerview > *{float: left;width: 50%;box-sizing: border-box;padding: 50px;}
.centerview dt{padding-right: 25px;}
.centerview dd{padding-left: 25px;padding-top: 80px;position: relative;}
.centerview dd h5{font-size: 28px;color: #222222;letter-spacing: -1px;font-weight: 300;}
.centerview dd p{display: block;margin-top: 20px;font-size: 16px;line-height: 24px;color: #666666;letter-spacing: -1px;}
.centerview dd .inf li{position: relative;padding-left: 70px;margin-bottom: 10px;}
.centerview dd .inf p{font-size: 15px;line-height: 20px;color: #666666;letter-spacing: -1px;}
.centerview dd .inf strong{position: absolute;top: 0;left: 0;font-size: 16px;color: #222222;font-weight: 300;line-height: 20px;}
.centerview dd .tmb{white-space: nowrap;margin: 0 -0.5%;margin-top: 30px;}
.centerview dd .tmb li{display: inline-block;width: 32.33%;margin: 0 0.5%;}
.centerview dd .tmb li img{width: 100%;height: auto;}
.centerview dd .btn-tel {position: absolute;top: 80px;right: 50px;z-index: 20;background: #444444;font-size: 12px;color: #fff;padding: 0 20px;height: 28px;line-height: 28px;border-radius: 3px;text-decoration: none;}
.centerview dd .btn-tel img {vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.centerview dd .btn-tel:hover {color: #f1d71d;}

.franbox1{background: #e9f2f7;}

.hr{margin: 60px 0;height: 0;border: none;border-top: 1px dashed #ccc;}

.ctit2{display: block;margin-bottom: 20px;position: relative;padding-left: 25px;font-size: 22px;color: #195ca3;letter-spacing: -1px;font-weight: 600;background: url('/images/sub/ctit-bull.jpg') no-repeat 0 center;}

.clist1 li{display: inline-block;margin-right: 40px;box-sizing: border-box;position: relative;font-size: 16px;color: #555555;padding: 5px 0;padding-left: 10px;}
.clist1 li:before{content: '';display: block;position: absolute;top: 15px; left: 0;width: 3px;height: 3px;background: #195ca3;border-radius: 3px;}



#header .sns {position: absolute;right: 0;top: 28px;}











/* [241025 kyj] S */
#pop_layer {z-index: 88;position: fixed;top: 100px;left: 250px;}
#pop_layer > ._btn {display: none;border: none;overflow: hidden;}
#pop_layer > ._btn img {display: block;width: 100%;max-width: 333px;}
#pop_layer .wrap {width: 500px;min-height: 50px;border-radius: 15px;overflow: hidden;box-shadow: 5px 5px 15px rgba(0,0,0,0.2);background: #fff;
	width: calc(500px/3*2);}
#pop_layer .btns {margin-top: 10px;padding: 0 5px;display: flex;flex-direction: row;justify-content: end;}
#pop_layer .btns > * {margin-left: 20px;border: 0px;padding: 0;background: none;font-size: 17px;color: #fff;font-weight: 900;letter-spacing: -1px;text-shadow: -1px 0px #00000056, 0px 1px #00000056, 1px 0px #00000056, 0px -1px #00000056;}
#pop_layer .slick-track {display: flex;align-items: center;flex-direction: row;}
#pop_layer .item {float: none;position: relative;}
#pop_layer .item a {display: flex;justify-content: center;align-items: center;height: 100%;}
#pop_layer .item img {display: block;max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;}
#pop_layer .slick-dots {position: absolute;bottom: 34px;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
#pop_layer .slick-dots > li {margin: 2px 7px;}
#pop_layer .slick-dots > li > button {width: 10px;height: 10px;border: 0px;border-radius: 50%;background: #a4a4a3;transition: all 0.3s;overflow: hidden;text-indent: -999px;}
#pop_layer .slick-dots > li.slick-active > button {background: #195ca3;}
/* #pop_layer .slick-arrow {width: 46px;height: 46px;overflow: hidden;border-radius: 50%;overflow: hidden;text-indent: -9999999px;background: url('../images/layout/pop_layer-btn-arrow.png') no-repeat 50% 50% / contain;border: 0px;position: absolute;bottom: 55px;z-index: 22;} */
#pop_layer .slick-arrow {width: 30px;height: 30px;overflow: hidden;border-radius: 50%;overflow: hidden;text-indent: -9999999px;background: url('../images/layout/pop_layer-btn-arrow.png') no-repeat 50% 50% / contain;border: 0px;position: absolute;bottom: 42px;z-index: 22;}
#pop_layer .slick-prev {left: 15px;}
#pop_layer .slick-next {right: 15px;transform: rotate(180deg);}

.pop-hidden {display: none !important;}

/* [250327 kyj] S */
#main .sec3_3{background: url('/images/main/sec03_03_bg.jpg') no-repeat center center / cover;display: flex;justify-content: center;align-items: center;}
#main .sec3_3 .inner{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#main .sec3_3 .inner > *{color: #fff;letter-spacing: -0.03em;}
#main .sec3_3 strong {font-size: 45px;font-weight: 600;line-height: 55px;}
#main .sec3_3 mark {margin-top: 40px;font-style: normal;padding: 0 30px;line-height: 48px;border-radius: 24px;text-align: center;font-size: 22px;font-weight: 500;background: linear-gradient(to right, #1bb2ec 20%, #0756b6) 80%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#main .sec3_3 em {margin-top: 22px;font-size: 30px;color: #fff;letter-spacing: -0.04em;line-height: 40px;}
#main .sec3_3 em span {display: inline-block;vertical-align: 0;padding-right: 5px;font-size: inherit;font-weight: 600;background: linear-gradient(to top, #0756b6 0%, #1bb2ec 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .sec3_3 .box_wrap {margin-top: 25px;border-top: 5px solid #1b9cce;background: rgba(0,0,0,0.4);padding: 30px;text-align: center;}
#main .sec3_3 .box_wrap > dt {font-size: 26px;color: #fff;font-weight: 600;line-height: 40px;}
#main .sec3_3 .box_wrap > dd {margin-top: 16px;}
#main .sec3_3 .box_wrap p {font-size: 27px;color: #fff;font-weight: 200;line-height: 40px;}
#main .sec3_3 .box_wrap span {display: block;margin-top: 15px;font-size: 24px;color: #fff;font-weight: 200;line-height: 34px;}



/* 251106 sys S */
#main .sec20 {background: url('/images/main/sec20-bg.jpg') no-repeat center center / cover;}
#main .sec20 .inner {display: flex;justify-content: center;flex-direction: column; text-align: center;}
#main .sec20 .main-tit { font-size: 45px; font-weight: 600;}
#main .sec20 .main-tit::after { display: none;}
#main .sec20 .t1 { display: block; margin-top: 50px; color: #fff; font-size: 30px;}
#main .sec20 .t1 strong { font-weight: 600;}
#main .sec20 ul { display: flex; justify-content: center; margin: 40px -7px 0;}
#main .sec20 li { width: calc(100% / 3); padding: 0 7px; box-sizing: border-box;}
#main .sec20 li > div { border-top: 5px solid #1b9cce;background: rgba(0,0,0,0.4);padding: 50px 10px;text-align: center;}
#main .sec20 li p { padding-bottom: 15px; color: #fff; font-size: 20px; font-weight: 300;}
#main .sec20 li strong { color: #1bb3ed; font-size: 32px; font-weight: 600;}
#main .sec20 dl { display: flex; justify-content: center; align-items: center; padding-top: 40px;}
#main .sec20 dt { width: 160px; height: 48px; align-content: center; background: linear-gradient(to right, #1bb2ec 20%, #0756b6) 80%; color: #fff; font-size: 18px; font-weight: 500; border-radius: 99px;}
#main .sec20 dd { padding-left: 20px; color: #fff; font-size: 20px; font-weight: 200;}