@charset "utf-8";

/* Reset */
b, span, strong, input, a, button, pre{color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption{display:block;}
html, body{font-family:'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
label{cursor:pointer;}
ol, ul{list-style:none;}
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
hr{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;overflow:visible}
figure{margin:0;padding:0}
input:focus{outline:1px dotted #808080;}
/*** Layout ***/
.alt_hidden, legend, caption{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}
.pc-hide{display:none !important;}

#skip_menu>a{display:block;position:fixed;left:0;top:-30px;width:100%;height:28px;margin:0 auto;padding:0 10px;background:#111;color:#fff;font-size:14px;line-height:28px;text-align:center;text-decoration:underline;z-index:10000;}
#skip_menu>a:active,
#skip_menu>a:focus{top:0;}

/* button */
.btnC_b2{display:inline-block;height:50px;box-sizing:border-box;padding:0 40px;border-radius:5px;background:#324d60;vertical-align:middle;text-align:center;}
.btnC_b2>span{display:inline-block;overflow:hidden;color:#fff;font-weight:500;font-size:17px;line-height:50px;text-align:center;font-weight:500;letter-spacing:-1px;}
.btnC_b2:hover{background:#6f0a27;}
.btnC_b3{display:inline-block;width:100%;max-width:194px;padding:10px 0 10px 0;border-radius:5px;background:#324d60;text-align:center;}
.btnC_b3>span{display:inline-block;overflow:hidden;min-width:70px;color:#fff;font-weight:500;font-size:15px;text-align:center;font-weight:500;letter-spacing:-1px;}
.btnC_b3:hover{background:#ac854e;}
.btnC_b{display:inline-block;width:100%;max-width:194px;padding:10px 0 10px 0;border-radius:5px;background:#324d60;text-align:center;}
.btnC_b>span{display:inline-block;overflow:hidden;min-width:70px;color:#fff;font-weight:500;font-size:15px;text-align:center;letter-spacing:-1px;}
.btnC_b:hover{background:#6f0a27;}
.no-pd{padding:0 !important;}

/* btnArea */
.btnArea{padding:30px 0 30px;text-align:center;}


/* input */
.inp_t{width:100%;height:45px;box-sizing:border-box;padding:0 15px;border:1px solid #dadada;border-radius:5px;color:#272727;line-height:38px;}
#pwd1{background:url(/img/lockdown-icon.png) no-repeat left 20px center;margin-top:10px;padding:0 45px;}

.inp_t::placeholder{font-size:16px;line-height:24px;color:#666;}
.inp_t::-webkit-input-placeholder{font-size:16px;line-height:24px;color:#666;}
/* IE */
.inp_t::-ms-input-placeholder{font-size:16px;line-height:24px;color:#666;}
/* Firefox */
.inp_t::-mos-input-placeholder{font-size:16px;line-height:24px;color:#666;}
.inp_c{display:inline-block;position:relative;}
.inp_c>input[type=checkbox]{display:inline-block;position:relative;margin:0 10px 0 0;width:26px;height:26px;border:2px solid #bebebe;border-radius:2px;background:#fff;vertical-align:middle;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.inp_c>label{font-size:14px;line-height:22px;color:rgba(255,255,255,0.45);letter-spacing:-0.5px;cursor:pointer;}
.inp_c>input[type=checkbox]:checked{border:2px solid #9c0430;background:#9c0430 url(/img/ico-input-checked.png) no-repeat 50% 50%;}
.loginCheck li{padding:0 30px 0 0;}
.loginCheck li:last-of-type{padding:0;}
.loginbox-comm .inp_c{display:inline-block;padding:10px 0 0;}
.loginbox-comm .inp_c>label{color:#666;}

.inp_r{display:inline-block;position:relative;margin-right:10px;font-size:0;vertical-align:top;}
.inp_r>input[type=radio]{width:25px;height:25px;margin-right:12px;}
input[type=radio]{width:25px;height:25px;margin-right:12px;background:#fff;}
input[type=radio]:checked{width:25px;height:25px;border-radius:100%;border-color:#9c0430}
input[type=radio]:checked:after{width:15px;height:15px;top:3px;left:3px;}
  
.inp_r>label{display:inline-block;padding:0 5px 0 0px;background:url(/img/popup/ico_inputRadio.png) no-repeat 0 0;line-height:20px;color:#555555;}
.inp_r>input[type=radio]:checked+label{background:url(/img/popup/ico_inputRadio_on.png) no-repeat 0 0;}

.inp_g{display:inline-block;position:relative;padding-right:60px;font-size:0;vertical-align:top;}
.inp_g>label{display:inline-block;background:url(/img/popup/ico_inputRadio.png) no-repeat 0 0;font-size:16px;line-height:24px;font-weight:400;color:#111;}
.inp_g>input[type=radio]:checked+label{background:url(/img/popup/ico_inputRadio_gold_on.png) no-repeat 0 0;}
.inp_g:last-of-type{padding-right:0;}

/*로그인*/
.loginKor{position:relative;min-height:100vh;background-repeat:no-repeat; background-position: center; background-size:cover;} 
.loginKor:after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.loginHeader h1.logo{display:inline-block;margin:30px 0 0 30px;}
.loginHeader h1.logo a{display:inline-block;}
.loginHeader .motto{display:block;float:right;margin:30px 25px 0 0;color:#fff;font-family:'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;font-size:24px;font-weight:100;line-height:25px;text-align:right;}
.loginHeader .motto>strong{font-size:24px;font-weight:400;line-height:25px;}
.loginHeader .header{box-sizing:border-box;padding:0 40px 0 25px;background:#1a3142;}
.loginHeader .header:after{content:'';display:block;clear:both;}
.loginHeader .header .siteCateg{float:left;}
.loginHeader .header .siteCateg:after{content:'';display:block;clear:both;}
.loginHeader .header .siteCateg li{position:relative;float:left;}
.loginHeader .header .siteCateg li::before{content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#2c4151;}
.loginHeader .header .siteCateg li>a{display:block;padding:13px 20px;font-size:16px;color:#fff;}
.loginHeader .header p{float:right;padding:13px 0;font-size:16px;color:#fff;}

.loginTitArea{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;margin:0 auto;padding:55px 0 20px 0;width:100%;max-width:1125px;}
.loginTitArea .logo{font-size:0;}
.loginTitArea .logo .mobile-logo{display:none;}
.loginTitArea .motto{font-family:'Segoe UI', Arial, Helvetica, sans-serif;font-size:18px;line-height:26px;color:#fff;}
.loginTitArea h2.loginTit{font-size:70px;text-align:center;color:#fff;letter-spacing:14px;line-height:78px;}
.loginTitArea h2.loginTit span{display:block;margin-bottom:5px;font-size:15px;font-family:'Segoe UI', Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:11px;line-height:18px;}
.loginTitArea .pop_help{position:absolute;bottom:0;right:0;height:42px;border:1px solid #fff;border-radius:21px;}
.loginTitArea .pop_help>span{padding:0 20px;font-size:15px;color:#fff;line-height:42px;}
.loginArea{margin:0 auto;width:100%;max-width:1125px;}

.loginTitArea .logo span {
    display: inline-block;
    padding: 0 0 0 17px;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    vertical-align: middle;
}

/* 로그인컨텐츠 */
.fl{float:left;}
.fr{float:right;}
.mgR10{margin-right:10px !important;}
.mgT10{margin-top:10px!important;}
.mgB15{margin-bottom:10px !important;}
.mgB15{margin-bottom:15px !important;}
.mgB20{margin-bottom:20px !important;}
.mgB35{margin-bottom:35px !important;}
.mgR30{margin-right:30px !important;}
.pdB10{padding-bottom:10px !important;}
.pdB20{padding-bottom:20px !important;}
.con-box{padding:0 0 40px;}

.loginbox-comm{background:#fff;border:1px solid #dfe5e9;box-sizing:border-box;border-radius:5px;}
.loginbox-comm h3{padding-bottom:15px;font-size:24px;line-height:32px;font-weight:800;text-align:center;letter-spacing:-1px;} 
.box:after,
.loginInfo:after{display:block;clear:both;content:"";}
.top-loginbox .naver_tit{text-align:center;}
.box .loginForm{width:100%;box-sizing:border-box;}
.box .loginBtn-wrap{display:flex;justify-content:space-between;padding:20px 0 0;box-sizing:border-box;}
.loginBtn-wrap li{margin:0 10px 0 0;width:calc(33.333% - 6.666px);}
.loginBtn-wrap li:last-of-type{margin:0;}
.loginBtn-wrap li a{display:block;height:100%;background-color:#fddc2b;border-radius:5px;text-align:center;}
.loginBtn-wrap li a span{display:block;position:relative;padding:48px 0 17px;font-size:16px;line-height:25px;color:#000;font-weight:400;letter-spacing:-1.2px;}
.loginBtn-wrap li a span:before{content:'';display:block;position:absolute;top:16px;left:50%;background-repeat:no-repeat;background-position:center center;background-size:100%;transform:translateX(-50%);}
.loginBtn-wrap li.login-bio-auth a span:before{width:61px;height:28px;background-image:url(/img/ico-bio-auth.png);}
.loginBtn-wrap li.login-pin-auth a span:before{width:20px;height:29px;background-image:url(/img/ico-pin-auth.png);}
.join_box{padding-top:15px;width:100%;height:auto;}

 /* 네이버 로그인 인증 */ 
.loginBtn-wrap li .login-btn.naver{width:100%;border-radius:5px;background:#34343d;color:#52e72e;}
.loginBtn-wrap li .login-btn.naver span{display:block;position:relative;padding:48px 0 17px;font-size:14px; line-height:25px;letter-spacing:-1.2px;font-weight:400;} 
.loginBtn-wrap li .login-btn.naver span:before{content:'';display:block;position:absolute;top:17px;left:50%;width:26px;height:28px;background-image:url(/img/ico-login-naver_green.png);background-repeat:no-repeat;background-position:center center;transform:translateX(-50%);} 

.top-loginbox{margin:0 0 10px;width:100%;max-width:1125px;}
.top-loginbox ul:after{display:block;clear:both;content:"";}
.top-loginbox> ul> li{float:left;margin:0 10px 0 0;width:calc(50% - 5px);}
.top-loginbox> ul> li:last-of-type{margin:0;}

.bottom-loginbox{padding:0 0 10px;border:none;background:none;border-radius:0;}
.bottom-loginbox .login-guide-box > h3{padding:0 0 60px;}
.bottom-loginbox:after{content:'';display:block;clear:both;}
.bottom-loginbox > div{float:left;margin:0 10px 0 0;padding:35px 60px 40px 65px;width:calc(50% - 5px);min-height:359px;border:1px solid #fff;border-radius:5px;background:#fff;box-sizing:border-box;}
.bottom-loginbox > div:last-of-type{margin-right:0;}
.bottom-loginbox .login-guide-box > ul{display:flex;flex-wrap:no-wrap;justify-content:space-between;}
.bottom-loginbox .login-guide-box > ul > li{width:25%;text-align:center;}
.bottom-loginbox .login-guide-box > ul > li > a{display:block;}
.bottom-loginbox .login-guide-box > ul > li > a span{display:block;position:relative;padding:55px 0 0;font-size:18px;line-height:26px;color:#666666;font-weight:400;}
.bottom-loginbox .login-guide-box > ul > li > a span:after{content:'';display:block;position:absolute;top:0;left:50%;width:57px;height:48px;background-image:url(/img/ico-login-guide01.png);background-repeat:no-repeat;background-position:center center;background-size:100%;transform:translateX(-50%);}
.bottom-loginbox .login-guide-box > ul > li > a:hover span{color:#b61946;}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(1) > a span:after{background-image:url(/img/ico-login-guide01.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(1) > a:hover span:after{background-image:url(/img/ico-login-guide01-on.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(2) > a span:after{background-image:url(/img/ico-login-guide02.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(2) > a:hover span:after{background-image:url(/img/ico-login-guide02-on.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(3) > a span:after{background-image:url(/img/ico-login-guide03.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(3) > a:hover span:after{background-image:url(/img/ico-login-guide03-on.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(4) > a span:after{background-image:url(/img/ico-login-guide04.png)}
.bottom-loginbox .login-guide-box > ul > li:nth-of-type(4) > a:hover span:after{background-image:url(/img/ico-login-guide04-on.png)}
.login_black_icon{padding:0 0 0 47px;background:url(/img/login-icon.png) 20px no-repeat}
.login_gray_icon{padding:0 0 0 47px;background:url(/img/login-icon_gray.png) 20px no-repeat}
.flower_icon{padding:0 0 0 30px;background:url(/img/flower-icon.png)no-repeat}

.bottom-loginbox .loginInfo > li{display:inline-block;position:relative;padding-right:22px;margin-right:17px;}
.bottom-loginbox .loginInfo > li:last-of-type{padding-right:0;margin-right:0;}
.bottom-loginbox .loginInfo > li:after{content:"";display:inline-block;position:absolute;top:5px;right:0;width:1px;height:17px;background:#d6dbdf;}
.bottom-loginbox .loginInfo > li:last-of-type:after{display:none;}

.loginInfo > li > a{display:block;padding:0 0 4px;color:#324d60;border-bottom:1px solid #324d60;font-size:14px;letter-spacing:-0.5px;font-weight:400;}
.loginInfo > li > a:hover{color:#005c8b}

.loginInfo-tool{display:none;position:absolute;top:calc(100% + 10px);left:-1px;z-index:10;border:1px solid #324d60;background:#fff;overflow:hidden;border-radius:5px;}
.loginInfo-tool.on{display:block;}
.loginInfo-tool li{border-bottom:1px solid #dbdbdb;}
.loginInfo-tool li a{display:block;padding:13px 19px;font-size:14px;line-height:1;color:#666666;font-weight:400;word-break:keep-all;}
.loginInfo-tool li a:hover{color:#005c8b;}

.infoBtn{border-radius:100px;border:1px solid #de3659;color:#534649 !important;display:inline-block;padding:0 10px;letter-spacing:-1px;font-size:13px;}

.naverLogin{position:relative;padding:35px 60px 35px 65px;}
.naver-before{margin:20px 0 0;text-align:center;}
.naver-before img{margin-top:50px}
.normalLogin{position:relative;padding:35px 60px 30px 65px;}
.normalLogin h3{text-align:center;}

.loginForm .btnC_b2{display:block;width:100%;margin-top:72px;}
.loginForm:after{content:'';display:block;clear:both;}
.loginForm .inp_c>label{margin:10px 0 0;color:#666;}
.login-info{padding:14px 0 0;font-size:12px;line-height:22px;letter-spacing:-1px;color:#324d60;font-weight:400;}
.normalLogin .login-txt{float:left;margin:0 15px 0 0;width:calc(100% - 128px);}
.normalLogin .login-btn{float:left;width:113px;}
.normalLogin .login-btn button{padding:40px 0;width:100%;border-radius:5px;background:#b41b46;color:#Fff;box-sizing:border-box;}
.normalLogin .login-btn button:hover{background:#6f0a27;}
.normalLogin .login-btn button.graduate{padding:37px 10px 36px 10px;background:#ac854e;}
.normalLogin .login-btn button.graduate span{font-size:18px;line-height:26px;font-weight:400;}
.normalLogin .login-btn button.graduate:hover{background:#808b93;}

.naverLogin button.graduate{background:#ac854e;}
.naverLogin button.graduate:hover{background:#ac854e;}
.naverLogin .login-btn{margin:0 6px 0 0;width:100%;border-radius:5px;color:#fff;}
.naverLogin .login-btn:last-of-type{margin:0;}
.naverLogin .login-btn.naver{background:#03c75a;}
.naverLogin .login-btn.author_u{background:#b61946; width: 60%;}
.naverLogin .login-btn.author_g{background:#ac854e; width: 60%;}
.naverLogin .login-btn.author_a{background:#808b93; width: 35%;}
.naverLogin .login-btn span{display:block;position:relative;padding:49px 15px 16px;font-size:18px;line-height:25px;letter-spacing:-1.2px;font-weight:400;}
.naverLogin .login-btn span:before{content:'';display:block;position:absolute;top:17px;left:50%;width:33px;height:28px;background-repeat:no-repeat;background-position:center center;transform:translateX(-50%);}
.naverLogin .login-btn.naver span:before{background-image:url(/img/ico-login-naver.png);}
.naverLogin .login-btn.author_u span:before{background-image:url(/img/ico-login-author.png);}
.naverLogin .login-btn.author_g span:before{background-image:url(/img/ico-login-author.png);}
.naverLogin .login-btn.author_a span:before{background-image:url(/img/ico-login-guide02_white.png); background-size: cover;background-position: center; background-repeat: no-repeat;}

.ssoInfo{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:25px 60px;max-width:1125px;border-radius:5px;background:#111;}
.ssoInfo .loginCheck li{display:inline-block;}
.ssoInfo .loginUtil > li{display:inline-block;padding:0 30px 0 0;}
.ssoInfo .loginUtil > li:last-of-type{padding:0;}
.ssoInfo .loginUtil > li > a{display:block;color:rgba(255,255,255,0.45);letter-spacing:-0.5px;}
.ssoInfo .loginUtil > li > a span{display:block;position:relative;padding:0 0 0 32px;font-size:14px;line-height:22px;}
.ssoInfo .loginUtil > li > a span:before{content:'';display:block;position:absolute;top:2px;left:0;width:27px;height:22px;background-repeat:no-repeat;background-position:left center;}
.ssoInfo .loginUtil > li.findId > a span:before{background-image:url(/img/ico-sso-findPw.png);}
.ssoInfo .loginUtil > li.tempPw > a span:before{background-image:url(/img/ico-sso-pw.png);}
.ssoInfo .loginUtil > li.keyBoardSec > a span:before{background-image:url(/img/ico-sso-keyboard.png);}
.ssoInfo .loginUtil > li.loginHelp > a span:before{background-image:url(/img/ico-sso-help.png);}
.ssoInfo .loginUtil > li > button{display:block;color:rgba(255,255,255,0.45);letter-spacing:-0.5px;}
.ssoInfo .loginUtil > li > button span{display:block;position:relative;padding:0 0 0 32px;font-size:14px;line-height:22px;}
.ssoInfo .loginUtil > li > button span:before{content:'';display:block;position:absolute;top:2px;left:0;width:27px;height:22px;background-repeat:no-repeat;background-position:left center;}
.ssoInfo .loginUtil > li.findId > button span:before{background-image:url(/img/ico-sso-findPw.png);}
.ssoInfo .loginUtil > li.tempPw > button span:before{background-image:url(/img/ico-sso-pw.png);}
.ssoInfo .loginUtil > li.keyBoardSec > button span:before{background-image:url(/img/ico-sso-keyboard.png);}
.ssoInfo .loginUtil > li.loginHelp > button span:before{background-image:url(/img/ico-sso-help.png);}
.copyright{padding:60px 0;font-size:14px;line-height:22px;text-align:center;color:#fff}

/*popup*/
.typePop{position:fixed;left:50%;top:50%;width:100%;max-width:1020px;max-height:90vh;transform:translate(-50%, -50%);z-index:1100;text-align:left;}
.typePop.pop_login_help{width:100%;height:90vh;max-width:1024px;z-index:1200;}
.typePop.pop_login_find{width:100%;max-width:660px;}
.typePop.pop_random_pw{width:90%;max-width:660px;}
.typePop.pop_pwdChange{width:90%;max-width:660px;}
.typePop.pop_random_auth_num{width:90%;max-width:480px;}
.typePop .popTit{display:block;padding:10px 80px 10px 40px;margin-bottom:0px;color:#111111;border-bottom:1px solid #d2d2d2;font-family:'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;font-size:20px;font-weight:500;line-height:38px;letter-spacing:-1px;}
.typePop .popClose{display:block;position:absolute;right:40px;top:20px;overflow:hidden;width:15px;height:15px;background:url(/img/ico_popCloseX.png) no-repeat top right;text-indent:-200px;}
.typePop .popConts .inp_t{height:40px;}
.typePop.typeDefault{box-sizing:border-box;background:#fff;border:solid 1px #000;border-radius:3px;overflow: hidden;}
.typePop .popConts .popInner{padding:40px 40px 70px;}
.typePop .popFooter{padding:40px;border-top:1px solid #eeeeee;background:#fafafa;}
.typePop .popFooter ul{text-align:center;}
.typePop .popFooter ul li{display:inline-block;position:relative;margin:0 36px 0 0;padding:0 40px 0 0;vertical-align:middle;}
.typePop .popFooter ul li:after{content:'';display:block;position:absolute;top:4px;right:0;width:1px;height:20px;background:#e3e3e3;}
.typePop .popFooter ul li:last-of-type{margin:0;padding:0;}
.typePop .popFooter ul li:last-of-type:after{display:none;}
.typePop .popFooter ul li span{display:inline-block;position:relative;padding:0 20px 0 0;vertical-align:middle;}
.typePop .popFooter ul li span:last-of-type{padding:0;}
.typePop .popFooter ul li span:nth-of-type(1){padding:0 20px 0 35px;font-size:14px;line-height:22px;}
.typePop .popFooter ul li span:nth-of-type(2){font-size:20px;line-height:28px;}
.typePop .popFooter ul li span:before{content:'';display:block;position:absolute;top:0;left:0;width:27px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.typePop .popFooter ul li span:last-of-type:before{display:none;}
.typePop .popFooter ul li:nth-of-type(1) span:nth-of-type(1):before{background-image:url(/img/ico-pop-foot-person.png)}
.typePop .popFooter ul li:nth-of-type(2) span:nth-of-type(1):before{background-image:url(/img/ico-pop-foot-tel.png);}
.typePop .popFooter ul li:nth-of-type(1) span:nth-of-type(2){font-weight:600;}
.typePop .popFooter ul li:nth-of-type(2) span:nth-of-type(2) a{font-size:23px;line-height:31px;font-weight:600;}

/*popup dim*/
#dim,
#dim-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on,
#dim-menu.on{visibility:visible;opacity:0.5;z-index:900;}

/* 팝업 재학생 상담채널 2022.03.28 */
.pop_counseling .popInner{background: url(https://home.sjcu.ac.kr/_res/sjcu/ko/img/common/life/club-wrap-bg.png) no-repeat;background-position:45% 65%;}
.pop_counseling .popInner .support-item-list {max-width:1200px; margin:30px auto 0;display:flex;justify-content:space-around;flex-wrap: wrap;}
.pop_counseling .popInner .support-item-list li {width:295px; position:relative;margin-bottom:10px;}
.pop_counseling .popInner .support-item-list li .itemThumb{position:relative;}
.pop_counseling .popInner .support-item-list li .itemThumb::before{display:block;content:"";text-align:center;color:#fff;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);width:100%;height:100%;transition:all .2s;transform:scale(0);}
.pop_counseling .popInner .support-item-list li .itemThumb::after{display:block;content:"바로가기";font-size:20px;font-weight:bold;color:rgba(255,255,255,0);position:absolute;top:50%;left:50%;transition:all .2s;transform:translate(-50%, -50%);}
.pop_counseling .popInner .support-item-list li:hover .itemThumb::before{transition:all .2s;transform:scale(1);}
.pop_counseling .popInner .support-item-list li:hover .itemThumb::after{color:rgba(255,255,255,1);transition:all .2s;}
.pop_counseling .popInner .support-item-list li:nth-child(3n){}
.pop_counseling .popInner .support-item-list li h4 {font-weight:700;font-size:24px;color:#000;padding:20px 0 10px;}
.pop_counseling .popInner .support-item-list li p {font-weight:400;color:#666;}
.pop_counseling .popInner .support-item-list li p strong{font-weight:bold;color:#333;}
.pop_counseling .popConts .popInner{padding:10px 40px 20px;}


/* 팝업 탭 */
.tabnav_c{display:flex;flex-wrap:wrap;padding:0 0 40px;}
.tabnav_c li{margin:0 10px 0 0;width:calc(25% - 8px);border:1px solid #d5d5d5;border-radius:5px;vertical-align:middle;}
.tabnav_c li:last-of-type{margin:0;}
.tabnav_c li a{display:block;padding:18px;height:100%;color:#111;font-weight:400;border-radius:5px;text-align:center;}
.tabnav_c li a.active{background:#324d60;color:#fff;}
.tabcontent_c > div{display:none;}
.tabcontent_c > div.active{display:block;}
.popConts{max-height:calc(90vh - 61px);overflow:auto;}
.popConts .h4-tit01{padding:0 0 20px;font-size:20px;line-height:28px;color:#111;font-weight:500;letter-spacing:-1px;}
.popConts .txt{padding:0 0 12px;font-size:16px;line-height:24px;color:#666;letter-spacing:-0.7px;}
.popConts .infoBox{padding:0 0 40px;}
.popConts .h5-tit01{position:relative;padding:0 0 15px 17px;font-size:18px;line-height:26px;font-weight:400;letter-spacing:-1px;}
.popConts .h5-tit01:before{content:'';display:block;position:absolute;top:7px;left:0;width:10px;height:14px;background:url(/img/ico-dep1-tit.png) no-repeat center center;}
.popConts .h6-tit01{position:relative;padding:0 0 15px 12px;font-size:16px;line-height:24px;color:#111;font-weight:500;}
.popConts .inner-con-box{padding:0 0 40px;}
.popConts .h6-tit01:before{content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:4px;background:#333;border-radius:5px;}
.exclam{position:relative;padding-left:17px;font-weight:400;color:#b61946;letter-spacing:-0.025em; }
.exclam::before{content:'※';display:block;position:absolute;left:0px;top:0px;}
.color-black{color:#333 !important;}
.color-gray{color:#666 !important;}
.text-medium{font-weight:400 !important;}
.text-regular{font-weight:400 !important;}

/* 테이블 write */
.lineTop_tbArea{border-top:2px solid #324D60;background:#f9f9f9;}
.lineTop_tbArea .lineTop_tbL2{max-width:none;width:auto;min-width:100%;table-layout:fixed;}
.lineTop_tbArea .lineTop_tbL2 th{padding:10px 10px 10px 38px;border-bottom:1px solid #eee;font-size:15px;color:#272727;font-weight:400;text-align:left;}
.lineTop_tbArea .lineTop_tbL2 td{min-height:36px;padding:10px 38px 10px 10px;border-right:1px solid #e1e1e1;border-bottom:1px solid #EEEEEE;background:#f9f9f9;}
.lineTop_tbArea .lineTop_tbL2 td:last-child,
.lineTop_tbArea .lineTop_tbL2 th:last-child{border-right:0;}
.lineTop_tbArea .lineTop_tbL2 td.line,
.lineTop_tbArea .lineTop_tbL2 th.line{border-right:1px solid #e9e9e9;}
.lineTop_tbArea .lineTop_tbL2 th>span{color:#272727;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-1px;}
.lineTop_tbArea .lineTop_tbL2 td{color:#555;font-size:14px;line-height:20px;letter-spacing:-1px;text-align:left;}

/* 테이블 */
.lineTop_tbArea.scrollbox{overflow:auto; } 
.lineTop_tbArea.scrollbox::-webkit-scrollbar{height:6px;} 
.lineTop_tbArea.scrollbox::-webkit-scrollbar-thumb{background-color:#324d60;border-radius:5px; } 
.lineTop_tbArea.scrollbox::-webkit-scrollbar-track{background-color:transparent;height:10px; } 
.lineTop_tbArea.scrollbox table{min-width:900px;}
.popComm .lineTop_tbArea .lineTop_tb2{position:relative;width:100%;table-layout:fixed;}
.popComm .lineTop_tbArea .lineTop_tb2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#dbdbdb;}
.popComm .lineTop_tbArea .lineTop_tb2 th,
.popComm .lineTop_tbArea .lineTop_tb2 td{padding:0 5px;border-right:1px solid #eee;border-bottom:1px solid #eee}
.popComm .lineTop_tbArea .lineTop_tb2 thead th{padding:20px 15px;background:#f9f9f9;color:#272727;font-size:15px;font-weight:500;line-height:20px;letter-spacing:-1px;text-align:center;}
.popComm .lineTop_tbArea .lineTop_tb2 thead th>span {color:#272727;font-size:15px;font-weight:500;line-height:20px;letter-spacing:-1px;}
.popComm .lineTop_tbArea .lineTop_tb2 thead th{background:#f3f5f8;}
.popComm .lineTop_tbArea .lineTop_tb2 td:last-child,
.popComm .lineTop_tbArea .lineTop_tb2 th:last-child {border-right:0;}
.popComm .lineTop_tbArea .lineTop_tb2 th.line {border-right:1px solid #e9e9e9;}
.popComm .lineTop_tbArea .lineTop_tb2 tbody td{padding:15px 15px;background:#fff;font-size:16px;line-height:24px;letter-spacing:-1px;color:#555;text-align:center;}
.popComm .lineTop_tbArea .lineTop_tb2 tbody td.td-left{text-align:left;}

.star{position:relative;margin-left:16px;}  
.star::before{content:'*';display:inline-block;position:absolute;top:0px;left:-10px;color:red;}
.table_bullet_txt02{font-family:'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;font-size:16px;color:#111;line-height:1;font-weight:400;letter-spacing:-0.025em;}
.table_bullet_txt02::before{content:'';display:inline-block;width:4px;height:4px;background-color:#000;border-radius:50%;vertical-align:3px;margin:0 7px 0 3px;}

/* 팝업-list */
.popConts .ul-type01 > li{position:relative;padding:0 0 7px 10px;color:#666;font-size:16px;line-height:24px;letter-spacing:-1px;}
.popConts .ul-type01 > li:before{content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:4px;background:#666;border-radius:5px;}
.popConts .ul-type01 > li:last-of-type{padding-bottom:0;}
.popConts .ol-type01 > li{margin:0 0 0 18px;padding:0 0 5px;line-height:25px;font-size:16px;line-height:24px;color:#666;list-style-type:decimal;}
.popConts .ol-type01 > li:last-of-type{padding-bottom:0;}
.popConts .box_gray{padding:37px;border-radius:5px;background:#f5f5f5;}
.popConts .box_gray .inner-box{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.popConts .img-box{text-align:center;}
.popConts .img-box img{max-width:100%;}
.popConts .border-con-box{margin:0 0 35px;padding:0 0 35px;border-bottom:1px solid #eeeeee;}
.popConts .border-con-box:last-of-type{margin:0;padding:0;border:none;}
.popConts .btn-box{padding:35px 0 0;text-align:center;}
.popConts .btn-box a{display:inline-block;padding:9px 31px;border-radius:50px;background:#b61946;font-size:14px;line-height:22px;color:#fff;font-weight:400;letter-spacing:-1px;}
.popConts ul.col02{display:flex;flex-wrap:wrap;margin:0 -1.5%;}
.popConts ul.col02 > li{margin:0 1.5%;width:47%;}
.popConts ul.col03{display:flex;flex-wrap:wrap;margin:0 -1.5%;}
.popConts ul.col03 > li{margin:0 1.5%;width:30.3333%;}
.popConts ul.col04{display:flex;flex-wrap:wrap;margin:0 -1.5%;}
.popConts ul.col04 > li{margin:0 1.5%;width:22%;}
.popConts ol.col02:after{content:'';display:block;clear:both;}
.popConts ol.col02 > li{float:left;padding-right:3%;width:calc(47% - 18px);}
.popConts .btnArea p {color:#b61946; margin-bottom: 20px}
.guideline-box{display:flex;flex-wrap:wrap;padding:40px 0 0;}
.guideline-box li{margin:0 0 10px;padding:20px;width:calc(50% - 10px);background-color:#f5f5f5;border-radius:4px;}
.guideline-box li:nth-of-type(2n-1){margin-right:20px;}
.guideline-box li span{display:block;padding:30px;font-weight:500;box-sizing:border-box;}
.contact-info{display:inline-block;margin:0 0 20px;padding:9px 32px 10px 20px;background:#f5f5f5;border-radius:5px;}
.contact-info p{position:relative;padding:8px 0 8px 51px;}
.contact-info p a{font-size:18px;line-height:1;letter-spacing:-1px;color:#666;font-weight:400;}
.contact-info p:before{content:'';display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:#005c8b url(/img/ico-tel.png) no-repeat center center;border-radius:50%;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
/* 팝업-학번찾기 */
.pop_login_find .infoBox{overflow:hidden;margin-top:15px;box-sizing:border-box;padding:15px 10px;border:3px solid #e1e6e8;color:#272727;font-size:15px;}
.pop_login_find .infoBox p{min-height:40px;padding-left:65px;background:url(/img/popup/ico_cirInX.png) no-repeat 13px center;color:#272727;font-size:15px;}
.pop_login_find .infoBox p em{color:#b41b46;font-style:normal;}
.pop_login_find .infoBox p.result{padding-left:10px;background:none;text-align:center;}


/* 팝업-비밀번호*/
.pop_random_pw .infoBox{overflow:hidden;margin-top:15px;box-sizing:border-box;padding:15px 10px;border:3px solid #e1e6e8;color:#272727;font-size:15px;}
.pop_random_pw .infoBox p{min-height:40px;padding-left:65px;background:url(/img/popup/ico_cirInX.png) no-repeat 13px center;color:#272727;font-size:15px;}
.pop_random_pw .infoBox p em{color:#b41b46;font-style:normal;}

/*  로그인오류해결안내 */
.popWrap{height:100%;overflow:auto;}

.pop_login_help .popConts h4{padding:0 0 15px;font-size:20px;line-height:28px;color:#111;font-weight:500;}
.pop_login_help .popConts p{font-size:16px;line-height:24px;color:#666;letter-spacing:-0.7px;}
.pop_login_help .popConts .infoBox{padding:0 0 40px;}
.pop_login_help .popConts .dep1-tit{position:relative;padding:0 0 15px 20px;font-size:18px;line-height:26px;}
.pop_login_help .popConts .dep1-tit:before{content:'';display:block;position:absolute;top:7px;left:0;width:10px;height:14px;background:url(/img/ico-dep1-tit.png) no-repeat center center;}
.pop_login_help .popConts .dep2-tit{position:relative;padding:0 0 15px 12px;font-size:16px;line-height:24px;color:#111;font-weight:500;}
.pop_login_help .popConts .dep2-tit:before{content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:4px;background:#333;border-radius:5px;}
.pop_login_help .popConts dl dd{padding:0 0 35px;color:#555555;}
.pop_login_help .popConts p.txt-red{color:#b61946;}

.pop_login_help dd{display:flex;flex-wrap:wrap;justify-content:space-between;}
.pop_login_help dd>div{width:49%;}
.pop_login_help dd>div>p{padding:12px 0 0;}
.pop_login_help dd>div.col01{padding:30px 0 0;width:100%;}
.pop_login_help dd img{vertical-align:top;}

.pop_login_help dd .txt_blue{color:#1c4e70;font-style:normal;}
.pop_login_help dd .btnC_b{margin:0 10px 5px 0;}
.pop_login_help dd>img{display:block;margin-top:5px;}
.pop_login_help .box_gray{padding:25px;margin:40px 0;background:#f0f2f7;color:#555555;}

.pop_login_help .chrTit{background:url(/img/popup/icon_chrome.jpg) no-repeat left center;box-sizing:border-box;}
.pop_login_help .ieTit{background:url(/img/popup/icon_IE.jpg) no-repeat left center;box-sizing:border-box;}
.pop_login_help .stxt{ font-size:25px;display:block;font-weight:600;}
.pop_login_help .stxt em{font-style:normal;}
.pop_login_help .chrTit .stxt em:nth-child(1){color:#ed2d3c;}
.pop_login_help .chrTit .stxt em:nth-child(2){color:#5bc758;}
.pop_login_help .chrTit .stxt em:nth-child(3){color:#e1ad37;}
.pop_login_help .chrTit .stxt em:nth-child(4){color:#2179c1;}
.pop_login_help .chrTit .stxt em:nth-child(5){color:#679fd0;}
.pop_login_help .chrTit .stxt em:nth-child(6){color:#ed2d3c;}
.pop_login_help .ieTit .stxt em{color:#02b9f2;}

.lnb{border-top:1px solid #d2d2d2d2;}
.lnb .lnb-menu > li{border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;box-sizing:border-box;}
.lnb .lnb-menu > li > a{display:block;padding:20px 60px 20px 40px;font-size:18px;line-height:26px;font-weight:400;box-sizing:border-box;}
.lnb .lnb-menu > li.collapse > a{position:relative;}
.lnb .lnb-menu > li.collapse > a:after{content:'';display:block;position:absolute;top:50%;right:18px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #333;transform:translateY(-50%);transition:transform .3s;}
.lnb .lnb-menu > li.collapse.on > a:before{content:'';display:block;position:absolute;top:100%;left:50%;width:calc(100% - 38px);height:1px;background:#d2d2d2;transform:translateX(-50%);}
.lnb .lnb-menu > li.collapse.on > a:after{transform:translateY(-50%) rotate(180deg);}
.lnb .lnb-menu > li.collapse:not(.on) > a.active:after{content:'';display:block;position:absolute;top:50%;right:18px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #333;transform:translateY(-50%);transition:transform .3s;}

.lnb .lnb-depth03{display:none;padding:20px 0;background:#fff;}
.lnb .lnb-depth03 > li{margin:0 0 10px 0;}
.lnb .lnb-depth03 > li:last-of-type{margin:0;}
.lnb .lnb-depth03 > li > a{display:block;position:relative;padding:0 32px 0 42px;font-size:16px;;color:#666;line-height:24px;}
.lnb .lnb-depth03 > li > a.active{color:#324d60;font-weight:400;}
.lnb .lnb-depth03 > li > a:hover{color:#324d60;font-weight:400;}

div.login-txt i{
    position: absolute;
    left: 60%;
    top: 150px;
    color: orange;
}

.fa-eye-slash{
	background:url(/img/icon/free-icon-hide.png);
	background-size: contain;
	width: 20px;
	height: 20px;
}

.fa-eye{	
	background:url(/img/icon/free-icon-show-password.png);
	background-size: contain;
	width: 20px;
	height: 20px;
}

@media all and (max-width:1024px){
    .pc-hide{display:block !important;}
    .mobile-hide{display:none !important;}

    /* input */
    .inp_t{height:40px;}
    .inp_t::placeholder{font-size:14px;line-height:22px;color:#666;}
    .inp_t::-webkit-input-placeholder{font-size:14px;line-height:22px;color:#666;}
    /* IE */
    .inp_t::-ms-input-placeholder{font-size:14px;line-height:22px;color:#666;}
    /* Firefox */
    .inp_t::-mos-input-placeholder{font-size:14px;line-height:22px;color:#666;}
    input[type=radio]{width:20px;height:20px;margin-right:9px;}

    /* 로그인 */
    .loginKor{background-position:left 0 top 0;}
    .loginHeader .header{display:none;}
    .logo{width:100%;text-align:center}
    .loginTitArea{padding:13px 10px;background:#1a3142;}
    .loginTitArea .logo .pc-logo{display:none;}
    .loginTitArea .logo .mobile-logo{display:inline-block;}
    .loginTitArea .motto{display:none;}
    .loginTitArea h2.loginTit{font-size:58px;}


    /* 일반 로그인 */
    .top-loginbox{margin:0;padding:30px 20px 10px;}
    .top-loginbox> ul> li{float:none;margin:0 0 10px 0;width:100%;}
    .top-loginbox> ul> li:last-of-type{margin:0;}
    .loginbox-comm h3{font-size:20px;line-height:28px;}
    
    .box .loginForm{width:100%;padding-right:0;margin-top:0;}
    .keyB{display:none;}
    .naverLogin{padding:20px}
    .normalLogin{padding:20px}

    /* 인증서 로그인 */
    .naverLogin .login-btn{display:block;margin:0 0 10px;padding:12px 10px;width:100%;}
    .naverLogin .login-btn span{display:inline-block;padding:0 0 0 32px;font-size:15px;line-height:23px;}
    .naverLogin .login-btn span:before{top:-2px;left:0;transform:unset;}

    .infoBtn{padding:10px;width:100%;box-sizing:border-box;word-break:keep-all;}
    .normalLogin .login-txt{width:100%;}
    .normalLogin .login-btn{float:none;width:100%; margin-top: 20px }
    .normalLogin .login-btn button{padding:10px 0;}
    .normalLogin .login-btn button.graduate{margin:10px 0 0;padding:13px 35px;width:100%;}
    .normalLogin .login-btn button.graduate span{font-size:16px;line-height:24px;}

    /* 스마트 로그인 */
    .bottom-loginbox{padding:0 20px 30px;}
    .bottom-loginbox > div{float:none;margin:0 0 10px;padding:20px;width:100%;min-height:auto;}
    .bottom-loginbox .loginInfo{float:none;text-align:center;line-height:30px;}
    .bottom-loginbox .login-guide-box > h3{padding:0 0 20px;}
    .bottom-loginbox .login-guide-box > ul > li > a span{padding:45px 0 0;font-size:15px;line-height:23px;}
    .bottom-loginbox .login-guide-box > ul > li > a span:after{width:45px;height:40px}

    .box .loginBtn-wrap{display:block;}
    .box .loginBtn-wrap li{margin:0 0 10px;width:100%;}
    .box .loginBtn-wrap li:last-of-type{margin:0;}
    .loginBtn-wrap li a{padding:12px;}
    .loginBtn-wrap li a span{display:inline-block;padding:0 0 0 80px;font-size:15px;line-height:23px;}
    .loginBtn-wrap li a span:before{top:-2px;left:0;transform:unset;}
    .loginBtn-wrap li.login-bio-auth a span{padding:0 0 0 65px;}
    .loginBtn-wrap li.login-bio-auth a span:before{width:54px;height:28px;background-image:url(/img/ico-bio-auth-m.png)}
    .loginBtn-wrap li.login-pin-auth a span{padding:0 0 0 30px;}
    
    /* 대학 login.css 485줄에 추가, 대학원 login.css 489줄에 추가  @media all and (max-width:1024px){} 1024 미디어 쿼리 안 소스 */ 
    .loginBtn-wrap li .login-btn.naver{padding:12px;}
    .loginBtn-wrap li .login-btn.naver span{display:inline-block;padding:0 0 0 30px;font-size:15px;line-height:23px;letter-spacing:-1.2px;} 
    .loginBtn-wrap li .login-btn.naver span:before{top:-2px;left:0;transform:unset;}

    /* 푸터 */
    .ssoInfo{display:block;flex-wrap:unset;justify-content:unset;padding:0;border-radius:0;}
    .ssoInfo .loginUtil > li{display:block;padding:0;border-bottom:1px solid rgba(255,255,255,0.45);}
    .ssoInfo .loginUtil > li > a{padding:20px 45px 20px 30px;background:url(/img/ico-footer-arr.png) no-repeat right 30px center;}
    .ssoInfo .loginUtil > .keyBoardSec{display:none;}
    .copyright{padding:40px 20px;background:#111;color:#999999;}

    /* 팝업 */
    .inp_g{padding:5px 40px 5px 0;}
    .btnArea{padding:20px 0 0;}
    .typePop .popTit{padding:10px 40px 10px 20px;}
    .typePop .popClose{right:20px; }
    .typePop .popConts .popInner{padding:20px;}
    .typePop .popFooter{padding:20px}
    .typePop.typeDefault{width:calc(100% - 40px);}
    .popConts{height:calc(100% - 180px);}
    .popConts .txt{padding:0 0 10px;font-size:14px;line-height:22px;}
    .popConts .infoBox{padding:0 0 25px;}
    .popConts .h4-tit01{padding:0 0 12px 0;font-size:17px;line-height:25px;}
    .popConts .h4-tit01:before{top:5px;}
    .popConts .h5-tit01{padding:0 0 12px 14px;font-size:14px;line-height:22px;}
    .popConts .h5-tit01:before{top:5px;}
    .popConts .inner-con-box{padding:0 0 20px;}
  
    .popConts .ul-type01 > li{padding:0 0 5px 10px;font-size:14px;line-height:22px;}
    .popConts .ul-type01 > li:before{width:3px;height:3px;}
    .popConts .ol-type01 > li{font-size:14px;line-height:22px;}
    .popConts ul.col02{margin:0;}
    .popConts ul.col02 > li{margin:0;width:100%;}
    .popConts ul.col03{margin:0;}
    .popConts ul.col03 > li{margin:0;width:100%;}
    .popConts ul.col04{margin:0;}
    .popConts ul.col04 > li{margin:0 1% 1%;width:48%;}
    .popConts ol.col02 > li{float:none;padding-right:0;width:auto;}
    /* 팝업 탭 */
    .tabnav_c{display:block;flex-wrap:unset;padding:0 0 30px;}
    .tabnav_c li{display:block;width:100%;}
    .tabnav_c li a{padding:10px;font-size:15px;line-height:23px;}

    /* 테이블 */
    .popComm .lineTop_tbArea .lineTop_tb2 thead th{padding:10px;font-size:16px;line-height:24px;}
    .popComm .lineTop_tbArea .lineTop_tb2 tbody td{padding:10px;font-size:14px;line-height:22px;}
    .popConts .btn-box{padding:20px 0 0;}
    .popConts .btn-box a{padding:9px 20px;}
    .guideline-box li a{font-size:1.285rem;line-height:1.785rem;}
    .contact-info{margin:0 0 15px;padding: 9px 27px 10px 20px;}
    .contact-info p{padding: 8px 0 7px 45px;}
    .contact-info p a{font-size:16px;}
    .contact-info p:before{width:35px;height:35px;background-size:17px;}

    .typePop .popFooter ul{text-align:left;}
    .typePop .popFooter ul li{display:block;margin:0;padding:0 0 20px;}
    .typePop .popFooter ul li:after{display:none;}
    
    .typePop .popFooter ul li span{padding:0 0 10px;}
    .typePop .popFooter ul li span:nth-of-type(1){padding:0 15px 0 35px;}
    .typePop .popFooter ul li span:nth-of-type(2){font-size:16px;line-height:24px;}
    .typePop .popFooter ul li span:before{width:25px;height:23px;}
    .typePop .popFooter ul li:nth-of-type(2) span:nth-of-type(2) a{font-size:18px;line-height:26px;}

    .lnb .lnb-menu > li > a{padding:10px;font-size:15px;line-height:23px;}
    .lnb .lnb-depth03{padding:10px 0;}
    .lnb .lnb-depth03 > li{margin:0 0 7px;}
    .lnb .lnb-depth03 > li > a{padding:0 20px;font-size:14px;line-height:22px;}
    .lnb .lnb-menu > li.collapse.on > a:before{width:calc(100% - 20px);}

    /* 학번/비밀번호 찾기 팝업 */
    .typePop.pop_login_find{width:calc(100% - 20px);}
    .lineTop_tbArea .lineTop_tbL2 tr,
    .lineTop_tbArea .lineTop_tbL2 th,
    .lineTop_tbArea .lineTop_tbL2 td{display:block;height:auto;width:100%;box-sizing:border-box;border:0;padding:0;}
    .lineTop_tbArea .lineTop_tbL2 tr{padding:10px 10px;border-bottom:1px solid #dadada;}
    .lineTop_tbArea .lineTop_tbL2 th{padding-bottom:6px;background:none;}

    /* 로그인 오류현상 해결 방법 팝업 */
    .pop_login_help .popConts p{font-size:14px;line-height:22px;}
    .pop_login_help .popConts dl dd{padding:0 0 20px;}
    .pop_login_help .popConts .infoBox{padding:0 0 25px;}
    .pop_login_help .popConts .dep1-tit{padding:0 0 12px 17px;font-size:15px;line-height:23px;}
    .pop_login_help .popConts .dep1-tit:before{top:5px;}
    .pop_login_help .popConts .dep2-tit{padding:0 0 12px 14px;font-size:14px;line-height:22px;}
    .pop_login_help .popConts .dep2-tit:before{top:9px;}
    .pop_login_help dd>div.col01{padding:20px 0 0;}
    
    .naver-before{display: flex; gap:8px; flex-wrap: nowrap;}
    .login-btn{height: 50px;}  
    .naverLogin .login-btn.author_u{width: 55%;}
	.naverLogin .login-btn.author_g{width: 55%;}
	.naverLogin .login-btn.author_a{width: 40%;}    

    div.login-txt i{
    position: absolute;
    left: 85%;
    top: 123px;
    color: orange;
    
    .fa-eye-slash{
	width: 25px;
	height: 25px;
}

.fa-eye{	
	width: 25px;
	height: 25px;
}
}
}
@media all and (max-width:768px){
  .lineTop_tbArea .lineTop_tbL2 tr{display:flex;flex-direction:column;}
  .lineTop_tbArea .lineTop_tbL2 th{border-bottom:0px;}
  .guideline-box li{margin:0 0 10px;width:100%;}
	.guideline-box li:nth-of-type(2n-1){margin-right:0;}
	.guideline-box li a{padding:15px 20px;}
	
	/* 팝업 재학생 상담채널 2022.03.28 */
	.pop_counseling .popInner .support-item-list li {width:220px;}
}
@media all and (max-width:480px){
  .typePop .popFooter ul li span:nth-of-type(1){padding:0 15px 10px 35px;}
  .typePop .popFooter ul li span:nth-of-type(2){display:block;}
  
      /* 팝업 재학생 상담채널 2022.03.28 */
	.pop_counseling .popInner .support-item-list li {width:300px;}
  
}
@media all and (max-width:350px){
  .typePop .popTit{font-size:17px;}
}