/* All Device */
#rwd_header {display:none;}
 
 body {
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    letter-spacing: 0px;
    color: #9D9D9D;
}
html, body {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: 'Noto Sans KR', 'NEXON Lv2 Gothic'!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {color:#fff;background:#D40304;}



 



#footer {clear:both;width:100%; height:220px;   background:#1E2327;}
#footer p {color:#999}
#footer strong {color:#f6f6f6;}


.myContent {position:relative;background:#1E2327; max-width:1320px; margin:0 auto; padding:20px 0 0px 0;}

.footer { display:flex;  justify-content: space-between; align-items:flex-start; padding:20px;}
.footer .logo img {opacity:0.5;}
.footer .footer_info { flex:1; margin:0 30px; }
.footer .footer_info p { margin:0; }
.copy_bottom .footer_site_desc { color:#ccc; margin:0 0 8px; line-height:1.6; font-size:14px; }
.footer p {font-size:14px;}
.footer span {font-size:16px; color:#f9f9f9; white-space:nowrap;}
.footer > span > strong {color:#FF6666!important;}
.copy_bottom {border-top:1px solid #444; padding:10px 0 0 0; text-align:center;}

.top00 a {display:none;}

.copy_bottom {margin:20px 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:1320px;margin:0 auto; position:relative;}
.copy_menu ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.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(/customized/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;}
 

  

.container {
    max-width: 1500px!important;
}


 

 



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

 
.top00 a {display:none;}
  .copy_menu {width:100%;}
 }









/* Tablet Device 최소 590 ~ 899  */
@media  (max-width:899px) {
.footer {flex-direction: column;  }
.footer .logo {margin-bottom:15px;}
.footer .footer_info { margin:0 0 15px; }
 .footer span {margin-top:15px; white-space:normal;}
/*모바일메뉴*/
#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(/customized/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(/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:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 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;}


#footer_wrap  {height: auto;padding:0 10px 60px 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%;  }
 
#anchor_menu {display:none;}

 
 
}










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

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

 .footer { padding:10px;}

#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;}
.footer p { font-size: 12px;}
.footer span {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(/customized/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(/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:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 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;}


 


}