@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");


@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  src: url(../font/GmarketSansLight.woff2) format(woff2);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  src: url(../font/GmarketSansMedium.woff2) format(woff2);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 800;
  src: url(../font/GmarketSansBold.woff2) format(woff2);
}



@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeoTTF-aLt.eot);
    src: url(../font/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeoTTF-aLt.woff) format("woff"), url(../font/NanumSquareNeoTTF-aLt.ttf) format("truetype");
	font-weight: 300;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeoTTF-bRg.eot);
    src: url(../font/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeoTTF-bRg.woff) format("woff"), url(../font/NanumSquareNeoTTF-bRg.ttf) format("truetype");
	font-weight: 400;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeoTTF-cBd.eot);
    src: url(../font/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeoTTF-cBd.woff) format("woff"), url(../font/NanumSquareNeoTTF-cBd.ttf) format("truetype");
	font-weight: 500;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeoTTF-dEb.eot);
    src: url(../font/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeoTTF-dEb.woff) format("woff"), url(../font/NanumSquareNeoTTF-dEb.ttf) format("truetype");
	font-weight: 700;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeoTTF-eHv.eot);
    src: url(../font/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeoTTF-eHv.woff) format("woff"), url(../font/NanumSquareNeoTTF-eHv.ttf) format("truetype");
	font-weight: 900;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(../font/NanumSquareNeo-Variable.eot);
    src: url(../font/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareNeo-Variable.woff) format("woff"), url(../font/NanumSquareNeo-Variable.ttf) format("truetype");
	font-weight: 900;
}




@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {font-family: "NanumSquareNeo", "NotoSansKR", "맑은 고딕", Malgun Gothic, "돋움", Dotum, applegothic, Tahoma, Arial, sans-serif;}

/* Common **********************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { padding:0; margin:0; border:0; font-style:normal; line-height: 1.2;  box-sizing: border-box; color:#444; font-weight:400;  font-family: inherit; font-family: "NanumSquareNeo", "NotoSansKR", "맑은 고딕", Malgun Gothic, "돋움", Dotum, applegothic, Tahoma, Arial, sans-serif;}

/* remember to define focus styles! */
body {overflow-x: hidden }
ol, ul, li, dl {list-style:none;}


