@charset "utf-8";

/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'NanumGothic','나눔고딕'; font-size: 12px;color:#7c7b7b; line-height:16px; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

a:link { color:#7c7b7b; text-decoration: none; line-height:16px; }
a:visited { text-decoration: none; color:#7c7b7b; }
a:hover { text-decoration: underline; color:#0b96d4; }
a:active { text-decoration: none; color:#0b96d4; }


/* common */ 
#top_bar{margin:0 auto;width:980px;height:31px;}
#top_bar:after{content:"";display:block;clear:both;}
#top_bar .btn{float:left;overflow: hidden;}
#top_bar .btn a{float:left;}                       
#top_bar .top_sns{float:right;display:none;}
#top_bar .top_sns dt, .top_sns dd{float:left;}

#header{margin:0 auto;width:980px;height:143px;position:relative;}
#header .slogan{position:absolute;top:65px;left:0;display:none;}
#logo{position:absolute;top:15px;left:450px;left:350px}
#infomenu{position:absolute;right:0;top:65px;}
#infomenu ul:after{content:"";display:block;clear:both;}
#infomenu ul li{float:left;padding:0 10px;line-height:10px;border-right:1px solid #E00000;}
#infomenu ul li:first-child{padding-left:0;}
#infomenu ul li:last-child{border-right:0;}
#infomenu ul li a{line-height:10px;}
#infomenu ul li a:hover{color:#E00000;text-decoration:none;}
#infomenu ul li a:active{color:#E00000;text-decoration:none;}

#navigation{margin:0 auto;position:absolute;top:94px;left:0;}


/* Design */
.contents .con_title h3 {width:430px !important;}
.contents .con_title p {width:230px !important;}

.con_txt {}
.con_txt .section {margin-bottom:4em;padding-left:2em;}
.con_txt h4 {font-size:20px;font-weight:bold;margin-bottom:1em;color:#e00000;margin-left:-1em;}
.con_txt h4:before {display:inline-block;content:' ';margin-right:.6em;border-left:3px solid #e00000;height:16px;transform:translateY(.1em);}
.con_txt li,
.con_txt p {font-size:14px;line-height:1.6;word-break:keep-all;}
.con_txt li:before {content:'\2022 ';color:#e00000;}
.con_txt li {text-indent:-14px;margin-left:14px;margin-bottom:.4em;}
.con_txt li ul {margin-top:.5em;margin-left:1em;}
.con_txt li ul li:before {color:#333;}

.con_txt p {margin-botto:1em;}

/* BUTTON */
.btn{display:inline-block; margin:0 5px; padding:0 5px; min-width:140px; height:46px; line-height:46px; text-align:center; border:none;}
.btn_s{display:inline-block; margin:0 5px; padding:0 5px; min-width:63px; height:22px; line-height:20px; text-align:center;}

.btn._next{color:#fff; background:#333437;}
.btn._cancel{color:#fff; background:#909297;}

.btn_s._check{position:relative; top:1px; font-size:12px; border:1px solid #ddd; background:#fff;}
.btn_s._zip_code{position:relative; top:1px; font-size:12px; border:1px solid #ddd; background:#fff;}
.btn_s._cancel{position:relative; top:1px; font-size:12px; border:1px solid #ddd; background:#fff;}
.btn_s._search{position:relative; top:1px; font-size:12px; border:1px solid #ddd; background:#fff;}
.btn_s._upload{position:relative; top:1px; font-size:12px; border:1px solid #ddd; background:#fff;}

._orange{color:#ff6648 !important;}
._blue{color:#8fc0e3 !important;}