@charset "utf-8";
/**
폰트 정의
**/
@font-face {
  font-family: 'nSEB';
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/NanumSquare_acEB.eot?#iefix") format('embedded-opentype'),
       /*url"(/fonts/NanumSquare_acEB.woff2") format('woff2'),*/
       url("/fonts/NanumSquare_acEB.woff") format('woff')
}

@font-face {
  font-family: 'nSB';
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/NanumSquare_acB.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/NanumSquare_acB.woff2") format('woff2'),*/
       url("/fonts/NanumSquare_acB.woff") format('woff')
}

@font-face {
  font-family: 'saira';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/Saira-Light.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/Saira-Light.woff2") format('woff2'),*/
       url("/fonts/Saira-Light.woff") format('woff')
}

@font-face {
  font-family: 'saira';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Saira-Regular.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/Saira-Regular.woff2") format('woff2'),*/
       url("/fonts/Saira-Regular.woff") format('woff')
}

@font-face {
  font-family: 'saira';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Saira-Medium.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/Saira-Medium.woff2") format('woff2'),*/
       url("/fonts/Saira-Medium.woff") format('woff')
}

@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/notokr-light.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/notokr-light.woff2") format('woff2'),*/
       url("/fonts/notokr-light.woff") format('woff')
}

@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/notokr-regular.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/notokr-regular.woff2") format('woff2'),*/
       url("/fonts/notokr-regular.woff") format('woff')
}

@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/notokr-bold.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/notokr-bold.woff2") format('woff2'),*/
       url("/fonts/notokr-bold.woff") format('woff')
}

@font-face {
  font-family: 'noto';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/notokr-medium.eot?#iefix") format('embedded-opentype'),
       /*url("/fonts/notokr-medium.woff2") format('woff2'),*/
       url("/fonts/notokr-medium.woff") format('woff')
}

