/* All Device */
#rwd_header {display:none;}

button {padding:0; border:none; background:transparent;}
 

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    body, input, button, select, textarea, sub, h1, h2, h3, h4 {font-family:arial, sans-serif;}
    select {padding-right:20px; background:#fff url('/customized/images/common/ico_arrow.png') right 7px top 50% no-repeat; background-size:8px auto; -webkit-appearance:none; border-radius:0;}
	input[type="text"], input[type="password"], input[type="submit"], input[type="tel"], input[type="email"], textarea {-webkit-appearance:none; border-radius:0;}
    input[type="radio"] {border:1px solid #b9b9b9;}
    input[type="checkbox"] {border:1px solid #b9b9b9;}
	input[type="file"] {width:100%;}
}
@media screen and (max-width:1024px) {
	input, select, textarea {font-size:14px;}
}
@media screen and (max-width:620px) {
	body, input, button, select, textarea, sub {font-size:13px;}
}

#wrap {margin:0;padding:0;width:100%;min-width:1320px;overflow:hidden;}
.wrapper { width:1320px; margin:0 auto; }
.sitemap_wrap  { position:relative;  width:1320px; margin:0 auto;z-index:97; }


/*레이어팝업 언어선택*/
.pop_wrap {position:relative; width:1320px; margin:0 auto;}
a.btn_opn_lpopup {display: block;}
div.popup {position: absolute;top:0;right: 0;background: #fff;border-radius:3px;border:2px solid #0062AB;padding:5px 10px;width: 700px;height: auto;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);transition: all 0.5s;display:none;z-index: 999;}
div.popup div.lpopup_menu a {display: inline-block;text-decoration: none;color: gray;margin: 0px;}
div.lpopup_menu {text-align: right;}
div.lpopup_menu img {position:absolute; right:0; top:0;}
.lpopup_text {text-align: center;}
.lpopup_text li a {float:left; display:block; padding:2px 3px; margin:3px 4px; border:1px solid #e6e6e6;}
.lpopup_text li a:hover {color:#fff; background-color:#0062AB;}
div.popup:target {display:block;}
div.popup:target + .dim {position: fixed;z-index: 2;transition: all 0.5s;}




/*header*/
#header { position:fixed;width:100%; z-index:3;  border-bottom: 1px solid #d9d9d9; background-color:#fff;  }
#header .wrapper { padding:25px 0 0px 0;  margin-top:-30px;}
#header .wrapper:after { display:block; clear:both; overflow:hidden; content:''; }
#header h1 { float:left;margin-top:30px;}
#header h1 img { width:100%; max-width:270px;}


#header .top_menu {margin:0 auto; max-width:1320px; width:100%; background-color:#ddd;}
#header .top_menu  ul {float:right; }
#header .top_menu li {float:left; margin:10px 0px 0 0px; padding:0 10px;font-size:14px; border-right:1px solid #ddd;}
#header .top_menu li:last-child {border:0;}
 #header #nav { margin-top:35px; margin-right:20px; float:right; }
#header #nav:after { display:block; clear:both; overflow:hidden; content:''; }
#header #nav ul#lnb>li{ position:relative; z-index:21 !important; float:left; width:170px; letter-spacing:-1px; text-align:center; padding-bottom:33px; }
#header #nav ul#lnb>li:last-child {background:none;}
#header #nav ul#lnb>li>a{ padding-bottom:8px; font-size:18px; font-weight:600; color:#282828; }
#header #nav ul#lnb>li>a:hover{ color:#C53239; border-bottom:3px solid #C53239; text-decoration:none; }
#header #nav ul#lnb>li.on>a { color:#C53239; border-bottom:3px solid #C53239; text-decoration:none; transition: all 0.2s ease 0s;}
#header #nav ul#lnb>li>ul.submenu:hover .wrapper { padding-bottom:0px; }
#header #nav ul#lnb>li>div.submenu{transition: all 0.2s ease 0s;position:absolute; left:0px; z-index:21 !important; top:42px; width:170px; display:none; margin-top:20px; margin-bottom:-20px; margin-left:-1px; padding:10px 10px 0 10px; height:238px; background:#C53239; border-left:1px solid #D9666B; border-right:1px solid #D9666B; text-align:left; }
#header #nav ul#lnb>li>div.submenu:hover{ background:#A2282F;  }
#header #nav ul#lnb>li>div.submenu>ul>li>a{ color:#fff; border-bottom:none; padding:10px 0 0 0px; display:block; font-size:15px; /*background: url('/customized/images/common/gnb_dot.gif') no-repeat left 17px;*/}
#header #nav ul#lnb>li>div.submenu>ul>li>a:hover{color:#fff; border-bottom:none; text-decoration:none; font-weight:600; }
#header #nav div.submenu_bg { position:absolute; z-index:20 !important; display:none; top:125px; left:0; width:100%; height:250px; background:#C53239;  color:#fff; opacity:0.9; border-top:1px solid #d4d4d4;}

/*gnb*/
#header #gnb {padding:0; background:#f9f9f9; border-bottom:1px solid #dadada; z-index:99;}
#header #gnb .wrapper { position:relative;padding:0px; }
#header #gnb ul.right { float:right; padding-right:10px;  border-right:1px solid #dadada;}
#header #gnb ul.right li { float:left;padding:13px 10px 0px 15px; height:30px;border-left:1px solid #dadada;}
/* #header #gnb ul.right li:last-child { background: url('/customized/images/common/lang.png') no-repeat 10px 50%;padding-left:35px; } 언어 주석처리*/
#header #gnb ul.right li a { color:#767676; font-size:13px; font-weight:600;}
#header #gnb ul.right li a.point { color:#555; }

#header .btn_bar {position:absolute; display:block; top:43px; right:0; z-index:20;}
#header .btn_bar > button {display:block; width:42px; height:82px;}
#header .btn_bar > button > span {position:relative; display:block; margin: 0 auto; width:20px; height:2px; background:#222; text-indent:-9999px;}
#header .btn_bar > button > span:after, #header .btn_bar > button > span:before {position:absolute; display:block; right:0; width:20px; height:2px; background:#222;}
#header .btn_bar > button > span:after {top:-7px; transition: all 0.3s ease; content:''; }
#header .btn_bar > button > span:before {top:7px; transition: all 0.2s ease; content:'';} 
#header .btn_bar > button:hover > span:after, #header .btn_bar > button:hover > span:before {width:100%;}	



/* footer */
#footer_wrap {clear:both; width:100%; height:250px; background:#2b3237;}
#footer_wrap #footer{position:relative; max-width:1320px; margin:0 auto; padding:20px 0 10px 0;}
#footer_wrap #footer .footer_logo{position:absolute; top:10px; left:0;}

#footer_wrap #cm_wrap {clear:both; width:100%; background:#353a3f; }
#footer_wrap #copymenu {height:50px;display:block;width:1320px;  margin:0 auto;}
#footer_wrap #copymenu .cmenu li {float:left; background: url(../images/common/copy_line.gif) no-repeat right 23px; padding:18px 5px 0 0;}
#footer_wrap #copymenu .cmenu li span {font-weight:bold; color:#fff;}
#footer_wrap #copymenu .cmenu li a {color:#fff; padding:0 10px 0 15px; width:30px; height:30px;}
#footer_wrap #copymenu .cmenu li:last-child {background:none;}

#footer_wrap #copymenu .right ul {float:right;position:relative;}
#footer_wrap #copymenu .right li  {background-image:none !important; float:left; }
#footer_wrap #copymenu .right button{  padding:10px 0px 10px 0 !important; height:50px;background:none;border:none;color:#767676;font-size:13px; vertical-align:top;}
#footer_wrap #copymenu .right .top a {display:block;padding:10px 20px 0px 20px; background:#f8f8f8;}

#footer_wrap #copymenu .language {border-left:1px solid #d1d1d1;}
#footer_wrap #copymenu .language button{display:block;width:170px;padding:0;font-size:1.0em;vertical-align:top;}
#footer_wrap #copymenu .language ul{display:none;position:absolute;bottom:50px;width:170px;height:auto;background:#fff;border-top:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;z-index:99;}
#footer_wrap #copymenu .language ul li{display:block;float:none;width:170px;padding:0;border-top:1px solid #e1e1e1;border-left:1px solid #c4c4c4; }
#footer_wrap #copymenu .language ul li:first-child{border-top:none;}
#footer_wrap #copymenu .language ul li a{display:block;width:94%;padding:7px 0 6px 6%;text-align:left;background:#fff url('../images/common/ico_arrow_lang.gif') no-repeat 95% 50%;box-sizing:border-box;}


#footer_wrap #footer .site_info{clear:both; padding:5px 10px 0 15px; color:#bbbbbb; font-size:1.2em; line-height:150%; font-weight:bold; }
#footer_wrap #footer .site_info b{color:#fff!important; margin-bottom:10px;}
#footer_wrap #footer .kakao {background:#F3E352 url("/customized/images/common/footer_kakao.gif") no-repeat 5px 52% / 20px; color:#381E1F; border-radius:5px; padding:1px 5px 1px 28px;}
#footer_wrap #footer .copyright{margin:7px 0 0 0; font-size:0.9em; color:#bbbbbb; }
#footer_wrap #footer .copyright span{color:#fff; }
#footer_wrap #footer .site_info p {color:#fff; font-weight:normal; }
#footer_wrap #footer .copy_logo {float:right; position:absolute; right:0; top:-50px;display:block;}
#footer_wrap #footer .copy_logo2 {float:right; position:absolute; right:0; top:15px;display:block;}
#footer_wrap #footer .copy_sns {right:0; top:30px;position:absolute; width:250px;}
#footer_wrap #footer .copy_sns li {float:left; padding-left:12px;}

.point_white {color:#f9f9f9;}
.top00 a {display:none;}

 
/* 서브컨텐츠 */
#sub_container_wrap {position:relative;width:100%; height:auto; margin:0px auto;}
#sub_container{width:100%; margin:0 auto; }
#sub_contents {position:relative;width:100%; height:auto; margin:50px auto 0 auto;}


/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:450px;}
 
#sub_visual_wrap {color:#fff;background: url(/customized/images/main/main_visual_bg.jpg) 0 50% repeat-y; background-size:100%; }

.sv_inner { width:1320px; margin:0 auto;position:relative;}
 

.sv_inner .bannerCopy{ padding-top:140px; text-align:center;}
.sv_inner .active-slide .bannerCopy div{animation-name:fadeInUp;}


.sv_inner .bannerCopy div:nth-child(1) {animation-delay:1s;   line-height:140%; letter-spacing:-1px; margin-top:30px;}
.sv_inner .bannerCopy div:nth-child(2) {animation-delay:1.5s;   line-height:120%; letter-spacing:-1px;}
.sv_inner .bannerCopy div:nth-child(2) img {width:400px;}
.sv_inner .bannerCopy div:nth-child(3) {animation-delay:2s;display:inline-block;  line-height:120%; letter-spacing:-1px;}
.sv_inner .bannerCopy div:nth-child(3) p { font-family: 'yg-jalnan'; font-size:18px; margin-top:30px;padding:5px 15px 0 15px;  border-radius:20px; background-color:#2b1f1f;color:#fff;}
.sv_inner .bannerCopy div:nth-child(3) p span {  font-size:23px;  }
.sv_inner .bannerCopy div:nth-child(4) {animation-delay:2.5s; -webkit-animation: drop ease-in-out 2.5s infinite;font-family: 'GmarketSansMedium'; font-size:18px;color:#222; margin-top:30px;}
.sv_inner .bannerCopy .bannerCopy2 span {color:#358715;}
 
.sv_inner .bannerCopy div:nth-child(4) .character01 {width:17%;  position:absolute; left:0; top:-230px;}
.sv_inner .bannerCopy div:nth-child(4) .character02 {width:15%;  position:absolute; left:17%; top:-200px; z-index:1;}
.sv_inner .bannerCopy div:nth-child(4) .character03 {width:17%;  position:absolute; left:68%; top:-190px;z-index:0;}
.sv_inner .bannerCopy div:nth-child(4) .character04 {width:17%;  position:absolute; left:85%; top:-240px;}

 @-webkit-keyframes drop { 0% { -webkit-transform: translateY(0rem); transform: translateY(0rem); }
50% { -webkit-transform: translateY(0.85rem); transform: translateY(0.85rem); }
100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); } }

@keyframes drop { 0% { -webkit-transform: translateY(0rem); transform: translateY(0rem); }
50% { -webkit-transform: translateY(0.85rem); transform: translateY(0.85rem); }
100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); } }






.nav_inner {width:100%; padding:15px 40px;  margin:-40px auto 0 auto;margin:0 auto; background-color:#444 ; box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);}

#subTopBar .btnPrint{right:40px;background:url(/customized/images/sub/icon_btnPrint.gif) no-repeat;}
#subTopBar .btnPrint:hover{background:url(/customized/images/sub/icon_btnPrint_over.gif) no-repeat;border-radius:16px;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}


#subTopBar{position:relative;width:1320px; margin:0 auto;}
#subNav:after{display:block;content:'';clear:both;}
#subNav > li{display:block;float:left;position:relative;min-width:270px;height:32px;box-sizing:border-box; cursor:pointer;}
#subNav > li:after{display:block;content:'';position:absolute;right:0;top:6px;height:20px;border-right:1px solid #666;}
#subNav > li.home{min-width:auto;width:45px;background:url(/customized/images/sub/icon_subNav_home.png) no-repeat 5px center;text-indent:-9999em;}
#subNav > li.home a{background:none;}
#subNav > li > a{display:block; cursor:pointer;padding:0 40px 0 20px;background:url(/customized/images/sub/icon_subNav_ar.png) no-repeat 92% center;font-size:17px;color:#fff;line-height:32px;}
#subNav > li > a:hover{color:#fff;}
#subNav ul{display:none;position:absolute;top:40px;left:-1px;right:0;padding:10px 0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;z-index:9;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
#subNav ul li a:hover{background:#f6f6f6;color:#A2282F;}
#subNav ul li a{display:block;padding:10px 10px 10px 20px;font-size:16px;line-height:120%;}
/* #subNav ul li:first-child a{padding-right:40px;background:url(/customized/images/sub/icon_subNav_ar.gif) no-repeat 92% center;}
#subNav ul li:first-child a:hover{background:#f6f6f6 url(/customized/images/sub/icon_subNav_ar.gif) no-repeat 92% center;} */
#subNav ul li:first-child a,
#subNav ul li:first-child a:hover{padding-right:0;background:none;}
#subNav > li.active ul{display:block;}
#subNav > li.active > a{background:url(/customized/images/sub/icon_subNavOn_ar.png) no-repeat 92% center;}

/* 서브네비게이션*/
#sub-nav_wrap {position: absolute; bottom:0px; width: 100%; height: 55px; z-index: 2; background-color:#C53239;}
#sub-nav {
  width: 1320px;
   margin:0px auto 0 auto; 
   padding:0;
}
#sub-nav > div > a {
  display: inline-block;
  float: left;
  width: 70px;
  height: 55px;
  border-style: solid;
  border-color: #1A65E1;
  border-width: 0 1px;
  background-image: url(/customized/images/home-icon.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
}
#sub-nav > div > a i {
  display: none;
}
#sub-nav .nav-dep {
  display: inline-block;
  float: left;
  position: relative;
  width: 250px;
  border-style: solid;
  border-color: #1A65E1;
  border-width: 0 1px 0 0;
}
#sub-nav .nav-dep > a {
  display: block;
  padding: 16px 1.5em;
  font-weight: 300;
  font-size:15px;
  color:#fff;
}
#sub-nav .nav-dep > a:after {
  content: '▼';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;  
  -webkit-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
  font-size: 0.5em;
}


