@charset "utf-8";
/*로그인센터*/
.adminbg {background:#607c94 url("/img/common/bg.noise.png"); padding:0}
.login_wrap {display: flex;justify-content: center;width: 100%;height: 100%;}
.login {width:300px; background:#fff; border-radius:10px;padding:20px;text-align:center;align-self: center;box-shadow:0px 1px 4px 1px rgba(0,0,0,.3);}
.login ul li:nth-of-type(1) { padding:10px 0;}
.login ul li:nth-of-type(2) { font-size:1.4em; font-weight:100; padding:20px 0;}
.login ul li:nth-of-type(3),
.login ul li:nth-of-type(4) {padding:1px 0;}
.login ul li:nth-of-type(5) {padding:10px 0;}
.login ul li:nth-of-type(6) { font-size:10px; font-weight:500; color:#999}
.login ul li:nth-of-type(7) {padding:20px 0;}

.regist {width:300px; background:#fff; border-radius:10px;padding:20px;text-align:center;align-self: center;box-shadow:0px 1px 4px 1px rgba(0,0,0,.3);}
.regist ul li:nth-of-type(1) { padding:10px 0;}
.regist ul li:nth-of-type(2) { font-size:1.4em; font-weight:100; padding:20px 0;}
.regist ul li:nth-of-type(3) {padding:10px 0;}
.regist ul li:nth-of-type(4) ,
.regist ul li:nth-of-type(5) {padding:1px 0;}
.regist ul li:nth-of-type(6) {padding:10px 0;}
.regist ul li:nth-of-type(8) {padding:20px 0;}

.idpass {width:600px; background:#fff; border-radius:10px;padding:20px;text-align:center;align-self: center;box-shadow:0px 1px 4px 1px rgba(0,0,0,.3);}
.idpass ul li:nth-of-type(1) { font-size:1.4em; font-weight:100; padding:20px 0;}
.idpass ul li:nth-of-type(2) ,
.idpass ul li:nth-of-type(3) {padding:1px 0;}
.idpass ul li:nth-of-type(4) {padding:10px 0;}

.password_wrap {display: flex;justify-content: center;width: 100%;height: 100%;}
.password {width:400px; background:#fff; border-radius:10px;padding:20px;text-align:center;align-self: center;box-shadow:0px 1px 4px 1px rgba(0,0,0,.3);}
.password ul li:nth-of-type(1) { font-size:1.4em; font-weight:100; padding:20px 0;}
.password ul li:nth-of-type(2) ,
.password ul li:nth-of-type(3) {padding:1px 0;}
.password ul li:nth-of-type(4) {padding:10px 0;}

.activation_wrap {display: flex;justify-content: center;width: 100%;height: 100%;}
.activation {width:600px; background:#fff; border-radius:10px;padding:20px;text-align:center;align-self: center;box-shadow:0px 1px 4px 1px rgba(0,0,0,.3);}
.activation ul li:nth-of-type(1) { padding:10px 0;}
.activation ul li:nth-of-type(2) { font-size:1.4em; font-weight:100; padding:20px 0;}
.activation ul li:nth-of-type(3) {padding:10px 0;}
.activation ul li:nth-of-type(4) ,
.activation ul li:nth-of-type(5) {padding:1px 0;}
.activation ul li:nth-of-type(6) {padding:10px 0;}

.error {color:#ff0000}
input.error {border: 1px solid #ff0000;}

html {height:100%;}
body {background:#fff; height:100%; padding-top:50px;padding-left:200px;box-sizing:border-box;font-family:"Roboto", "Noto Sans KR", "Nanum Gothic"; min-width:1200px; }

* {-webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 0.45px; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); text-shadow: rgba(0,0,0,.01) 0 0 0.45px; -moz-osx-font-smoothing: grayscale; box-sizing:border-box;  }
/* 기본 */
ul, li, dl, dt, dd, ol, input, select, textarea, div, p, span, table, th, td, form, i, a {list-style:none; margin:0; padding:0; border:0;}
em, i {font-style:normal}

a, button, input[type="button"] { text-decoration:none; cursor:pointer; color:#3b424f;}
a {display:inline-block;}
a:link, a:active, a:hover, a:focus { color:#000; transition: 0.3s;}
a:visited {color:#3b424f;}
/* a:focus {outline: none; box-sizing:border-box; background:#fff8e1;} */

::selection {  background-color:#3b424f; color: #fff; text-shadow: none;}/* 텍스트 선택시 컬러 */
br { clear:both; display:block;}
br.brp { clear:both; display:block; line-height:1.8}
.line {border:1px solid #f00; box-sizing:border-box;}
.fend:after {content:""; clear:both; display:block; }
.fl {float:left; }.fr {float:right; }.tl {text-align:left !important;}.tr {text-align:right !important;}.tc {text-align:center !important;}
.btn_top { display: none ; position: fixed; overflow:hidden; text-align:center; z-index:12; border-radius:2px;  background:#545e71; color:#fff; opacity:0.5; cursor:pointer; /* transition: 0.3s; */}
.btn_top:hover {opacity:1; color:#fff; }
.endpage { height:0; width:0;}
.blind {text-indent:-9999px}
.hr{border-top:1px solid #e8e8e8; border-bottom:1px solid #fff; width:100%;display:block; margin:10px 0;}
.tdhr {padding:0 !important; height:20px !important; line-height:1 !important}

.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100 {width:100%}
.h100 { height:100px; }.h200 { height:200px; }.h300 { height:300px; }.h400 { height:400px; }.h500 { height:500px; }
.gap_5_5 { margin-top:5px; margin-bottom:5px;}.gap_10_10 { margin-top:10px; margin-bottom:10px;}.gap_20_20 { margin-top:20px; margin-bottom:20px;}.gap_30_30 { margin-top:30px; margin-bottom:30px;}.gap_40_40 { margin-top:40px; margin-bottom:40px;}

#skipnavigation { position:fixed; left:0; top:-500px; width:100%; z-index:10000;  display:block;  }
#skipnavigation a{position:fixed; display:block; text-align:center; width: 100%; padding: 15px 0; background:#20262c; font-size:12px; font-weight:bold; color:#fff; }
#skipnavigation a:focus { top:0;}

/*
select, input, button, .btn, .ui-selectmenu-button, .ui-selectmenu-open ul li div { padding:10px 5px 8px 5px; box-sizing:border-box; font-size:1em; line-height:1em; }
*/
button, input, optgroup, select {line-height:1; vertical-align:top;}
select, input,
.ipt_span,
.ui-selectmenu-button,
.ui-selectmenu-icon,
.ui-selectmenu-open ul li div,
.ui-selectmenu-open .ui-selectmenu-optgroup {
    height:40px; line-height:38px; padding-left:10px; padding-right:10px;
}
.ipt_td {height:44px; line-height:40px;}
button, .btn {  height:40px; line-height:40px;
    border:1px solid #414042; display:inline-block; padding-left:20px; padding-right:20px; background:#414042; color:#fff !important; transition: 0.3s;   text-align:center; z-index:1; white-space:nowrap;outline: none; font-weight:500;
}
/*button:hover, button:focus,*/
.btn:hover,  .btn:focus {  background:#252525; border-color:#000 }

.btn.white {background:transparent; border:0; overflow:hidden; position: relative; color:#000 !important;  line-height:42px;}
.btn.white::before { transition: 0.3s; content:""; display: block; position: absolute; width:100%; height:100%; left:0px; top:0; border:1px solid #ccc;  z-index:-1; box-sizing:border-box;  }
.btn.white:hover { background:transparent; color:#3b424f !important;}
.btn.white:hover::before, .btn.white:focus::before { border:3px solid #3b424f;}

.btn.black { background:#545e71; color:#fff !important; border:1px solid #545e71; }
.btn.black:hover, .btn.black:focus {  background:#3b424f; color:#fff !important; border:1px solid #3b424f; }
.btn.red { background:#ed1c24; color:#fff !important; border:1px solid #cd181f; }
.btn.red:hover, .btn.red:focus {  background:#cd181f; color:#fff !important; border:1px solid #cd181f; }
.btn.solid { height:38px; line-height:36px !important; margin-top:1px; background:#f2f2f2; color:#4d4d4d !important; border:1px solid #e7e6e7;  box-shadow:0 0 0 1px rgba(100,100,100,.5); border-top:2px solid #fff; border-right:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; border-left:2px solid #fff; line-height:38px;  }
.btn.solid:hover, .btn.solid:focus {  background:#696969; color:#fff !important; border:1px solid #4e4e4e; }

.btninline { font-weight:500; color:#ffa200 !important}

.btn.small { height:24px; line-height:23px !important; font-size:0.85em; padding-left:8px; padding-right:8px;  }
.btn.middle { height:32px; line-height:32px; font-size:0.9em; padding-left:12px; padding-right:12px }
.btn.big {   height:50px; line-height:48px !important; font-size:1.1em }
.btn.radius {  border-radius:6px; }
.btn.small.radius {  border-radius:3px; }
.btn.endl {border-radius:0 6px 6px 0;}
.btn.marginw10 {margin:0px 10px;}
.btn.marginw5 {margin:0px 5px;}

.bbox.btm { padding:20px 0;}
.bbox.btm:after {content:""; clear:both; display:block; }

.btn_group { display:inline-block;}
.btn_group>* { float:left; margin-right:2px;}
.btn_group.small  > * {height:30px; line-height:30px; font-size:0.85em;}
.btn_group.small  > select {padding:0 30px 0 10px;}

.ipt_span { display:inline-block;box-sizing:border-box; vertical-align:top; padding-left:0; padding-right:0; }
select, input, textarea { -webkit-appearance: none; appearance: none;  -moz-appearance:none;  -webkit-border-radius: 0; border:1px solid #b8b8b8; background-color:#fdfdfd; }
textarea { padding:10px; line-height:160%;}
::-webkit-input-placeholder { color: #999;}::-moz-placeholder { color: #999;}:-ms-input-placeholder {color: #999;}:-moz-placeholder {color: #999;}::placeholder {color: #999;}

select:focus, input:focus, textarea:focus { outline: none; background-color:#fff; border-color:#000;}
select { background-image:url('/img/common/arrow.select.png'); background-position:right; background-repeat: no-repeat; padding-right:30px; line-height:1; font-size:12px; padding-top:8px; padding-bottom:8px; }
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0;display:inline-block; vertical-align:top;  }
h1 { font-size:2.2em; letter-spacing:-1.0px; font-weight:700; }
h2 { font-size:2em;     letter-spacing:-1.0px; font-weight:700;}
h3 { font-size:1.8em; letter-spacing:-1.0px; font-weight:700; }
h4 { font-size:1.4em; letter-spacing:-0.5px; font-weight:700;}
h5 { font-size:1.2em; letter-spacing:-0.2px; font-weight:700; }
h6 { font-size:1em; letter-spacing:-0.2px; font-weight:700; }
p { line-height:1.4; }
p.fw100 {  font-size:1.2em;font-weight:100; }
p.fw300 {  font-size:1.2em;font-weight:300; }
p.fw400 {  font-size:1.2em;font-weight:400; }
p.fw500 {  font-size:1.2em;font-weight:500; }
p.fw700 {  font-size:1.2em;font-weight:700; }
p.fw900 {  font-size:1.2em;font-weight:900; }

/* width별 보기 설정*/
.vp{display:inline-block;}.vt{display:none;}.vm{display:none;}
@media screen and (max-width:1200px){
    .vp{display:none;}.vt{display:inline-block;}.vm{display:none;}
}
@media screen and (max-width:600px){
    .vp{display:none;}.vt{display:none;}.vm{display:inline-block;}
}




@media screen and (-webkit-min-device-pixel-ratio:0){ /*크롬*/
    button, input, optgroup, select {line-height:1; vertical-align:top;}
    input,
    .ipt_span,
    .ui-selectmenu-button,
    .ui-selectmenu-icon,
    .ui-selectmenu-open ul li div,
    .ui-selectmenu-open .ui-selectmenu-optgroup {
        line-height:40px;
    }
}