@import url('../fonts.css');
* {-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;}
html,body {height: 100%; font-family : 'Noto Sans KR'; font-weight: 400; color: #111;}
input,select,button {box-sizing: border-box; outline: none; font-family : 'Noto Sans KR';-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand {display:none}

#wrap {overflow-x: hidden; width: 100%; height: 100%; padding: 20px 15px; background: #E9F6FF; }
.login {margin: 10vh 0 15vh ; text-align: center;}
.txt_login {}
.txt_login .logo {height: 60px; background: url(../../images/logo_login.png) no-repeat center; background-size: 180px auto; text-indent: -9999px;}
.txt_login p {padding-top: 12px; font-size: 25px; font-weight: 700; color: #004B9C;}
.input_box {display: flex; flex-direction: column; margin-top: 55px; padding: 0 35px;}
.input_box input {width: 100%; height: 52px; margin-bottom: 10px; padding: 18px 50px 18px 22px; border: 0; font-size: 15px; border-radius: 100px;}
.input_box input::placeholder {color: #B9C6D4;}
.input_box .id {background: url(../../images/icon_id.png) no-repeat center right 20px,#fff; background-size: 18px;}
.input_box .pw {background: url(../../images/icon_pw.png) no-repeat center right 20px,#fff; background-size: 18px;}
.btn_login {width: 100%; height: 52px; margin-top: 5px; background: #17A1FF;border: 0;font-size: 16px; font-weight: 700; color: #fff; border-radius: 32px; text-transform: uppercase; outline: none;}
.find_id {padding-top: 24px; font-size: 14px; color: #7497BC;}
.link_find {padding-left: 6px; font-weight: 500; color: #1096F1;}
.notice {padding: 27px 20px; background: #fff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,152,255,.15);}
.notice .tit {padding-bottom: 14px; font-size: 18px; font-weight: 700; color: #33ADFF;}
.notice .txt pre {padding-bottom: 15px; font-size: 14px; line-height: 20px; white-space: pre-line;}
.notice .txt pre strong {color: #FF0000;}

.pop_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); z-index: 100;}
.popup_sm {position: fixed; left: 0; bottom: -100%; width: 100%; height: auto; background: #fff; border-radius: 10px 10px 0 0; transition: bottom .3s; z-index: 200;}
.popup_sm_top {position: relative; padding: 22px 25px 19px; border-bottom: 1px solid #ECECEC;}
.popup_sm_top .tit {font-size: 19px; font-weight: 700; color: #17A1FF;}
.btn_close {position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 24px; height: 24px; background: url(../../images/btn_close.png) no-repeat center; background-size: 16px; border: 0; text-indent: -9999px;}
.popup_sm_mid {padding: 20px 25px;}
.popup_sm_mid .box {margin-bottom: 20px;}
.popup_sm_mid label {display: block; padding-bottom: 10px; font-size: 14px; font-weight: 500;}
.sel_box {display: flex;}
.popup_sm_mid .input {width: 100%; height: 42px; margin-right: 6px; padding: 0 30px 0 14px; border: 1px solid #DCDCDC; font-size: 15px; color: #222; border-radius: 8px;}
.popup_sm_mid select.input {background: url(../../images/arrow_down.png) no-repeat right 14px center; background-size: 10px auto;}
.popup_sm_mid .input:last-child {margin-right: 0;}
.popup_sm_btn button {width: 100%; height: 54px; background: #17A1FF; border: 0; font-size: 16px; font-weight: 500; color: #fff;}
.viewer { font-size:1.0em; line-height:1.6; padding:16px 10px 10px 10px; color:#666; }