@charset "utf-8";

/* 
	Korean
	Usage: font-family:'NanumSquare', Arial, "돋움", Dotum, AppleGothic, sans-serif;
*/

/* reset */
body,th,td,input,select,textarea,button { *word-break:break-all; -ms-word-break:break-all;}
body,html {width:100%; height:100%;}
body {background-color: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,option,blockquote,th,td,input,select,textarea,button,figure,section,article,main,aside,nav,header,footer,figcaption{margin:0; padding:0;}
fieldset,img{border:0 none}
img {vertical-align:top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle; border-radius:4px; border:1px solid #d8d8d8; height: 40px; background-color: #fff;}
input,button{background-color:transparent;cursor:pointer; padding:0 0 0 4px;}
input::-ms-clear{display:none; }
button{border:0 none;background-color:transparent;cursor:pointer}
body,th,td,div,ul,p,a,input,select,textarea,button{ font-family:'Nanum Square', sans-serif , Arial, "돋움", Dotum, AppleGothic; font-weight: 400;}
a{color:#000;text-decoration:none}
a:active,a:hover{text-decoration:underline;}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
main{display:block;}
select::-ms-expand {display:none;}/* 화살표 없애기 for IE10, 11*/

input[type="text"],input[type="submit"], textarea { -webkit-appearance:none; }
 
@font-face {
 font-family: 'Nanum Square';
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}



/* font 크기 style */
.f12 { font-size:12px}
.f14 { font-size:14px}
.f16 { font-size:16px}
.f17 { font-size:17px}
.f18 { font-size:18px}
.f20 { font-size:20px}
.f23 { font-size:23px}
.f24 { font-size:24px}
.f26 { font-size:23px}
.f33 { font-size:33px}
.f44 { font-size:44px}


/* font 간격 style */
.Ls_01 {letter-spacing: -0.01em}


/* font 줄간격 style */
.Lh_15 {line-height:1.5 }


/* font 굵기 style */
.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }

/* 졍렬 style */
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}

.FL {float: left;}
.FR {float: right;}



/* padding default */
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt90 {padding-top:90px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr35 {padding-right:35px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pr60 {padding-right:60px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pl70 {padding-left:70px}

/* margin default */
.mt-10 {margin-top:-10px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt65 {margin-top:65px}
.mt70 {margin-top:50px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}

.mr5 {margin-right:5px}
.mr9 {margin-right:9px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb80 {margin-bottom:50px}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}
.ml55 {margin-left:55px}
.ml70 {margin-left:70px}


/* color style 154690*/
.red {color: #FF0004;}
.blue {color: #0e4194;} 
.gray { color : #9d9d9c;}