@charset "utf-8";
/*나눔고딕웹폰트로드(폰트 사용할곳에font-family:'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';추가)
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothiclight.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothicultralight.css);


/*나눔바른고딕웹폰트로드(폰트 사용할곳에font-family:'NanumBarunGothic';추가)*/
@import url("../font/NanumBarunGothic.css");
/*나눔명조웹폰트로드(폰트 사용할곳에font-family: 'Nanum Myeongjo', serif;추가)*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*코펍바탕체 font-family: 'KoPub Batang', 'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';*/ 
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);

/* CSS Document */
*{font: 12px 'Nanum Gothic','나눔고딕','돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';padding:0;margin:0;color:#272727;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;border:none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{font-family:"Nanum Gothic",'돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
caption {display:none;}
input,select,button{vertical-align:middle;}
button{margin:0;padding:0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;}
a{text-decoration:none; color:#666;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
.blind {display:block;overflow:hidden;top:-1000em;position:absolute;}

/* float */
.clearfix{*zoom: 1;}
.clearfix:after{content:''; display:block; clear:both;}
.left{float:left;}
.right{float:right;}

/* Form */
.label em img{vertical-align:0;}
.label em img{vertical-align:middle;}
.inpField{background-color:#fefefe; border:1px solid #ddd;padding:3px 5px;}
.btn{background-color:#fff; border:1px solid #ccc;padding:3px 5px; border-right-color:#aaa;border-bottom-color:#aaa;}
.lh65{line-height:65px; !important;}
.lh_1{line-height:1em; !important;}
.padd_5_0{padding:5px 0;}

/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.blind2{display: none;}
:root legend{margin-top:-1px;font-size:0;line-height:0}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*selcetion*/
/*::selection{background:#cc0000;	color:#fff;}
::-moz-selection{background:#cc0000;color:#fff;}*/

/*width*/

.w20{width:20px;}
.w40{width:40px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w400{width: 400px;}
.w600{width: 600px;}
.w800{width: 800px;}
.w1020{position:relative;width:1020px;margin:0 auto;}

/*margin & padding*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb21{margin-bottom: 21px;}
.mb30{margin-bottom: 30px;}
.mb42{margin-bottom: 42px;}
.mb50{margin-bottom: 50px;}
.mb63{margin-bottom: 63px;}

/*text-align*/
.t_center{text-align: center !important;}
.t_left{text-align: left !important;}
.t_right{text-align: right !important;}

/*hide-text*/
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*loader*/
#loader{background: #f5f5f5; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;}

/*기본*/
#wrap{width:100%; margin: 0 auto; min-height:100%;}
#header{position:relative;}
#container{position:relative;*zoom:1;}
#container:after{display:block;clear:both;content:'';}
#footer{position:relative;}