/* 웹폰트 CSS */
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); /* 나눔스퀘어 Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700); /* Roboto */
@font-face{
    font-family:'SWEDFSO';
    src: url('/public/fonts/SWEDFSO.woff');
    src: url('/public/fonts/SWEDFSO.eot?#iefix') format('embedded-opentype'),
    url('/public/fonts/SWEDFSO.woff') format('woff'),
    url('/public/fonts/SWEDFSO.ttf') format('truetype'); 
}

@font-face {
  font-family: 'TmonMonsori';
  src: url('/public/fonts/TmonMonsori/TmonMonsori.ttf.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face{
    font-family:'LotteMartH';
    src: url('/fonts/LotteMarkHMedium.eot?#iefix') format('embedded-opentype');
}

@font-face{
    font-family:'KoPubDotumMedium';
    src: url('/fonts/KoPubDotumMedium.woff');
    src: url('/fonts/KoPubDotumMedium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/KoPubDotumMedium.woff') format('woff'),
    url('/fonts/KoPubDotumMedium.ttf') format('truetype'); 
}

@font-face{
    font-family:'LotteMartHMedium';
    src: url('/fonts/LotteMartHMedium.woff');
    src: url('/fonts/LotteMartHMedium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/LotteMartHMedium.woff') format('woff'),
    url('/fonts/LotteMartHMedium.ttf') format('truetype'); 
}

@font-face{
    font-family:'BaskervilleOldFace';
    src: url('/fonts/BASKVILL.woff');
    src: url('/fonts/BASKVILL.eot?#iefix') format('embedded-opentype'),
    url('/fonts/BASKVILL.woff') format('woff'),
    url('/fonts/BASKVILL.ttf') format('truetype'); 
}

.batang {font-family: '바탕체'}

/*웹폰트*/
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');


/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
}


.font-dotum {font-family: 돋움체}
.font-libre {font-family: 'Libre Baskerville', serif; }
.font-lotte {font-family: 'LotteMartHMedium', serif; }
.font-SWEDFSO {font-family:'SWEDFSO', serif;}
.font-kopub {font-family:'KoPubDotumMedium'; }
.font-arial {font-family:'arial'}
.font-oldface {font-family: 'BaskervilleOldFace';}


