@charset "utf-8";

/* 
	Korean
	Usage: font-family:'Nanum Barun Gothic','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, table{border:0 none}
img {vertical-align:middle;}
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:1px solid #dcdcdc; height: 30px; background-color: #fff; color: #000;}
input,button{background-color:transparent;cursor:pointer; padding:0 10px 0 10px;}
textarea{background-color:transparent;cursor:pointer; padding:10px;}
input{font-size: 14px;}
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','Nanum Barun Gothic', Arial, '돋움', Dotum, '맑은고딕', Malgun Gothic,Helvetica, 'Apple SD Gothic Neo', 'AppleGothic', Sans-serif;}
a{color:#000; text-decoration:none;}
a:active,a:hover{text-decoration:none; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}
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*/

textarea::placeholder {font-size: 12px; color: #C4C4C4;}
textarea::-webkit-input-placeholder {font-size: 12px; color: #C4C4C4;}
textarea:-ms-input-placeholder {font-size: 12px; color: #C4C4C4;}

input::placeholder {font-size: 12px; color: #C4C4C4;}
input::-webkit-input-placeholder {font-size: 12px; color: #C4C4C4;}
input:-ms-input-placeholder {font-size: 12px; color: #C4C4C4;}

input[type=email],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea{-webkit-appearance:none}
input[type=password] {font-family: sans-serif !important;}/*인풋창에 패스워드가 안보일때*/




@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(NanumBarunGothicUltraLight.woff) format('woff'),
       url(NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicLight.woff2) format('woff2'),
       url(NanumBarunGothicLight.woff) format('woff'),
       url(NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothic.woff2) format('woff2'),
       url(NanumBarunGothic.woff) format('woff'),
       url(NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicBold.woff2) format('woff2'),
       url(NanumBarunGothicBold.woff) format('woff'),
       url(NanumBarunGothicBold.ttf) format('truetype');
}


@font-face {
 font-family: 'Nanum Square';
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
	  url(NanumSquareR.woff2) format('woff2'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Square';
 font-weight: 300;
 src: url(NanumSquareL.eot);
 src: url(NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareL.woff2) format('woff2'),
	  url(NanumSquareL.woff) format('woff'),
      url(NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Square';
 font-weight: 400;
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
 	  url(NanumSquareR.woff2) format('woff2'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square';
 font-weight: 700;
 src: url(NanumSquareB.eot);
 src: url(NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareB.woff2) format('woff2'),
	  url(NanumSquareB.woff) format('woff'),
      url(NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square';
 font-weight: 800;
 src: url(NanumSquareEB.eot);
 src: url(NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareEB.woff2) format('woff2'),
	  url(NanumSquareEB.woff) format('woff'),
      url(NanumSquareEB.ttf) format('truetype');
}



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

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

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


/* font 줄간격 style */
.Lh_14 {line-height:14px!important}
.Lh_16 {line-height:16px!important}
.Lh_18 {line-height:18px!important}
.Lh_20 {line-height:20px!important}
.Lh_22 {line-height:22px!important;}
.Lh_24 {line-height:24px!important}


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

.VT {vertical-align: top!important;}
.VM {vertical-align: middle!important;}
.VB {vertical-align: bottom!important;}

/* 행졍렬 style */
.FL {float: left!important;}
.FR {float: right!important;}


/* color style */
.red {color: #FF0000!important;} 
.blue {color: #0e4194!important;} 
.gray { color : #9d9d9c!important;} 
.gray_txt { color : #929292!important;} 
.black { color : #000000!important;} 
.orange {color: #ff7a38!important;} 
.bgreen {color: #43bfce!important;} 
.yellow{ color: #fff600!important;} 
.orange {color: #ff7a38!important;} 


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

.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr13 {padding-right:13px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}
.pr35 {padding-right:35px!important;}
.pr40 {padding-right:40px!important;}
.pr50 {padding-right:50px!important;}
.pr60 {padding-right:60px!important;}

.pb5 {padding-bottom:5px!important;}
.pb8 {padding-bottom:8px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}
.pb70 {padding-bottom:70px!important;}
.pb80 {padding-bottom:80px!important;}
.pb90 {padding-bottom:90px!important;}
.pb100 {padding-bottom:100px!important;}

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


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

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

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb70 {margin-bottom:70px!important;}
.mb80 {margin-bottom:50px!important;}
.mb90 {margin-bottom:90px!important;}
.mb100 {margin-bottom:100px!important;}

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


.width_40 {width:40px!important;}
.width_50 {width:50px!important;}
.width_60 {width:60px!important;}
.width_70 {width:70px!important;}
.width_80 {width:80px!important;}
.width_90 {width:90px!important;}
.width_100 {width:100px!important;}
.width_110 {width:110px!important;}
.width_120 {width:120px!important;}
.width_130 {width:130px!important;}
.width_150 {width:150px!important;}
.width_160 {width:160px!important;}
.width_170 {width:170px!important;}
.width_180 {width:180px!important;}
.width_190 {width:190px!important;}
.width_200 {width:200px!important;}
.width_250 {width:250px!important;}
.width_300 {width:300px!important;}
.width_350 {width:350px!important;}
.width_400 {width:400px!important;}
.width_450 {width:450px!important;}
.width_500 {width:500px!important;}
.width_550 {width:550px!important;}
.width_600 {width:600px!important;}
.width_650 {width:650px!important;}
.width_700 {width:700px!important;}
.width_750 {width:750px!important;}
.width_800 {width:800px!important;}