charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.css";
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; font-family:"Nanum Gothic",sans-serif; line-height:1;}
caption {visibility:hidden; display:block;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:#fff; cursor:pointer; display:none;}

.header_wrap {width:100%; height:52px; position:fixed; top:0; left:0; z-index:150; overflow:hidden; }
.header {width:100%; max-width:640px; height:50px; border-bottom:2px solid #b41913; background-color:#ffffff; position:relative; margin:0 auto; }
.header h1 {width:100%; text-align:center; padding:10px 0 0 0; top:10px; margin:0; line-height:0;}
.header h1 a { display:inline-block;}
.header .back_btn { position:absolute; right:5px; top:10px;}



/* 서브페이지 lnb 메뉴 */

.sub_lnb_wrap {width:100%; height:33px; position:fixed; top:50px; left:0;  z-index:180;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:38px; margin:0 auto; ove rflow:hidden; position:relative; background:#8c0f0a;}
.sub_lnb > div {width:100%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:#8c0f0a url('/img/kd_sub_lnb_arrow.png') 95% center no-repeat; background-size:14px 8px;}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; height:38px; line-height:38px; font-size:15px; font-weight:bold; color:#ffffff; text-indent:14px;text-align:center; }
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:15px;}
.sub_lnb > div p.title > .arrow img {padding-top:15px;}

.sub_lnb > ul {width:100%; height:0; position:absolute; top:33px; overflow:hidden;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#525252; font-size:17px; border-bottom:1px solid #313131;}
.sub_lnb > ul.lnb_ul li.on {background:#313131;}
.sub_lnb > ul.lnb_ul li > a {font-size:15px; width:100%; height:30px; line-height:25px; display:block; text-indent:10px; color:#fff;}
.sub_lnb > ul.lnb_ul li > a:active {background:#313131;}

.sub_lnb > ul.ul_01 {left:0;}
.sub_lnb > ul.ul_02 {right:0;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}


.footer_wrap { max-width:640px; min-width:320px; position:relative; margin:0 auto; overflow:hidden}
.footer_wrap .tel_btn { max-width:640px; min-width:320px; position:relative; margin:0 auto; overflow:hidden; z-index:99999999;}
.footer_wrap .tel_btn a {display:block;}
.footer_wrap .tel_btn.pos_fixed {position:fixed; bottom:0;}
.footer_wrap .tel_btn img { width:100%;}
.footer_wrap .txts {width:100%; max-width:640px; padding:20px 0 20px 0; margin:0 auto; position:relative; background:#4d4e53; border-top:1px solid #525352; text-align:center;}
.footer_wrap .txts .pc_btn { width:96%; position:relative; margin:0 auto; padding-bottom:20px;}
.footer_wrap .txts .pc_btn a img { width:100%;}
.footer_wrap .txts .foo_tit {font-size:15px; color:#fff; font-weight:bold;line-height:23px; }
.footer_wrap .txts address {font-style:normal; font-size:14px; color:#9b9b9b; line-height:18px; font-weight:bold;}
.footer_wrap .txts address > span { color:#1f1f1f;}
.footer_wrap .txts .copyright {font-size:10px; color:#9b9b9b; line-height:18px; font-weight:bold;}