@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Oswald);

/* HTML 리셋 */
/* *{margin:0;padding:0;line-height:160%;color:#666;font-size:12px}  * 은 전체 적용시 주석 제거  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote{margin:0;padding:0;}
html {overflow-y:scroll;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {font-family:Arial, 돋움, Dotum, 굴림,'맑은 고딕','Malgun Gothic', Gulim, AppleGothic, Sans-serif;}

img, fieldset {border:0;}
body, dl, dt, dd, th, td, div, p, a, button, table,li {color:#000;font-size:13px; }
form, fieldset,legend, input, button, textarea, select {color:#000;font-size:13px;}
ul, ol {list-style:none;}
table {border-collapse:collapse; width:100%}
input, textarea {display:inline-block;font-size:13px;vertical-align:middle;}
textarea {resize:none;}
address, em {font-style:normal;}
th, td {padding:0;vertical-align:top;text-align:left;font-weight:normal;}
a {color:#000; text-decoration:none; outline:none; selector-dummy:expression(this.hideFocus=true);} 
a:hover,a:focus,a:active {cursor:pointer !important; color:#8a8a8a; text-decoration:none;}
address {font-style:normal;}
blockquote, p {margin:0;}

/* 테이블 리셋 */
caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px;}

/* 헤딩 테그 리셋 */
h1, h2, h3, h4, h5, h6 {font-size:1.000em; color:#666;font-family:Arial;}

/* inline */
img {display:inline-block;border:0 none;vertical-align:top;}
a, cite, code, dfn, del, em, ins, label, q, span, strong, input, select {display:inline-block; vertical-align:middle;}
cite, em, dfn {font-style:normal;}
hr {display:none;}
sub {vertical-align:bottom;font-family:Arial;}
sup {vertical-align:top;font-family:Arial;}
/* label {*vertical-align:middle;}  radio, checkbox 뒤에 label이 있을 경우 비틀어져 있을경우 주석 제거 */
div, li, p { line-height:18px; color:#767676;}
input[type="radio"],
input[type="checkbox"] {margin:0;padding:0;}

/* 스킵네비 */
.skip {position:absolute;top:0;left:0;width:100%;height:0;line-height:0; z-index:9999;}
.skip a {display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip a:hover,
.skip a:active,
.skip a:focus{position:absolute;top:0;left:0;width:100%;height:19px;line-height:100%;margin:0;padding:5px 0 0 0; border:1px solid #54a51b !important; background:#63c31e; font-weight:bold;font-size:14px;color:#ffffff;text-align:center;} 


/* 플롯헤제 */
.clearfix {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.clearfix:before,
.clearfix:after{display:block;clear:both;content:"";} /* 표준브라우저 */

/* float 관련 */
.fl {float:left !important;}
.fr {float:right !important;}

/* 정렬 */
.txt-c {text-align:center !important;}
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}

/* 백그라운드, 디스플레이 none 처리, hidden 처리 */
.bg-n {background-image:none !important; padding-left:0;}
.dis-n {display:none;}
.hidden {border:1px solid red; font-size:0; width:0; height:0; text-indent:-9999px; padding:0; margin:0;visibility:hidden;overflow:hidden;}


/* 여백 마진, 페딩 필요시 추가 */
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.mr10 {margin-right:10px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}
.pr10 {padding-right:10px !important;}

/* 레이어 팝업 */
#dimm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#ccc !important;opacity:0.75;filter:alpha(opacity=75)}
#popAll{position:absolute;z-index:99999}


/* popup LOCATION */
#popup_location{clear:both; position:relative; width:840px; background-color:#fff;}
#popup_location .pop-head {padding:22px; background:#000;}
#popup_location .pop-head h1{font-size:30px; font-weight:bold; color:#fff; line-height:30px;}
#popup_location .pop-cont{padding:20px 20px; text-align:center;}
#popup_location .pop-cont.pd40{padding:50px 43px;}
#popup_location p{text-align:left; color:#444; font-size:12px;}
#popup_location .tit{display:block; text-align:left; color:#222; font-size:17px; line-height:20px;}
#popup_location .btn-close{position:absolute; right:20px; top:22px;}

#popup_location .img-lst li{float:left; margin:30px 0 0 0; width:255px;}
#popup_location .img-lst li p{color;#666; font-size:11px;}
#popup_location .link {color:#005ccd !important; font-size:13px; font-weight:bold;}
#popup_location .link a{padding-left:5px; color:#005ccd; font-size:13px; text-decoration:underline; font-weight:normal;}

#popup_location .size13{font-size:13px !important;}
#popup_location .size15{font-size:15px !important;}