@charset "utf-8";

/* reset css *********************************************************************************************************/
* {margin:0;padding:0;	word-break:normal; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-text-size-adjust:none;}
*, *:before, *:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
/* *:hover {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
} */

/*font style*/
html, body, button, a{font-family:"Noto Sans KR", "S-Core", "Roboto", "Spoqa","poppins", "GmarketSans", "Pretendard", 'Nanum Gothic','나눔 고딕','Malgun Gothic','돋움','sans-serif';}

html, body{font-size:10px;line-height:1.2;box-sizing:border-box;letter-spacing:-0.015rem;}
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; vertical-align: baseline;}
ul, ol, li, dl, dt, dd {list-style:none;}
h1, h2, h3, h4, h5, h6 {line-height:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;padding:0;}
address, em, var, i {font-style:normal;}

img{display:block;}
img,fieldset,iframe{border:0;}
img,input,select,button,textarea{vertical-align:middle;box-sizing:border-box;}
textarea:focus-visible, input:focus-visible{outline: none;}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{ display:none;}

button{display:inline-block;*display:inline;padding:0;margin:0;border:0;cursor:pointer;vertical-align:middle;overflow:visible;background:transparent;outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner, button:active{}

hr {display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0;}

span, i{display:inline-block;}

a {color:inherit;text-decoration:none;display: inline-block;}
a:focus{outline:none;}
/* a:hover {text-decoration:underline !important;} */
a:hover, a:active { outline:0;}
a:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color; z-index:99;}


/* 정렬 *********************************************************************************************************/
.pos-f{position:fixed !important;}
.pos-a{position:absolute !important;}
.pos-r{position:relative !important;}
.pos-st{position:static !important;}
.pos-sk{position:sticky !important;}
.dis-i {display:inline !important;}
.dis-ib {display:inline-block !important;}
.dis-b {display:block !important;}

.top_center{top:50%;transform: translate(0px, -50%);}
.left_center{left:50%;transform: translate(-50%, 0);}

/* 텍스트 정렬 */
.t_right{text-align:right !important;}
.t_left{text-align:left !important;}
.t_center{text-align:center !important;}

.t_top{vertical-align:top;}

/* 객체 정렬 */
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}


/* font style *********************************************************************************************************/
/* 굵기 */
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.lighter{font-weight:lighter !important;}

/* 말줄임 */
.ellipsis{white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis;}
.ellipsis2{overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;}
.ellipsis3{overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important;}
.ellipsis4{overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important;}

/* 줄바꿈 */
.wordkeep {white-space:normal !important; word-break:keep-all !important;}

/* 기울기 */
.italic{font-style:italic !important;}
.underline { text-decoration:underline; }

/* 사이즈 */
.font_ss{font-size:x-small !important;} /* medium(기본 글자크기)에 대한 상대적인 크기 */
.font_s{font-size:small !important;}
.font_m{font-size:medium !important;}
.font_l{font-size:large !important;}
.font_xl{font-size:x-large !important;}

.font8 {font-size:8px !important;}
.font9 {font-size:9px !important;}
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font22 {font-size:22px !important;}
.font24 {font-size:24px !important;}
.font26 {font-size:26px !important;}
.font28 {font-size:28px !important;}
.font30 {font-size:30px !important;}
.font32 {font-size:32px !important;}
.font34 {font-size:34px !important;}
.font36 {font-size:36px !important;}
.font38 {font-size:38px !important;}
.font40 {font-size:40px !important;}
.font42 {font-size:42px !important;}
.font44 {font-size:44px !important;}
.font46 {font-size:46px !important;}
.font48 {font-size:48px !important;}
.font50 {font-size:50px !important;}

/*줄간격*/
.lh0 {line-height:0 !important;}
.lh110 {line-height:110% !important;}
.lh120 {line-height:120% !important;}
.lh130 {line-height:130% !important;}
.lh140 {line-height:140% !important;}
.lh150 {line-height:150% !important;}
.lh160 {line-height:160% !important;}
.lh170 {line-height:170% !important;}
.lh180 {line-height:180% !important;}
.lh190 {line-height:190% !important;}


