@CHARSET "UTF-8";

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : login.css
 * Desc      : 한국전통문화대학교 NUCH
 * Created   : 2020/08/28 by YSK
 * Updated   : 
------------------------------------------------------------ */

/* common */
*{margin:0;padding:0}
html,body{height:100%} 
body{font-family:"맑은고딕", Malgun Gothic, dotum,"돋움", sans-serif;font-size:13px;color:#666;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} 
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
img, video{max-width:100%;height:auto}
img,fieldset{border:0}
img{vertical-align:middle}
menu,ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{color:#4b4b4b;text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}
textarea{overflow:auto}
option,x:-moz-any-link{padding-right:6px}
option,x:-moz-any-link,x:default{padding-right:0}
input, textarea, select, label{vertical-align:middle;letter-spacing:-1px}
input[type="file"]{font-family:"맑은고딕", Malgun Gothic, sans-serif}
input[type='checkbox'], input[type='radio']{border:0;background-color:transparent !important;}
input[type='text'], input[type='password'], select{border:solid 1px #bdbdbd;font-family:"맑은고딕", Malgun Gothic, sans-serif;font-size:13px;color:#444}
input[type='button']{}
select{padding:0em .5em;font-family:inherit;background:#fff url(/images/nuch/arrow_select.png) no-repeat 95% 56%;border:1px solid #bdbdbd !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
html:first-child select{padding-right:6px;height:20px} /* Opera 9 & Below Fix */
option{padding-right:6px} /* Firefox Fix */
textarea{line-height:1.8}
legend, caption, .blind{visibility:hidden;overflow:hidden;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
button,label{cursor:pointer}
button::-moz-focus-inner{padding:0}
hr{display:none}
table{border-spacing:0;border-collapse:collapse}
button{border:0 none;background-color:transparent;cursor:pointer}
.checkbox{width:14px;height:14px;margin-bottom:2px;vertical-align:middle;border-width:0}
.blind{visibility:hidden!important;overflow:hidden!important;position:absolute!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;color:transparent!important;background-color:transparent!important}
span{vertical-align:0}
.fr{float:right}
.mt35{margin-top:35px!important}
.mt30{margin-top:30px!important}
.mt20{margin-top:20px!important}
.w10 {width:100% !important}
.w7 {width:73% !important}
.w5 {width:49.2% !important}
.w3 {width:32% !important}
.w2 {width:24% !important}
.ac{text-align:center !important}

/* 건너뛰기 */
#skipnavi a {width:100%; position:absolute; display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:bold;font-size:11px;text-align:center;}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active {position: absolute;display:block; top: 0;left:0; width:100%;padding: 5px 0;background:#2c7bbb;color:#fff;}

/* placholder */
.int_login::-webkit-input-placeholder{color:#777}
::-webkit-input-placeholder, .int_login::-webkit-input-placeholder{color:#777}
::-moz-placeholder{color:#777} /* firefox 19+ */
input.int_login:-ms-input-placeholder, input.int_num:-ms-input-placeholder{color:#666} /* ie */
input:-moz-placeholder{color:#777}
input:-ms-input-placeholder.int_login{color:#adb1b3}

/* login */
.bg_login{background:url(/images/nuch/login_bg.png)no-repeat center top;overflow-x:hidden;overflow-y:hidden;width:100%;min-width:980px;z-index:0}
#login_wrap{position:relative;background:#fff;margin:0 auto;margin-top:140px;width:1020px;height:580px}
.login_left{position:relative;float:left;width:480px;margin-top:55px}
.login_right{position:relative;float:left;width:430px}
h1.logo_login{position:absolute;top:-70px;background:url(/images/nuch/logo.png) no-repeat center 0;width:100%;height:38px}
h2.login{margin-bottom:27px;text-align:center}
h3.title{margin-bottom:10px;font-size:19px;color:#444444;}
.login{display:block;margin:0 auto;padding:0;width:80%;box-sizing:border-box}

/* 아이디 및 패스워드 */
.join_row .lbl{display:none}
.join_row .int{z-index:10;padding:8px 0 8px 0;width:100%;height:16px;border:none;background:#fff;font-size:13px;color:#0b0b0}
.join_row{position:relative;margin-bottom:10px;min-height:45px;padding:5px 10px;border:solid 1px #bdbdbd;background:#fff;box-sizing:border-box;word-break:break-all}
.join_row:last-child{margin:0}
.join_row_d{position:relative;margin-bottom:6px;min-height:34px;padding:5px 10px;border:solid 1px #f7f7f7;background:#f7f7f7;box-sizing:border-box;word-break:break-all}
.join_row_d .lbl{display:none}
.join_row_d .int{z-index:10;padding:6px 0 6px 0;width:60%;height:16px;border:none;background:#f7f7f7;font-size:13px;color:#0b0b0}

.check{clear:both;position:relative;width:100%;margin-bottom:30px}
.check li{position:relative;display:inline-block;width:100%;margin-top:8px;min-height:24px;line-height:24px;font-size:13px;color:#444}
.check li:last-child{margin-bottom:30px;}
.check .sel10{width:25%;padding:0 .75em;height:43px!important;}
.check .pw_id_findare{position:absolute;right:0;width:auto;text-align:right}  
.check .pw_id_findare a{display:inline-block;background:#f8f8f8;padding:0 10px;height:24px;border:1px solid #cbcbcb;color:#717171}
.check .pw_id_findare a:hover{border-color:#bdbdbd}
.check .pw_id_findare img{vertical-align:text-bottom}
.check .label01 {line-height:32px;margin-bottom:0}
.check .label01 label{font-size:15px;color:#333;font-weight:600}
.check .int01 {min-height:43px;padding:2px 10px;border:solid 1px #bdbdbd;background:#fff;box-sizing:border-box;word-break:break-all}
.check input[type=checkbox] {display:none;}
.check input[type=checkbox] + label{display:inline-block;cursor:pointer;line-height:22px;padding-left:28px !important;background: url(/images/nuch/check.png) left/22px no-repeat;}
.check input[type=checkbox]:checked + label {background-image:url(/images/nuch/check_active.png)}
.check label{color:#333;font-size:13px;font-weight:normal}
/*.check input[type="checkbox"]{width:21px;height:21px}*/
.check li.line{margin-top:18px;padding-top:10px;width:100%;border-top:solid 1px #dbdbdb}

.btn_box {margin-top:25px;width:100%}
.btn_box li{margin-bottom:8px;width:100%;text-align:center}
.btn_box li.line{margin-top:5px;padding-top:30px;width:100%;border-top:solid 1px #dbdbdb}

/* 비밀번호 초기 */
.pwreset{width:100%}
.pwreset h2{display:none}
.pwreset ul{position:relative;width:80%;margin:10px auto 0}
.pwreset ul li{float:left;display:inline-block;background:url(/images/nuch/line_h.png)no-repeat right top;width:33.333%;height:180px;margin-left:-1px;padding-top:35px;border:solid 1px #e2e2e2;box-sizing:border-box;line-height:19px;text-align:center;letter-spacing:-1px;cursor:pointer}
.pwreset ul li span{display:block;width:100%;margin-top:10px;color:#5a5858;font-size:17px;text-align:center;letter-spacing:-1px;cursor:pointer}
/*wreset ul li:last-child{background:none}*/
.pwreset ul li:hover{background:#d8e0ea;border:solid 1px #ccd4df;font-weight:bold}

/* 헬프데스크 */
.helpdesk{position:absolute;top:365px;width:100%;height:120px}
.helpdesk h2{display:none}
.helpdesk ul{position:relative;width:80%;margin:30px auto 0;text-align:center}
.helpdesk ul li{float:left;display:inline-block;background:url(/images/nuch/line_h_darker.png)no-repeat right top;width:25%;padding_top:10px;line-height:19px;text-align:center;letter-spacing:-1px;cursor:pointer}
.helpdesk ul li span{display:block;width:100%;margin-top:6px;color:#5a5858;font-size:14px;text-align:center;letter-spacing:-1px;cursor:pointer}
.helpdesk ul li:last-child{background:none}
.helpdesk ul li:hover{font-weight:bold}

/* 계정신청 및 로그인 안내 */
.infobox{display:block;background:#ebeff4;width:100%;height:300px;box-sizing:border-box}
.infobox.li02{background:#f5f8fb !important;height:280px;}	
.infobox.li02 .login_info li{margin-bottom:10px !important}	
.login_info{width:81%;margin:0 auto;padding-top:42px;box-sizing:border-box;text-align:center}
.login_info h3{background:url(/images/nuch/tit_ico.png)no-repeat left top;margin-bottom:18px;padding-left:33px;padding-bottom:10px;line-height:23px;border-bottom:1px solid #b7babf;font-size:17px;color:#444444;letter-spacing:-1pt;text-align:left}
.login_info ul{text-align:left}
.login_info li{margin-bottom:20px;background:url(/images/nuch/bul01.png) no-repeat left 12px;padding-left:13px;line-height:25px;font-size:15px;color:#505050}
.login_info p{display: block;padding-left:13px;text-indent:-13px;line-height:21px;font-size:13px;color:#688fc8;text-align:left}

/* 퀵메뉴 */
.quick_menu_area{float:right;width:110px;height:580px;background:#124186;box-sizing:border-box}
.quick_menu_area h2{height:36px;background:#0f397c;color:#fff;font-size:15px;text-align:center;line-height:36px;font-weight:normal}
.quick_menu_area ul{width:100%;text-align:center}
.quick_menu_area ul li{display:block;background:url(/images/nuch/line_w.png)no-repeat 0 bottom;height:137px;padding-top:28px;box-sizing:border-box;color:#fff;font-size:15px;text-align:center;letter-spacing:-1.5px;cursor:pointer}
.quick_menu_area ul li:last-child{background:none;}
.quick_menu_area ul li span{display:block;width:100%;margin-top:6px;color:#fff;font-size:15px;text-align:center;letter-spacing:-1px;cursor:pointer}
.quick_menu_area ul li a{color:#fff;border-bottom:solid 1px #d1d1d1; border-left:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1;}

/* 버튼 */
.btn_login{display:inline-block;background:#3f64b5;padding:0 30px;border:none;width:100%;height:48px;vertical-align:middle;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;box-sizing:border-box}
.btn_login02{display:inline-block;background:#2d3a4f;padding:0 10px;border:none;width:100%;height:48px;vertical-align:middle;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none}
.btn_login03{display:inline-block;background:#747a86;padding:0 10px;border:none;width:100%;height:48px;vertical-align:middle;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none}
.btn_login02 img{margin-top:-2px}
/*.btn_login02:first-child, .btn_login03:first-child{float:left}
.btn_login02:last-child, .btn_login03:last-child{float:right}*/
.btn_login02_s{display:inline-block;background:#2d3a4f;padding:0 10px;border:none;width:130px;height:36px;vertical-align:middle;text-align:center;font-size:15px;color:#fff;font-weight:600;text-decoration:none}

/* 풋터 */
.footer_login{position:relative;background:#ffffff;width:100%;margin:0 auto;margin-top:80px}
.footer_login .address{width:980px;margin:0 auto;padding:20px 0}
.footer_login .address li{text-align:center;font-size:12px;line-height:18px;color:#999999} 

@media only all and (max-width:767px){
body{min-width:320px}
button {font-size:1.1em !important;letter-spacing:-0.5px;}
button img{width:15px;height:15px}
/*#content_login{margin:0 30px} */  
#login_wrap{margin:0 auto;margin-top:70px;width:100%;height:100%}    
.helpdesk, .quick_menu_area{display:none}   
h1.logo_login{position:absolute;top:-50px;background:url(/images/nuch/logo_m.png) no-repeat center 0;width:100%;height:38px;}  
h2.login{display:block;margin-bottom:27px;padding-top:50px;width:100%;}
/*h2.login{display:block;margin-bottom:27px;padding-top:15px;width:100%; text-align: left;border-top:solid 1px #4444}*/
/*h2.login img {width: 150px} */  
.bg_login{display:block;overflow-x:hidden;overflow-y:hidden;width:100%;min-width:320px;z-index:0;}
/*.bg_login{display:block;background:none;overflow-x:hidden;overflow-y:hidden;width:100%;min-width:320px;z-index:0;}*/
.login_left, .login_right{position:relative;float:none;width:100%;padding:0;margin:0}
.check .int02 {width:70%}
.btn_box{display:none}
/*.infobox{height:100%;display: block; padding-bottom:30px;margin:30 0;}*/
.infobox, .infobox.li02 {height:auto;padding-bottom:30px}

/* 풋터 */
.footer_login{clear:both;position:relative;width:auto;height:auto;margin:0 auto;margin-top:0;border-top:solid 1px #ddd}
.footer_login .logo{display: none}
.footer_login .address {width:auto;padding:15px 0;text-align:center}
.footer_login .address li:first-child{display:none}
}

@media only all and (max-width:480px){
.w5 {width:49% !important}
.check label{width: 100%;}
.check .pw_id_findare {float:0;display:block;margin:20px auto;width:100%;text-align:center}
 }
 
 
/* 포틀릿 게시판 */
.board_main{width:100%;table-layout:fixed}
.board_main thead tr th{height:16px;padding:5px 0 5px 0;border-top:1px solid #3f64b5;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:#ebf1fa;color:#3f64b5;font-size:13px;font-weight:600;text-align:center}
.board_main thead td{height:16px;padding:5px 0 5px 0;border-top:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:#fff;color:#646464;font-size:12px;font-weight:normal;text-align:center}
.board_main tbody tr{}
.board_main tbody th, .board_main tbody tr:first-child td{padding-top:3px;}
.board_main thead tr th:last-child{border-right:none}
.board_main thead tr th.line{border-right:1px solid #e5e5e5}
.board_main tbody .line_top{border-top:#d2d0d0 1px solid;}
.board_main tbody td:last-child{border-right:none}
.board_main tbody th{height:21px;padding:3px 0 2px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fafafa;color:#444;text-align:center;}
.board_main tbody td{height:21px;padding:3px 0 2px 0;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;color:#444;text-align:center;background:#fff;}
.board_main tbody td.al{padding-left:10px;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:13px;}
.board_main tbody td.ar {padding-right:5px; text-align:right;}
.board_main tbody td.date{color:#828283;letter-spacing:-1px}
.board_main tbody td a{color:#444}
.board_main tbody td.gtxt{color:#93723c;font-weight:600}
.board_main tbody td.rtxt{color:#e64b40}
.board_main.blue thead th{background:#f0f5fb;border-top:solid 1px #3272b1}

/* 로그인 유의사항 */
.login-layer {position:absolute;background:#ffffff;z-index:100}
.login-layer .layer-wrap {position:absolute;left:30px;top:30px;text-align:left;width:470px;height:400px;background:#ffffff;box-shadow:2px 2px 2px 2px #cccccc;}
.login-layer .layer-wrap {border:2px solid #1c2960;padding:15px}
.login-layer .layer-wrap .title {font-weight:600;font-size:18px;border-bottom:1px solid #1c2960;padding-bottom:5px;color:#134ca8}
.login-layer .layer-wrap .close {background:url(/images/nuch/ico_pop_close.png) no-repeat;position:absolute;right:15px;height:15px;width:15px;top:15px;cursor:pointer;font-size:0}
.login-layer .layer-wrap .content {margin-top:5px;overflow-y:auto;height:340px;}
.login-layer .layer-wrap .content .shortcut {border-bottom:1px dashed #cccccc; padding-bottom:10px}
.login-layer .layer-wrap .content li {background:url(/images/nuch/bul01.png) no-repeat;padding-left:10px;background-position:2px 8px;margin-bottom:5px;}
.login-layer .layer-wrap .content .tit {background:none;padding-left:0;font-weight:bold;font-size:14px;padding-top:10px;color:#57585a}
.login-layer .layer-wrap .content .tit:first-child{padding-top:0}
.login-layer .layer-wrap .content li a {background:url(/images/nuch/list_page_next.gif) no-repeat 0px 5px;display:block;padding-left:12px;padding:0 25px;display:inline-block;}
.login-layer .layer-wrap .content li a:hover{text-decoration:underline;}
.login-layer .layer-wrap .content .bg_n{background:none !important}
.login-layer .layer-wrap .footer {position:absolute;display:inline-block;width:100%;bottom:10px;right:15px;text-align:right;}
.login-layer .layer-wrap .footer .btn {background:#003d91;padding:0 30px;border:none;border-radius:5px;width:100%;height:46px;vertical-align:middle;text-align:center;font-size:15px;color:#fff;font-weight:600;text-decoration:none}
.login-layer .layer-wrap .footer input {width:20px;height:20px;margin-right:5px;}

.login-layer{width:93%}
.login-layer .layer-wrap {top:0;left:0;width:88%}
.login-layer {display:none}