a {color: #555; text-decoration: none;}
a:hover {color:  #143D8B }

h1, h2, h3, h4, h5, h6{
    font-size:100%;
    font-weight:normal;
}


input, textarea, select, button, table{
    font-size:inherit;
    font-family:inherit;
    line-height:inherit; color: inherit; 
    background:none; vertical-align: middle
}


input[type="radio"],
input[type="checkbox"],
input[type="file"] {
    border: none; margin:0; 
}

button {
    text-transform: none;
    vertical-align: middle;
    border: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    background-color: transparent;
    cursor: pointer;
}

select {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-transform: none;
    vertical-align: middle;
}

textarea {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    vertical-align: middle;
    resize: none;
}

input[disabled="disabled"] {
    background-color: #f9f9f9;
    color: #787878
}

select[disabled="disabled"] {
    background-color: #f9f9f9;
    color: transparent
}

input[type="radio"],
input[type="checkbox"] {  width: 18px; height: 18px; vertical-align:center; margin-right: 10px; line-height: 18px;  }


/*스크롤바*/
::-webkit-scrollbar {
  width: 6px;  /* 스크롤 바 너비 */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
  background-color: #888;border-radius: 25px; 
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}





/* mouse drag color */
::-moz-selection {color:#fff; background:#333; }
::selection {color:#fff; background:#333; }




/* common */
.clearfix {*zoom:1}/*for IE 5.5-7*/
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0; }
.clearfix:after {clear: both; }
* html .clfix {height:1%;} /* Hides from IE-mac */


/* IR */
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;}
.ir_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}


/*font*/

.font_cafe{ font-family: 'Cafe24Ssurround' !important; }
.font_gmarket{ font-family: 'GmarketSans' !important;   }



/* skipNavi ---------------------------------------------------------------------- */
.skipNavi {position:relative; z-index:99999;}
.skipNavi, .skipNavi ul {height:0}
.skipNavi ul li {display:inline;}
.skipNavi a {position:absolute; top:-9999px; width:100%; height:30px; text-align:center; color:#fff; font-weight:bold; line-height:30px; background:#000; z-index:1000;}
.skipNavi a:focus, .skipNavi a:hover, .skipNavi a:active {top:0;}


/* tables still need cellspacing="0" in the markup */
table {border-collapse:collapse; border-spacing:0; border:0; width:100%; clear:both; font-size:inherit;
    font-family:inherit;
    line-height:inherit;}

.hidden, legend {display:block; overflow:hidden; position:absolute; top:-1000em;}
caption {font-size: 0;height: 0;line-height: 0;text-indent: -9999px; width: 0;}
/* .caption {visibility:hidden; height:1px;} */

.clearfix:before, .clearfix:after{
    content:" ";
    display:table
}

.clearfix:after{
    clear:both
}

.clearfix{
    *zoom:1
}

.rtv {position:relative;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vatt {vertical-align:text-top;}
.vatb {vertical-align:text-bottom;}
.vau {vertical-align:unset;}

.break{word-wrap: break-word;} 

.scrolly {overflow-y: scroll;}
.scrollx {overflow-x: scroll;}

.flex {width:100%; display:flex;}
.flex div {-webkit-flex: 1;  /* Safari 6.1+ */ -ms-flex: 1;  /* IE 10 */ flex: 1;}

.flo_left {float:left;}
.flo_right {float:right;}

.bd1 {border:1px solid #e5e5e5}/* light gray*/

.block {display:block;}



/* noStyle */
.bd_none {border:none !important;}
.bt_none {border-top:none !important;}
.bl_none {border-left:none !important;}
.bb_none {border-bottom:none !important;}
.br_none {border-right:none !important;}
.bk_none {background:none !important;}
.mr_auto {margin:0 auto !important;}
.mr_none {margin:0 !important;}
.pd_none {padding:0 !important;}
.bs_none {border-radius:0 !important;}

/* marginStyle */
.mt0 {margin-top:0 !important;}
.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;}
.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;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt105 {margin-top:105px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !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;}
.mt400 {margin-top:400px !important;}
.mt500 {margin-top:500px !important;}

.ml0 {margin-left:0 !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;}
.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;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !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;}
.ml160 {margin-left:160px !important;}
.ml170 {margin-left:170px !important;}
.ml180 {margin-left:180px !important;}
.ml190 {margin-left:190px !important;}
.ml200 {margin-left:200px !important;}
.ml210 {margin-left:210px !important;}
.ml220 {margin-left:220px !important;}
.ml230 {margin-left:230px !important;}
.ml240 {margin-left:240px !important;}
.ml250 {margin-left:250px !important;}
.ml260 {margin-left:260px !important;}
.ml270 {margin-left:270px !important;}
.ml280 {margin-left:280px !important;}
.ml290 {margin-left:290px !important;}
.ml300 {margin-left:300px !important;}
.ml310 {margin-left:310px !important;}
.ml320 {margin-left:320px !important;}
.ml330 {margin-left:330px !important;}
.ml340 {margin-left:340px !important;}
.ml350 {margin-left:350px !important;}
.ml360 {margin-left:360px !important;}
.ml370 {margin-left:370px !important;}
.ml380 {margin-left:380px !important;}
.ml390 {margin-left:390px !important;}
.ml400 {margin-left:400px !important;}
.ml410 {margin-left:410px !important;}
.ml420 {margin-left:420px !important;}
.ml430 {margin-left:430px !important;}
.ml440 {margin-left:440px !important;}
.ml450 {margin-left:450px !important;}
.ml460 {margin-left:460px !important;}
.ml470 {margin-left:470px !important;}
.ml480 {margin-left:480px !important;}
.ml490 {margin-left:490px !important;}
.ml500 {margin-left:500px !important;}

.mr0 {margin-right:0 !important;}
.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !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;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !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;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}
.mr110 {margin-right:110px !important;}
.mr120 {margin-right:120px !important;}
.mr130 {margin-right:130px !important;}
.mr140 {margin-right:140px !important;}
.mr150 {margin-right:150px !important;}
.mr160 {margin-right:160px !important;}
.mr170 {margin-right:170px !important;}
.mr180 {margin-right:180px !important;}
.mr190 {margin-right:190px !important;}
.mr200 {margin-right:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !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;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !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;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb170 {margin-bottom:170px !important;}
.mb180 {margin-bottom:180px !important;}
.mb190 {margin-bottom:190px !important;}
.mb200 {margin-bottom:200px !important;}

.mt2p{margin-top:2% !important;}
.mt5p{margin-top:5% !important;}
.mt10p{margin-top:10% !important;}
.mt15p{margin-top:15% !important;}
.mt20p{margin-top:20% !important;}

.mt2b{margin-bottom:2% !important;}
.mb5p{margin-bottom:5% !important;}
.mb10p{margin-bottom:10% !important;}
.mb15p{margin-bottom:15% !important;}
.mb20p{margin-bottom:20% !important;}

.ml2p{margin-left:2% !important;}
.ml5p{margin-left:5% !important;}
.ml10p{margin-left:10% !important;}
.ml15p{margin-left:15% !important;}
.ml20p{margin-left:20% !important;}

.mr2p{margin-right:2% !important;}
.mr5p{margin-right:5% !important;}
.mr10p{margin-right:10% !important;}
.mr15p{margin-right:15% !important;}
.mr20p{margin-right:20% !important;}

/* paddingStyle */
.pt0 {padding-top:0 !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !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;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pl0 {padding-left:0 !important;}
.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !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;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0 !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !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;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100 {padding-right:100px !important;}

.pb0 {padding-bottom:0 !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !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;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}


/* fontStyle */
.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;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}
.font22 {font-size:22px !important;}
.font24 {font-size:24px !important;}
.font25 {font-size:25px !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;}
.font48 {font-size:48px !important;}



.ltp16 {letter-spacing:1.6em !important;}
.ltp8 {letter-spacing:0.8em !important;}
.ltp5 {letter-spacing:0.5em !important;}
.ltp3 {letter-spacing:0.3em !important;}
.ltp1 {letter-spacing:0.1em !important;}
.ltm10 {letter-spacing:-0.1em !important;}
.ltm9 {letter-spacing:-0.09em !important;}
.ltm5 {letter-spacing:-0.05em !important;}
.ltm3 {letter-spacing:-0.03em !important;}
.ltm1 {letter-spacing:-0.01em !important;}

.lh05 {line-height:0.5 !important;}
.lh1 {line-height:1 !important;}
.lh11 {line-height:1.1 !important;}
.lh12 {line-height:1.2 !important;}
.lh13 {line-height:1.3 !important;}
.lh14 {line-height:1.4 !important;}
.lh15 {line-height:1.5 !important;}
.lh16 {line-height:1.6 !important;}
.lh17 {line-height:1.7 !important;}
.lh18 {line-height:1.8 !important;}
.lh19 {line-height:1.9 !important;}
.lh2 {line-height:2 !important;}
.lh25 {line-height:2.5 !important;}
.lh3 {line-height:3 !important;}

/* textAlign */
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.tcen {text-align:center !important;}
.tjus {text-align:justify !important;}

.font_weight300 {font-weight: 300; }
.font_weight400 {font-weight: 400; }
.font_weight500 {font-weight: 500; }
.font_weight600 {font-weight: 600; }
.font_weight700 {font-weight: 700; }
.font_weight800 {font-weight: 800; }
.font_weight900 {font-weight: 900; }



/********************************* fontColor ******************************/

/* old */
.white {color:#fff !important}
.red {color:#DA4453 !important;}
.orange {color:#ff6600 !important;}
.darkred {color:#EB7272 !important;}
.gold {color:#e2c900 !important;}
.skyblue {color:#65a0f2 !important;}
.blue {color:#143D8B !important;}
.blue2 {color:#4383BF !important;}
.blue3 {color:#6488ba !important;}
.darkblue {color:#2f64ad !important;}
.darkblue2 {color:#3d7199 !important;}
.eme {color:#12a979 !important;}
.green {color:#40c350 !important;}
.green2 {color:#7BBF43 !important;}
.brown {color:#ba8b1d !important;}
.redbrown {color:#c56611 !important;}
.purple {color:#4659C0 !important;}
.gray {color:#b3b3b3 !important;}
.black {color:#000 !important;}


/* Red */
.fred50 {color:#fbf1ef !important;}
.fred80 {color:#ffd4cc !important;}
.fred100 {color:#ffaea1 !important;}
.fred200 {color:#ff8d7c !important;}
.fred300 {color:#fe6a54 !important;}
.fred400 {color:#fa5b4a !important;}
.fred500 {color:#ec4937 !important;}
.fred600 {color:#dd3c2a !important;}
.fred700 {color:#c83323 !important;}
.fred800 {color:#aa2a1b !important;}
.fred900 {color:#8d2115 !important;}

/* Yellow */
.fyellow50 {color:#FFFDE7 !important;}
.fyellow80 {color:#FFF9C4 !important;}
.fyellow100 {color:#FFF59D !important;}
.fyellow200 {color:#FFF176 !important;}
.fyellow300 {color:#FFEE58 !important;}
.fyellow400 {color:#ffe717 !important;}
.fyellow500 {color:#fbe100 !important;}
.fyellow600 {color:#f4db00 !important;}
.fyellow700 {color:#eed602 !important;}
.fyellow800 {color:#e4cd00 !important;}
.fyellow900 {color:#d8c200 !important;}

/* emerald */
.femerald50 {color:#e6f8f3 !important;}
.femerald80 {color:#d7f6ee !important;}
.femerald100 {color:#94e7d1 !important;}
.femerald200 {color:#71d2b8 !important;}
.femerald300 {color:#58caab !important;}
.femerald400 {color:#33b893 !important;}
.femerald500 {color:#27ab86 !important;}
.femerald600 {color:#1c9674 !important;}
.femerald700 {color:#22806F !important;}
.femerald800 {color:#10634c !important;}
.femerald900 {color:#0a4534 !important;}

/* Blue */
.fblue50 {color:#f5fbff !important;}
.fblue80 {color:#e7f4fd !important;}
.fblue100 {color:#cbe7fd !important;}
.fblue200 {color:#a7d4f9 !important;}
.fblue300 {color:#79bef5 !important;}
.fblue400 {color:#51abf3 !important;}
.fblue500 {color:#2b96ed !important;}
.fblue600 {color:#1583db !important;}
.fblue700 {color:#0a70c2 !important;}
.fblue800 {color:#025ba5 !important;}
.fblue900 {color:#01457d !important;}

/* purple */
.fpurple50 {color:#faf5ff !important;}
.fpurple80 {color:#f2e7fd !important;}
.fpurple100 {color:#e1cbfd !important;}
.fpurple200 {color:#c7a7f9 !important;}
.fpurple300 {color:#a479f5 !important;}
.fpurple400 {color:#8951f3 !important;}
.fpurple500 {color:#772bed !important;}
.fpurple600 {color:#6c15db !important;}
.fpurple700 {color:#630ac2 !important;}
.fpurple800 {color:#4902a5 !important;}
.fpurple900 {color:#3d017d !important;}

/* Gray */
.fgray50 {color:#f8f9fa !important;}
.fgray60 {color:#f5f6f7 !important;}
.fgray80 {color:#f1f3f5 !important;}
.fgray100 {color:#e9ecef !important;}
.fgray200 {color:#dee2e6 !important;}
.fgray300 {color:#ced4da !important;}
.fgray400 {color:#adb5bd !important;}
.fgray500 {color:#848c94 !important;}
.fgray600 {color:#666d75 !important;}
.fgray700 {color:#495056 !important;}
.fgray800 {color:#343a40 !important;}
.fgray900 {color:#212529 !important;}

/* pink */
.fpink50 {color:#fff3fb !important;}
.fpink80 {color:#ffe8f7 !important;}
.fpink100 {color:#ffdcf3 !important;}
.fpink200 {color:#ffd2f0 !important;}
.fpink300 {color:#ffbce9 !important;}
.fpink400 {color:#ffa2e1 !important;}
.fpink500 {color:#ff7fd8 !important;}
.fpink600 {color:#ff5dcf !important;}
.fpink700 {color:#ff32c2 !important;}
.fpink800 {color:#f80db2 !important;}
.fpink900 {color:#ec00a6 !important;}

/* brown */
.fbrown50 {color:#efebe9 !important;}
.fbrown80 {color:#d7ccc8 !important;}
.fbrown100 {color:#bcaaa4 !important;}
.fbrown200 {color:#a1887f !important;}
.fbrown300 {color:#8d6e63 !important;}
.fbrown400 {color:#795548 !important;}
.fbrown500 {color:#6d4c41 !important;}
.fbrown600 {color:#5d4037 !important;}
.fbrown700 {color:#513830 !important;}
.fbrown800 {color:#452f28 !important;}
.fbrown900 {color:#3e2723 !important;}

/* orange */
.forange50 {color:#fff6ed !important;}
.forange80 {color:#ffefdc !important;}
.forange100 {color:#ffe5c7 !important;}
.forange200 {color:#ffdab0 !important;}
.forange300 {color:#ffce96 !important;}
.forange400 {color:#ffc079 !important;}
.forange500 {color:#ffb35f !important;}
.forange600 {color:#ffa440 !important;}
.forange700 {color:#ff9623 !important;}
.forange800 {color:#ff8600 !important;}
.forange900 {color:#f27f00 !important;}

/* violet */
.fviolet50 {color:#f3e5f5 !important;}
.fviolet80 {color:#e1bee7 !important;}
.fviolet100 {color:#ce93d8 !important;}
.fviolet200 {color:#ba68c8 !important;}
.fviolet300 {color:#ab47bc !important;}
.fviolet400 {color:#9c27b0 !important;}
.fviolet500 {color:#8e24aa !important;}
.fviolet600 {color:#7b1fa2 !important;}
.fviolet700 {color:#6a1b9a !important;}
.fviolet800 {color:#5c1588 !important;}
.fviolet900 {color:#4e007e !important;}

/* cherry */
.fcherry50 {color:#fce4ec !important;}
.fcherry80 {color:#f8bbd0 !important;}
.fcherry100 {color:#f48fb1 !important;}
.fcherry200 {color:#f06292 !important;}
.fcherry300 {color:#ec407a !important;}
.fcherry400 {color:#e91e63 !important;}
.fcherry500 {color:#d81b60 !important;}
.fcherry600 {color:#c2185b !important;}
.fcherry700 {color:#ad1457 !important;}
.fcherry800 {color:#880e4f !important;}
.fcherry900 {color:#740741 !important;}

/* mustard */
.fmustard50 {color:#f9fbe7 !important;}
.fmustard80 {color:#f0f4c3 !important;}
.fmustard100 {color:#e6ee9c !important;}
.fmustard200 {color:#dce775 !important;}
.fmustard300 {color:#d4e157 !important;}
.fmustard400 {color:#cddc39 !important;}
.fmustard500 {color:#c0ca33 !important;}
.fmustard600 {color:#afb42b !important;}
.fmustard700 {color:#9e9d24 !important;}
.fmustard800 {color:#827717 !important;}
.fmustard900 {color:#6e640e !important;}

/* DarkBlue */
.fDarkBlue50 {color:#e8eaf6 !important;}
.fDarkBlue80 {color:#c5cae9 !important;}
.fDarkBlue100 {color:#9fa8da !important;}
.fDarkBlue200 {color:#7986cb !important;}
.fDarkBlue300 {color:#5c6bc0 !important;}
.fDarkBlue400 {color:#3f51b5 !important;}
.fDarkBlue500 {color:#3949ab !important;}
.fDarkBlue600 {color:#303f9f !important;}
.fDarkBlue700 {color:#283593 !important;}
.fDarkBlue800 {color:#1a237e !important;}
.fDarkBlue900 {color:#0a125d !important;}

/* green2_ */
.fgreen50 {color:#ecffef !important;}
.fgreen80 {color:#cbffd3 !important;}
.fgreen100 {color:#abffb7 !important;}
.fgreen200 {color:#89ff9b !important;}
.fgreen300 {color:#5bff74 !important;}
.fgreen400 {color:#37ff3d !important;}
.fgreen500 {color:#2cf332 !important;}
.fgreen600 {color:#21db27 !important;}
.fgreen700 {color:#13b817 !important;}
.fgreen800 {color:#0b9f11 !important;}
.fgreen900 {color:#008c0c !important;}




.fmint {color:#3a9fb1 !important;}
.bmint  { background: #acdae7 !important;}
.fpink {color:#f8abad !important;}
.fyello {color: #e5a812;  }
.bpink { background: #f8abad !important; }
.byello { background: #ffd530 !important;} 
.fgreen  { color: #a5d064 !important;}
.bgreen  { background: #a5d064 !important;}


/*************** backgroundColor ****************/

/* Red */
.red50 {background:#fbf1ef !important;}
.red80 {background:#ffd4cc !important;}
.red100 {background:#ffaea1 !important;}
.red200 {background:#ff8d7c !important;}
.red300 {background:#fe6a54 !important;}
.red400 {background:#fa5b4a !important;}
.red500 {background:#ec4937 !important;}
.red600 {background:#dd3c2a !important;}
.red700 {background:#c83323 !important;}
.red800 {background:#aa2a1b !important;}
.red900 {background:#8d2115 !important;}

/* Yellow */
.yellow50 {background:#FFFDE7 !important;}
.yellow80 {background:#FFF9C4 !important;}
.yellow100 {background:#FFF59D !important;}
.yellow200 {background:#FFF176 !important;}
.yellow300 {background:#FFEE58 !important;}
.yellow400 {background:#ffe717 !important;}
.yellow500 {background:#fbe100 !important;}
.yellow600 {background:#f4db00 !important;}
.yellow700 {background:#eed602 !important;}
.yellow800 {background:#e4cd00 !important;}
.yellow900 {background:#d8c200 !important;}

/* emerald */
.emerald50 {background:#e6f8f3 !important;}
.emerald80 {background:#d7f6ee !important;}
.emerald100 {background:#94e7d1 !important;}
.emerald200 {background:#71d2b8 !important;}
.emerald300 {background:#58caab !important;}
.emerald400 {background:#33b893 !important;}
.emerald500 {background:#27ab86 !important;}
.emerald600 {background:#1c9674 !important;}
.emerald700 {background:#137b5e !important;}
.emerald800 {background:#10634c !important;}
.emerald900 {background:#0a4534 !important;}

/* Blue */
.blue50 {background:#f5fbff !important;}
.blue80 {background:#e7f4fd !important;}
.blue100 {background:#cbe7fd !important;}
.blue200 {background:#a7d4f9 !important;}
.blue300 {background:#79bef5 !important;}
.blue400 {background:#51abf3 !important;}
.blue500 {background:#2b96ed !important;}
.blue600 {background:#1583db !important;}
.blue700 {background:#0a70c2 !important;}
.blue800 {background:#025ba5 !important;}
.blue900 {background:#01457d !important;}

/* purple */
.purple50 {background:#faf5ff !important;}
.purple80 {background:#f2e7fd !important;}
.purple100 {background:#e1cbfd !important;}
.purple200 {background:#c7a7f9 !important;}
.purple300 {background:#a479f5 !important;}
.purple400 {background:#8951f3 !important;}
.purple500 {background:#772bed !important;}
.purple600 {background:#6c15db !important;}
.purple700 {background:#630ac2 !important;}
.purple800 {background:#4902a5 !important;}
.purple900 {background:#3d017d !important;}

/* Gray */
.gray30 {background:#fbfbfb !important;}
.gray50 {background:#f8f9fa !important;}
.gray60 {background:#f5f6f7 !important;}
.gray80 {background:#f1f3f5 !important;}
.gray100 {background:#e9ecef !important;}
.gray200 {background:#dee2e6 !important;}
.gray300 {background:#ced4da !important;}
.gray400 {background:#adb5bd !important;}
.gray500 {background:#848c94 !important;}
.gray600 {background:#666d75 !important;}
.gray700 {background:#495056 !important;}
.gray800 {background:#343a40 !important;}
.gray900 {background:#212529 !important;}

/* pink */
.pink50 {background:#fff3fb !important;}
.pink80 {background:#ffe8f7 !important;}
.pink100 {background:#ffdcf3 !important;}
.pink200 {background:#ffd2f0 !important;}
.pink300 {background:#ffbce9 !important;}
.pink400 {background:#ffa2e1 !important;}
.pink500 {background:#ff7fd8 !important;}
.pink600 {background:#ff5dcf !important;}
.pink700 {background:#ff32c2 !important;}
.pink800 {background:#f80db2 !important;}
.pink900 {background:#ec00a6 !important;}

/* brown */
.brown50 {background:#efebe9 !important;}
.brown80 {background:#d7ccc8 !important;}
.brown100 {background:#bcaaa4 !important;}
.brown200 {background:#a1887f !important;}
.brown300 {background:#8d6e63 !important;}
.brown400 {background:#795548 !important;}
.brown500 {background:#6d4c41 !important;}
.brown600 {background:#5d4037 !important;}
.brown700 {background:#513830 !important;}
.brown800 {background:#452f28 !important;}
.brown900 {background:#3e2723 !important;}

/* orange */
.orange50 {background:#fff6ed !important;}
.orange80 {background:#ffefdc !important;}
.orange100 {background:#ffe5c7 !important;}
.orange200 {background:#ffdab0 !important;}
.orange300 {background:#ffce96 !important;}
.orange400 {background:#ffc079 !important;}
.orange500 {background:#ffb35f !important;}
.orange600 {background:#ffa440 !important;}
.orange700 {background:#ff9623 !important;}
.orange800 {background:#ff8600 !important;}
.orange900 {background:#f27f00 !important;}

/* purple2 */
.violet50 {background:#f3e5f5 !important;}
.violet80 {background:#e1bee7 !important;}
.violet100 {background:#ce93d8 !important;}
.violet200 {background:#ba68c8 !important;}
.violet300 {background:#ab47bc !important;}
.violet400 {background:#9c27b0 !important;}
.violet500 {background:#8e24aa !important;}
.violet600 {background:#7b1fa2 !important;}
.violet700 {background:#6a1b9a !important;}
.violet800 {background:#5c1588 !important;}
.violet900 {background:#4e007e !important;}

/* cherry */
.cherry50 {background:#fce4ec !important;}
.cherry80 {background:#f8bbd0 !important;}
.cherry100 {background:#f48fb1 !important;}
.cherry200 {background:#f06292 !important;}
.cherry300 {background:#ec407a !important;}
.cherry400 {background:#e91e63 !important;}
.cherry500 {background:#d81b60 !important;}
.cherry600 {background:#c2185b !important;}
.cherry700 {background:#ad1457 !important;}
.cherry800 {background:#880e4f !important;}
.cherry900 {background:#740741 !important;}

/* mustard */
.mustard50 {background:#f9fbe7 !important;}
.mustard80 {background:#f0f4c3 !important;}
.mustard100 {background:#e6ee9c !important;}
.mustard200 {background:#dce775 !important;}
.mustard300 {background:#d4e157 !important;}
.mustard400 {background:#cddc39 !important;}
.mustard500 {background:#c0ca33 !important;}
.mustard600 {background:#afb42b !important;}
.mustard700 {background:#9e9d24 !important;}
.mustard800 {background:#827717 !important;}
.mustard900 {background:#6e640e !important;}

/* DarkBlue */
.DarkBlue50 {background:#e8eaf6 !important;}
.DarkBlue80 {background:#c5cae9 !important;}
.DarkBlue100 {background:#9fa8da !important;}
.DarkBlue200 {background:#7986cb !important;}
.DarkBlue300 {background:#5c6bc0 !important;}
.DarkBlue400 {background:#3f51b5 !important;}
.DarkBlue500 {background:#3949ab !important;}
.DarkBlue600 {background:#303f9f !important;}
.DarkBlue700 {background:#283593 !important;}
.DarkBlue800 {background:#1a237e !important;}
.DarkBlue900 {background:#0a125d !important;}

/* green */
.green50 {background:#ecffef !important;}
.green80 {background:#cbffd3 !important;}
.green100 {background:#abffb7 !important;}
.green200 {background:#89ff9b !important;}
.green300 {background:#5bff74 !important;}
.green400 {background:#37ff3d !important;}
.green500 {background:#2cf332 !important;}
.green600 {background:#21db27 !important;}
.green700 {background:#13b817 !important;}
.green800 {background:#0b9f11 !important;}
.green900 {background:#008c0c !important;}



/* witdhStyle */
.wth20 {width:20px !important;}
.wth22 {width:22px !important;}
.wth30 {width:30px !important;}
.wth35 {width:35px !important;}
.wth40 {width:40px !important;}
.wth45 {width:45px !important;}
.wth50 {width:50px !important;}
.wth55 {width:55px !important;}
.wth60 {width:60px !important;}
.wth65 {width:65px !important;}
.wth70 {width:70px !important;}
.wth75 {width:75px !important;}
.wth80 {width:80px !important;}
.wth85 {width:85px !important;}
.wth90 {width:90px !important;}
.wth95 {width:95px !important;}
.wth100 {width:100px !important;}
.wth105 {width:105px !important;}
.wth110 {width:110px !important;}
.wth115 {width:115px !important;}
.wth120 {width:120px !important;}
.wth125 {width:125px !important;}
.wth130 {width:130px !important;}
.wth135 {width:135px !important;}
.wth140 {width:140px !important;}
.wth145 {width:145px !important;}
.wth150 {width:150px !important;}
.wth155 {width:155px !important;}
.wth160 {width:160px !important;}
.wth165 {width:165px !important;}
.wth170 {width:170px !important;}
.wth175 {width:175px !important;}
.wth180 {width:180px !important;}
.wth185 {width:185px !important;}
.wth190 {width:190px !important;}
.wth195 {width:195px !important;}
.wth198 {width:198px !important;} /* input */
.wth200 {width:200px !important;}
.wth205 {width:205px !important;}
.wth210 {width:210px !important;}
.wth215 {width:215px !important;}
.wth220 {width:220px !important;}
.wth225 {width:225px !important;}
.wth230 {width:230px !important;}
.wth235 {width:235px !important;}
.wth240 {width:240px !important;}
.wth245 {width:245px !important;}
.wth250 {width:250px !important;}
.wth255 {width:255px !important;}
.wth260 {width:260px !important;}
.wth265 {width:265px !important;}
.wth270 {width:270px !important;}
.wth275 {width:275px !important;}
.wth280 {width:280px !important;}
.wth285 {width:285px !important;}
.wth290 {width:290px !important;}
.wth295 {width:295px !important;}
.wth300 {width:300px !important;}
.wth310 {width:310px !important;}
.wth320 {width:320px !important;}
.wth330 {width:330px !important;}
.wth340 {width:340px !important;}
.wth350 {width:350px !important;}
.wth360 {width:360px !important;}
.wth370 {width:370px !important;}
.wth380 {width:380px !important;}
.wth390 {width:390px !important;}
.wth400 {width:400px !important;}
.wth410 {width:410px !important;}
.wth420 {width:420px !important;}
.wth430 {width:430px !important;}
.wth440 {width:440px !important;}
.wth450 {width:450px !important;}
.wth460 {width:460px !important;}
.wth470 {width:470px !important;}
.wth480 {width:480px !important;}
.wth490 {width:490px !important;}
.wth500 {width:500px !important;}
.wth510 {width:510px !important;}
.wth520 {width:520px !important;}
.wth530 {width:530px !important;}
.wth540 {width:540px !important;}
.wth550 {width:550px !important;}
.wth560 {width:560px !important;}
.wth570 {width:570px !important;}
.wth580 {width:580px !important;}
.wth590 {width:590px !important;}
.wth600 {width:600px !important;}
.wth610 {width:610px !important;}
.wth620 {width:620px !important;}
.wth630 {width:630px !important;}
.wth640 {width:640px !important;}
.wth650 {width:650px !important;}
.wth660 {width:660px !important;}
.wth670 {width:670px !important;}
.wth680 {width:680px !important;}
.wth690 {width:690px !important;}
.wth700 {width:700px !important;}
.wth710 {width:710px !important;}
.wth720 {width:720px !important;}
.wth730 {width:730px !important;}
.wth740 {width:740px !important;}
.wth750 {width:750px !important;}
.wth760 {width:760px !important;}
.wth770 {width:770px !important;}
.wth780 {width:780px !important;}
.wth790 {width:790px !important;}
.wth800 {width:800px !important;}
.wth810 {width:810px !important;}
.wth820 {width:820px !important;}
.wth830 {width:830px !important;}
.wth840 {width:840px !important;}
.wth850 {width:850px !important;}
.wth860 {width:860px !important;}
.wth870 {width:870px !important;}
.wth880 {width:880px !important;}
.wth890 {width:890px !important;}
.wth900 {width:900px !important;}
.wth910 {width:910px !important;}
.wth920 {width:920px !important;}
.wth930 {width:930px !important;}
.wth940 {width:940px !important;}
.wth950 {width:950px !important;}
.wth960 {width:960px !important;}
.wth970 {width:970px !important;}
.wth980 {width:980px !important;}
.wth990 {width:990px !important;}
.wth1000 {width:1000px !important;}
.wth1030 {width:1030px !important;}
.wth1045 {width:1045px !important;}
.wth1050 {width:1050px !important;}
.wth1100 {width:1100px !important;}
.wth1150 {width:1150px !important;}

.wth5p {width:5% !important;}
.wth10p {width:10% !important;}
.wth15p {width:15% !important;}
.wth20p {width:20% !important;}
.wth25p {width:25% !important;}
.wth30p {width:30% !important;}
.wth35p {width:35% !important;}
.wth40p {width:40% !important;}
.wth45p {width:45% !important;}
.wth50p {width:50% !important;}
.wth55p {width:55% !important;}
.wth60p {width:60% !important;}
.wth65p {width:65% !important;}
.wth70p {width:70% !important;}
.wth75p {width:75% !important;}
.wth80p {width:80% !important;}
.wth85p {width:85% !important;}
.wth90p {width:90% !important;}
.wth95p {width:95% !important;}
.wth96p {width:96% !important;}
.wth97p {width:97% !important;}
.wth98p {width:98% !important;}
.wth99p {width:99% !important;}
.wth100p {width:100% !important;}

/* heightStyle */
.hgt10 {height:10px !important;}
.hgt15 {height:15px !important;}
.hgt20 {height:20px !important;}
.hgt22 {height:22px !important;}
.hgt30 {height:30px !important;}
.hgt35 {height:35px !important;}
.hgt40 {height:40px !important;}
.hgt45 {height:45px !important;}
.hgt50 {height:50px !important;}
.hgt55 {height:55px !important;}
.hgt60 {height:60px !important;}
.hgt65 {height:65px !important;}
.hgt70 {height:70px !important;}
.hgt75 {height:75px !important;}
.hgt80 {height:80px !important;}
.hgt85 {height:85px !important;}
.hgt90 {height:90px !important;}
.hgt95 {height:95px !important;}
.hgt100 {height:100px !important;}
.hgt105 {height:105px !important;}
.hgt110 {height:110px !important;}
.hgt115 {height:115px !important;}
.hgt120 {height:120px !important;}
.hgt125 {height:125px !important;}
.hgt130 {height:130px !important;}
.hgt135 {height:135px !important;}
.hgt140 {height:140px !important;}
.hgt145 {height:145px !important;}
.hgt150 {height:150px !important;}
.hgt155 {height:155px !important;}
.hgt160 {height:160px !important;}
.hgt165 {height:165px !important;}
.hgt170 {height:170px !important;}
.hgt175 {height:175px !important;}
.hgt180 {height:180px !important;}
.hgt185 {height:185px !important;}
.hgt190 {height:190px !important;}
.hgt195 {height:195px !important;}
.hgt200 {height:200px !important;}
.hgt205 {height:205px !important;}
.hgt210 {height:210px !important;}
.hgt215 {height:215px !important;}
.hgt220 {height:220px !important;}
.hgt225 {height:225px !important;}
.hgt230 {height:230px !important;}
.hgt235 {height:235px !important;}
.hgt240 {height:240px !important;}
.hgt245 {height:245px !important;}
.hgt250 {height:250px !important;}
.hgt255 {height:255px !important;}
.hgt260 {height:260px !important;}
.hgt265 {height:265px !important;}
.hgt270 {height:270px !important;}
.hgt275 {height:275px !important;}
.hgt280 {height:280px !important;}
.hgt285 {height:285px !important;}
.hgt290 {height:290px !important;}
.hgt295 {height:295px !important;}
.hgt300 {height:300px !important;}
.hgt310 {height:310px !important;}
.hgt320 {height:320px !important;}
.hgt330 {height:330px !important;}
.hgt340 {height:340px !important;}
.hgt350 {height:350px !important;}
.hgt360 {height:360px !important;}
.hgt370 {height:370px !important;}
.hgt380 {height:380px !important;}
.hgt390 {height:390px !important;}
.hgt400 {height:400px !important;}
.hgt450 {height:450px !important;}
.hgt470 {height:470px !important;}
.hgt500 {height:500px !important;}
.hgt510 {height:510px !important;}
.hgt520 {height:520px !important;}
.hgt530 {height:530px !important;}
.hgt540 {height:540px !important;}
.hgt550 {height:550px !important;}
.hgt560 {height:560px !important;}
.hgt570 {height:570px !important;}
.hgt580 {height:580px !important;}
.hgt590 {height:590px !important;}
.hgt600 {height:600px !important;}
.hgt610 {height:610px !important;}
.hgt620 {height:620px !important;}
.hgt630 {height:630px !important;}
.hgt640 {height:640px !important;}
.hgt650 {height:650px !important;}
.hgt660 {height:660px !important;}
.hgt670 {height:670px !important;}
.hgt680 {height:680px !important;}
.hgt690 {height:690px !important;}
.hgt700 {height:700px !important;}
.hgt710 {height:710px !important;}
.hgt720 {height:720px !important;}
.hgt730 {height:730px !important;}
.hgt740 {height:740px !important;}
.hgt750 {height:750px !important;}




/* min-height */
.minh100 {min-height:100px !important;}
.minh150 {min-height:150px !important;}
.minh200 {min-height:200px !important;}
.minh250 {min-height:250px !important;}
.minh300 {min-height:300px !important;}
.minh350 {min-height:350px !important;}
.minh400 {min-height:400px !important;}
.minh450 {min-height:450px !important;}
.minh500 {min-height:500px !important;}
.minh550 {min-height:550px !important;}
.minh600 {min-height:600px !important;}
.minh650 {min-height:650px !important;}
.minh700 {min-height:700px !important;}
.minh750 {min-height:750px !important;}
.minh800 {min-height:800px !important;}
.minh850 {min-height:850px !important;}
.minh900 {min-height:900px !important;}
.minh950 {min-height:950px !important;}




/*button-style*/

.xs_btn {  display:inline-block;  font-size: 13px;   font-weight: 600; padding: 5px 12px; line-height: 18px;  }
.sm_btn {  display:inline-block;  font-size: 14px;   font-weight: 600; padding: 10px 20px; line-height: 20px;  }
.md_btn {  display:inline-block;  font-size: 16px;   font-weight: 600; padding: 12px 24px; line-height: 24px;  }
.lg_btn {  display:inline-block;  font-size: 18px;   font-weight: 600; padding: 14px 28px; line-height: 26px;  }
.xl_btn {  display:inline-block;  font-size: 20px;   font-weight: 600; padding: 16px 32px; line-height: 32px;  }



/* border-radius */
.rd_none{
    border-radius: 0;
}
.rd_2xs{
    border-radius: 2px;
}
.rd_xs{
    border-radius: 4px;
}
.rd_sm{
    border-radius: 6px;
}
.rd_md{
    border-radius: 8px;
}
.rd_lg{
    border-radius: 16px;
}
.rd_round{
    border-radius: 9999px;
}





/*button color*/

.wh {color:#393536 !important; background-color:#ffffff !important; border:1px solid #d6d6d6;}/*************** white */
.wh:hover {color:#393536 !important; background-color:#f0f0f0 !important; border:1px solid #c5c5c5;}

.bk {color:#ffffff !important; background-color:#444444 !important; border:1px solid #444444;}/*************** black */
.bk:hover {color:#ffffff !important; background-color:#000000 !important; border:1px solid #000000;}

.gy {color:#000000 !important; background-color:#D8D8D8 !important; border:1px solid #D8D8D8}/**************** gray */
.gy:hover {color:#ffffff !important; background-color:#6E6E6E !important; border:1px solid #6E6E6E;}

.nv {color:#ffffff !important; background-color:#818cb1 !important; border:1px solid #818cb1}/**************** navy */
.nv:hover {color:#ffffff !important; background-color:#5e6994 !important; border:1px solid #5e6994;}

.db {color:#ffffff !important; background-color:#2461b9 !important; border:1px solid #2461b9}/**************** darkblue */
.db:hover {color:#ffffff !important; background-color:#0e4aa0 !important; border:1px solid #0e4aa0;}

.bl {color:#ffffff !important; background-color:#2783CA !important; border:1px solid #2783CA}/**************** blue */
.bl:hover {color:#ffffff !important; background-color:#15619A !important; border:1px solid #15619A;}

.bl2 {color:#ffffff !important; background-color:#4c91ef !important; border:1px solid #4c91ef}/**************** blue2 */
.bl2:hover {color:#ffffff !important; background-color:#3879d2 !important; border:1px solid #3879d2;}


.sk {color:#ffffff !important; background-color:#6AC1D2 !important; border:1px solid #6AC1D2}/**************** sky */
.sk:hover {color:#ffffff !important; background-color:#4AAEAD !important; border:1px solid #4AAEAD;}

.gn {color:#ffffff !important; background-color:#2D9885 !important; border:1px solid #2D9885}/**************** light green */
.gn:hover {color:#ffffff !important; background-color:#22806F !important; border:1px solid #22806F;}

.gn2 {color:#ffffff !important; background-color:#7BBF43 !important; border:1px solid #7BBF43}/**************** light green2 */
.gn2:hover {color:#ffffff !important; background-color:#6FAE3C !important; border:1px solid #6FAE3C;}

.em {color:#ffffff !important; background-color:#2eb68b !important; border:1px solid #2eb68b}/**************** emerald */
.em:hover {color:#ffffff !important; background-color:#2c9f7b !important; border:1px solid #2c9f7b}

.em2 {color:#333 !important; background-color:#4defb4 !important; border:1px solid #4defb4}/**************** emerald */
.em2:hover {color:#333 !important; background-color:#17e59a !important; border:1px solid #17e59a}

.de {color:#ffffff !important; background-color:#128460 !important; border:1px solid #128460}/**************** dark emerald */
.de:hover {color:#ffffff !important; background-color:#0b6146 !important; border:1px solid #0b6146}

.dgn {color:#ffffff !important; background-color:#2b5753 !important; border:1px solid #3e823a}/*************** dark green */
.dgn:hover {color:#ffffff !important; background-color:#2b5753 !important; border:1px solid #2b5753;}

.kk {color:#ffffff !important; background-color:#617800 !important; border:1px solid #617800}/**************** kaki */
.kk:hover {color:#ffffff !important; background-color:#455500 !important; border:1px solid #455500;}

.mt {color:#ffffff !important; background-color:#cfbd23 !important; border:1px solid #cfbd23}/**************** mustard */
.mt:hover {color:#ffffff !important; background-color:#aa9800 !important; border:1px solid #aa9800;}

.yl {color:#fff !important; background-color:#FFCF54 !important; border:1px solid #FFD771}/**************** yellow */
.yl:hover {color:#fff !important; background-color:#FFC530  !important; border:1px solid #FFC530;}

.or {color:#ffffff !important; background-color:#FF9800 !important; border:1px solid #FF9800}/**************** orange */
.or:hover {color:#ffffff !important; background-color:#F57C00 !important; border:1px solid #F57C00;}

.bg {color:#ffffff !important; background-color:#ceb689 !important; border:1px solid #ceb689}/**************** beige */
.bg:hover {color:#ffffff !important; background-color:#c1a673 !important; border:1px solid #c1a673;}

.bw {color:#ffffff !important; background-color:#cb6c2e !important; border:1px solid #cb6c2e}/**************** brown */
.bw:hover {color:#ffffff !important; background-color:#b45a1f !important; border:1px solid #b45a1f;}

.dbw {color:#ffffff !important; background-color:#89471d !important; border:1px solid #89471d}/*************** darkbrown */
.dbw:hover {color:#ffffff !important; background-color:#663516 !important; border:1px solid #663516;}

.dr {color:#ffffff !important; background-color:#b60000 !important; border:1px solid #b60000}/**************** darkred */
.dr:hover {color:#ffffff !important; background-color:#950000 !important; border:1px solid #950000;}

.rd {color:#ffffff !important; background-color:#EF4545 !important; border:1px solid #EF4545}/**************** red */
.rd:hover {color:#ffffff !important; background-color:#C63D3D !important; border:1px solid #C63D3D;}

.cr {color:#ffffff !important; background-color:#ff7a7a !important; border:1px solid #ff7a7a}/**************** coral */
.cr:hover {color:#ffffff !important; background-color:#d96060 !important; border:1px solid #d96060;}

.bp {color:#ffffff !important; background-color:#ff8f9f !important; border:1px solid #ff8f9f}/**************** babypink */
.bp:hover {color:#ffffff !important; background-color:#e17686 !important; border:1px solid #e17686;}

.pk {color:#ffffff !important; background-color:#ff60b7 !important; border:1px solid #ff60b7;}/*************** pink */
.pk:hover {color:#ffffff !important; background-color:#e4449c !important; border:1px solid #e4449c;}

.lv {color:#ffffff !important; background-color:#d18fdd !important; border:1px solid #d18fdd}/**************** lavender */
.lv:hover {color:#ffffff !important; background-color:#9867a1 !important; border:1px solid #9867a1;}

.pp {color:#ffffff !important; background-color:#9C27B0 !important; border:1px solid #9C27B0}/**************** purple */
.pp:hover {color:#ffffff !important; background-color:#782187 !important; border:1px solid #782187;}




/*셀렉트박스 커스텀*/




/*셀렉박스 커스텀*/

/* The container must be positioned relative: */
.custom-select {
position: relative;
width: 100%; 
}


.custom-select select {
display: none; /*hide original SELECT element: */
}



.select-selected { width: 100%;  height:70px;  line-height: 70px;   padding: 0px 20px;  
box-shadow: 0px 0px 4px 2px rgba(199, 199, 199, 0.25); color:#555; 
border-radius: 15px;  font-size: 17px; background: #fff;  cursor:pointer;  }

/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 50%; transform:translateY(-50%); 
right: 20px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #ddd transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {

}

/* style the items (options), including the selected item: */
.select-items div {
color: #333;
height: 60px;  line-height: 60px;   padding: 0px 20px;  
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer; font-size: 18px; 
}

/* Style items (options): */
.select-items {
position: absolute;
background-color: #fff;
border-radius: 15px;
width:100%;
top: 74px;
left: 0;
right: 0; 
z-index: 99; box-shadow: 0px 0px 4px 2px rgba(199, 199, 199, 0.25);
}

/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}

.select-items div:hover, .same-as-selected {

}


@media (max-width: 1024px){ 




}



@media (max-width: 600px){ 
   


/*button-style*/

.xs_btn {  display:inline-block;  font-size: 12px; padding: 5px 12px;  line-height: 1.2; }
.sm_btn {  display:inline-block;  font-size: 13px; padding: 8px 20px;  line-height: 1.2;   }
.md_btn {  display:inline-block;  font-size: 14px; padding: 10px 24px; line-height: 1.2;  }
.lg_btn {  display:inline-block;  font-size: 16px; padding: 12px 28px;  line-height: 1.2;   }
.xl_btn {  display:inline-block;  font-size: 18px; padding: 14px 32px;  line-height: 1.2;  }



}