body{
/*    font-family: NanumSquare,'나눔스퀘어';*/
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

nav, ul, li{
	list-style:none;
}

li,li { padding:0; margin:0;}

table{
	border-collapse:collapse;
	border-spacing:0;
}


/* link */
a {text-decoration: none !important;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}


/* zen */
.b15 {bottom: 15px;}
.bg-gray{background: #f5f5f5;}
.border-search { border-left:1px solid #ededed; border-right:1px solid #ededed;}
.br10 {border-radius: 10px;} 
.br15 {border-radius: 15px;} 
.br20 {border-radius: 20px;} 
.br25 {border-radius: 25px;}
.db {display: block;}
.dpn {display: none;}
.dt {display: table;}
.fl {float: left;}
.flex {display:flex;}
.flex-acc {align-content: center;}
.flex-aic {align-items: center;}
.flex-asc {align-self:center;}
.flex-dc {flex-direction: column;}
.flex-jcc {justify-content:center;}
.flex-jcs {justify-content: space-between;}
.flex-wrap {flex-wrap:wrap;}
.fr {float:right;}
.fwb {font-weight: bold;}
.fwl {font-weight: lighter;}
.h100 {height: 100px; }
.h100p {height: 100%;}
.h585 {height:585px;}
.h68 {height: 68px;}
.h76 { height:76px; }
.h806 {height: 806px;}
.h875 { height:875px; }
.h906 {height: 906px;}
.l50p {left: 50%;}
.lh35 {line-height: 35px;}
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.ls-4 {letter-spacing: -4px;}
.ls-5 {letter-spacing: -4px;}
.ls1 {letter-spacing: 2px; }
.m0a { margin: 0 auto; }
.mb1 {margin-bottom:1px;}
.mb10 {margin-bottom: 10px;}
.ml1 {margin-left: 1px;}
.ml10 {margin-left: 10px;}
.ml2 {margin-left: 2px;}
.ml20 {margin-left: 20px;}
.ml3 {margin-left: 3px;}
.ml5 {margin-left: 5px;}
.mr1 {margin-right: 1px;}
.mr10 {margin-right: 10px;}
.mr2 {margin-right: 2px;}
.mr20 {margin-right: 20px;}
.mr3 {margin-right: 3px;}
.mr5 {margin-right: 5px;}
.mr5i {margin-right: 5px !important;}
.mt-7 {margin-top:-7px;}
.mt10 {margin-top: 10px;}
.mt180 {margin-top: 180px;}
.pl10p {padding-left: 10%;}
.pl110 { padding-left:110px;}
.pl15p {padding-left: 15%;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}
.pl5p {padding-left: 5%;}
.pl70 { padding-left: 70px;}
.pl8p {padding-left: 8%;}
.pl90 {padding-left: 90px;}
.pl9p {padding-left: 9%;}
.poa {position: absolute;}
.poc {transform: translateX(-50%) translateY(-50%);}
.por {position: relative;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.r0 {right:0;}
.r15 {right: 15px;}
.r50p {right: 50%;}
.t50p {top: 50%;}
.tac {text-align: center;}
.tar {text-align: right;}
.w100 {width: 100px;}
.w100i {width:100px !important;}
.w100p { width: 100%; }
.w100p {width:100%;}
.w110i {width:110px !important;}
.w120 {width:120px;}
.w120i {width:110px !important;}
.w140 {width:140px;}
.w150 {width:150px;}
.w200 {width: 200px;}
.w200i {width: 200px !important;}
.w250i {width: 250px !important;}
.w300 { width:300px; }
.w300i {width:300px !important;}
.w30i {width:30px !important;}
.w33p {width:33.33%;}
.w350i {width:350px !important;}
.w380 {width: 380px;}
.w400i {width:400px !important;}
.w50i {width:50px !important;}
.w50p {width:50%;}
.w70i {width: 70px !important;}
.w90 {width: 90px;}


/* height */
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt99 {padding-top: 99px;}
.pt100 {padding-top: 100px;}
.pt110 {padding-top: 110px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt143 {padding-top: 143px;}
.pt150 {padding-top: 150px;}
.pt160 {padding-top: 160px;}
.pt170 {padding-top: 170px;}
.pt180 {padding-top: 180px;}
.pt190 {padding-top: 190px;}
.pt200 {padding-top: 200px;}
.pt240 {padding-top: 240px;}
.pt300 {padding-top: 300px;}


/* font */
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz15 {font-size: 15px;}
.fz16 {font-size: 16px;}
.fz17 {font-size: 17px;}
.fz18 {font-size: 18px;}
.fz19 {font-size: 19px;}
.fz20 {font-size: 20px;}
.fz21 {font-size: 21px;}
.fz22 {font-size: 22px;}
.fz23 {font-size: 23px;}
.fz24 {font-size: 24px;}
.fz25 {font-size: 25px;}
.fz26 {font-size: 26px;}
.fz28 {font-size: 28px;}
.fz30 {font-size: 30px;}
.fz31 {font-size: 31px;}
.fz32 {font-size: 33px;}
.fz33 {font-size: 33px;}
.fz34 {font-size: 34px;}
.fz35 {font-size: 35px;}
.fz36 {font-size: 36px;}
.fz38 {font-size: 38px;}
.fz40 {font-size: 40px;}
.fz45 {font-size: 45px;}
.fz47 {font-size: 47px;}
.fz50 {font-size: 50px;}
.fz54 {font-size: 54px;}
.fz55 {font-size: 55px;}
.fz60 {font-size: 60px;}
.fz73 {font-size: 73px;}
.fz80 {font-size: 80px; }
.fz100 {font-size: 100px;}
.fz115 {font-size: 115px;}


/* color */
.bg-black-1 {background: #2a2a2a;}
.bg-gray {background: #f8f8f8;}
.bg-gray-1 {background: #2a2a2a;}
.bg-gray-2 {background:#393939;}
.bg-gray-3 {background: #f5f5f5;}
.bg-gray1 {background: #efefef;}
.bg-red {background: #fff6f7;}
.bg-red-2 {background: #F62828;}
.bg-white {background: #ffffff;}
.bg-brown1 {background:#ffecd7}
.bg-yellow {background: #ffae38;}
.bg-cyan {background: #429b7b;}

.c-black {color:#000000;}
.c-black-1 {color:#494949;}
.c-black-2 {color:#7B7B7B;}
.c-gray1 {color:#565657}
.c-gray {color:#848484}
.c-gray-1 {color:#dfdfdf;}
.c-gray-2 {color:#484848;}
.c-gray-3 {color:#4a4a4a;}
.c-gray-4 {color:#838383;}
.c-red {color:#FE0000;}
.c-red-1 {color:#FF002E;}
.c-red-2 {color:#F92927;}
.c-white {color:#FFFFFF;}
.c-cyan {color:#429a7a;}
.c-yellow {color:#F19E18}
.c-yellow-light {color:#F9A318;}
.c-yellow1 {color: #faa319;}
.c-yellow2 {color: #f9a319;}
.c-blue-1 {color: #A09ACA;}
.c-pink1 {color: #f658a9;}
.c-purple1 {color:#9c97ca;}
.bg-brown {background: #feecd6;}

.poa-center {
    display: table;
    top:50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}


/* etc */
.hide-scrollbar {-ms-overflow-style: none;overflow: hidden;}


/* Height */
.lh30 {line-height: 30px;}


/* Width */
.mw600 {max-width: 600px;}
.mw940 {max-width: 940px;}
.mw960 {max-width: 960px;}
.mw970 {max-width: 970px;}
.mw980 {max-width: 980px;}
.mw1900 {max-width: 1900px;}
.responsive {max-width:100%;}


/* top:50%;transform: translateY(-50%);  */
/* ======================== */
/* 반응형 */
/* ======================== */
/* 반응형 PC 1900px */


/* bootstrap */
.col-lg-6 {margin:0 !important; padding:0 !important}


/* 반응형 태블릿 797px */
@media (max-width: 979px)
{

}

/* 반응형 모바일 640px */
@media (max-width: 640px)
{
	.mo-w70p {width:70%;}
	.mo-w80p {width:80%;}
	.mo-w90p {width:90%;}
	.mo-w98p {width:98%;}

}

.w106 {width:4vw;}