/**
태그 초기화
**/
html, body{width:100%;height:100%;}
body{margin:0;font-family:'noto','맑은고딕',sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#111;word-break:keep-all;}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{padding:0;margin:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6{font-weight:400;line-height:1;}
ol, ul, li{list-style:none;}
table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;}
th{font-weight:400;}
form, fieldset, iframe{border:0;}
img{border:0;vertical-align:top;font-size:0;line-height:0;max-width:100%;}
button{border:0;}
hr{border:0;}
i, em, address{font-style:normal;}
strong, b{font-weight:500;}
label, button{cursor:pointer;}
blockquote, q{quotes:none;}
caption, legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-50000px;}
input, textarea, select, button, video{padding:0;font-family:'noto','맑은고딕',sans-serif;font-weight:400;font-size:14px;color:#222;vertical-align:middle;background:none;border:0;outline:none;}
a{color:#222;text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
input::placeholder{color:#ccc;}
.hide{font-size:0;line-height:0;text-indent:-5000px;}

/**
wrap
**/
#container{padding:129px 62px 130px 62px;}
#contents{padding:0 114px 132px 114px;background:url('/images/common/subBg.png');}
.conBox{max-width:1452px;margin:0 auto;}
.boardType #contents{padding-bottom:40px;}
.mobileCon{display:none;}


.conBox iframe {
  display: inline-block;
}

.web_stock { display: block !important; }
.mobile_stock { display: none !important; }


/**
header
**/
#header{position:fixed;left:0;top:0;width:100%;z-index:10;padding:40px 0 45px 0;background:#fff;}
#header:after{content:'';position:absolute;right:166px;top:0;width:1px;height:100%;background:#a8a8a8;}
#header h1{position:absolute;left:50px;top:45px;width:184px;height:39px;background:url('/images/common/logo.png') no-repeat left center/ 184px auto;}
#header h1 a{display:block;height:100%;}
#header .gnb{font-size:0;text-align:right; margin-right: 340px;}
#header .gnb li a{display:inline-block;}
#header .gnb > li{position:relative;display:inline-block;margin-left:2.8%;font-family:'nSB';font-size:20px;line-height:44px;color:#111;}
#header .gnb > li > a{transition:all 0.3s ease;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a{color:#047d42;}
#header .gnb ul{display:none;position:absolute;left:-41px;top:44px;z-index:20;min-width:150px;padding:0 22px;text-align:left;box-sizing:border-box;background:#2e3192;}
#header .gnb ul li{margin-top:11px;font-family:'noto';font-size:16px;line-height:21px;}
#header .gnb ul li:first-child{margin-top:20px;}
#header .gnb ul li:last-of-type{margin-bottom:20px;}
#header .gnb ul a{position:relative;color:#fff;white-space:nowrap;}
#header .gnb ul a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:8px;background:#047d42;
	transition:all 0.3s ease;}
#header .gnb ul a:hover:after,
#header .gnb ul .active a:after{width:100%;}
#header .gnb ul span{position:relative;z-index:2;}
#header .navLayerOpen{position:absolute;right:60px;top:42px;width:40px;height:40px;}
#header .navLayerOpen:before{content:'';position:absolute;left:3px;top:11px;width:33px;height:2px;background:#111;}
#header .navLayerOpen:after{content:'';position:absolute;left:3px;top:27px;width:33px;height:2px;background:#111;}

#header .lang_btn { position: absolute; right: 223px; top: 53px;}
#header .lang_btn a {display: inline-block; font-size: 20px; color: #222; transition: all .3s ease-in-out; margin: 0 4.5px;}
#header .lang_btn a.on {color: #047d42; border-bottom: 1px solid #047d42;}


/**
footer
**/
#footer{position:relative;padding:45px 50px;border-top:1px solid rgba(17, 17, 17, 0.3);background:#fff; z-index:6}
#footer .footLogo{float:left;width:22.5%;height:39px;background:url('/images/common/logog.png') no-repeat left center/ 184px auto;}
#footer .footInfo{margin:6px 0 0 22.5%;}
#footer .footInfo ul{overflow:hidden;}
#footer .footInfo li{float:left;margin-left:7.5%;}
#footer .footInfo li:first-child{margin-left:0;}
#footer .footInfo dt{font-family:'saira';font-size:14px;font-weight:300;line-height:22px;color:#222;opacity:0.45;}
#footer .footInfo dd{margin-top:7px;font-family:'saira';font-size:14px;font-weight:300;line-height:20px;color:#222;}
#footer .footInfo li:first-child dd{font-family:'noto';font-weight:400;}
#footer .footInfo .copyright{margin-top:35px;font-family:'saira';font-size:12px;font-weight:300;line-height:19px;color:#222;opacity:0.5;}
#footer .terms{position:absolute;right:50px;top:45px;font-size:15px;line-height:22px;}
#footer .location{position:absolute;right:50px;top:109px;padding-left:79px;font-family:'saira';font-size:14px;font-weight:300;line-height:64px;color:rgba(34, 34, 34, 0.8);background:url('/images/common/location.png') no-repeat left center / 64px;}


/**
navLayer
**/
#navLayer{position:fixed;left:0;top:0;z-index:101;width:100%;height:100%;padding:172px 0 44px 0;background:#2e3192;box-sizing:border-box;overflow-y:auto;
	transition:all 0.3s ease;transform:translateX(100%);}
#navLayer.open{transform:translateX(0);}
#navLayer:after{content:'';position:absolute;right:166px;top:0;width:1px;height:1080px;background:rgba(255, 255, 255, 0.2);}
#navLayer .navLogo{display:none;}
#navLayer .navWrap{position:relative;max-width:1452px;margin:0 auto;padding:0 30px;}
#navLayer .navWrap:after{content:'';position:absolute;right:30px;bottom:164px;width:52px;height:95px;background:url('/images/common/navLayer.png') no-repeat left center / cover;}
#navLayer .navArea > li{position:relative;margin-top:31px;font-family:'nSB';font-size:92px;line-height:101px;}
#navLayer .navArea > li:first-child{margin-top:0;}
#navLayer .navArea a{position:relative;display:inline-block;color:#fff;}
#navLayer .navArea a:after{content:'';position:absolute;left:-9px;top:54px;width:0;height:55px;background:#047d42;
	transition:all 0.3s ease;}