#sub-nav .nav-dep .dep_list li a:hover,
#sub-nav .nav-dep.on > a {
  background: #1A65E1;
  font-weight: 400;
  color:#fff;
 
}




#sub-nav .nav-dep.on > a:after {
  -webkit-transform: rotate(180deg) translateY(35%);
  -ms-transform: rotate(180deg) translateY(35%);
  transform: rotate(180deg) translateY(35%);
}
#sub-nav .nav-dep .dep_list {
  display: none;
  position: absolute;
  top: 54px;
  left: -1px;
  width: 251px;
  border: 1px solid #1A65E1;
  background: #fff;
  z-index: 100;
}
#sub-nav .nav-dep .dep_list li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 1.5em;
  border-top: 1px solid #1A65E1;
  font-weight: 300;
}
#sub-nav .nav-dep .dep_list li a:first-child {
  border-top: 1px solid #f6f6f6;
}
/* 컨텐츠*/
.con_body{clear:both;height:auto;width:1320px; padding:0 0 0 0; margin:50px auto; } 



/* 사이트맵 */
.sitemap {display:none; z-index:1100; position:fixed; top:0; left:0; width:100%; background:#222; opacity: 0.95;}
.sitemap.open {display:block}
.sitemap .btn_close {position:absolute; top:50px; right:50%; text-indent:-9999px; width:75px; height:75px; background:url('/customized/images/common/btn_close.png') 0 0 no-repeat;}
.sitemap .cont {overflow:hidden; width:90%; margin:10% auto 0 auto}
.sitemap .cont > li {overflow:hidden; float:left; width:14.2%; height:100vh; padding:30px 20px 30px 20px;  border-right:1px solid #535455; transition:background 0.3s ease-out;}
.sitemap .cont > li:first-child {border-left:1px solid #535455; }
.sitemap .cont > li a {transition:all 0.3s ease-out; color:#bcbdbd}
.sitemap .cont > li .tx {display:table-cell; vertical-align:middle}
.sitemap .cont > li .tx strong {display:block; margin-bottom:20px; padding-bottom:20px; font-size:30px; color:#fff; border-bottom:2px solid #222; }
.sitemap .cont > li .tx ol {height:530px;}
.sitemap .cont > li .tx ol > li {letter-spacing:-0.8px; color:#444; font-size:16px; line-height:30px;}
.sitemap .cont > li .tx ol > li ul {position:relative; margin:5px 0 15px 2px; padding-left:13px; border-left:1px solid #afafaf}
.sitemap .cont > li .tx ol > li ul li {font-size:15px; line-height:26px; color:#777}
.sitemap .cont > li:hover:before {width:100%;}
.sitemap .cont > li:hover a {color:#fff; text-decoration:none}
.sitemap .cont > li:hover strong {border-color:#fff}
.sitemap .cont > li .tx ol > li a:hover, .sitemap .cont > li .tx ol > li a:focus {padding-left:0; color:#F3776B; } 
.sitemap .cont > li:hover .tx ol > li ul {border-color:#fff}
.sitemap .cont > li .tx ol > li ul li a:hover {color:#fff; text-decoration:underline;}
@media screen and (max-width:1700px) {	
	/* 사이트맵 */ 
	.sitemap .btn_close {top:15px; right:50%}
	.sitemap .cont > li {  width:13%; }
	.sitemap .cont > li .tx strong {margin-bottom:10px; padding-bottom:10px; font-size:21px; padding-top:20px;}
	.sitemap .cont > li .tx ol > li {font-size:16px; line-height:32px;}

}
@media screen and (max-width:1400px) {	
	/* 사이트맵 */ 
	.sitemap {padding:100px 0px; height:100vh; }
	.sitemap .btn_close {top:20px; right:45px}
	.sitemap .cont {overflow-y:scroll; overflow-x:hidden; height:80vh;margin:0% auto 0 auto }
	.sitemap .cont > li {float:none; display:block; width:100%; height:auto; margin-bottom:20px; padding:0; border:0 none}
	.sitemap .cont > li:first-child {width:100%; border:0;}
	.sitemap .cont > li .tx {display:block}
	.sitemap .cont > li .tx strong {border-bottom:1px solid #ddd;}
	.sitemap .cont > li .tx ol {height:auto;}
	.sitemap .cont > li:hover {background:none;}
	.sitemap .cont > li:hover a {color:#fff}
	.sitemap .cont > li:hover strong {border-color:#222}
	.sitemap .cont > li a:hover {color:#65C2E7; font-weight:500}
	.sitemap .cont > li:hover .tx ol > li ul {border-color:#999}
	.sitemap .cont > li .tx ol > li ul li a:hover {color:#222;}

	}

@media screen and (max-width:800px) {	
	#container {min-height:500px}

	/* 사이트맵 */ 
	.sitemap {padding:50px 20px;}
	.sitemap .btn_close {top:10px; right:50%; width:40px; height:40px; background-size:40px; }
	.sitemap .cont > li .tx strong {margin-bottom:8px; padding-bottom:8px; font-size:22px}
	.sitemap .cont > li .tx ol > li {font-size:15px; line-height:25px;}
}










/* Tablet Device 최소 1400  */
@media (max-width:1300px) {
#wrap {min-width:100%;}
#header {width:100%;  margin:0 auto; height:115px; }

#header h1 { float:left; margin-left:10px; margin-top:10px;  }

#header .top_menu { background-color:#f6f6f6; height:40px; border-bottom:1px solid #f1f1f1;}
#header .top_menu li {float:left; margin:10px 0px 0 0px; padding:0 10px;font-size:14px; border-right:1px solid #ddd;}
#header .top_menu li:last-child {border:0;}
.con_body{ width:98%;}

/*메인비주얼*/
 .sv_inner { width:100%;  }

.sv_inner .bannerCopy{  padding-top:140px; padding-left:20px;}
.sv_inner .bannerCopy div:nth-child(1) {font-size:30px;color:#222; line-height:140%; }
.sv_inner .bannerCopy div:nth-child(2) {font-size:40px; color:#2faf15; line-height:120%;  }
.sv_inner .bannerCopy div:nth-child(3) {font-size:40px; color:#ff9600; line-height:120%;  }
.sv_inner .bannerCopy div:nth-child(4) {font-size:18px;color:#222; margin-top:30px;}
.sv_inner .bannerCopy .bannerCopy2 span {color:#358715;}


#lnb {display:none;} /**/
#header .btn_sitemap {display:none}



/*모바일메뉴*/
#rwd_header {display:block; position:relative; z-index:56;}
#rwd_header .gnb_btn {right:2%; top:-50px; width:54px; height:50px; position:absolute;}
#rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#444 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;}

.rwd_gnb {position:absolute; top:-105px; left:-220px; width:220px; background:#2b343d; z-index:10;}
.rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;}
.rwd_gnb .link_site li {}
.rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;}
.rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;}
.rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb .lang_site dd {margin:0;}
.rwd_gnb .lang_site dd ul {width:100%;}
.rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;}
.rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;}
.rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;}
.rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;}
.rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;}
.rwd_gnb h2.on a {background:#C53239 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;}
.rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;}
.rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;}
.rwd_gnb .depth3 {background:#31353c;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}

}
 




/* Tablet Device 최소 900 ~ 1199  */
@media  (max-width:1199px) {
  
.nav_inner {width:96%; margin:0 auto;}
 
/*서브비주얼*/
#sub-nav { width:100%;}

#wrap {min-width:100%;}
.wrapper { width:100%; }

#header #nav ul#lnb>li{ width:155px; }
#header #nav ul#lnb>li>div.submenu{width:135px;}

.top00 a {display:none;}
 

/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}
 

/*서브비주얼*/
 
#sub-nav { width:100%;}
.sv_1 {position:relative; width:100%;  height: 550px; padding-left:0px;}

.sv_inner .bannerCopy div:nth-child(4) .character01 {width:18%; left:0%; top:-250px;}
.sv_inner .bannerCopy div:nth-child(4) .character02 {width:18%; left:15%; top:-100px; z-index:1;}
.sv_inner .bannerCopy div:nth-child(4) .character03 {width:18%; left:67%; top:-60px;z-index:0;}
.sv_inner .bannerCopy div:nth-child(4) .character04 {width:18%; left:83%; top:-200px;}


#subTopBar {padding:10px 10px;width:100%; box-sizing:border-box;}


#footer_wrap #footer{ max-width:100%;text-align:center; }
#footer_wrap #copymenu {width:100%;}


#header .btn_bar > button {width:79px; height:79px;}
#header .btn_nav, #header .nav_close {display:block}
#header .nav_close {z-index:110; position:fixed; top:0; right:-40px; display:block; transition: right 0.3s ease;}
#header .nav_close > button {width:40px; height:40px; background:#111 url('/customized/images/common/ico_cancel.png') no-repeat 50%/18px; text-indent:-9999px; }

#header.open .head_util {right:0; opacity:1;}
#header.open .nav_close {right:290px;}
#header.open .mask {position: fixed; z-index:100; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;}
#header.open #gnb {right:0; overflow-y:auto;}	


#footer_wrap #footer .copy_sns {right:60px; top:-43px; }
#footer_wrap #footer .copy_sns li {float:left; padding-left:10px;}


/*레이어팝업*/
.pop_wrap { width:100%; }
div.popup {right:0%; width:70% ;}



}





/* Tablet Device 최소 590 ~ 899  */
@media (max-width:899px) {

 
#header h1 { float:left; margin-left:10px;}

 

#header #gnb .gnb_mn{width:100%; margin:0 auto; z-index:10; }
.inner {width: 100%;}

/*서브콘텐츠 */
#sub_contents {width:100%;margin:20px 0;}
#sub_container{width:100%; background-image:none;}

#snb {display:none;} /*왼쪽메뉴*/
#con_header {width:98%;margin-left:1%;  height:86px; margin-top:10px; }
#con_header .sns {display:none;}
.con_body{float:left; width:96%;margin-left:2%; }



 

 /*서브비주얼*/
.sv_1 {height:750px; padding-left:0px;}

 
 
/*메인비주얼*/
.sv_inner {  margin-top:-170px;   }
.sv_inner .bannerCopy{  padding-top:300px; padding-left:0px;}
.sv_inner .bannerCopy .bannerCopy1 img {max-width:303px;}
.sv_inner .bannerCopy .bannerCopy2 img {max-width:338px;margin:5px 0;}
.sv_inner .bannerCopy .bannerCopy3 img {max-width:323px; }


#footer_wrap { border-top:1px solid #d1d1d1; height:auto;}
#footer_wrap #footer{ max-width:100%;  text-align:center;}
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}
#footer_wrap #footer .copy_logo2 {float:none; position:relative; text-align:center; right:0; top:15px;display:block;}

#footer_wrap #footer .copy_sns {right:60px; top:-43px; }
#footer_wrap #footer .copy_sns li {float:left; padding-left:10px;}
#footer_wrap #copymenu {width:100%;}



/*모바일메뉴*/
#rwd_header {display:block; position:relative; z-index:56;}
#rwd_header .gnb_btn {right:2%; top:-55px; width:54px; height:50px; position:absolute;}
#rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#444 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;}

.rwd_gnb {position:absolute; top:-105px; left:-220px; width:220px; background:#2b343d; z-index:10;}
.rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;}
.rwd_gnb .link_site li {}
.rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;}
.rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;}
.rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb .lang_site dd {margin:0;}
.rwd_gnb .lang_site dd ul {width:100%;}
.rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;}
.rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;}
.rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;}
.rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;}
.rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d  url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;}
.rwd_gnb h2.on a {background:#C53239 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;}
.rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;}
.rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;}
.rwd_gnb .depth3 {background:#31353c;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}
.nav_inner {width:100%; padding:10px 0px;  }


 
#subTopBar {padding:7px 0;width:100%;}
#subNav > li{display:none;}
	#subNav > li:last-child{display:block;width:100%;}
	#subNav > li:after{display:none;}
	#subNav ul li a{padding:10px 5%;}
	#subNav > li > a{padding:0 5%;}
	#subNav ul{top:50px;}

	/*레이어팝업*/
.pop_wrap { width:100%; }
div.popup {right:0%; width:70% ;}


/*모바일탑*/
.top00 {bottom:100px;position: fixed;right: 10px; z-index: 99999; display:block;}
.top00 a {display:block;}

.sv_inner .bannerCopy div:nth-child(4) .character01 {width:23%;  position:absolute; left:3%; top:-120px;}
.sv_inner .bannerCopy div:nth-child(4) .character02 {width:22%;  position:absolute; left:27%; top:-20px; z-index:1;}
.sv_inner .bannerCopy div:nth-child(4) .character03 {width:23%;  position:absolute; left:53%; top:-20px;z-index:0;}
.sv_inner .bannerCopy div:nth-child(4) .character04 {width:23%;  position:absolute; left:78%; top:-120px;}


#footer_wrap #footer .site_info p {
 line-height:110%; margin-bottom:20px;
}

#footer_wrap #footer .kakao {
     padding: 5px 5px 3px 28px;
}

 }










/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

 
#header h1 {float:left; margin-left:10px; margin-top:20px; }
#header h1 img { width:200px; }
 
 
#header #gnb .gnb_mn{width:100%; margin:0 auto; z-index:10; }

#footer_wrap { border-top:1px solid #d1d1d1; height:auto; padding:0px 0;}
#footer_wrap #footer{ max-width:100%; height:250px; text-align:center;}
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}
#footer_wrap #footer .copy_logo {display:none;}
#footer_wrap #footer .copy_logo2 {float:none; position:relative; text-align:center; right:0; top:15px;display:block;}
 #footer_wrap #footer .site_info{font-size:1.0em; }
#footer_wrap #copymenu {width:100%;}

#footer_wrap #footer .copy_sns {
     margin: 15px auto 0 auto;
    right: 0;
    top: 0;
     position: relative;
    text-align: center;
}


 
/*서브콘텐츠 */
#sub_contents {width:92%;margin:20px 4%;}
#sub_container{width:100%; background-image:none;}


#snb {display:none;} /*왼쪽메뉴*/
#con_header {width:98%;margin-left:1%;  height:86px; margin-top:10px; }
#con_header .sns {display:none;}
.con_body{float:left; width:92%;margin:40px 4% 10px 4%;}

/*서브비주얼*/
.sv_1 {height:530px;padding-left:0px;}

/*메인비주얼*/
.sv_inner {  margin-top:-30px;   }
.sv_inner .bannerCopy{  padding-top:140px; padding-left:0px;}

.sv_inner .bannerCopy div:nth-child(1) img {max-width:220px;}
.sv_inner .bannerCopy div:nth-child(2) img {max-width:290px;}
.sv_inner .bannerCopy div:nth-child(3) {margin-top:-10px;}
.sv_inner .bannerCopy div:nth-child(3) p {  font-size:17px; padding:5px 15px 0 15px;   }
.sv_inner .bannerCopy div:nth-child(3) p span {  font-size:18px;  }
.sv_inner .bannerCopy div:nth-child(4) {animation-delay:2.5s; font-family: 'GmarketSansMedium'; font-size:18px;color:#222; margin-top:30px;}
.sv_inner .bannerCopy .bannerCopy2 span {color:#358715;}


 
#subTopBar {padding:7px 0;width:100%;}
#subNav > li{display:none;}
#subNav > li:last-child{display:block;width:100%;}
#subNav > li:after{display:none;}
#subNav ul li a{padding:10px 5%;font-size: 14px;}
#subNav > li > a{padding:0 5%; font-size: 14px;}
#subNav ul{top:44px;}

#sub_visual_wrap.bannerCopy { padding-top: 120px;} 

.nav_inner {width:100%; padding:5px 0px;  }




/*모바일메뉴*/
#rwd_header {display:block; position:relative; z-index:56;}
#rwd_header .gnb_btn {right:2%; top:-50px; width:54px; height:50px; position:absolute;}
#rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#444 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;}

.rwd_gnb {position:absolute; top:-100px; left:-220px; width:220px; background:#2b343d; z-index:10;}
.rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;}
.rwd_gnb .link_site li {}
.rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;}
.rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;}
.rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb .lang_site dd {margin:0;}
.rwd_gnb .lang_site dd ul {width:100%;}
.rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;}
.rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;}
.rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;}
.rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;}
.rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;}
.rwd_gnb h2.on a {background:#C53239 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;}
.rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;}
.rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;}
.rwd_gnb .depth3 {background:#31353c;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}



/*모바일탑*/
.top00 {bottom:100px;position: fixed;right: 10px; z-index: 99999; display:block;}
.top00 a {display:block;}



/*레이어팝업 언어선택*/
.pop_wrap { width:100%; }
div.popup {right:0%; width:80% ;}


.lpopup_text li a {padding:1px 1px; margin:2px 2px; border:1px solid #e6e6e6;}

  
.sv_inner .bannerCopy div:nth-child(4) .character01 { top:-10px;}
.sv_inner .bannerCopy div:nth-child(4) .character02 { top:10px; }
.sv_inner .bannerCopy div:nth-child(4) .character03 {top:10px; }
.sv_inner .bannerCopy div:nth-child(4) .character04 {top:-10px;}

}





/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:430px) {
 
/*메인비주얼*/
 
 .sv_1 {height:450px;padding-left:0px;}
.sv_inner .bannerCopy{  padding-top:130px; padding-left:0px;}

}