@charset "UTF-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(./fonts/NotoSansKR-Thin.woff) format('woff'),
url(./fonts/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),
url(./fonts/NotoSansKR-Light.woff) format('woff'),
url(./fonts/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(./fonts/NotoSansKR-Regular.woff) format('woff'),
url(./fonts/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(./fonts/NotoSansKR-Medium.woff) format('woff'),
url(./fonts/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(./fonts/NotoSansKR-Bold.woff) format('woff'),
url(./fonts/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(./fonts/NotoSansKR-Black.woff2) format('woff2'),
url(./fonts/NotoSansKR-Black.woff) format('woff'),
url(./fonts/NotoSansKR-Black.otf) format('opentype');}

html{-webkit-text-size-adjust:none; /*-ms-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;*/-webkit-touch-callout:none; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px; -webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#111; letter-spacing:-0.1px;
font-weight: 400; font-family: 'Noto Sans KR'; text-align: left; } 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all;
background: #F0F0F0;}
nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
select{cursor: pointer;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
button:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
a:hover, a:active{text-decoration:none !important;}



/*fix, brisak*/
.clear_fix:after{content:""; display:block; clear:both;}
.ib_fix{line-height:0px;}
.hidden_fix{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
.lb_hide {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0;text-indent: -9999px;}
legend, caption {overflow: hidden; top: 0; left: 0; width: 0; height: 0; line-height: 0;}
.t-center{text-align: center;}
.l-cont{float: left;} .l-cont:after{content:""; display:block; clear:both;}
.r-cont{float: right;} .r-cont:after{content:""; display:block; clear:both;}
.clearfix:after{content:""; display:block; clear:both;}
.list-bg{background: #f7f7f7;}
.pt-small{padding-top: 8px/*16px*/;}
.pt-normal{padding-top: 18px/*16px*/;}
.mt-normal{margin-top: 18px/*16px*/ !important;}
.mt-box{margin-top: 14px !important;}
.mt-big{margin-top: 40px !important;}
.mt0{margin-top: 0px !important;}
.pb0{padding-bottom: 0px !important;}
.bt1{border-top: 1px solid #e0e0e0;}
.font-strong{font-weight: 700; color: #37a5aa;}
.bg-type2{background: #fff;}
.page-fix{overflow: hidden;}


/*인풋류*/
.login-bg1 input[type="text"], .login-bg1 input[type="password"], .login-bg1 input[type="tel"], .login-bg1 input[type="number"], .slt-normal
{width: 100%; height:36px; line-height:34px; border:1px solid #d0d0d0; padding: 0px 10px 0px 14px;
color: #111; font-size:15px; font-weight: 500; background:#fff;
vertical-align:middle; border-radius: 6px;}
.login-bg1 input[readonly]{background: #eaeaea;}
.login-bg1 input[type="text"]:focus, .login-bg1 input[type="password"]:focus, .login-bg1 input[type="tel"]:focus{ outline:1px solid #31373F; }
select{height:38px; border:1px solid #e2e2e2; padding:0px 7px; color:#111; font-size:14px; font-weight: 400;}
.ipt-max{width: 100%; border-radius: 4px;}


.login-bg1 input[type="text"]::placeholder, .login-bg1 input[type="password"]::placeholder, 
.login-bg1 input[type="tel"]::placeholder, .login-bg1 input[type="number"]::placeholder{color: #AAAAAA}





/*로그인*/
.login-bg1{width: 100%; height: 100vh;background: #31373F;}
.login-bg2{background: #fff; width: 100%; height: 100vh;}
.login-bg3{width: 100%; height: 100vh;}
.login-bg4{width: 100%; height: 100vh;}


.content-login-wrap{width: 600px; height: 500px; background: #fff; border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin: 45vh auto 0px; text-align: center;
transform: translateY(-50%); padding: 72px 130px 0px;}
.login-bg2 .content-login-wrap{box-shadow: none;}

.login-bg4 .content-login-wrap{padding: 72px 100px 0px;}


.content-login-wrap .login-icon{width: 250px; height: 100px;
background:url(../images/logo.svg) center no-repeat;
background-size: 250px 50px; margin: 0px auto;}

.content-login-wrap .txt1{font-weight: 700; font-size: 20px; text-align: center; margin: 18px auto;color:#31373F}
.content-login-wrap .txt2{font-weight: 500; font-size: 14px; text-align: center;
margin: 18px auto; line-height: 22px; margin: 20px auto 0px; color: #777777;
letter-spacing: -1px;}
.content-login-wrap .small-line{width: 50px; height: 4px; display: block;
background: #366093; margin: 13px auto 0px;}
.content-login-wrap .login-pc-id{margin: 45px auto 0px;}
.content-login-wrap .login-pc-pw{margin: 12px auto 0px;}
.content-login-wrap .btn-login-pc{display: block; width: 100%; height: 42px;
 font-size: 15px;
text-align: center; font-weight: 500; color: #fff; background: #366093; border-radius: 6px;
border: 1px solid #366093; margin: 12px auto 0px;} /* line-height: 40px; */
.content-login-wrap .btn-login-pc.line {line-height: 40px;}
.content-login-wrap .btn-login-pc:link,
.content-login-wrap .btn-login-pc:visited{color: #fff;}

.login-bg4 .content-login-wrap .btn-login-pc{margin: 54px auto 0px; width: 340px;}


.content-login-wrap .alert-tri1 {width: 120px; height: 96px; margin: 0px auto 18px;}










/*레이아웃*/
h1{font-size: 0; width: 0px; height: 0px;}







@media screen and (max-width: 1080px) {


}



@media screen and (max-width: 600px) {


}



@media screen and (max-width: 470px) {


}



@media screen and (max-width: 400px) {


}



@media screen and (max-width: 350px) {
 

}

	.fa-question-info2 {  width:250px;height:50px;background:url(../images/ico-info.svg) center no-repeat;background-size: 250px 50px;  }