#navLayer .navArea > li > a:hover:after,
#navLayer .navArea > li.active > a:after{width:calc(100% + 18px);}
#navLayer .navArea > li > a > span{position:relative;z-index:2;}

#navLayer .dep2{display:none;position:absolute;left:50%;top:0;z-index:2;width:698px;}
#navLayer .active .dep2{display:block;}
#navLayer .dep2 > li,
#navLayer .dep2 > ul > li{margin-top:5px;font-family:'noto';font-size:24px;font-weight:500;line-height:36px;}
#navLayer .dep2 > ul > li:first-child,
#navLayer .dep2 > li:first-child{margin-top:0;}
#navLayer .dep2 > ul{float:left;margin-right:125px;}
#navLayer .dep2 > ul:first-child > li:first-child{padding-bottom:74px;}

/* #navLayer .dep3{margin-top:16px; padding-bottom:74px;}*/
   #navLayer .dep3{margin-top: 0px; padding-bottom:12px;}
#navLayer .dep3 > li{font-size:16px;font-weight:600;line-height:30px;}
#navLayer .dep3 > li > a{opacity:0.8;}

#navLayer .navInfo{overflow:hidden;margin-top:116px;border-top:1px solid #fff;}
#navLayer .navInfo li{position:relative;float:left;width:28%;box-sizing:border-box;padding:30px 0 0 16px;}
#navLayer .navInfo li:before{content:'';position:absolute;left:0;top:0;width:1px;height:18px;background:#fff;}
#navLayer .navInfo li:first-child{width:44%;}
#navLayer .navInfo dt{font-family:'saira';font-size:16px;font-weight:400;line-height:30px;color:#fff;}
#navLayer .navInfo dd{margin-top:8px;font-family:'saira';font-size:17px;font-weight:300;line-height:25px;color:#fff;}
#navLayer .navInfo li:first-child dd{font-family:'noto';}

#navLayer .navLayerClose{position:absolute;right:60px;top:42px;width:40px;height:40px;background:url('/images/common/navLayerClose.png') no-repeat center center / auto 24px;}
#navLayer .closeTxt{position:absolute;right:58px;top:517px;font-family:'saira';font-size:16px;font-weight:400;line-height:22px;color:#fff;transform:rotate(-90deg);}


/**
dim
**/
#dim{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:rgba(46, 49, 146, 0.77);}


