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


#wrap {margin:0;padding:0;width:100%;min-width:1200px;overflow:hidden;}
.wrapper { width:1200px; margin:0 auto; }



/*quick*/
.quick {width:170px; padding:10px 0; height:auto; background-color:#1d4d8f; z-index:1; border:1px solid #ddd;  position: fixed; right:40px; top:17%;}
.quick h3 {color:#fff; font-size:1.6em; text-align:center; padding:5px 0;letter-spacing:-1px;}
.quick ul {background-color:#fff; }
.quick li a {width:100%; padding:90px 0 15px 0; color:#555; font-size:16px; text-align:center;letter-spacing:-2px;}
.quick li a:hover {color:#ff6600; }
.quick li:first-child {border-bottom:1px solid #ddd; background: url(/images/common/quick_01.gif) no-repeat 50% 15px;}
.quick li:last-child { background: url(/images/common/quick_02.gif) no-repeat 50% 10px;}
.quick .qp_01 {color:#fff;font-size:1.6em; text-align:center; padding:10px 0px;margin:0 10px; letter-spacing:-1px; border-bottom:1px solid #6a91c5; line-height:120%;}
.quick .qp_01 span {color:#ffea00;font-size:1.1em;  font-weight:bold;}
.quick .qp_02 {color:#e0edff; padding:10px 0px 10px 10px; font-size:14px;letter-spacing:-1px;}
.quick .qp_03 {color:#e0edff;padding:0px 0px 10px 0px;font-size:14px; border-bottom:1px solid #6a91c5;margin:0 10px 10px 10px ; letter-spacing:-1px;}
.quick a {color:#e0edff; margin:10px 0 0 0px ; display:block; vertical-align:middle;font-size:14px;letter-spacing:-1px; }
.quick a img {vertical-align:middle; margin-right:3px; margin-left:10px;}


/* footer */
#footer_wrap {clear:both; width:100%; height:200px;   background:#1E2327;}
#footer_wrap #footer{position:relative; max-width:1200px; margin:0 auto; padding:20px 0 10px 0;}
 
.copy_sns {position:absolute; right:0; top:30px;}
.copy_sns li {float:left; margin-right:10px;}

#footer_wrap #footer .site_info{display:inline-block; float:left; padding:20px 10px 0  250px; color:#bbbbbb; font-size:14px; line-height:140%;   }
#footer_wrap #footer .copyright{margin:0px 0 0 0; font-size:1.0em; color:#bbbbbb; }
#footer_wrap #footer .copyright span{color:#fff;   }
#footer_wrap #footer .site_info span{color:#fff;   }
#footer_wrap #footer .copy_logo { position:absolute; left:10px; top:40px;display:block;}
#footer_wrap #footer .copy_logo img {width:200px;  opacity:0.9;}

.top00 a {display:none;}

.copy_bottom {margin:30px 0 15px 0; padding-bottom:10px;}
.copy_bottom .copyright {padding-top:15px; border-top:1px solid #414141; margin-top:15px;}  


.copy_menu_wrap { position:relative; width:100%; margin:0 auto; background-color:#333; padding:15px 0; overflow:hidden;}
.copy_menu {width:1200px;margin:0 auto; position:relative;}
.copy_menu .copy_logo2 { position:absolute; right:0px; top:-14px;display:block;}
 
 
.copy_menu li a {color:#F0F0F0; float:left; padding:0 25px 0 25px; display:block; font-size:15px;border-right:1px solid #999;  }
.copy_menu li:last-child a {border:0;}
 
/* foot link */
.foot-link-area {position:absolute; top:40px; right:0px;}
.foot-link-area .foot-link {position:relative; right:55px; width:220px; height:44px; background:url(../images/common/ico_foot_sel_arrow.png) center right no-repeat; border:1px solid #555}
.foot-link-area .foot-link label {position:absolute; font-size:14px; color:#999; width:170px; top:12px; left:10px}
.foot-link-area .foot-link .foot-select {width:100%; height:40px; min-height:40px; line-height:40px; font-size:14px; padding:0 10px; opacity:0; filter: alpha(opacity=0); cursor:pointer}
.foot-link-area .btn-link {position:absolute; top:0; right:0; width:50px; height:44px; font-size:13px; font-weight:bold; text-align:center; line-height:44px; background-color:#444; border-radius:3px; color:#fff}

.family_wrap {  position:absolute; top:40px; right:0px; border:1px solid #555;  height:52px;}
.family_wrap > a { display:block; color:#fff;  width:250px; text-align:center; line-height:52px; position:relative;}
.family_wrap > a:hover, .family_wrap > a:focus {text-decoration: underline;}
.family_wrap > a span { display:block; float:right; width:7px; height:5px; text-indent:-99999px; margin-top:25px; margin-right:24px; }
.family_wrap > a span.open { background: url("/customized/images/sub/layout_sp.png") no-repeat -56px -54px; }
.family_wrap > a span.close { background: url("/customized/images/sub/layout_sp.png") no-repeat -65px -54px; }
.family_box{ position:absolute;  width:100%; bottom:50px; background-color:#fff; border:1px solid #555; display: none; z-index: 999;}
 
.family_box ul li { border-top:1px solid #555; background-color:#1E2327; color:#fff; padding:0px 0;}
.family_box ul li:first-child { border-top:none;}
.family_box ul li a{display:block; width:100%;color:#999; text-align:center; line-height:30px; position:relative; font-size:13px; padding:3px 0;letter-spacing:-1px;}
.family_box ul li a:hover, .family_box ul li a:focus {background-color: #333; color: #fff;}
 


 /* 서브컨텐츠 */
#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:580px;}
 
#sub_visual_wrap { color:#fff; background:#56678A url(/images/sub/sub_bg01.jpg) 50% 0% no-repeat; background-size:cover;  }
#sub_visual {width:1200px; margin:0 auto;}
 

.sub_top_tit {position: relative; padding:220px 0 0 0; }
.sub_top_tit h2 { font-size:45px; font-weight:bold;  margin-bottom:15px; color:#fff;display:inline-block; font-family: 'yg-jalnan'; text-shadow:3px 2px 0px #222;}
.sub_top_tit p {font-size:20px; color:#fff; opacity:0.9;}

 




#subTopBar .btnPrint{right:40px;background:url(/images/sub/icon_btnPrint.gif) no-repeat;}
#subTopBar .btnPrint:hover{background:url(/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;padding:22px 40px; margin-top:-40px; background-color:#fff; box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);}
#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 #cecece;}
#subNav > li.home{min-width:auto;width:45px;background:url(/images/sub/icon_subNav_home.gif) 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(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;font-size:17px;color:#4d4d4d;line-height:32px;}
#subNav > li > a:hover{color:#1A65E1;}
#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:#1A65E1;}
#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(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;}
#subNav ul li:first-child a:hover{background:#f6f6f6 url(/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(/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:#2B9942;}
#sub-nav {
  width: 1200px;
   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(/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:1200px; padding:0 0 0 0; margin:50px auto; } 


.nav_inner {width:1200px; margin:0 auto;}


/* Tablet Device 1700  */
@media  (max-width:1700px) {

/*quick*/
.quick  {display:none;}
 

}



/* Tablet Device �ּ� 900 ~ 1199  */
@media (min-width:900px) and (max-width:1400px) {

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

.nav_inner {width:96%; margin:0 auto;}


/*서브비주얼*/
#sub_visual { width:100%;}

#sub-nav { width:100%;}

/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}
#footer_wrap #footer{ max-width:98%;}
#footer_wrap #copymenu {width:100%;}


.con_body{ width:98%; padding:0px 1%;}


.copy_menu {width:100%;}

}





/* Tablet Device 최소 900 ~ 1199  */
@media   (max-width:1199px) {
 #footer_wrap  {height: auto;}

 #wrap {min-width:100%;}
.nav_inner {width:90%; margin:0 auto;}

.top00 a {display:none;}

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

#sub_visual_wrap {width:100%; height:300px;background-position: 35% top;}
#sub_visual { width:100%;}


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



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

 


/*서브비주얼*/

#sub-nav { width:100%;}
.sv_1 {position:relative; width:100%; height:400px;}

.sub_top_tit {padding: 150px 0 0 0; margin-left:50px;}

#sub_visual_wrap {background-size:cover; height:400px;}
.sub_top_tit h2 { font-size:30px; font-weight:500;padding-left:0px; margin-bottom:15px; color:#fff;display:inline-block}
.sub_top_tit p {font-size:16px; color:#fff;}

 
#subTopBar {padding:20px 10px;}


.copy_menu {width:100%;}

}









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


#wrap {min-width:100%;}
.wrapper { width:100%; }
#header h1 { float:left; margin-left:10px;}

#header {width:100%;  margin:0 auto; height:105px; border-top:3px solid #00529E; border-bottom:1px solid #d1d1d1;}

#gnb {display:none;} /*대메뉴*/
#lnb {display:none;} /**/

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



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

.rwd_gnb {position:absolute; top:-115px; 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(/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(/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(/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 url(/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(/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(/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(/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;}


#footer_wrap  {height: auto;padding:0 10px 0px 10px; box-sizing:border-box; text-align:center; }

#footer_wrap {  height:auto;}
#footer_wrap #footer{ max-width:100%; padding: 20px 0 0px 0;}
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}
#footer_wrap #footer .copy_logo {position:relative; width:100%; left:0; top:0; text-align:center; margin-bottom:20px; z-index:0;}
.site_info {display:block; float:none; padding:0!important;  margin:20px 0;}
.copy_sns {position:relative; width:180px; margin:0 auto; left:0; top:0; text-align:center;   text-align:center;} 

#footer_wrap #footer .site_info { float: none;}
#footer_wrap #footer .copy_logo2 {    display: none;}
.site_info {margin: 0;}

 
.copy_menu {width:100%;}

.foot-link-area {display:none;}



.family_wrap {  position:relative; top:0px; right:0px; margin-top:20px;}
.family_wrap > a {   width:100%;  }
 




}










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




.nav_inner {width:100%; margin:0 auto 30px auto;}


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



#footer_wrap  {height: auto;}
#footer_wrap #footer .site_info { font-size: 13px; letter-spacing:-1px;}
.copy_menu li a {padding: 0 10px; font-size: 13px;}


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

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

.rwd_gnb {position:absolute; top:-115px; 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(/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(/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(/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 url(/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(/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(/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(/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;}



/*서브컨텐츠*/
#sub_contents {width:100%;}
#sub_container{width:100%; padding-top:0px;}


.con_body{ width:94%;   margin:0 3%;}


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


 #sub_visual_wrap {background-size:100%; height:430px;  background-size:cover; background:#56678A url(/customized/images/main/mv_01_m.jpg) no-repeat 50% 30% / cover ;}

.sub_top_tit {padding: 200px 0 0 0; margin-left:0px; text-align:center;}
.sub_top_tit h2 { font-size:1.7em; font-weight:500;padding-left:0px; margin-bottom:15px; color:#fff;display:inline-block}
.sub_top_tit p {font-size:14px; color:#fff; letter-spacing:-1px;}

 
 
#subTopBar {padding:15px 0; margin-top:-50px;   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:-10px;}



}