/* 색상속성 *********************************************************************************************************/
/* font color */
.white{color:#fff !important;}
.yellow{color:#fff46d !important;}
.orange{color:#ff8d00 !important;}
.pink{color: #ff458a !important;}
.red{color:#fc352a !important;}
.mint{color: #87e4db !important;}
.green{color:#006908 !important;}
.blue{color:#0056b2 !important;}
.navy{color:#252f68 !important;}
.lightgray{color:#eee !important;}
.gray{color:#989898 !important;}
.darkgray{color:#555 !important;}
.black{color:#000 !important;}


/* bg color */
.bg_white {background:#fff !important;}
.bg_yellow{background:#fff89f !important;}
.bg_orange{background:#ffa637 !important;}
.bg_red {background:#e81e0f !important;}
.bg_blue {background:#0056b2 !important;}
.bg_green {background:#006908 !important;}
.bg_navy{background:#252f68 !important;}
.bg_lightgray {background:#f4f4f4 !important;}
.bg_gray {background:#989898 !important;}
.bg_darkgray {background:#333 !important;}
.bg_black{background:#000 !important;}



/* button *********************************************************************************************************/
.btWrap{width:100% !important;}
.btWrap > * {cursor:pointer !important;display:inline-block !important; margin:0 !important;}

.btn {font-size:.12px; width:auto;height:33px;line-height:30px;margin:0 3px;padding:0 10px;border-radius:3px;box-sizing:border-box;}
.btn {font-size:12px;padding:5px 10px;min-height:18px;border-radius:3px;height:26px;box-sizing:border-box;}

.btn_ss { padding:0 7px!important; height:26px!important; font-size:12px!important; line-height:26px !important;}
.btn_s { padding:0 10px!important; height:32px!important; font-size:12px!important; line-height:32px !important;}
.btn_m { padding:0 20px!important; height:40px!important; font-size:14px!important; line-height:40px !important;}
.btn_l { padding:0 30px!important; height:53px!important; font-size:14px!important; line-height:53px !important;}
.btn_xl { padding:0 50px!important; height:65px!important; font-size:20px!important; line-height:65px !important;}
@media screen and (max-width:740px) {

}


/* border style ***********************************************************************************************************************************/
/* border line */
.br {border: 1px solid #b9b9b9;}
.br_none{border:none !important;}
.br_white{border: 1px solid #fff;}
.br_black{border: 1px solid #000;}

.br_right{ border-right:1px solid #b9b9b9;}
.br_bottom{ border-bottom:1px solid #b9b9b9;}
.br_top{ border-top:1px solid #b9b9b9;}
.br_left{ border-left:1px solid #b9b9b9;}

/* border-radius */
.rd0 { border-radius:0px !important; -webkit-border-radius:0px !important; }
.rd1 { border-radius:1px !important; -webkit-border-radius:1px !important; }
.rd2 { border-radius:2px !important; -webkit-border-radius:2px !important; }
.rd3 { border-radius:3px !important; -webkit-border-radius:3px !important; }
.rd4 { border-radius:4px !important; -webkit-border-radius:4px !important; }
.rd5 { border-radius:5px !important; -webkit-border-radius:5px !important; }
.rd6 { border-radius:6px !important; -webkit-border-radius:6px !important; }
.rd7 { border-radius:7px !important; -webkit-border-radius:7px !important; }
.rd8 { border-radius:8px !important; -webkit-border-radius:8px !important; }
.rd9 { border-radius:9px !important; -webkit-border-radius:9px !important; }
.rd10 { border-radius:10px !important; -webkit-border-radius:10px !important; }
.rd11 { border-radius:11px !important; -webkit-border-radius:11px !important; }
.rd12 { border-radius:12px !important; -webkit-border-radius:12px !important; }
.rd13 { border-radius:13px !important; -webkit-border-radius:13px !important; }
.rd14 { border-radius:14px !important; -webkit-border-radius:14px !important; }
.rd15 { border-radius:15px !important; -webkit-border-radius:15px !important; }
.rd20 { border-radius:20px !important; -webkit-border-radius:20px !important; }
.rd50 { border-radius:50px !important; -webkit-border-radius:50px !important; }

/* circle */
.circle{display:inline-block;border-radius: 50%;text-align:center;}



/* scrollbar style ****************************************************************************************************************************************/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-track {background: transparent;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.3); -webkit-border-radius: 8px; border-radius: 8px; }


/* padding margin 5단위로 설정 *********************************************************************************************************/
/* padding */
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !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;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !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;}
.mt45{margin-top:45px !important;}
.mt50{margin-top: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;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.mr5{margin-right:5px !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;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !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;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

/* width 5% ~ 100% 비율 */
.w5 {width:5% !important;}
.w6 {width:6% !important;}
.w7 {width:7% !important;}
.w8 {width:8% !important;}
.w9 {width:9% !important;}
.w10 {width:10% !important;}
.w11 {width:11% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w14 {width:14% !important;}
.w15 {width:15% !important;}
.w16 {width:16% !important;}
.w17 {width:17% !important;}
.w18 {width:18% !important;}
.w19 {width:19% !important;}
.w20 {width:20% !important;}
.w21 {width:21% !important;}
.w22 {width:22% !important;}
.w23 {width:23% !important;}
.w24 {width:24% !important;}
.w25 {width:25% !important;}
.w26 {width:26% !important;}
.w27 {width:27% !important;}
.w28 {width:28% !important;}
.w29 {width:29% !important;}
.w30 {width:30% !important;}
.w31 {width:31% !important;}
.w32 {width:32% !important;}
.w33 {width:33% !important;}
.w33_3 {width:33.3333333% !important;}
.w34 {width:34% !important;}
.w35 {width:35% !important;}
.w36 {width:36% !important;}
.w37 {width:37% !important;}
.w38 {width:38% !important;}
.w39 {width:39% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w46 {width:46% !important;}
.w47 {width:47% !important;}
.w48 {width:48% !important;}
.w49 {width:49% !important;}
.w50 {width:50% !important;}
.w51 {width:51% !important;}
.w52 {width:52% !important;}
.w53 {width:53% !important;}
.w54 {width:54% !important;}
.w55 {width:55% !important;}
.w56 {width:56% !important;}
.w57 {width:57% !important;}
.w58 {width:58% !important;}
.w59 {width:59% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w66 {width:66% !important;}
.w67 {width:67% !important;}
.w68 {width:68% !important;}
.w69 {width:69% !important;}
.w70 {width:70% !important;}
.w71 {width:71% !important;}
.w72 {width:72% !important;}
.w73 {width:73% !important;}
.w74 {width:74% !important;}
.w75 {width:75% !important;}
.w76 {width:76% !important;}
.w77 {width:77% !important;}
.w78 {width:78% !important;}
.w79 {width:79% !important;}
.w80 {width:80% !important;}
.w81 {width:81% !important;}
.w82 {width:82% !important;}
.w83 {width:83% !important;}
.w84 {width:84% !important;}
.w85 {width:85% !important;}
.w86 {width:86% !important;}
.w87 {width:87% !important;}
.w88 {width:88% !important;}
.w89 {width:89% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w96 {width:96% !important;}
.w97 {width:97% !important;}
.w98 {width:98% !important;}
.w99 {width:99% !important;}
.w100 {width:100% !important;}

/* 공백 */
.height5 { height:5px !important;}
.height10 { height:10px !important;}
.height15 { height:15px !important;}
.height20 { height:20px !important;}
.height25 { height:25px !important;}
.height30 { height:30px !important;}
.height35 { height:35px !important;}
.height40 { height:40px !important;}
.height45 { height:45px !important;}
.height50 { height:50px !important;}
.height55 { height:55px !important;}
.height60 { height:60px !important;}
.height65 { height:65px !important;}
.height70 { height:70px !important;}
.height75 { height:75px !important;}
.height80 { height:80px !important;}
.height85 { height:85px !important;}
.height90 { height:90px !important;}
.height95 { height:95px !important;}
.height100 { height:100px !important;}
.height110 { height:110px !important;}
.height120 { height:120px !important;}
.height130 { height:130px !important;}
.height140 { height:140px !important;}
.height150 { height:150px !important;}
.height160 { height:160px !important;}
.height170 { height:170px !important;}
.height180 { height:180px !important;}
.height190 { height:190px !important;}
.height200 { height:200px !important;}
.height210 { height:210px !important;}
.height220 { height:220px !important;}
.height230 { height:230px !important;}
.height240 { height:240px !important;}
.height250 { height:250px !important;}
.height260 { height:260px !important;}
.height270 { height:270px !important;}
.height280 { height:280px !important;}
.height290 { height:290px !important;}
.height300 { height:300px !important;}
.height310 { height:310px !important;}
.height320 { height:320px !important;}
.height330 { height:330px !important;}
.height340 { height:340px !important;}
.height350 { height:350px !important;}
.height360 { height:360px !important;}
.height370 { height:370px !important;}
.height380 { height:380px !important;}
.height390 { height:390px !important;}
.height400 { height:400px !important;}
.height410 { height:410px !important;}
.height420 { height:420px !important;}
.height430 { height:430px !important;}
.height440 { height:440px !important;}
.height450 { height:450px !important;}
.height460 { height:460px !important;}
.height470 { height:470px !important;}
.height480 { height:480px !important;}
.height490 { height:490px !important;}
.height500 { height:500px !important;}
.height510 { height:510px !important;}
.height520 { height:520px !important;}
.height530 { height:530px !important;}
.height540 { height:540px !important;}
.height550 { height:550px !important;}
.height600 { height:600px !important;}
.height650 { height:650px !important;}
.height700 { height:700px !important;}
.height750 { height:750px !important;}
.height800 { height:800px !important;}
.height850 { height:850px !important;}
.height900 { height:900px !important;}
.height950 { height:950px !important;}
.height1000 { height:1000px !important;}