@charset "utf-8";

/*=========================================== Reset ================================================*/
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, button {margin:0; padding:0; border:0; vertical-align:baseline; word-break:keep-all;box-sizing:border-box;}
input, select, textarea {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
textarea {resize:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} */
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-thumb{background-color:#2f3542;border-radius:10px}
body::-webkit-scrollbar-track{background-color:grey;border-radius:10px}

* {font-family:'NanumBarunGothic', sans-serif;box-sizing:border-box;margin:0; padding:0;letter-spacing:0;color:#111;-webkit-text-size-adjust:none;}/* 아이폰 가로모드시 글씨 커지는 문제 */
i, em {font-style:normal;}
blockquote, q {quotes:none;}
sub {vertical-align:sub; font-size:smaller; line-height:0;}
sup {vertical-align:super; font-size:smaller; line-height:0;}
img, fieldset {vertical-align:middle;}
a {color:inherit; vertical-align:inherit; text-decoration:none;}
a:link, a:hover {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {color:inherit; font-weight:inherit; font-size: inherit;}
ol, ul, li {list-style:none;}
table {width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; word-break:normal;}
th, td {text-align:center; vertical-align:middle;}
caption, legend {width:1px; height:1px; margin:-1px 0 0 0; padding:0; border:0; /* clip:rect(0 0 0 0) !important; */ overflow:hidden; font-size:0; color:transparent; line-height:0;}
fieldset, legend {border:0; background-color:transparent;}
/*hr {display:none;}*/
hr {height:0; border:0; background-color:transparent;}
button {display:inline-block; border:0; background-color:transparent; font-size:inherit; text-align:center; cursor:pointer; overflow:visible; -webkit-appearance:button;}

a[href^=tel] {cursor:text; pointer-events:none;}
a[href^=tel]:hover {color:currentColor; text-decoration:none;}
[role="button"] {cursor:pointer;}


/*================================================ Basic ================================================*/
.clfix:before,
.clfix:after {display:block; content:'';}
.clfix:after {clear:both;}
.clfix {zoom:1;}
* html .clfix {height:1%;}/* Hides from IE-mac */

.rel {position:relative !important;}
.abs {position:absolute !important;}
.blk {display:block !important;}
.inB {display:inline-block !important;}
.tb {display:table !important;}
.tbCell, .tbCell.nowrap {display:table-cell !important;}
.nowrap {display:inline-block; white-space:nowrap !important;}
.bgNone {background:none !important;}
.blind {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.underline {text-decoration:underline !important;}
.overA {overflow:auto !important;}
.overH {overflow:hidden !important;}
.overV {overflow:visible !important;}
.displayN {display:none !important;}
.shadowNone {box-shadow:none !important;}
.ellipsis {max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ellipsis2 {max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellipsis2.normal {white-space:normal;}
.normal {font-weight:normal !important;}
.vcNone:after,
.vcNone:before {content:none !important;}

.row_g{margin:0 auto;line-height:0;font-size:0}

/*================================================ Font ================================================*/
.fs14{font-size:14px !important}
.fs18{font-size:18px !important}
.fwRegular{font-weight:400 !important}
.fwBold{font-weight:700 !important}

.lh16{line-height:16px !important}
.lh21{line-height:21px !important}

/*================================================ Color ================================================*/
.fcGreen{color:#36880A !important}
.fcBlue{color:#01458C !important}
.fcGray{color:#777 !important}

/*================================================ Border ================================================*/
.bdNone {border:none !important;}
.blNone {border-left:none !important;}
.brNone {border-right:none !important;}
.btNone {border-top:none !important;}
.bbNone {border-bottom:none !important;}

.bbLine {border-bottom:1px solid #DCE2ED;}

/*  */
.bgF4F4F4{background-color:#F4F4F4 !important}

/*================================================ Align ================================================*/
.f_g:after{content:'';display:block;clear:both}
.fl {float:left;}
.fr {float:right;}
.fn {float:none !important;}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

.vm {vertical-align:middle !important}
.vt {vertical-align:top !important}
.vb {vertical-align:bottom !important}

.tblAuto {min-width:100%; table-layout:auto !important;}


/*================================================ 여백 ================================================*/
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}

.mt2 {margin-top:2px !important;}
.mr2 {margin-right:2px !important;}
.mb2 {margin-bottom:2px !important;}
.ml2 {margin-left:2px !important;}

.mt5 {margin-top:5px !important;}
.mb5 {margin-bottom:5px !important;}

.mt10 {margin-top:10px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left:10px !important;}

.mt15 {margin-top:15px !important;}
.mb15 {margin-bottom:15px !important;}

.mt20 {margin-top:20px !important;}
.mr20 {margin-right:20px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px !important;}

.mt24 {margin-top:24px !important;}
.mr24 {margin-right:24px !important;}
.mb24 {margin-bottom:24px !important;}
.ml24 {margin-left:24px !important;}

.mt30 {margin-top:30px !important;}
.mr30 {margin-right:30px !important;}
.mb30 {margin-bottom:30px !important;}
.ml30 {margin-left:30px !important;}

.mt40 {margin-top:40px !important;}
.mr40 {margin-right:40px !important;}
.mb40 {margin-bottom:40px !important;}
.ml40 {margin-left:40px !important;}

.mt50 {margin-top:50px !important;}
.mr50 {margin-right:50px !important;}
.mb50 {margin-bottom:50px !important;}
.ml50 {margin-left:50px !important;}

.mt60 {margin-top:60px !important;}
.mr60 {margin-right:60px !important;}
.mb60 {margin-bottom:60px !important;}
.ml60 {margin-left:60px !important;}

.mt100 {margin-top:100px !important;}
.mr100 {margin-right:100px !important;}
.mb100 {margin-bottom:100px !important;}
.ml100 {margin-left:100px !important;}

.mt130 {margin-top:130px !important;}
.mr130 {margin-right:130px !important;}
.mb130 {margin-bottom:130px !important;}
.ml130 {margin-left:130px !important;}

.pd0 {padding:0 !important}
.pt0 {padding-top:0 !important;}
.pr0 {padding-right:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}

.pd10 {padding:10px !important;}
.pt10 {padding-top:10px !important;}
.pr10 {padding-right:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}

.pd13 {padding:13px !important;}
.pt13 {padding-top:13px !important;}
.pr13 {padding-right:13px !important;}
.pb13 {padding-bottom:13px !important;}
.pl13 {padding-left:13px !important;}

.pd20 {padding:20px !important;}
.pt20 {padding-top:20px !important;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;}
.pl20 {padding-left:20px !important;}

.pd30 {padding:30px !important;}
.pt30 {padding-top:30px !important;}
.pr30 {padding-right:30px !important;}
.pb30 {padding-bottom:30px !important;}
.pl30 {padding-left:30px !important;}

.pd40 {padding:40px !important;}
.pt40 {padding-top:40px !important;}
.pr40 {padding-right:40px !important;}
.pb40 {padding-bottom:40px !important;}
.pl40 {padding-left:40px !important;}

.pd50 {padding:50px !important;}
.pt50 {padding-top:50px !important;}
.pr50 {padding-right:50px !important;}
.pb50 {padding-bottom:50px !important;}
.pl50 {padding-left:50px !important;}

.pd60 {padding:60px !important;}
.pt60 {padding-top:60px !important;}
.pr60 {padding-right:60px !important;}
.pb60 {padding-bottom:60px !important;}
.pl60 {padding-left:60px !important;}

.pd70 {padding:70px !important;}
.pt70 {padding-top:70px !important;}
.pr70 {padding-right:70px !important;}
.pb70 {padding-bottom:70px !important;}
.pl70 {padding-left:70px !important;}

/*================================================ width 정의 ================================================*/
.w80{width:80px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w150{width:150px !important}
.w290{width:290px !important}
.w300{width:300px !important}
.w400{width:400px !important}
.w800{width:800px !important}
.w1080{width:1080px !important}
.w50p {width:50% !important;}
.w100p {width:100% !important;}
.wAuto {width:auto !important;}

/*================================================ Form ================================================*/
input,
select,
textarea {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; -webkit-border-radius:0;}
input,
textarea {line-height:1.2; vertical-align:middle;}
/*input:not([type=checkbox]):not([type=radio]):not([type=range]),
select,
textarea {width:100%; border:1px solid #ccc; background-color:#fff; color:#222; font-family:'Roboto Light', 'NotoSans Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; font-size:15px; font-weight:500; transition:border-color ease-in-out 0.225s; -webkit-transition:border-color ease-in-out 0.225s;}
select {background:transparent url(../img/ico_select.png) no-repeat right center;}
textarea {padding:18px 16px; color:#666; font-size:14px; line-height:1.4; resize:none;}*/

input::-ms-clear {display:none;}
select::-ms-expand {display:none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;}
/* placeholder, focus */
input:not([type=checkbox]):not([type=radio])::placeholder,
select::placeholder,
textarea::placeholder {color:#707070; font-size:16px; opacity:1;}
input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#707070; font-size:16px; opacity:1;}
input:not([type=checkbox]):not([type=radio])::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {color:#707070; font-size:16px; opacity:1;}
input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#707070 !important; font-size:16px; opacity:1;}

input::placeholder {text-align:left !important;}
input::-webkit-input-placeholder {text-align:left !important;}
input:-ms-input-placeholder {text-align:left !important;}

input:not([type=checkbox]):not([type=radio]):focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color:#111; opacity:0;}
input:not([type=checkbox]):not([type=radio]):focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {color:#111; opacity:0;}
input:not([type=checkbox]):not([type=radio]):focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {color:#111; opacity:0;}

#nolandscape{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);text-align:center;z-index:99999}
#nolandscape span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Noto Sans KR',sans-serif;color:#fff;font-size:40px}

@media(max-width:900px) and (orientation: Landscape){
    #nolandscape{display:block}
}

@media all and (max-width:767px) {
    .mo_mt20{margin-top:20px !important}
}