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


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


 

/* footer */
#footer_wrap {clear:both; width:100%; height:200px;   background:#2e2e2e;}
#footer_wrap #footer{position:relative; max-width:1400px; 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_sns {position:absolute; right:80px; top:-5px;}
.footer_sns ul {display:flex;   justify-content: flex-end;  }
.footer_sns img {max-height:32px;}
.footer_sns ul {  gap: 5px 0px;}
.footer_sns .sns {   }
.footer_sns li a {border-right:0!important; padding:0 5px!important;}

.footer_sns_m {display:none;}


#footer_wrap #footer .site_info{display:inline-block; float:left; padding:20px 10px 0 10px; color:#bbbbbb; font-size:15px; 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; right:10px; top:30px;display:block;}
#footer_wrap #footer .copy_logo img {width:200px;  opacity:0.6;}

.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:#252525; padding:15px 0; overflow:hidden;}
.copy_menu {width:1400px;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 #99999966;  }
.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("/images/sub/layout_sp.png") no-repeat -56px -54px; }
.family_wrap > a span.close { background: url("/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:450px;}
 
#sub_visual_wrap { color:#fff; background:#222 url(/images/main/mv04.jpg) 50% 50% no-repeat; background-size:cover;  }
#sub_visual {width:1400px; margin:0 auto;}
 

.sub_top_tit {position: relative; padding:200px 0 0 0; gap:30px;  display:flex;  align-items: center;  justify-content: center;}
.sub_top_tit h2 { font-size:34px; font-weight:normal;    line-height:100%; color:#fff;display:inline-block;  text-shadow:3px 2px 0px #222;}
.sub_top_tit p {font-size:36px; font-weight:bold; color:#fff; text-shadow:3px 2px 0px #222; }
.sub_top_tit img {max-width:100px; width:100%;}


.sub_top_tit .m_txt01 {   text-align:center;font-size:23px; line-height:130%; margin-bottom:5px; color:#fff; }
.sub_top_tit .m_txt01 img {display: block;  margin-top:20px; max-width:300px; margin:0 auto}
.sub_top_tit .m_txt02 {  text-align:center; font-size:25px; color:#fff; margin-bottom:20px;  }
.sub_top_tit .m_txt03 {  line-height:180%; font-size:18px; color:#fff;  opacity:0.9;}
.sub_top_tit .m_txt03 em { font-size:17px;   background-color:#DEF042; color:#000; border-radius:10px;padding:0 7px;}
.sub_top_tit .m_txt03 b { font-weight:bold; font-size:20px;}



#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; font-weight:normal;}
#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{ font-weight:normal;cursor:pointer; display:block;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:#65801b;}
#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:#65801b;}
#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; font-weight:normal;}
#subNav > li.active ul{display:block;}
#subNav > li.active > a{background:url(/images/sub/icon_subNavOn_ar.png) no-repeat 92% center;  font-weight:normal;}

/* 서브네비게이션*/
#sub-nav_wrap {position: absolute; bottom:0px; width: 100%; height: 55px; z-index: 2; background-color:#2B9942;}
#sub-nav {width: 1400px;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:1400px; padding:0 0 0 0; margin:50px auto; } 


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

  
 

/* Tablet Device 최소 900 ~ 1400  */
@media   (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) {
 
 #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:26px; font-weight:500;padding-left:0px;   color:#fff;display:inline-block}
.sub_top_tit p {font-size:30px; color:#fff;}


#subTopBar {padding:20px 10px;}


.copy_menu {width:100%;}

 
.sub_top_tit img {max-width: 80px;}

}









/* 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  { padding:0 10px 0px 10px; box-sizing:border-box; text-align:center; height:auto;}

#footer_wrap #footer{ max-width:100%; padding: 20px 0 0px 0;display: flex;
flex-direction: column;
align-items: center;
align-content: center;}
#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%;  }



.sub_top_tit .m_txt01 img {  max-width:200px;  }
.sub_top_tit .m_txt02 {   font-size:22px;   margin-bottom:15px;  }
.sub_top_tit .m_txt03 {  font-size:16px;  }
.sub_top_tit .m_txt03 em { font-size:15px;   border-radius:5px;padding:0 7px;}
.sub_top_tit .m_txt03 b {   font-size:17px;}

.copy_menu li a {    font-size: 12px;}



}










/* 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 #footer .copy_logo img { width: 150px;}
#footer_wrap #footer .copy_logo { margin-bottom: 10px;}
 #footer_wrap #footer .site_info { font-size: 13px; letter-spacing:-1px;}
.copy_menu li a {padding: 0 10px; font-size: 13px;}


/*모바일탑*/
.top00 {bottom:115px;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%;  }

#sub-nav { width:100%;}


#sub_visual_wrap {background-size:100%; height:250px;  background-size:cover;  }

.sub_top_tit {padding: 100px 0 0 0; margin-left:0px;  }
.sub_top_tit h2 { font-size:16px; font-weight:500;padding-left:0px; margin-bottom:0px; color:#fff;display:inline-block}
.sub_top_tit p {font-size:20px; color:#fff; letter-spacing:-1px;}
.sub_top_tit img {  max-width: 60px;}

.sub_top_tit .m_txt02 {   font-size: 20px;  margin-bottom:10px;  }
.sub_top_tit .m_txt03 {  font-size:14px;  }
.sub_top_tit .m_txt03 em { font-size:14px;   }
.sub_top_tit .m_txt03 b {   font-size:15px;}




#subTopBar {padding:5px 0; margin-top:-40px;   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%;   font-size: 14px;}
#subNav ul{top:-10px;}
#subNav ul li a {font-size: 14px;}


.copy_menu .copy_logo2 {    display: none;}

.footer_sns {  display:none;}

.footer_sns_m {display:block; position:relative; text-align:center; right:0; margin-bottom:10px;}



}