/**
tabStyle
**/
.tabStyle1 ul{position:relative;display:table;width:100%;margin-top:32px;border-bottom:1px solid #111;}
.tabStyle1 ul:after{content:'';position:absolute;right:0;bottom:0;width:1px;height:19px;background:#111;}
.tabStyle1 ul:first-child{margin-top:0;}
.tabStyle1 li{position:relative;display:table-cell;width:20%;padding-bottom:28px;font-size:17px;line-height:25px;}
.tabStyle1 li:after{content:'';position:absolute;left:0;bottom:0;width:1px;height:19px;background:#111;}
.tabStyle1 li{color:#000;}
.tabStyle1 li.active > a{ color:#047d42 ; font-weight: 450;}
.tabStyle1 .mobileSelect{display:none;}



/**
top_btn
**/

.top_btn{ position:absolute; right:65px; top:-100px; text-align:center; z-index:100;}

@media ( max-width: 1000px){
	.top_btn{ right:40px; top:22px; }
  .web_stock { display: none !important; }
  .mobile_stock { display: block !important; }
}



@media screen and (max-width: 1000px) {
	/**
	wrap
	**/
	#container{padding:56px 30px 0 30px;}
	#contents{padding:0 0 50px 0;background:url('/images/common/subBg.png');}
	.pcCon{display:none;}
	.mobileCon{display:block;}

	/**
	header
	**/
	#header{padding:23px 0 5px 0;background:#fff;}
	#header:after{display:none;}
	#header h1{position:static;width:132px;height:28px;margin-left:30px;background:url('/images/common/logo_m.png') no-repeat left center/ 132px auto;}
	#header .gnb{display:none;}
	#header .navLayerOpen{position:absolute;right:28px;top:auto;bottom:0;width:38px;height:38px;}
	#header .navLayerOpen:before{content:'';position:absolute;left:3px;top:10px;width:33px;height:2px;background:#111;}
	#header .navLayerOpen:after{content:'';position:absolute;left:3px;top:26px;width:33px;height:2px;background:#111;}

	/**
	footer
	**/
	#footer{padding:30px;border-color:#b7b7b7;}
	#footer .footLogo{float:none;width:128px;height:27px;background:url('/images/common/logo_m2g.png') no-repeat center center/ cover;}
	#footer .footInfo{margin:0;}
	#footer .footInfo ul{overflow:hidden;}
	#footer .footInfo li{float:left;width:50%;margin:30px 0 0 0;}
	#footer .footInfo li:first-child{clear:both;width:100%;margin:32px 0 0 0;}
	#footer .footInfo dt{font-size:13px;font-weight:300;line-height:21px;}
	#footer .footInfo dd{margin-top:7px;font-size:13px;font-weight:300;line-height:19px;}
	#footer .footInfo .copyright{margin-top:30px;text-align:center;font-size:10px;line-height:15px;}
	#footer .terms{right:30px;top:33px;font-size:14px;line-height:20px;}
	#footer .location{position:absolute;right:30px;top:90px;width:57px;height:57px;padding:0;font-size:0;line-height:0;text-indent:-50000px;color:rgba(34, 34, 34, 0.8);background-size:57px;}

	/**
	navLayer
	**/
	#navLayer{padding:40px 0 70px 0;}
	#navLayer:after{display:none;}
	#navLayer .navLogo{display:block;height:28px;background:url('/images/common/logo_mW.png') no-repeat left center / auto 28px;}
	#navLayer .navWrap:after{right:30px;bottom:-16px;width:30px;height:54px;}
	#navLayer .navArea > li{margin-top:33px;font-family:'nSB';font-size:34px;line-height:38px;}
	#navLayer .navArea > li:first-child{margin-top:38px;}
	#navLayer .navArea a:after{left:-4px;top:18px;height:26px;}
	#navLayer .navArea > li > a:hover:after,
	#navLayer .navArea > li.active > a:after{width:calc(100% + 8px);}

	#navLayer .dep2{display:none;position:static;margin-top:22px;width:auto;}
	#navLayer .dep2 > li,
	#navLayer .dep2 > ul > li{position:relative;margin-top:8px;font-size:16px;line-height:24px;}
	#navLayer .dep2 > ul{float:none;margin-right:0;}
	#navLayer .dep2 > ul:first-child{margin-bottom:8px;}
	#navLayer .dep2 > ul:first-child > li:first-child{padding-bottom:0;}
	#navLayer .dep2 li > a{opacity:0.8;}
	#navLayer .dep2 li.active > a{opacity:1;}


	#navLayer .dep3{display:none;position:absolute;left:134px;top:0;margin-top:0;padding:0 0 0 44px;}
	#navLayer .dep3:before{content:'';position:absolute;left:0px;top:12px;width:34px;height:1px;background:#fff;}
	#navLayer .active .active .dep3{display:block;}
	#navLayer .dep3 > li{font-size:14px;line-height:25px;}
	#navLayer .dep3 > li > a{opacity:1;}

	#navLayer .navInfo{display:none;}

	#navLayer .navLayerClose{right:23px;top:34px;}
	#navLayer .closeTxt{display:none;}


	/**
	mobileSelect
	**/
	.mobileSelect{border:1px solid #d5d5d5;padding:0 21px 0 15px;background:#fff;}
	.mobileSelect select{appearance:none;width:100%;height:46px;box-sizing:border-box;padding-right:20px;background:url('/images/common/mobileSelect.png') no-repeat right center / 14px auto;}


	/**
	tabStyle
	**/
	.tabStyle1 ul{display:none;}
	.tabStyle1 .mobileSelect{display:block;}
}


/**
mouse pointer
**/

.bg_circle { position: absolute; width: 64px; height: 64px; border:1px solid #047d42; border-radius: 100%; z-index: 1;
          transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; user-select: none; pointer-events: none; z-index: 10000; transform: translate(-50%, -50%);}
.bg_circle.active { border:1px solid red;}
@media ( max-width:1024px){
.bg_circle{ display:none; opacity:0;}
}