@charset "utf-8";
@import url("common.css");

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.dspnoweb { display:none;}
.dspnom { display:block;}

#header { position:relative; width:100%; margin:0 auto; padding:0;}
.header {position:fixed; top:0; width:100%; height:100px; background:#111111; z-index:500; line-height:0;}
.headerInner { position:relative; width:1500px; margin:0 auto; padding:0;}
.util { position:relative;}
.utilinner { position:absolute; top:20px; right:0;}
.utilinner > ul li { float:left; height:30px; padding-top:5px; margin-right:20px;}
.logo a {display:inline-block; width:275px; height:100px; background:url('/kor/images/logo2.png') no-repeat;
background-position:left 30px; text-indent:-9999px; }


/* gnb */
.depth01 {position:absolute;top:50px;left:250px;z-index:100;}
.depth01 li {display:inline-block;float:left; padding-left:90px;}
.depth01 li a { height:53px; font-size:23px; color:#ffffff; letter-spacing:-0.5px;}
.depth01 li a:hover{color:#438ff7;}
.depth01 li a .active{color:#438ff7;}
.depth01 .on{color:#438ff7 !important; font-weight:700;}

/* .on{color:#438ff7;}*/
.gnbbg { border-bottom:#0f9eda solid 1px; text-align:center; margin:15px 0; padding-bottom:5px;}


.mMenu {display:none;}
.mShare { display:none;}



/* kor */

/* popup */
#layerPopup0 {/*visibility:hidden;*/ position:absolute; width:502px; left:0px; top:0px; z-index:999999999; border:#CCC solid 1px; line-height:0;}
.popup_btn {position: absolute; bottom: 42px; left: 50%; margin-left: -100px; width: 200px; height: 38px; background-color: #000; color: #fff; font-size: 1em; text-align: center; line-height: 38px;}
.popclose { background:#efefef; font-size:11px; height:30px; line-height:30px; text-align:right; padding-right:10px;}

#wrap { position:relative; width:100%;}
#container { position:relative; width:100%; margin:0 auto;}

#korwrap6{width:100%;  position: relative; background: url(../images/bg01.jpg) repeat-x center; overflow: hidden;}
#landing6{width:858px; margin:0 auto; padding:100px 0;}
.cont6 .cont6bg1>li>iframe{margin-top:65px; width:100%; height:430px; text-align:center;}
.cont6 .cont6bg2{width:100%; overflow:hidden; text-align:center; margin-top:60px;}
.cont6 ul.cont6bg2 li {font-family:'GmarketSansMedium', sans-serif; letter-spacing:-1px; font-size:35px; line-height:1.5; color:#ffffff; margin-top:20px;}
.cont6 ul.cont6bg2 .Ent3 {font-family:'GmarketSansMedium', sans-serif; letter-spacing:-1px; font-size:35px; line-height:1.5; color:#ffffff;}

#korwrap{width:100%; background-color:#e9ecf4; overflow:hidden;}
#landing{width:858px; margin:0 auto; padding:120px 0;}
#landing h2 { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
padding:0 0 60px 0;}
#landing h2 .Ent { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
	padding:0 0 60px 0;}
.cont1 .cont1imgwp {overflow:hidden; padding-bottom:20px;}
.cont1 .cont1imgwp .cont1img img{width:100%}
.cont1 .cont1bg1{position:relative; padding: 30px 0; margin:0 auto; background:url(../images/icon1.png) no-repeat 35px; }
.cont1 .cont1bg2{position:relative; padding: 30px 0; margin:0 auto; background:url(../images/icon1_2.png) no-repeat 35px; }
.cont1 .cont1bg3{position:relative; padding: 30px 0; margin:0 auto; background:url(../images/icon1_3.png) no-repeat 35px; }
.cont1 ul li.cont1txt1{ font-family:'Noto Sans KR', sans-serif; font-weight: 700; font-size:35px; line-height:2; color:#082976; text-align:left; padding-left:275px;}
.cont1 ul li.cont1txt2 {font-size:26px; text-align:left; padding-left:275px;
line-height:1.5;}
.cont1 ul li.cont1txt2600 {display:none;}

#korwrap2{width:100%; overflow:hidden;}
#landing2{width:858px; margin:0 auto; padding:120px 0;}
#landing2 h2 { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
padding:0 0 60px 0;}
#landing2 h2 .Ent { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
	padding:0 0 60px 0;}
.cont2bg1 {float:left;}
.cont2 ul li.cont2img img{width:100%}
.cont2 ul li.cont2txt1{ font-family:'Noto Sans KR', sans-serif; font-weight: 700; font-size:35px; line-height:1.5;  text-align:left; padding-left:80px;}
.cont2 ul li.cont2txt1 em {color:#428ff9; display: block;}
.cont2 ul li.cont2txt2 {font-size:26px; text-align:left; padding:20px 0 100px 80px; line-height:1.5;}
.cont2bg2 {float:right;}
.cont2 ul li.cont2img2 img{width:100%}
.cont2 ul li.cont2txt12{ font-family:'Noto Sans KR', sans-serif; font-weight: 700; font-size:35px; line-height:1.5;  text-align:right; padding-right:80px;}
.cont2 ul li.cont2txt12 em{color:#428ff9; display: block;}
.cont2 ul li.cont2txt22 {font-size:26px; text-align:right; padding:20px 80px 100px 0;
line-height:1.5;}
.cont2bg3 {float:left;}
.cont2 ul li.cont2img3 img{width:100%}
.cont2 ul li.cont2txt13{ font-family:'Noto Sans KR', sans-serif; font-weight: 700; font-size:35px; line-height:1.5;  text-align:left; padding-left:80px;}
.cont2 ul li.cont2txt13 em{color:#428ff9; display: block;}
.cont2 ul li.cont2txt23 {font-size:26px; text-align:left; padding:20px 0 100px 80px; line-height:1.5;}


#korwrap3{width:100%;  position: relative; background: url(../images/bg.jpg) repeat-x; overflow: hidden;}
#landing3{width:858px; margin:0 auto; padding:120px 0;}
#landing3 h2 { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#ffffff; letter-spacing:-2px; text-align:center; line-height:1.1; padding:0 0 60px 0;}
#landing3 h2 .Ent { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
	padding:0 0 60px 0;}
.cont3 .cont3bg1>li>iframe{width:100%; height:460px; text-align:center;}
.cont3 .cont3bg2 {width:100%; overflow:hidden; margin-top:2%;}
.cont3 .cont3bg2 li {width:29.3%; margin:2%; float:left; }
.cont3 .cont3bg2 li img {width:100%; }
.bn-btn a {color: #ffffff; font-size: 30px;   text-decoration: underline; font-weight: bold; display:block; text-align:center;}

#lightbox { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); text-align:center; z-index:999999; padding-top:10%; }
#lightbox iframe { width:800px; height:600px;}
#lightbox p { position:relative; width:800px; height:50px; margin:0 auto;}
#lightbox p a { color:#FFF; font-weight:700; line-height:50px;}
#lightbox .moveclose { position:absolute; top:0; right:0;}





#korwrap4{width:100%; background-color:#e9ecf4; overflow:hidden;}
#landing4{width:858px; margin:0 auto; padding:120px 0;}
#landing4 h2 { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
padding:0 0 60px 0;}
#landing4 h2 .Ent { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
	padding:0 0 60px 0;}
.cont4 .cont4bg1{width:100%; overflow:hidden; text-align:center;}


#korwrap5{width:100%; overflow:hidden;}
#landing5{width:858px; margin:0 auto; padding:120px 0;}
#landing5 h2 { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
padding:0 0 60px 0;}
#landing5 h2 .Ent { font-family:'GmarketSansBold', sans-serif; font-size:70px; font-weight:700; color:#000; letter-spacing:-2px; text-align:center; line-height:1.1;
	padding:0 0 60px 0;}
.cont5{width:100%; overflow:hidden;}
.cont5 .cont5bg2{float:left; width:50%; padding:40px;}
.cont5 ul li{text-align:center; line-height:1.5;}
.cont5 ul li.cont5txt4{ font-family:'GmarketSansBold', sans-serif; font-size:30px; font-weight:700; color:#428ff9; }
.cont5 ul li.cont5txt{ font-family:'GmarketSansBold', sans-serif; font-size:30px; font-weight:700; color:#000; }
.cont5 .cont5bg1 .cont5txt2 a{font-size:30px; text-decoration: underline;}
.cont5 .cont5bg2 .cont5txt3 a{font-size:25px; text-decoration: underline; }


/* footer */
#footer { position:relative; background-color:#282828; width:100%; margin:0 auto; overflow:hidden;}
#footer .footer {width:858px; margin:0 auto; overflow:hidden; }
#footer .footertext { width: 75%; float:left; padding:80px 0;}
#footer .footerlogo { width: 20%; float:left; padding:80px 0;}
#footer .footertext p { color:#ffffff; font-size:18px; }
#footer .fix-btn {position:fixed; z-index:100; bottom:55px; left:1400px; line-height:0;}
.footerquick { display:none;}


/* media queries */


@media (max-width:1024px) {	
	#layerPopup0 { width:300px;}
	 #layerPopup0 > img { width:100%;}
	 #layerPopup0 .popup_btn { margin-left: -65px; bottom: 38px; width: 130px; height: 25px; line-height: 25px; font-size: 0.7em;}

	#header { z-index:900; position:fixed; width:100%; height:90px;  background:#111111;}

	.header{display:none;}
	.mlogo a { position:absolute; height:90px; background:url('../images/logo2.png') no-repeat center;
	z-index:9; width:100%;}	
		
	.mMenu{display:block; position:absolute; top:0; right:0; width:100%;}
	.mMenu .btnMenuToggle{position:absolute; top:0; left:0; width:90px; height:90px; z-index:100;
	background:url('../images/btn_mMenu.png') center center no-repeat;
	background-size:50%;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
	.mMenu .btnMenuClose{position:absolute;top:0px;left:0; width:90px; height:90px; z-index:100;
	background:url('../images/btn_menuClose.png') center center no-repeat;background-size:50%;display:none;}
	.mMenu .mMenuSide{position:absolute; left:-100%; padding-bottom:150px;
	background:#111111; border-top:#CCC solid 1px; margin-top:90px;width:100%;
	height:100%;opacity:0; z-index:200; overflow-y:auto;-webkit-overflow-scrolling:touch;}
	.mMenu .mMenuSide .mDepth01{display:block; font-size:18px; letter-spacing:-0.5px; 
	color:#ffffff; line-height:70px; padding:0 0 0 20px; border-bottom:solid 1px #ccc;}
	.mMenu .mMenuSide .mDepth01:hover{ color:#438ff7;}
	.mMenu .mMenuSide > ul {background:#111111 ;z-index:200; position:relative;}
	.mMenu .bg {position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:0;}
	
	#landing6{width:100%; padding:15% 0 10% 0;}
	.cont6 .cont6bg1>li>iframe{margin-top:0; }

	#landing{width:100%; padding:15% 0;}
	.cont1 .cont1bg1{ background:url(../images/icon1.png) no-repeat 15%; }
	.cont1 .cont1bg2{background:url(../images/icon1_2.png) no-repeat 15%; }
	.cont1 .cont1bg3{ background:url(../images/icon1_3.png) no-repeat 15%; }
	.cont1 ul li.cont1txt1{ padding-left:35%}
	.cont1 ul li.cont1txt2 { padding-left:35%}

	#landing2{width:100%; padding:15% 0;}
	
	#landing3{width:100%; padding:15% 0;}
	.cont3 .cont3bg2{width:90%; margin:0 auto;}
	#lightbox iframe { width:500px; height:300px;}
	#lightbox p { width:500px;}
	#lightbox .moveclose img { width:50%;}

	#landing4{width:100%; padding:15% 0;}
	.cont4 .cont4bg1 img{width:100%;}
	
	#landing5{width:100%; padding:15% 0;}
	.cont5 .cont5bg2{padding-bottom:4%;}
	
	/* footer */
	#footer { width:100%; padding:4% 0;}
	#footer .footer {width:100%; }
	#footer .footer li { float:left; text-align:center; height:auto;}
	#footer .footer li:last-child { width:100%; text-align:center; border-right:0;}
	#footer .footertext { width:100%; font-size:15px; padding:8% 0;}
	#footer .footerlogo { padding:0;}
	#footer .fix-btn { display:none;}
	#footer .btnft { display:none;}
	#footer .topbtn { position:fixed; top:auto; bottom:7px; right:5px; z-index:99999999;}
	#footer .topbtn a { background:#fff; color:#313766; width:42px; height:42px; padding:14px 0px; font-size:12px; border-radius:100px; line-height:100%;}

	.footerquick { display:block; position:absolute; width:100%; left:0; 
	bottom:2%; position:fixed; z-index:199;}
	.fqul {width:100%; padding-left:3%;}
	.fqul li { float:left; width:20%;}
}



@media (max-width:800px){
	.cont6 ul.cont6bg2 li {font-size:28px;}
	
	#landing h2 { font-size:60px;}
	.cont1 .cont1bg1{ background:url(../images/icon1.png) no-repeat 8%; background-size:20%; }
	.cont1 .cont1bg2{ background:url(../images/icon1_2.png) no-repeat 8%; background-size:20%; }
	.cont1 .cont1bg3{ background:url(../images/icon1_3.png) no-repeat 8%; background-size:20%; }
	.cont1 ul li.cont1txt1{ font-size:30px;}
	.cont1 ul li.cont1txt2{ font-size:22px;}

	#landing2 h2 { font-size:60px;}
	.cont2 ul li.cont2txt1{ font-size:32px; line-height:1.3; padding-left:80px;}
	.cont2 ul li.cont2txt2 {font-size:25px; padding:20px 0 100px 80px; }
	.cont2 ul li.cont2txt12{ font-size:32px; line-height:1.3;  padding-right:80px;}
	.cont2 ul li.cont2txt22 {font-size:25px; padding:20px 80px 100px 0;}
	.cont2 ul li.cont2txt13{  font-size:32px; line-height:1.3; padding-left:80px;}
	.cont2 ul li.cont2txt23 {font-size:25px; padding:20px 0 100px 80px;}
	
	#landing3 h2 { font-size:60px;}
	.cont3 .cont3bg1>li>iframe{height:380px;}
	.cont3 .cont3bg2{width:90%; padding-top:2%}
	.bn-btn a {margin-top:2%}
	#lightbox iframe { width:400px; height:200px;}
	#lightbox p { width:400px;}

	#landing4 h2 { font-size:60px;}
	.cont4 .cont4bg1 img{width:90%;}
	
	#landing5 h2 { font-size:60px;}
	.cont5 ul li.cont5txt4{  font-size:30px;}
	.cont5 ul li.cont5txt{  font-size:26px; letter-spacing:-1.5px; }
	.cont5 .cont5bg1 .cont5txt2 a{font-size:25px; }
	.cont5 .cont5bg2 .cont5txt3 a{font-size:23px;}	
	.cont5 .cont5bg1 img{width:80%}
	.cont5 .cont5bg2 img{width:90%}
	
	#footer .footer li:last-child {padding-bottom:16%}
}

@media (max-width:640px) {
	#layerPopup0 {width:330px;}
	#layerPopup0 img {width:100%;}
	#layerPopup0 .popup_btn {bottom: 42px;}

	#landing6{padding:15% 0 15% 0;}
	.cont6 ul.cont6bg2 li {font-size:25px;}
	.cont6 .cont6bg2{margin-top:3%;}
	.cont6 ul.cont6bg2 li img{width:100%;}
	
	#landing{padding:23% 0;}	
	#landing h2 { font-size:50px; padding:0 0 5% 0;}
	.cont1 .cont1bg1{ background:url(../images/icon1.png) no-repeat 8%; background-size:18%; }
	.cont1 .cont1bg2{ background:url(../images/icon1_2.png) no-repeat 8%; background-size:18%; }
	.cont1 .cont1bg3{ background:url(../images/icon1_3.png) no-repeat 8%; background-size:18%; }
	.cont1 ul li.cont1txt1{ padding-left:30%}
	.cont1 ul li.cont1txt2 {display:none;}
	.cont1 ul li.cont1txt2600 {display:block; }
	.cont1 ul li.cont1txt2600 {font-size:22px; text-align:left; padding-left:30%; line-height:1.5;}

	#landing2 h2 { font-size:50px; padding:0 0 5% 0;}
	#landing2{padding:23% 0;}
	.cont2 ul li.cont2txt1{ font-size:30px; line-height:1.5; padding-left:10%;}
	.cont2 ul li.cont2txt2 {font-size:22px; padding:20px 0 100px 10%; }
	.cont2 ul li.cont2txt12{ font-size:30px; line-height:1.5;  padding-right:10%;}
	.cont2 ul li.cont2txt22 {font-size:22px; padding:20px 10% 100px 0;}
	.cont2 ul li.cont2txt13{  font-size:30px; line-height:1.5; padding-left:10%;}
	.cont2 ul li.cont2txt23 {font-size:22px; padding:20px 0 20% 10%;}	

	#landing3 h2 { font-size:50px; padding:0 0 5% 0;}
	#landing3{padding:23% 0;}
	.cont3 .cont3bg1>li>iframe{height:280px;}
    .cont3 .cont3bg2 li {width:45.3%; margin:2%; float:left; }	
	.bn-btn a {font-size:27px; margin-top:5%}	

	#landing4{padding:23% 0;}	
	#landing4 h2 { font-size:50px; padding:0 0 10% 0;}	
	
	#landing5{padding:23% 0;}	
	#landing5 h2 { font-size:50px; padding:0 0 5% 0;}	
	.cont5 .cont5bg1 .cont5txt2 a{font-size:22px; }
	.cont5 .cont5bg2 .cont5txt3 a{font-size:19px;}	
	.cont5 ul li.cont5txt{  font-size:23px; }
	.cont5 .cont5bg1 img{width:70%}
	.cont5 .cont5bg2 img{width:100%}	
	
	#footer .footertext p {font-size:14px;}	
}

@media (max-width:500px) {

	.cont6 ul.cont6bg2 li {font-size:20px;}
	.cont6 .cont6bg2{margin-top:0;}	
	.cont6 .cont6bg1>li>iframe{height:360px;}	
	
	#landing h2 { font-size:40px;}
	.cont1 ul li.cont1txt1{ font-size:25px; padding-left:27%}
	.cont1 ul li.cont1txt2600 {font-size:18px; padding-left:27%;}
	
	#landing2 h2 { font-size:40px;}	
	.cont2 ul li.cont2txt1{ font-size:25px; line-height:1.3; letter-spacing:-1px;}	
	.cont2 ul li.cont2txt12{ font-size:25px;line-height:1.3; letter-spacing:-1px;}	
	.cont2 ul li.cont2txt13{ font-size:25px;line-height:1.3; letter-spacing:-1px;}	
	.cont2 ul li.cont2txt2 {font-size:18px; }	
	.cont2 ul li.cont2txt22 {font-size:18px;  }	
	.cont2 ul li.cont2txt23 {font-size:18px; }	
	
	#landing3 h2 { font-size:40px;}
	.cont3 .cont3bg1>li>iframe{height:200px;}
	.bn-btn a {font-size:25px}
	

	#landing4 h2 { font-size:40px;}	
	
	
	#landing5 h2 { font-size:40px;}	
	.cont5 ul li.cont5txt4{  font-size:23px;}	
	.cont5 .cont5bg1 .cont5txt2 a{font-size:18px; }
	.cont5 .cont5bg2 .cont5txt3 a{font-size:16px;}	
	.cont5 ul li.cont5txt{font-size:20px; }	
	.cont5 .cont5bg2{padding:3%;}	
	
	.fqul li img{width:70%;}
}



@media (max-width:400px) {

	#landing6{padding:40% 0 15% 0;}
	.cont6 ul.cont6bg2 li {font-size:16px;}
	.cont6 ul.cont6bg2 li img{width:80%;}
	.cont6 .cont6bg1>li>iframe{height:200px;}
	
	#landing{padding:30% 0;}			
	#landing h2 { font-size:30px;}
	.cont1 ul li.cont1txt1{ font-size:20px; padding-left:22%}
	.cont1 ul li.cont1txt2600 {font-size:15px; padding-left:22%;}
	.cont1 .cont1bg1{ padding:6% 0; background:url(../images/icon1.png) no-repeat 5%; background-size:15%; }
	.cont1 .cont1bg2{  padding:6% 0; background:url(../images/icon1_2.png) no-repeat 5%; background-size:15%; }
	.cont1 .cont1bg3{  padding:6% 0; background:url(../images/icon1_3.png) no-repeat 5%; background-size:15%; }	
	
	
	#landing2{padding:30% 0;}			
	#landing2 h2 { font-size:30px;}	
	.cont2 ul li.cont2txt1{ font-size:20px; padding-left:6%; padding-top:3%;}	
	.cont2 ul li.cont2txt12{ font-size:20px; padding-right:6%; padding-top:3%;}	
	.cont2 ul li.cont2txt13{ font-size:20px; padding-left:6%; padding-top:3%;}	
	.cont2 ul li.cont2txt2 {font-size:15px; padding:6% 0 18% 6%; }	
	.cont2 ul li.cont2txt22 {font-size:15px;  padding:6% 6% 18% 0;}	
	.cont2 ul li.cont2txt23 {font-size:15px; padding:6% 0 18% 6%;}	

	#landing3{padding:30% 0;}			
	#landing3 h2 { font-size:30px;}
	.cont3 .cont3bg1>li>iframe{height:auto;}
	.bn-btn a {font-size:20px}
	#lightbox iframe { width:360px; height:180px;}
	#lightbox p { width:360px;}	
	
	#landing4{padding:30% 0;}		
	#landing4 h2 { font-size:30px;}	

	
	#landing5{padding:30% 0;}
	#landing5 h2 { font-size:30px;}	
	.cont5 ul li{line-height:1.2;}
	.cont5 ul li.cont5txt4{  font-size:18px;}	
	.cont5 .cont5bg1 .cont5txt2 a{font-size:16px; }
	.cont5 .cont5bg2 .cont5txt3 a{font-size:13px;}	
	.cont5 ul li.cont5txt{font-size:15px;}	
	.cont5 .cont5bg1 img{width:60%}
	.cont5 .cont5bg2 img{width:80%}	
	
	.fqul li img{width:70%;}
	#footer .footertext p {font-size:12px;}
}