@charset "euc-kr";

body:before {content:'mobile'; display:none;}

#wrapper {}

#header {position:relative; z-index:1000; height:64px; background:#fff;}
#logo {width:73px; margin:0 auto; padding:16px 0 0;}
#logo a {display:block; width:100%; height:33px; background:url('/images_renewal/common/logo.png') no-repeat 0 0; background-size:100% 100%; text-indent:-9999px;}
#header .btn-site-tools {position:absolute; top:25px; right:20px; display:block; width:19px; height:14px; background:url('/images_renewal/common/btn_site_tools.png') no-repeat 0 0; background-size:100% 100%; text-indent:-9999px;}
#header .btn-site-tools.show {width:14px; height:14px; background-image:url('/images_renewal/common/btn_site_tools_close.png');}
#site-tools {display:none; position:absolute; top:64px; left:0; right:0; border-top:1px solid #c2c0c0; background:#fff;}
#gnb li.primary {position:relative;}
#gnb a.primary {display:block; padding:15px 0; text-align:center; font-size:15px;}
#gnb ul.secondary {display:none; padding:10px 0; background:#464646; text-align:center;}
#gnb li.secondary {display:inline-block;}
#gnb a.secondary {display:inline-block; padding:10px 25px; color:#fff; font-size:11px;}
#gnb a.secondary.active {color:#c2c0c0;}

#site-tools .call-info {display:none; margin:7px 0 0 3%; padding:0 0 0 23px; background:url('/images_renewal/common/ico_call_info.png') no-repeat 0 50%; font-size:15px;}
#site-tools .btn-login {display:block; width:95px; padding:7px 0; margin:10px auto 13px; background:#fff; border:1px solid #c2c0c0; border-radius:5px; position:relative; behavior:url(/include_renewal/css/PIE.htc); text-align:center; font-size:12px;}

#container {}

#footer {padding:40px 0; background:#464646;}
#footer .in-row {overflow:hidden; margin:0 20px;}
#footer .address {float:left; width:60%; color:#fff; font-size:10px;}
#footer .address a {color:#fff;}
#footer .f-menu {display:none;}
#footer .links {float:left; width:40%;}
#footer .links h3 {height:25px; border-bottom:2px solid #c2c0c0; font-size:11px; color:#c2c0c0;}
#footer .links ul {padding:5px 0 0;}
#footer .links li {padding-top:1px;}
#footer .links a {color:#c2c0c0; font-size:10px;}
#footer .links .follow {display:none;}
#footer .copyright {display:none;}

.in-row:after {content:''; display:block; clear:both;}

/* desktop version */
@media all and (min-width:768px) {
body:before {content:'desktop';}

.in-row {max-width:1090px; margin:0 auto; padding:0 20px;}

#header .in-row {position:relative; height:100%;}
#logo {margin:0;}
#header .btn-site-tools {display:none;}
#site-tools {display:block !important; position:absolute; top:16px; right:20px; left:auto; width:82%; height:34px; border:0 none;}
#site-tools .call-info {position:absolute; top:0; right:13%; display:block; margin-left:0;}
#site-tools .btn-login {position:absolute; top:0; right:0; margin:0; width:10%;}

#gnb {position:absolute; top:0; left:0; float:left; width:68%;}
#gnb ul.primary:after {content:''; display:block; clear:both;}
#gnb li.primary {float:left; width:20%;}
#gnb a.primary {display:block; padding:8px 0; border-right:1px solid #e3e3e3; font-size:13px; text-align:center;}
#gnb a.primary.active {color:#c2c0c0;}
#gnb ul.secondary {position:absolute; top:48px; left:0; right:0; background:url('/images_renewal/common/bg_gnb_secondary.png') no-repeat 100% 0;}
#gnb li.secondary {display:block;}
#gnb a.secondary {display:block; padding:7px 0; text-align:center; color:#464646;}
#gnb a.secondary.active {color:#339;}

#footer {padding:0;}
#footer .in-row {padding:60px 20px 50px; margin:0 auto;}
#footer .address {width:22%; margin-left:2%; padding:57px 0 0; background:url('/images_renewal/common/footer_logo.png') no-repeat 0 0; font-size:11px; line-height:1.8;}
#footer .f-menu {display:block; float:left; width:55%;}
#footer .f-menu:after {content:''; display:block; clear:both;}
#footer .f-menu li {float:left; width:20%; text-align:center;}
#footer .f-menu li a {display:inline-block; width:63px; height:39px; padding:24px 0 0; border:1px solid #bfbdbd; border-radius:32.5px; position:relative; behavior:url(/include_renewal/css/PIE.htc); color:#c2c0c0; font-size:11px;}
#footer .f-menu li a.two-line {height:45px; padding:18px 0 0;}
#footer .f-menu li ul {padding:10px 0 0;}
#footer .f-menu li ul li {float:none; width:auto; padding:2px 0;}
#footer .f-menu li ul li a {display:inline; width:auto; height:auto; padding:0; border:0 none; border-radius:0;}
#footer .links {float:right; width:15%;}
#footer .links h3 {font-size:12px;}
#footer .links li {padding:1px 0;}
#footer .links a {font-size:11px;}
#footer .links .follow {display:block; margin-top:35px;}
#footer .copyright {display:block; padding:18px 0; background:#3d3d3d; text-align:center; color:#707070; font-size:11px;}
}

@media all and (min-width:1000px) {
#site-tools {width:75%;}
#site-tools .call-info {right:15%;}
#site-tools .btn-login {width:12%;}

#gnb {width:68%;}
}