@charset "utf-8";

/*font*/
@import url("fonts/notosans/notosans.css");
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

/*G마켓폰트*/
@font-face{font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face{font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face{font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {
    font-family: 'SeoulNamsanM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiBaseType-RegularA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiPoint-white';
    src: url('/html/css/fonts/LeferiPoint-white.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiPoint-SpecialA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-SpecialA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Eulyoo1945-Regular';
    src: url('/html/css/fonts/eulyoo/Eulyoo1945-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eulyoo1945-SemiBold';
    src: url('/html/css/fonts/eulyoo/Eulyoo1945-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiPoint-WhiteObliqueA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-WhiteObliqueA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
html, body {position:relative; color:#000; font-size:16px; font-family:'LeferiBaseType-RegularA', 'NanumSquare','GmarketSansMedium', 'SeoulNamsanM' ,'Noto Sans KR','notokr','dotum','돋움','gulim','굴림','Tahoma' !important; margin:0; padding:0; width:100%; /*-ms-overflow-style:none; scrollbar-width:none;*/}
/*body::-webkit-scrollbar{display: none;}*/
html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none;}
form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, input, blockquote, th, td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea {margin: 0; padding: 0;}
button {cursor: pointer;}
ol, ul, dl {list-style: none; padding:0; margin:0;}
fieldset{border:0; margin:0; padding:0; outline:0; display:block;}
img {border:0; margin:0; padding:0; outline:0; }
input, select, button {vertical-align: top; font-family: "Noto Sans KR", sans-serif !important;}
li{list-style:none;padding:0;margin:0;}
textarea {overflow: auto;vertical-align: top;}
label {cursor: pointer;}
table {width:100%; border-collapse:collapse; table-layout:fixed; border-spacing:0; word-break:break-all;}
a {text-decoration: none; cursor: pointer; color:#333;}
section, article, aside, hgroup, header, footer, nav, figure, figcaption, time, mark, canvas, video, audio, details, summary {display: block;}
h2{padding:0; margin:0; font-size:19px; letter-spacing: -1.5px;}
table caption {height: 0;width: 0;text-indent: -9999px;}
input[type='tel'], input[type='url'], input[type='number'], input[type='email'], input[type='text'], input[type='password'], input.text, input.password {border-left: 1px solid #c5c5c5;border-top: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;background-color: #fff;}
address{font-style: normal;}

i{font-style: normal;}

.pt1{padding-top:1%;}
.pt5{padding-top:5%;}
.pt10{padding-top:10%;}
.pt20{padding-top:20%;}
.pt30{padding-top:30%;}
.pt50{padding-top:50%;}

.mt1{margin-top:1%;}
.mt2{margin-top:2%;}
.mt3{margin-top:3%;}
.mt4{margin-top:4%;}
.mt5{margin-top:5%;}
.mr0{margin-right:0 !important;}
.mb50{margin-bottom:50px;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}

.ml20{margin-left:20px;}


/*letter-spacing*/
.ls0{letter-spacing:0px;}
.ls5{letter-spacing:-0.5px;}
.ls8{letter-spacing:-0.8px;}

/*float*/
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/*text-align*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}


/*font-size*/
.t13{font-size:13px;}
.t14{font-size:14px;}
.t15{font-size:15px;}
.t16{font-size:16px;}
.t17{font-size:17px;}
.t18{font-size:18px;}
.t19{font-size:19px;}
.t20{font-size:20px;}
.t21{font-size:21px;}
.t22{font-size:22px;}
.t23{font-size:23px;}
.t24{font-size:24px;}
.t25{font-size:25px;}
.t26{font-size:26px;}
.t27{font-size:27px;}
.t28{font-size:28px;}
.t29{font-size:29px;}
.t30{font-size:30px;}
.t34{font-size:34px;}
.t45{font-size:45px;}
.t56{font-size:56px;}
.t67{font-size:67px;}
.t78{font-size:78px;}

/*color*/


/*font*/
.gb{font-family:'Eulyoo1945-SemiBold'; color:#df8bb1}
.gm{font-family:'GmarketSansMedium';color:#df8bb1}
.gl{font-family:'Eulyoo1945-SemiBold';color:#df8bb1}


#back_top{display:block; position:absolute;  right:14%; bottom:150px; z-index:1;}

.head{max-width:1720px; margin:0 auto; position:relative;}
.wwrap{max-width:1820px; margin:0 auto; position:relative;}
.vewwrap{max-width:1580px; margin:0 auto; position:relative;}
.wrap{max-width:1200px; margin:0 auto; position:relative;}
.wrap:after{content:""; display:block; clear:both;}
.left, .right{float:left; width:50%; position:relative;}


::selection {background:#2068b2; color:#ffffff;}
::-moz-selection{background:#2068b2; color:#ffffff}


/*media*/
/*노트북 해상도 125%일때*/
@media screen and (max-width:1580px){


}

/*S:max-width:1024*/
@media all and (max-width:1024px) {
.wrap{max-width:100%;}
.t45{font-size:34px;}
.t56{font-size:45px;}
.t67{font-size:56px;}
.t78{font-size:67px;}

}
/*E:max-width:1024*/

/*S:max-width:800*/
@media all and (max-width:800px){


}
/*E:max-width:800*/

/*S:max-width:650*/
@media all and (max-width:650px){
.t45{font-size:30px;}
.t56{font-size:40px;}
.t67{font-size:50px;}
.t78{font-size:60px;}

}
/*E:max-width:650*/

/*S:max-width:375*/
@media all and (max-width:375px){
.t45{font-size:28px;}
.t56{font-size:38px;}
.t67{font-size:48px;}
.t78{font-size:58px;}



}
/*E:max-width:375*/

/*S:max-width:320*/
@media all and (max-width:320px){



}
/*E:max-width:320*/

