@charset "utf-8";

html, body {}
body {overflow-x:hidden; background:#fff;}

.con-width{max-width: 1300px;margin: 0 auto;word-break:keep-all;}
section{clear:both;}

.top-banner {
  text-align: center;
  position:relative;
  z-index: 9999;
  display:none;
  width:100%;
}
.top-banner .banner-item {
  position:relative;
}
.top-banner img {
  min-height:90px;
  max-height:400px;
}
.top-banner .btn-group{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:1em;
  margin-top:0;
  height:0;
  }

.top-banner .btn-group .btn-container{
	width: 30px;
	float: right;
	margin-right: 20px;
	margin-top:7px;
}
.top-banner .btn-group .btn-container label{
	display:none;
	float:right;
	color:white;
	font-size:14px;
	line-height:15px;
}
.top-banner .btn-group .btn-container label input[type=checkbox]{
	display:none;
}
.top-banner .btn-group .btn-container label input[type=checkbox] + span{
	width:11px;
	height:12px;
	display:inline-block;
	position:relative;
	margin-right:5px;
	cursor:pointer;
	background:url('/images/top-banner-chk-box.png') center no-repeat;
}
.top-banner .btn-group .btn-container label input[type=checkbox]:checked + span:after{
	content:'';
	width:11px;
	height:12px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	background:url('/images/top-banner-chk-active.png') center no-repeat;
}

.top-banner .btn-close-banner {
  width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url(/images/top-banner-close.png) center no-repeat;
	cursor: pointer;
	clear: both;
	display: inline-block;
	/* margin-left: 10px; */
	vertical-align: -5px;
}
.m-popup {
  position:absolute;
  z-index:11111;
  background:white;
  display:none;
  cursor:move;
}
.m-popup img {
  width: auto;
  max-width: 700px;
  min-width:250px;
}
.m-popup .btn-group {
  margin-top:0;
  background:#333333;
}
.m-popup .btn-group .btn-container{
  padding:11.5px 15px;
  display:table;
  width:100%;
  box-sizing:border-box;
}
.m-popup .btn-group .btn-container label{
	display:inline-block;
	color:white;
	font-size:14px;
	line-height:15px;
	float:left;
}
.m-popup .btn-group .btn-container label input[type=checkbox]{
	display:none;
}
.m-popup .btn-group .btn-container label input[type=checkbox] + span{
	width:11px;
	height:11px;
	display:inline-block;
	position:relative;
	margin-right:5px;
	cursor:pointer;
	vertical-align:middle;
	background:url('/images/layer-pop-chk-box.png') center no-repeat;
}
.m-popup .btn-group .btn-container label input[type=checkbox]:checked + span:after{
	content:'';
	width:11px;
	height:12px;
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	background:url('/images/top-banner-chk-active.png') center no-repeat;
}

.m-popup .btn-close-pop {
  width:12px;
  height:12px;
  text-indent:-99999px;
  background:url('/images/layer-pop-close.png') center no-repeat;
  cursor:pointer;
  display:inline-block;
  float:right;
  vertical-align:top;
}


/*paragraph*/
.sub-container .tle{color:#333;font-size:30px;font-weight:500;text-align:center;margin-top:80px}
.titDepth1{margin-top: 2em;display:block;margin-bottom:22px;color:#333;font-size:24px;line-height:30px;}
.titDepth1~.titDepth1{margin-top:40px;}
.titDepth2{display:block;padding-bottom:6px;padding-left:10px;color:#333;font-size:14px;line-height:22px;}
.titDepth2:before{content:"";display:inline-block;width:4px;height:12px;margin-right:6px;vertical-align:-2px;text-indent:10px;margin-left:-10px;background:#bb0005;}
.titDepth2+p, .titDepth2+p+p, .titDepth2+ul{margin-left:10px;}
.titSub{margin-left:12px;font-size:13px;}
.descTxt1{line-height:22px;}
.descTxt2{color:#8c8c8c;font-size:13px;line-height:22px;}
.listType1>li+li{margin-top:5px;}
.listType1>li, .blType1{padding-left:10px;color:#4c4c4c;font-size:14px;line-height:22px;}
.listType1>li:before, .blType1:before{content:"";display:inline-block;width:3px;height:3px;margin:0 7px 0 -10px;vertical-align:3px;background:#808080;}
.listType2, .blType2, .listType1 li>.listType2, .listType1 li>.blType2{padding:7px 0 14px 10px;color:#8c8c8c;}
.listType2>li:before, .blType2:before{content:"";display:inline-block;width:5px;height:1px;margin:0 4px 0 -10px;vertical-align:3px;background:#808080;}
.blStar{margin-left:10px;}
.blStar:before{content:"* ";display:inline-block;width:10px;margin-left:-10px;vertical-align:-2px;}
.prTit{color:#333;font-size:40px;line-height:48px;font-weight:700;letter-spacing:-3px;}
.prTit .en{font-size:48px;font-weight:500;vertical-align:-4px;}
.prText{margin-top:22px;font-size:16px;line-height:22px;}
.prText1{margin-top:22px;font-size:10px;line-height:22px;}
.linkTxt{color:#1d5ded;text-decoration:underline;}
.incBtn{line-height:24px !important;}
[class^='pointTxt']{color:#cc181e;font-weight:700;}
.pointTxt1{text-decoration:underline}
.pointTxt2{color:#4c4c4c;font-weight:500;text-decoration:underline}
.pointTxt3{color:#8c8c8c;font-weight:500;}
.pointTxt4{color:#e35458;}
.pointTxt5{font-size:13px;font-weight:500}


#header {position:fixed;width:100%;z-index:9000;height:100px;background-color:#fff;background-image: url(../images/bgHeader.png); background-repeat:repeat-x}
#header .con-width{position:relative;}
#header .logo {float: left;margin-top: 36px;width:54%;margin-left: -10px;}
#header .logo a{display:block;line-height:1em}
/* #header #nav1{position:absolute;width:calc(100% - 46%);margin-left:42%;} */
#header #nav1{position:absolute;width:calc(100% - 30%);margin-left:32%;}
/* #header #nav1 .gnb{position:relative;max-width:740px;z-index:100;} */
#header #nav1 .gnb{position:relative; z-index:100; right: 50px;}
/* #header #nav1 .gnb > li{float:left;width:20%;text-align:center} */
#header #nav1 .gnb > li{float:left;width:16%;text-align:center}
#header #nav1 .gnb > li>a{position: relative;display:inline-block;width:100%;height:auto;font-size:18px;font-weight:500;letter-spacing:-.5px;line-height:100px;text-align:center;color:#222;text-transform:uppercase;transition:1s;}
#header #nav1 .con-width{position:relative;}
#header .menu-slidebg{position:absolute;display:none;top:100px;width:100%;height:320px;background-color:#fff;border-bottom:1px solid #e4e4e4;}

#header #nav1 .snb{display:none;color:#444;text-align:left;font-size:16px;font-weight:400;line-height: 34px;letter-spacing:-.5px;}
#header #nav1 .snb li a:hover{color:#1d2088;font-weight: 500;}
#header #nav1 .snb .li-wrap{padding-top:30px;}
#header #nav1 .snb .li-wrap .li-inner{height:250px;padding-left: 15px;}
#header #nav1 .snb .li-wrap .li-inner.on{border-left:1px solid #e8e8e8;}

#header #nav1 .sub-imgWrap{}
#header #nav1 .snb-img{left:-340px;}
#header #nav1 .snb-img.on .img1{display:none;}
#header #nav1 .snb-img.on .img2{display:none;}
#header #nav1 .snb-img.on .img3{display:none;}
#header #nav1 .snb-img.on .img4{display:none;}
#header #nav1 .snb-img.on .img5{display:none;}
#header #nav1 .snb-img{display:none;position:absolute;top:140px;width:245px;letter-spacing:-.5px;z-index:100;}
#header #nav1 .snb-img .sub-img-title{margin:10px 0 6px;font-size:20px;font-weight:600;}
#header #nav1 .snb-img .sub-img-txt{font-size:15px;font-weight:400;line-height:22px;}

#header #nav-m {position:absolute;display:none;top:65px;left:0;right:0;height: calc(100vh - 10vh);color:#444;text-align:left;font-size:16px;font-weight:400;line-height: 34px;letter-spacing:-.5px;border-top:2px solid #1d2088;background:#fff;}
#header #nav-m > ul > li{border-bottom:1px solid #e4e4e4;}
#header #nav-m .snb-title{display:block;padding:.7em 1em;font-size:1.1em;color:#333;font-weight:600;letter-spacing:-.5px;background:url(../images/icon/m-menu-off.png)no-repeat 95% 50%;background-size:15px}
#header #nav-m .snb-title2{display:block;padding:.7em 1em;font-size:1.1em;color:#333;font-weight:600;letter-spacing:-.5px;}
#header #nav-m .snb-title.on{color:#302782;background:url(../images/icon/m-menu-on.png)no-repeat 95% 50%;background-size:15px}

#header #nav-m .m-snb a{display:block;padding:.2em 1.4em;font-size:1m;font-weight:400;letter-spacing:-.5px;}
#header #nav-m .m-snb > li:last-child>a{padding:0 1.4em 1em;}
#header #nav-m .m-snb .snb-title-2{background:url(../images/icon/m-sub-off.png)no-repeat 94.9% 50%;background-size:13px}
#header #nav-m .m-snb .snb-title-2.on{background:url(../images/icon/m-sub-on.png)no-repeat 94.9% 50%;background-size:13px}
#header #nav-m .m-snb .m-sub-3 {background:#fafafa;padding:.5em 0 .6em;}
#header #nav-m .m-snb .m-sub-3 a{padding:0 1.4em 0 2.2em;font-size:1em;color:#a1a1a1;background:url(../images/icon/list-dot.png)no-repeat 26px 50%;letter-spacing:-.3px;}

#header .siteMap, #header .m-menu{position:absolute;top:37px;right:0;}
#header .siteMap .btn-siteMap, #header .m-menu .btn-mobile{display:block;width:33px;height:26px;text-indent:-99999px;background:url(../images/icon/site-map-btn.png)no-repeat 50% 50%/35px;}
#header .siteMap .btn-siteMap.on, #header .m-menu .btn-mobile.on{background:url(../images/icon/site-close-btn.png)no-repeat 50% 50%;}
#header .siteMap, .area-wrap {display:block;}
#header .m-menu, .nav-m-wrap{display:none;}
#header .siteMap-area{position:absolute;overflow:hidden;display:none;top:100px;left:0;right:0;padding:50px 0 50px;background:#fff;border-bottom:1px solid #e4e4e4;z-index: 999999}
#header .siteMap-area .site-list>li{float: left;width:19%;margin: 0.5%;}
#header .siteMap-area .site-list>li strong{display:block;margin-bottom: 15px;padding-bottom: 15px;font-size:1.4em;font-weight:500;color:#1d2088;border-bottom: 1px solid #a1a1a1;letter-spacing:-.5px;}
#header .siteMap-area .site-list-inner li a{font-size:1.15em;font-weight:400;color:#333;line-height:2em;letter-spacing:-.3px;}
#header .siteMap-area .site-list-inner .site-list-3th a{position:relative;display:block;padding-left:11px;color:#333;font-size:1.1em;font-weight:300;line-height:1.7em;letter-spacing:-.5px;}
#header .siteMap-area .site-list-inner .site-list-3th a:before{position:absolute;top:13px;left:1px;content:"";display:block;width:5px;height:1px;background:#333;}
#header .siteMap-area .site-list-inner .site-list-3th{margin-bottom:7px;}

@media (max-width:1024px){
  .top-banner > div {
    display:none !important;
  }
  .m-popup{
    left:10px !important;
    top:50px !important;
  }

  .m-popup img {
    max-width: 300px;
    min-width:auto;
  }

  #header{height:65px;border-bottom:2px solid #1d2088}
  #header .logo{margin-top:20px;}
  #header .siteMap, #header .m-menu{top:19px}
}/*1240*/


#footer{clear:both;background:#282c38;}
#footer .footer1{position:relative;height:63px;border-bottom: 1px solid #3e424c;}
#footer h1{float:left;width:190px;height:63px;background: url(../images/logo-bottom.png)no-repeat 0 50%;}
#footer .footer2 {padding: 20px 1.3em 30px;}
#footer .footer2 li {margin-bottom:10px;color:#fff}
#footer .footer2 li a{font-size:.9em;color:#fff;}
#footer .footer2 p{clear:both;color:#cecece;font-size:.9em;}
#footer .footer2 p a{color:#cecece!important}

#footer .family-site{overflow:hidden;position:relative;float:right;width:165px;height:45px;margin-top:10px;background-color:#3c414e;line-height:45px;}
#footer .family-site a{display:block;padding-left:10px;font-size:14px;box-sizing:border-box;color:#dedede; }
#footer .family-site a i{float:right;width:15px;height:10px;margin:20px 16px 0 0;background:url("../images/icon/familysite-view-on.png")40%/13px no-repeat;}
#footer .family-site.on{overflow:visible}
#footer .fm-sctInner{position:relative;}
#footer .fm-sctInner > a{position:relative;z-index:20;}
#footer .family-site.on .fm-sctInner > a{color:#dedede}
.fm-sctInner + ul{display:none;position:absolute;bottom:0;z-index:10;width:100%;padding-bottom:45px;background:#3c414e}
.fm-sctInner + ul a{font-size:14px;color:#fff !important}
#footer .family-site.on a i{background:url("../images/icon/familysite-view.png")40%/13px no-repeat;}
#footer .family-site.on .fm-sctInner + ul{display:block;}
#footer .family-site.on .fm-sctInner + ul li{border-bottom:1px solid #505460}

/* jjs 신규 추가 */
#header .siteMap-area .site-list2 > li { width: 15.66%; }
#footer .family-site { width: 190px; }
.f-logo { display: inline-block; }
.d-flex { display: flex !important; }
.align-items-center { align-items: center !important; }
.justify-content-between { justify-content: space-between !important; }
.row { display: flex; flex-wrap: wrap; }
.mt-0 { margin-top: 0 !important; }
.mb-10px { margin-bottom: 10px; }

@media (max-width:380px){
#footer .footer1{height:110px;}
#footer h1{float:none;}
#footer .familySite a{top:55px;width:92%;background:url(../images/icon/icon-footer-top.png)no-repeat 68% 50%}
}/*1240*/

@media (max-width:400px){
  #footer .footer1{height:120px;}
  #footer .footer2{padding:10px 1.3em 30px;}
  #footer .family-site{width:100%;margin-top:0;}
}