@charset "utf-8";



.Alogin_bg {background:#f0efef;}

.login_wrap .bg_r {display:block; width:221px; height:179px; position:absolute; top:20px; right:20px; background:url('/images/co/lo/ssoTotalLogin/login_rt_bg.png') no-repeat right top;}



/* 로그인 */

.login_wrap {position:relative;min-height:100%;font-family:'NotoR';background: #f0efef url('/images/co/lo/ssoTotalLogin/bg_login.png') top center no-repeat;} /*211220 수정*/

.login_wrap h1 {position:relative; width:129px; height:44px; margin:0 auto; padding:65px 0 20px 252px; line-height:36px; font-size:28px; font-family:'NotoM'; color:#fff;}

.login_wrap h1 a {position:absolute; top:60px; left:0; display:block; width:242px; overflow:hidden;}



.login_wrap .bg_logo{position:absolute; top:20px; right:50%; margin-right:650px;}



.login_wrap .login_box {position:relative; width:1400px; height:420px; padding:50px 0 60px;  margin:0 auto; background:#fff url('/images/co/lo/ssoTotalLogin/login_lf_bg.png') no-repeat left bottom; overflow:hidden; }

.login_wrap .login_fl {width:45%; float:left;  background:url('/images/co/lo/ssoTotalLogin/login_logo_bg.png') no-repeat 80% 100%;}

.login_wrap .login_fl .logo_wrp { padding-top:220px; color:#000; font-size:32px; line-height:32px; text-align:center; letter-spacing:-2px; background:url('/images/co/lo/ssoTotalLogin/img_login.png') no-repeat center 25%;}

.login_wrap .login_fl .logo_wrp p { font-weight:bold; color:#394b61; font-family:'NotoM';}

.login_wrap .login_fl .logo_wrp span {display:block;  font-size:20px; font-family:'NotoR';}

.login_wrap .login_fr {width:55%; margin-top:50px; float:right;}

.login_wrap .login_fr::after{content:url('/images/co/lo/ssoTotalLogin/login_tit_bg.png'); display:block; float:left; margin:-300px 30px 0 0;}

.login_wrap .login_fr .login_in_box {position:relative; width:480px; padding-left:8%;  height:170px; }

.login_wrap .login_fr .login_tit_wr {margin-left:8%; font-family:'NotoM';}

.login_wrap .login_fr .login_tit_wr .login_tit {font-size:24px; color:#222;}

.login_wrap .login_fr .login_tit_wr .login_txt {font-size:15px; color:#222;}

.login_wrap .login_fr .login_in_box dl {width:75%; margin-top:30px; overflow:hidden;}

.login_wrap .login_fr .login_in_box dl dd {padding-left:40px; margin-top:5px; border:1px solid #b2b7c7; }

.login_wrap .login_fr .login_in_box dl dd.login_id {background:url("/images/co/lo/ssoTotalLogin/ico_login_id.png") no-repeat 10px center; }

.login_wrap .login_fr .login_in_box dl dd.login_pw {background:url("/images/co/lo/ssoTotalLogin/ico_login_pw.png") no-repeat 10px center; }

.login_wrap .login_fr .login_in_box dl dd input {width:97%; height:45px; border:none; font-family:"Dotum"; line-height:45px; vertical-align:middle;}

.login_wrap .login_fr .login_in_box a.btn_login {position:absolute; right:0; top:5px; width:21%; height:102px; color:#fff; font-family:"NotoR"; font-size:20px; border:none; background:#e32c28;}

.login_wrap .login_fr .login_in_box a.btn_login span {color:#fff; font-family:"NotoR"; font-size:18px; border:none; line-height:105px; display:block; text-align:center;}

.login_wrap .login_fr .login_in_box .idpw_search {margin-top:25px; overflow:hidden;}

.login_wrap .login_fr .login_in_box .idpw_search a {display:block; height:35px; line-height:35px; text-align:center; color:#333; border:1px solid #b2b7c7; background:#f5f7f8;}
/* 캡챠 */
.login_captcha .time {margin-left:15px; vertical-align:middle; font-size:18px;}

/* 하단 */

.login_footer {width:1000px; margin:0 auto; padding:25px 0; text-align:center; font-size:14px; font-family:'NotoR'; word-break:keep-all;}

.login_footer address span {margin-left:20px; display:inline-block;}

.login_footer .copyright {margin-top:5px;}





/* 통합로그인(교직원(재직,휴직), 재학생/휴학생, 졸업생/퇴직자) */

.login_box2 {position:relative; width:1400px; height:auto; margin:0 auto; background:#fff; letter-spacing:-0.5px; overflow:hidden;}

.login_box2 > h2{position:absolute; top:0; width:33.4%; height:60px; background:#002f60;}

.login_box2 > h2::after{content:''; position:absolute; top:0; right:0; width:1px; height:60px; background:#4d6e90;}

.login_box2 > h2 a{display:block; color:#fff; font-family:'NotoR'; font-size:20px; line-height:60px; text-align:center;}

.login_box2 > h2.tit_1 {left:0;}

.login_box2 > h2.tit_2 {left:33.4%;}

.login_box2 > h2.tit_3 {left:66.8%;}

.login_box2 > h2 a.current{background:#fff; color:#333; font-family:'NotoM'; z-index:1;}

.login_box2 .Conbox.on {display:block;}

/* .login_box2 .Conbox{display:none; position:relative; height:100%; padding:60px 0 0; overflow:hidden;} */

.login_box2 .Conbox{display:none; position:relative; height:100%; overflow:hidden;}/* 수정 190926 */



/* 콘텐츠 박스 */

.login_box2 .Conbox .Conbox_1{position:relative; width:100%; height:340px; background:url(/images/co/lo/ssoTotalLogin/Conbox_1_bg.png) no-repeat 1255px 190px; overflow:hidden;}

.login_box2 .Conbox .Conbox_2{position:relative; width:100%; height:255px; background:url(/images/co/lo/ssoTotalLogin/Conbox_2_bg.png); overflow:hidden;}

.login_box2 .Conbox .Conbox_3{position:relative; width:100%; height:120px; background:#e7e7e7; overflow:hidden;}

.login_box2 .Conbox .Conbox_4{position:relative; width:100%; height:70px; overflow:hidden;}



/* 콘텐츠 1단(Conbox_1) */

.welcome{position:relative; width:445px; float:left; padding:35px 0 0 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}

.welcome .slogan {width:100%; height:100%; text-align:center;}

.welcome .slogan p{margin:15px 0 0; color:#394b61; font-family:'NotoB'; font-size:32px; line-height:35px;}

.welcome .slogan p span{display:block; font-family:'NotoR'; font-size:20px;}

.welcome .user{position:relative; width:100%; height:50px; margin:30px 0 0; background:#f9f9f9; border:1px solid #b6bbca; font-family:'NotoR'; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.welcome .user p{color:#333; padding:0 0 0 20px; line-height:50px;}

.welcome .user a{display:block; position:absolute; top:50%; right:20px; width:86px; height:29px; margin:-14px 0 0; background:#004ea2; border-radius:5px; color:#fff; text-align:center; line-height:29px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

.welcome .user a:hover{background:#002d5d;}

.date {margin-top:5px; color:#777;text-align:center;} /*최종 접속 추가 191120 김경만 가운데 정렬 추가*/



.q_link{position:relative; float:right; overflow:hidden;}

.q_link ul{width:800px; padding:60px 80px 0 0; overflow:hidden;}

.q_link ul li{float:left; width:16.667%; height:125px}

.q_link ul li a{display:block; text-align:center;}

.q_link ul li a p{width:56px; height:56px; margin:0 auto; background:#f0efef; border-radius:50px; line-height:56px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

.q_link ul li a:hover p{margin:-7px auto 0; background:#ddd;}

.q_link ul li a p img{width:28px; height:29px; vertical-align:middle;}

.q_link ul li a span{display:block; margin:10px 0 0; color:#343a40; font-family:'NotoR'; font-size:15px;}



/* 콘텐츠 2단(Conbox_2) */

.notice{position:relative; height:100%; padding:45px 50px 0; overflow:hidden;}

.notice h2{position:relative; float:left; padding:0 20px 0 25px;}

.notice h2::after{content:''; position:absolute; top:0; left:0; width:11px; height:19px; background:url(/images/co/lo/ssoTotalLogin/notice_tit.png) no-repeat left top;}

.notice h2:first-child{padding:0 20px 0 0;}

.notice h2:first-child::after{display:none;}

.notice h2 a{display:block; color:#666; font-family:'NotoR'; font-size:19px;}

.notice h2 a.current{padding:0 0 10px; border-bottom:2px solid #003669; color:#003669; font-family:'NotoM';}

.notice .list_box.on {display:block;}

.notice .list_box {display:none; position:absolute; left:0; top:110px; margin:0 50px;}

.notice .list_box ul{overflow:hidden; background:url('/images/co/lo/ssoTotalLogin/notice_list.png') repeat-y  center;}

.notice .list_box ul li{position:relative; width:48%; float:left; font-family:'NotoR'; line-height:35px; overflow:hidden;}

.notice .list_box ul li:nth-child(odd){margin-right:4%;}

.notice .list_box ul li a::before{content:''; position:absolute; top:15px; left:0; width:4px; height:4px; background:#9298af;}

.notice .list_box ul li a{display:block; width:70%; float:left; padding:0 0 0 15px; color:#444; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.notice .list_box ul li a:hover{text-decoration:underline;}

.notice .list_box ul li span{display:block; width:25%; float:right; color:#7d7d7d; text-align:right;}

.notice .btn_more{position:absolute; right:0; top:-75px; width:20px; height:20px; font-size:0; text-indent:-9999em; line-height:0; background:url('/images/co/lo/ssoTotalLogin/btn_more.png') no-repeat center;}

.notice .btn_more:hover{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}



/* 콘텐츠 3단(Conbox_3) */

.schedule{position:relative; height:100%; overflow:hidden;}

.schedule .sche_tit{position:relative; width:20%; height:100%; float:left; background:#df1a18 url('/images/co/lo/ssoTotalLogin/sche_tit.png') no-repeat top right; overflow:hidden;}

.schedule .sche_tit h2{padding:28px 0 0 50px; color:#fff; font-family:'NotoM'; font-size:20px;}

.schedule .sche_tit > p{width:40%; padding:5px 0 0 50px; color:#fff; font-family:'NotoL'; font-size:13px; line-height:16px; word-break:keep-all;}

.schedule img{position:absolute; bottom:15px; right:60px;}



.schedule .sche_cont{position:relative; float:left; width:80%; height:100%; overflow:hidden;}

.schedule .date_view{position:relative; float:left; width:25%; height:100%;}

.schedule .date_view p{padding:30px 0 0; color:#002f60; font-family:'NotoR'; font-size:17px; text-align:center; line-height:29px;}

.schedule .date_view p .month{display:block; font-family:'NotoM'; font-size:23px;}

.schedule .date_view .pre{position:absolute; left:20%; top:68px; width:11px; height:13px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/co/lo/ssoTotalLogin/sche_pre.png) no-repeat center; }

.schedule .date_view .next{position:absolute; right:20%; top:68px; width:11px; height:13px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/co/lo/ssoTotalLogin/sche_next.png) no-repeat center;}

.schedule .date_view .pre:hover{opacity:0.5; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

.schedule .date_view .next:hover{opacity:0.5; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

.schedule .sche_list{position:relative; float:left; width:75%; height:100%;}

.schedule .sche_list ul{height:70px; margin:35px 0 0; overflow:hidden; overflow-y:auto;}

.schedule .sche_list ul li{position:relative; float:left; width:33.333%; height:35px;}

.schedule .sche_list ul li a{display:block; width:55%; padding:1px 0 0 75px; color:#555; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.schedule .sche_list ul li span{position:absolute; top:0; left:0; margin:0 10px 0 0; padding:1px 15px; border:1px solid #002f60; border-radius:50px; color:#002f60; font-family:'NotoR'; font-size:15px;}

.schedule .sche_list ul li a:hover{text-decoration:underline;}

.schedule .sche_list li.no_Data {width:100%; height:auto; top:50%; margin-top:-18px; color:#555; font-size:15px; line-height:20px; text-align:center;}



.schedule .btn_more{position:absolute; top:50%; left:230px; width:45px; height:45px; background:#fff; border-radius:50px; margin:-22px 0 0; text-align:center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}

.schedule  .btn_more p{padding:6px 0 0; color:#002f60; font-family:'NotoM'; font-size:13px; line-height:14px;}

.schedule .btn_more p span{display:block; color:#e12b29; font-size:18px;}

.schedule .btn_more:hover{margin:-27px 0 0;}

.schedule .btn_more:hover p span{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}



/* 콘텐츠 4단(Conbox_4) */

.m_link{position:relative; height:100%; overflow:hidden;}

.m_link ul{height:100%; padding:0 50px 0; overflow:hidden;}

.m_link ul li{position:relative; float:left; width:20%; line-height:70px;}

.m_link ul li::before{content:''; position:absolute; top:50%; left:0; margin:-12px 0 0; width:25px; height:25px; background:#002f60 url(/images/co/lo/ssoTotalLogin/m_link_dot.png) no-repeat center; border-radius:50px;}

.m_link ul li a{display:block; padding:0 0 0 40px; color:#002f60; font-family:'NotoR'; font-size:15px;}

.m_link ul li a:hover{text-decoration:underline;}

.m_link ul.w6 li{width:16.667%;} /* 바로가기가 6개 */





/********** Media quary **********/

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





	/* 통합로그인 */

	.login_wrap .login_box {width:95%; min-width:320px; height:auto; padding:30px 25px 30px; background-size:20%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	.login_wrap .bg_logo{display:none;}

	.login_wrap .login_fl {width:100%; float:none; padding-bottom:30px;  border-bottom:1px dashed #b2b7c7; background:url('/images/co/lo/ssoTotalLogin/login_logo_bg.png') no-repeat 75% 80%;}

	.login_wrap .login_fl span {display:block;}

	.login_wrap .login_fl .logo_wrp { padding-top:200px; background:url('/images/co/lo/ssoTotalLogin/img_login.png') no-repeat center 12%;}

	.login_wrap .login_fr {width:100%; margin-top:30px;  float:none; border-left:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	.login_wrap .login_fr::after{display:none;}

	.login_wrap .login_fr .login_tit_wr {width:70%; margin-left:0; margin:0 auto;}

	.login_wrap .login_fr .login_in_box {width:70%;padding-left:0;margin:0 auto;height: auto;}
 /*251215*/
	.login_wrap .login_fr .login_in_box dl {width:70%; margin-top:20px;}

	.login_wrap .login_fr .login_in_box a.btn_login {width:28%; }

     
	/*문자입력버튼 251215*/
	.login_wrap .login_fr .login_in_box dl dd.login_captcha{padding-left:10px;}
	
	/* 하단 */

	.login_footer {width:100%; min-width:320px;}





	/* 통합로그인(교직원, 재학생/휴학생, 졸업생/퇴직자) */

	.login_wrap .login_box2 {width:95%; min-width:320px; height:auto; padding:30px 25px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



	/* 콘텐츠 박스 */

	.login_box2 .Conbox .Conbox_1{height:auto; background-image:none;}

	.login_box2 .Conbox .Conbox_3{height:auto;}

	.login_box2 .Conbox .Conbox_4{height:auto;}



	/* 콘텐츠 1단(Conbox_1) */

	.welcome{width:100%; float:none; padding:35px 0 0;}

	.welcome .user p{padding:0 0 0 3%;}

	.welcome .user a{right:3%;}

	.q_link{float:none;}

	.q_link ul{width:100%; padding:45px 0 0;}



	/* 콘텐츠 2단(Conbox_2) */

	.notice{padding:45px 3% 0;}

	.notice h2{padding:0 15px 0 20px;}

	.notice h2:first-child{padding:0 15px 0 0;}

	.notice h2 a{font-size:18px;}

	.notice .list_box {width:94%; margin:0 3%;}

	.notice .btn_more{top:-67px;}



	/* 콘텐츠 3단(Conbox_3) */

	.schedule .sche_tit{width:100%; height:80px; float:none; background-image:none;}

	.schedule .sche_tit h2{padding:17px 0 0 3%;}

	.schedule .sche_tit > p{width:100%; padding:5px 0 0 3%;}

	.schedule img{width:auto; height:62px; bottom:9px; right:10%;}



	.schedule .sche_cont{float:none; width:100%;}

	.schedule .date_view{float:none; width:100%;}

	.schedule .date_view p{padding:20px 0 0;}

	.schedule .date_view p .month{display:inline; padding:0 8px 0 0;}

	.schedule .date_view .pre{left:35%; top:30px;}

	.schedule .date_view .next{right:35%; top:30px;}

	.schedule .sche_list{float:none; width:100%; padding:0 0 15px;}

	.schedule .sche_list ul{margin:20px 3% 0;}



	.schedule .btn_more{top:20px; left:auto; right:2%; margin:0;}

	.schedule .btn_more:hover{margin:0;}



	/* 콘텐츠 4단(Conbox_4) */

	.m_link ul{height:100%; padding:0;}

	.m_link ul li a{display:block; padding:0 0 0 32px;}



}



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



	/* 통합로그인(교직원, 재학생/휴학생, 졸업생/퇴직자) */

	.login_box2 > h2 a{font-size:18px;}



	/* 콘텐츠 2단(Conbox_2) */

	.notice{padding:30px 3% 0;}

	.notice h2{padding:0; width:30%; height:30px; margin:0 0.5% 0.5% 0; border:1px solid #ddd; text-align:center; line-height:30px;}

	.notice h2:first-child{padding:0;}

	.notice h2::after{background-image:none;}

	.notice h2 a{font-size:16px;}

	.notice h2 a.current{padding:0; background:rgba(255,255,255,0.6); border:1px solid #003669;}

	.notice .btn_more{top:-75px;}



	/* 콘텐츠 4단(Conbox_4) */

	.m_link ul{margin:15px 0 0;}

	.m_link ul li{width:33.333%; line-height:50px;}

	.m_link ul.w6 li{width:33.333%;} /* 바로가기가 6개 */



}



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



	.login_wrap .bg_r {background-size:50%;}



	/* 통합로그인 */

	.login_wrap .login_fl {background:url('/images/co/lo/ssoTotalLogin/login_logo_bg.png') no-repeat 95% 80%;}

	.login_wrap .login_fr .login_in_box .idpw_search {margin-top:10px;}

	.login_wrap .login_fr .login_in_box a.btn_login { position:relative; display:block; margin-top:10px; width:100%; height:35px; }

	.login_wrap .login_fr .login_in_box a.btn_login span { line-height:35px;}

	.login_wrap .login_fr .login_in_box dl {width:100%;}

	.login_wrap .login_fr .login_in_box dl dd input {width:96%; height:30px; line-height:33px;}

	.login_wrap .login_fr .login_in_box a.btn_login span {font-size:16px;}



	/* 하단 */

	.login_footer address span {display:block;}



	/* 콘텐츠 박스 */

	.login_box2 .Conbox .Conbox_2{height:290px;}



	/* 콘텐츠 2단(Conbox_2) */

	.notice{padding:35px 3% 0;}

	.notice .list_box{top:120px;}

	.notice .list_box ul{height:140px; background-image:none;}

	.notice .list_box ul li{width:100%;}

	.notice .list_box ul li:nth-child(odd){margin-right:0;}

	.notice .btn_more{top:-80px;}



	/* 콘텐츠 3단(Conbox_3) */

	.schedule .date_view .pre{left:30%;}

	.schedule .date_view .next{right:30%;}



}



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



	/* 콘텐츠 1단(Conbox_1) */

	.q_link ul li{width:25%;}



	/* 콘텐츠 3단(Conbox_3) */

	.schedule img{right:13%;}

	.schedule .sche_list ul li{width:50%;}



}



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



	/* 콘텐츠 3단(Conbox_3) */

	.schedule img{right:16%;}

	.schedule .date_view .pre{left:20%;}

	.schedule .date_view .next{right:20%;}



	/* 콘텐츠 4단(Conbox_4) */

	.m_link ul li{width:50%;}

	.m_link ul.w6 li{width:50%;} /* 바로가기가 6개 */



}





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



	.login_wrap .bg_r { background:none;}



	/* 통합로그인 */

	.login_wrap h1 {position:relative; width:129px; height:44px; margin:0 auto; padding:65px 0 20px 252px; line-height:36px; font-size:28px; font-family:'NotoM'; color:#fff;}

	.login_wrap h1 {padding:42px 0 25px 50px;}

	.login_wrap h1 a {width:49px; top:38px;}

	.login_wrap .login_fl {font-size:20px; line-height:28px; background:none;}

	.login_wrap .login_fr {width:100%; padding-top:20px; margin-top:0; float:none; border-left:none; }

	.login_wrap .login_fl .logo_wrp { font-size:22px;}

	.login_wrap .login_fl .logo_wrp span {font-size:17px;}

	.login_wrap .login_fr .login_tit_wr {width:90%;}

	.login_wrap .login_fr .login_in_box {width:90%;}



	/* 통합로그인(교직원, 재학생/휴학생, 졸업생/퇴직자) */

	.login_box2 > h2 a{font-size:15px;}



	/* 콘텐츠 박스 */

	.login_box2 .Conbox .Conbox_2{height:315px;}



	/* 콘텐츠 1단(Conbox_1) */

	.welcome .slogan p{font-size:28px;}

	.welcome .slogan p span{font-size:18px;}

	.q_link ul li{width:33.333%;}



	/* 콘텐츠 2단(Conbox_2) */

	.notice h2{width:45%;}

	.notice .list_box{top:150px;}

	.notice .btn_more{top:-110px;}



	/* 콘텐츠 3단(Conbox_3) */

	.schedule .date_view .pre{left:15%;}

	.schedule .date_view .next{right:15%;}

	.schedule .sche_list ul li{width:100%;}

	.schedule .sche_list ul li a{width:75%;}





}

@media screen and (max-width :540px) {
/*문자입력버튼 251215*/
	.login_wrap .login_fr .login_in_box dl dd.login_captcha > div > a.btn_refresh {display:block;width: 55px;margin-top: 5px;}
}
	
@media screen and (max-width :400px) {





	/* 콘텐츠 2단(Conbox_2) */

	.notice h2{width:43%;}

	.notice .list_box ul li a{width:95%; padding:0 0 0 10px;}

	.notice .list_box ul li span{display:none;}



	/* 콘텐츠 3단(Conbox_3) */

	.schedule .date_view .pre{left:10%;}

	.schedule .date_view .next{right:10%;}



	/* 콘텐츠 4단(Conbox_4) */

	.m_link ul li a{padding:0 0 0 25px;}

	.m_link ul li::before{width:20px; height:20px; margin:-10px 0 0;}



}