@charset "utf-8";
/*-------------------------------------------------
Author : KIM KYE YOUNG 김계영
Last update :2021. 10. 20.
-------------------------------------------------*/

@import url("layout.css");
@import url("main.css");
@import url("sub.css");
@import url("font.css");
@import url("../font/xeicon/xeicon.min.css");

/* Reset */
*, *::before, *::after { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { margin:0;padding:0;}
html, body{ width:100%;}
html{ -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px;-webkit-text-size-adjust: none;}
body { -webkit-print-color-adjust:exact; margin: 0; padding: 0; font-size: 1rem; line-height: 1 !important; font-family:"Roboto", "Noto Sans KR", sans-serif !important; font-weight: 400; color: #ccc; letter-spacing: -0.05rem; min-width:128rem; background: #1B1C30; }
section { -webkit-box-sizing: border-box; box-sizing: border-box;}
ul,ol,li{ list-style:none;}
table{ width:100%;border-spacing:0;border-collapse:collapse; table-layout: fixed;}
img,fieldset{ border:0;}
img { max-width: 100%; height: auto;}
address,cite,code,em{ font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{ vertical-align:middle; font-family: "Noto Sans KR";}
.hide,caption,legend{ line-height:0;font-size:1px;overflow:hidden;}
hr{ display:none;}
main,header,section,nav,footer,aside,article,figure{ display:block;}
a{ color:#ccc;text-decoration:none;}
a:hover { color:#1667DB;}
input[type=submit], input[type=button], button { cursor: pointer}

/* Form */
textarea { border:1px solid #3E445A;}
select { height: 3.5rem; color:#ccc; border:1px solid #3E445A; background:#313648; font-family: "Noto Sans KR" !important; font-size: 1.6rem;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea { width:100%; height: 3.5rem; color:#ccc; border:1px solid #3E445A; background:#313648; text-indent:1rem;  transition: all .5s; vertical-align:middle; font-family: "Noto Sans KR" !important; font-size: 1.6rem;}
textarea { padding: 1rem; text-indent: 0; line-height:2.5rem; height:10rem; border:1px solid #3E445A;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #777;}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{ background:#1B1C30; border-color:#313648; color:#777; -webkit-appearance:none;}
textarea[readonly],
textarea[disabled]{ color:#777; background:#1B1C30;}
::placeholder { color: #7A8490; opacity:1; transition: all 0.3s; }
::-webkit-input-placeholder { color: #7A8490; opacity:1; transition: all 0.3s; }
::-ms-input-placeholder { color: #7A8490; opacity:1; transition: all 0.3s; }
::-ms-input-placeholder { color: #7A8490; opacity:1; transition: all 0.3s;}
:focus::placeholder { padding-left:2rem; opacity:0;}
:focus::-webkit-input-placeholder { padding-left:2rem; opacity:0;}
:focus::-ms-input-placeholder { padding-left:2rem; opacity:0;}
:focus::-ms-input-placeholder { padding-left:2rem; opacity:0;}

input[type="checkbox"], input[type="radio"] { position: absolute; left: -4000%; display: none;}
input[type="checkbox"] + label, input[type="radio"] + label { position: relative; display: inline-block; font-family: "xeicon","Noto Sans KR"; font-size: 2.5rem; width: 2.5rem; height: 2.5rem; }
input[type="checkbox"] + label:before { content: "\ea0e"; color: #999;}
input[type="checkbox"]:checked + label:before { content: "\e92d"; color: #1667DB;}
input[type="checkbox"]:disabled + label:before { content: "\e989"; color: #555; }
input[type="radio"] + label:before { content: "\e9c6"; color: #999;}
input[type="radio"]:checked + label:before { content: "\e9c7"; color: #1667DB;}
input[type="radio"]:disabled + label:before { content: "\e9c6"; color: #999; background: #eee; border-radius: 50%;}

.skip { position: absolute; left: 0; top:-5rem; width: 100%; height: 4rem; line-height: 4rem; text-align: center; background: #000; color: #fff; transition: all .3s; z-index: 1000;}
.skip:focus { top: 0;}
.hidden { display:none !important;}
a, button { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}

/* 정렬 */
.textC { text-align:center !important;}
.textL { text-align:left !important;}
.textR { text-align:right !important;}
.verticalT { vertical-align: top !important;}
.verticalM { vertical-align: middle !important;}
.textU { text-decoration: underline !important;}
.block { display: block !important;}
.flex {display: flex !important;}
.between {display: flex !important; justify-content: space-between;}

/* float */
.floatL { float:left !important;}
.floatR { float:right !important;}
.floatN { float:none !important;}
.clear { clear:both !important;}
.clear::after { content:""; display:block; clear:both;}
.fixed { position: fixed;}
.absolute { position: absolute;}

/* margin */
.m0 { margin:0 !important;}
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:.5rem !important;}
.mt10 { margin-top:1rem !important;}
.mt15 { margin-top:1.5rem !important;}
.mt20 { margin-top:2rem !important;}
.mt25 { margin-top:2.5rem !important;}
.mt30 { margin-top:3rem !important;}
.mt35 { margin-top:3.5rem !important;}
.mt40 { margin-top:4rem !important;}
.mt45 { margin-top:4.5rem !important;}
.mt50 { margin-top:5rem !important;}

.mr0 { margin-right:0 !important;}
.mr5 { margin-right:.5rem !important;}
.mr10 { margin-right:1rem !important;}
.mr15 { margin-right:1.5rem !important;}
.mr20 { margin-right:2rem !important;}
.mr25 { margin-right:2.5rem !important;}
.mr30 { margin-right:3rem !important;}
.mr35 { margin-right:3.5rem !important;}
.mr40 { margin-right:4rem !important;}
.mr45 { margin-right:4.5rem !important;}
.mr50 { margin-right:5rem !important;}

.mb0 { margin-bottom:0 !important;}
.mb5 { margin-bottom:.5rem !important;}
.mb10 { margin-bottom:1rem !important;}
.mb15 { margin-bottom:1.5rem !important;}
.mb20 { margin-bottom:2rem !important;}
.mb25 { margin-bottom:2.5rem !important;}
.mb30 { margin-bottom:3rem !important;}
.mb35 { margin-bottom:3.5rem !important;}
.mb40 { margin-bottom:4rem !important;}
.mb45 { margin-bottom:4.5rem !important;}
.mb50 { margin-bottom:5rem !important;}

.ml0 { margin-left:0 !important;}
.ml5 { margin-left:.5rem !important;}
.ml10 { margin-left:1rem !important;}
.ml15 { margin-left:1.5rem !important;}
.ml20 { margin-left:2rem !important;}
.ml25 { margin-left:2.5rem !important;}
.ml30 { margin-left:3rem !important;}
.ml35 { margin-left:3.5rem !important;}
.ml40 { margin-left:4rem !important;}
.ml45 { margin-left:4.5rem !important;}
.ml50 { margin-left:5rem !important;}
.ml60 { margin-left:6rem !important;}

/* padding */
.p0 { padding:0 !important;}
.pt0 { padding-top:0 !important;}
.pt5 { padding-top:.5rem !important;}
.pt10 { padding-top:1rem !important;}
.pt15 { padding-top:1.5rem !important;}
.pt20 { padding-top:2rem !important;}
.pt25 { padding-top:2.5rem !important;}
.pt30 { padding-top:3rem !important;}
.pt35 { padding-top:3.5rem !important;}
.pt40 { padding-top:4rem !important;}
.pt50 { padding-top:5rem !important;}
.pt45 { padding-top:4.5rem !important;}

.pr0 { padding-right:0 !important;}
.pr5 { padding-right:.5rem !important;}
.pr10 { padding-right:1rem !important;}
.pr15 { padding-right:1.5rem !important;}
.pr20 { padding-right:2rem !important;}
.pr25 { padding-right:2.5rem !important;}
.pr30 { padding-right:3rem !important;}
.pr35 { padding-right:3.5rem !important;}
.pr40 { padding-right:4rem !important;}
.pr45 { padding-right:4.5rem !important;}
.pr50 { padding-right:5rem !important;}

.pb0 { padding-bottom:0 !important;}
.pb5 { padding-bottom:.5rem !important;}
.pb10 { padding-bottom:1rem !important;}
.pb15 { padding-bottom:1.5rem !important;}
.pb20 { padding-bottom:2rem !important;}
.pb25 { padding-bottom:2.5rem !important;}
.pb30 { padding-bottom:3rem !important;}
.pb35 { padding-bottom:3.5rem !important;}
.pb40 { padding-bottom:4rem !important;}
.pb45 { padding-bottom:4.5rem !important;}
.pb50 { padding-bottom:5rem !important;}

.pl0 { padding-left:0 !important;}
.pl5 { padding-left:.5rem !important;}
.pl10 { padding-left:1rem !important;}
.pl15 { padding-left:1.5rem !important;}
.pl20 { padding-left:2rem !important;}
.pl25 { padding-left:2.5rem !important;}
.pl30 { padding-left:3rem !important;}
.pl35 { padding-left:3.5rem !important;}
.pl40 { padding-left:4rem !important;}
.pl45 { padding-left:4.5rem !important;}
.pl50 { padding-left:5rem !important;}