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

@media (max-width:640px){
    html,body{
        font-size:12px;
    }
    *{
        font-size:12px;
    }
}

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,
fieldset, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: middle;
    color: #696969;
    font-family: 'Nanum Barun Gothic', 'Malgun gothic', sans-serif; /* 1 */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


html{
      font-family: 'Nanum Barun Gothic',  'Malgun gothic', sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */   
    overflow-x: hidden;
}
body {
	line-height: 1;
    font-size: 13px;
    letter-spacing: 0em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
    color:#555;
    text-decoration: none;
}
a:focus{
    outline: none;
}
legend{
    position: absolute;
    top:-9999px;
    width:0;
    height: 0;
}
label,
input[type="submit"],
input[type="image"],
input[type="reset"],
button{
    cursor: pointer;

}
input[type="radio"]:focus{
    outline: none;
}
*{ 
    box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;
}


.cf:after{content: ""; display: block; clear: both;}
.fl{float: left}
.fr{float: right}
.mTn{margin-top:0 !important;}
.mRn{margin-right:0 !important;}
.mBn{margin-bottom:0 !important;}
.mLn{margin-left:0 !important;}
.bTn{border-top:none !important;}
.bRn{border-right:none !important;}
.bBn{border-bottom:none !important;}
.bLn{border-left:none !important}
.dpB{display: block !important;}
.dpIb{display: inline-block !important;}
.dpN{display: none !important;}
.tc{text-align: center !important}
.tl{text-align: left !important}
.tr{text-align: right !important}
.vt{vertical-align: top !important;}
.position-r{position: relative;}
.cb{clear: both;}
.pRn{padding-right:0 !important}
.pLn{padding-left:0 !important}
.pTn{padding-top:0 !important}
.pBn{padding-bottom:0 !important}
.bgN{background: none !important;}
.z-idx{z-index: 10}
.ov{overflow: visible !important}
.accessibility{position: absolute; top:-9999em; left:-9999em; width:0%; height: 0%; line-height: 0%; visibility: hidden;}
/******************* 여백 세팅 *****************/

/*  margin-top */
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt200{margin-top:200px !important;}
.mt210{margin-top:210px !important;}
.mt220{margin-top:220px !important;}
.mt230{margin-top:230px !important;}
.mt240{margin-top:240px !important;}
.mt250{margin-top:250px !important;}
.mt260{margin-top:260px !important;}
.mt270{margin-top:270px !important;}
.mt280{margin-top:280px !important;}
.mt290{margin-top:290px !important;}
.mt300{margin-top:300px !important;}
.mt-10{margin-top:-10px !important;}
.mt-20{margin-top:-20px !important;}
.mt190{margin-top:190px !important;}
.mt-110{margin-top:-110px !important;}
.mt-170{margin-top:-170px !important;}
.mt-200{margin-top:-200px !important;}
/* margin-right */
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}
.mr140{margin-right:140px !important;}
.mr160{margin-right:160px !important;}

/* margin-bottom */
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:30px !important;}
.mb38{margin-bottom:38px !important;}
.mb40{margin-bottom:40px !important;}
.mb41{margin-bottom:41px !important;}
.mb42{margin-bottom:42px !important;}
.mb43{margin-bottom:43px !important;}
.mb44{margin-bottom:44px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb52{margin-bottom:52px !important;}
.mb55{margin-bottom:55px !important;}
.mb58{margin-bottom:58px !important;}
.mb60{margin-bottom:60px !important;}
.mb62{margin-bottom:62px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb73{margin-bottom:73px !important;}
.mb75{margin-bottom:75px !important;}
.mb78{margin-bottom:78px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb105{margin-bottom:105px !important;}
.mb108{margin-bottom:108px !important;}
.mb110{margin-bottom:110px !important;}
.mb115{margin-bottom:115px !important;}
.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}
.mb130{margin-bottom:130px !important;}
.mb135{margin-bottom:135px !important;}
.mb140{margin-bottom:140px !important;}
.mb145{margin-bottom:145px !important;}
.mb150{margin-bottom:150px !important;}
.mb155{margin-bottom:155px !important;}
.mb160{margin-bottom:160px !important;}
.mb300{margin-bottom:300px !important;}
.mb440{margin-bottom:440px !important;}
.mb520{margin-bottom:520px !important;}

/*  margin-left */
.ml5_minus{margin-left:-5px !important;}
.ml5{margin-left:5px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}
.ml45 {margin-left:45px !important}
.ml50 {margin-left:50px !important}
.ml55 {margin-left:55px !important}
.ml60 {margin-left:60px !important}
.ml70 {margin-left:70px !important}
.ml80 {margin-left:80px !important}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.ml110{margin-left:110px !important;}
.ml120{margin-left:120px !important;}
.ml130{margin-left:130px !important;}
.ml140{margin-left:140px !important;}
.ml150{margin-left:150px !important;}
.ml170{margin-left:170px !important;}
.ml180{margin-left:180px !important;}
.ml190{margin-left:190px !important;}
.ml200{margin-left:200px !important;}
.ml-10{margin-left:-10px !important;}
.ml-20{margin-left:-20px !important;}
.ml-30{margin-left:-30px !important;}
.ml-40{margin-left:-40px !important;}
.ml-100{margin-left:-100px !important;}
.ml-110{margin-left:-110px !important;}
.ml-120{margin-left:-120px !important;}
.ml-130{margin-left:-130px !important;}
.ml-140{margin-left:-140px !important;}
.ml-150{margin-left:-150px !important;}
.ml-200{margin-left:-200px !important;}
.ml-215{margin-left:-215px !important;}
.ml-250{margin-left:-250px !important;}
.ml-300{margin-left:-300px !important;}
.ml-350{margin-left:-350px !important;}
.ml-400{margin-left:-400px !important;}
.ml-415{margin-left:-415px !important;}
.ml-500{margin-left:-500px !important;}


/* padding-top */
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:12px !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;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}
.pt-10{padding-top:-10px !important;}
.pt-20{padding-top:-20px !important;}
.pt-30{padding-top:-30px !important;}
.pt-40{padding-top:-40px !important;}
.pt-100{padding-top:-100px !important;}
.pt-110{padding-top:-110px !important;}
.pt-120{padding-top:-120px !important;}
.pt-130{padding-top:-130px !important;}
.pt-140{padding-top:-140px !important;}
.pt-150{padding-top:-150px !important;}
.pt-200{padding-top:-200px !important;}
.pt-215{padding-top:-215px !important;}
.pt-250{padding-top:-250px !important;}
.pt-300{padding-top:-300px !important;}
.pt-350{padding-top:-350px !important;}
.pt-400{padding-top:-400px !important;}
.pt-415{padding-top:-415px !important;}
.pt-500{padding-top:-500px !important;}

/* padding-right */
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr23{padding-right:23px !important;}
.pr26{padding-right:26px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr56{padding-right:56px !important;}
.pr60{padding-right:60px !important;}
.pr67{padding-right:67px !important;}
.pr70{padding-right:70px !important;}
.pr77{padding-right:77px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr95{padding-right:95px !important;}
.pr100{padding-right:100px !important;}


/* padding-bottom */
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/* padding-left */
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl26{padding-left:26px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}    
.pl110{padding-left:110px !important;}    
.pl120{padding-left:120px !important;}