@charset "utf-8";
/* @import url(https://cdn.jsdelivr.net/korean-webfonts/1/corps/google/NotoSansKR/NotoSansKR.css); */
/*
thin   100
light   300
regular   400
medium   500
bold   700
black  900
*/
font-face{
	font-family:'NotoSansCJKkr-Regular';
	font-style:normal;
	font-weight: 300;
	src:url('../font/NotoSansCJKkr-Regular.eot');
	src:local('※'),
		url('../font/NotoSansCJKkr-Regular.woff') format('woff'),
		url('../font/NotoSansCJKkr-Regular.woff2') format('woff2'),
		url('../font/NotoSansCJKkr-Regular.otf') format('opentype');
}

*{margin:0;padding:0;list-style:none;font-size:16px;font-family: 'NotoSansKR','NotoSansCJKkr-Regular', sans-serif;color:#333333;font-weight:400;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
b{font-weight:600;}
body, html{width:100%;height:100%;}
input,select,img{vertical-align:middle;box-sizing: border-box;}
input[type="text"]{border:1px solid #dddddd;height:50px;padding-left:25px;width:100%;}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]{border:1px solid #dddddd;height:50px;padding-left:25px;width:100%;},
input[type="password"]:hover,
input[type="password"]:focus,
input[type="password"]:active{border-color: #018a90;outline-color:#018a90;}

img{border:0;max-width:100%;}
table{border-collapse:collapse;max-width:100%;width: 100%;background:#fff;table-layout:fixed;}
table caption{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;text-indent: -999em;}
a{display:inline-block;transition:all 0.3s ease-in-out;text-decoration:none;}
textarea{width: 100%;min-height: 55px;border: 1px solid #c1c1c1;box-sizing: border-box;}
select{border:1px solid #dddddd;height:50px;padding-left:25px;width:100%;background:url(../images/select.gif) no-repeat right 25px center #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}


select:focus{border-color: #018a90;outline-color:#018a90;}
.hidden{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;border: none;}
.hidden-popup{overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
.width-auto{margin: 0 auto;max-width: 1200px;width:calc(100% - 20px);}

.float-left{float: left !important;}
.float-right{float: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pd40{padding:40px !important;}
.pd50{padding:50px !important;}

.pdt0{padding-top:0 !important;}
.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt40{padding-top:40px !important;}
.pdt50{padding-top:50px !important;}
.pdt60{padding-top:60px !important;}
.pdt70{padding-top:70px !important;}
.pdt80{padding-top:80px !important;}
.pdt90{padding-top:90px !important;}

.pdl0{padding-left:0 !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}
.pdl60{padding-left:60px !important;}
.pdl70{padding-left:70px !important;}
.pdl80{padding-left:80px !important;}
.pdl90{padding-left:90px !important;}

.pdb0{padding-bottom:0 !important;}
.pdb10{padding-bottom:10px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:50px !important;}
.pdb60{padding-bottom:60px !important;}
.pdb70{padding-bottom:70px !important;}
.pdb80{padding-bottom:80px !important;}
.pdb90{padding-bottom:90px !important;}

.mg0{margin:0;}
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}

.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}
.mgb60{margin-bottom:60px !important;}
.mgb70{margin-bottom:70px !important;}
.mgb80{margin-bottom:80px !important;}
.mgb90{margin-bottom:90px !important;}

.mgl0{margin-left:0 !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
.mgl60{margin-left:60px !important;}
.mgl70{margin-left:70px !important;}
.mgl80{margin-left:80px !important;}
.mgl90{margin-left:90px !important;}

.width-auto{margin: 0 auto;max-width: 1200px;width:calc(100% - 20px);}
#logo-header{text-align:center;}
#logo-header > .logo{padding:20px 0;}
#logo-header > .login-title{background:url(../images/login-title.jpg) no-repeat center;background-size: cover;padding:85px 0;}
#logo-header > .login-title > h3.tit{font-size:38px;font-weight:600;color:#fff;line-height:55px;text-align:left;font-family:'NotoSansCJKkr-Regular';}
#login-contents{padding-top:20px;text-align:center;}
#login-contents > .login-title-area{text-align:right;}
#login-contents > .login-title-area > span{color:#999999;font-size:14px;}
#login-contents > .login-title-area > b{color:#333333;font-size:14px;font-weight:400;}
#login-contents > .contents-box{margin:55px auto;max-width:930px;width:100%;display:inline-block;background:#f4f4f6;padding:45px;}
#login-contents > .contents-box .w-370{max-width:370px;}
#login-contents > .contents-box .w-455{max-width:455px;}
#login-contents > .contents-box .w-510{max-width:510px;}
#login-contents > .contents-box .w-570{max-width:570px;}
#login-contents > .contents-box .w-650{max-width:650px;}
#login-contents > .contents-box > h3.tit > span{border-bottom:1px solid #333333;font-size:30px;font-weight:500;color:#333333;padding-bottom:5px;}
#login-contents > .contents-box > h3.tit > span > b{font-weight:600;color:#3366cc;font-size:30px;}
#login-contents > .contents-box > p.txt{margin-top:10px;color:#555555;font-size:16px;}
#login-contents > .contents-box > .inout-box{text-align:left;margin:0 auto;margin-top:65px;}
#login-contents > .contents-box > .inout-box > h4.tit{font-size:18px;color:#333333;margin-bottom:10px;}
#login-contents > .contents-box > .inout-box > h4.tit > span{color:#3366cc;}
#login-contents > .contents-box > .inout-box > p.txt{font-size:16px;color:#999999;margin-bottom:20px;}
#login-contents > .contents-box > .inout-box > dl{display:table;max-width:570px;width:100%;}
#login-contents > .contents-box > .inout-box > dl > *{display:table-cell;}
#login-contents > .contents-box > .inout-box > dl > dt{width:80px;padding:15px 0;line-height:20px;vertical-align: top;}
#login-contents > .contents-box > .inout-box > dl > dd .tel-select{width:calc(100% - 195px);}
#login-contents > .contents-box > .inout-box > dl > dd .authentication p{font-size:16px;color:#999999;}
#login-contents > .contents-box > .inout-box > dl > dd input.tel-input{margin-bottom:10px;}
#login-contents > .contents-box > .inout-box > dl > dd input.authentication-input{background:#f8f8f8;}
#login-contents > .contents-box > .inout-box > dl > dd p{float:left;width:calc(100% - 120px);}
#login-contents > .contents-box > .inout-box > dl > dd .btn-box{margin-left:10px;float:left;}
#login-contents > .contents-box > .inout-box > dl > dd .btn-box > a{display:block;height:50px;background:#333333;padding:15px 0;text-align:center;color:#fff;font-size:16px;width:110px;}
#login-contents > .contents-box > .inout-box input[type="text"]{margin-bottom:10px;}
#login-contents > .contents-box > .inout-box input[type="password"]{margin-bottom:10px;}
#login-contents > .contents-box > .inout-box > .btn-box{text-align:center;margin-top:20px;}
#login-contents > .contents-box > .inout-box > .btn-box > a{text-align:center;width:100%;max-width:265px;border-radius:5px;background:#4563d2;padding:15px;height:50px;line-height:20px;color:#fff;font-size:18px;}
#login-contents > .contents-box > .inout-box > .txt-box{margin-top:20px;text-align:center;}
#login-contents > .contents-box > .inout-box > .txt-box > p{font-size:16px;color:#999999;margin-bottom:5px;}
#login-contents > .contents-box > .inout-box > .txt-box > a{font-size:16px;color:#4563d2; border-bottom:1px solid #4563d2;padding-bottom:2px; padding-right:15px;line-height:20px;background:url(../images/blue-btn.gif) no-repeat right 6.5px;}
#login-contents > .contents-box > .inout-box > .radioList > dl{width:100%;display:table;}
#login-contents > .contents-box > .inout-box > .radioList > dl + dl{margin-top:5px;}
#login-contents > .contents-box > .inout-box > .radioList > dl > *{display:table-cell;}
#login-contents > .contents-box > .inout-box > .radioList > dl > dd{text-align:right;}
#login-contents > .contents-box > .inout-box > .radioList > dl input[type="radio"]{width:18px;height:18px;margin-right:10px;}
#login-contents > .contents-box > .inout-box > .radioList > dl label{line-height:18px;display: inline-block;}
#login-contents > .contents-box > .inout-box > .btn-box.btn2-list > a{max-width:200px;margin:2px;}
#login-contents > .contents-box > .inout-box > .btn-box.btn2-list > a + a{background:#333333;}

@media screen and (max-width:768px){
	#login-contents > .contents-box{padding:45px 25px;margin:30px auto;}

}

@media screen and (max-width:640px){
	#logo-header > .login-title{padding:45px 10px;}
	#logo-header > .login-title > h3.tit{font-size:25px;}
	#login-contents > .contents-box > .inout-box{margin-top:30px;}
	#login-contents > .contents-box > .inout-box > .btn-box > a{padding:5px 0;width:100px;height:35px;}
	#login-contents > .contents-box > .inout-box > dl > dd p{width:100%;}
	#login-contents > .contents-box > .inout-box > dl > dd .tel-select{width:100px;}
	#login-contents > .contents-box > .inout-box > dl > dd input.tel-input{width:calc(100% - 110px);}
	#login-contents > .contents-box > .inout-box > dl > dd .btn-box{margin-bottom:10px;margin-left:0;width:100%;}
	#login-contents > .contents-box > .inout-box > dl > dd .btn-box > a{width:auto;}
	#login-contents > .contents-box > .inout-box > .btn-box > a{width:130px;}
}

@media screen and (max-width:420px){
	#login-contents > .contents-box > .inout-box > .radioList > dl{width:100%;display:block;}
	#login-contents > .contents-box > .inout-box > .radioList > dl > *{display:block;}
	#login-contents > .contents-box > .inout-box > .radioList > dl > dd{text-align:left;margin-bottom:10px;padding-left:20px;}
}