@charset "utf-8";
/*
	-----------------------------------------------
	* sub03.css (포털 서브 콘텐츠)
	-----------------------------------------------
*/

/* 행정모니터 */
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}

.monitor_wrap {position:relative;box-sizing:border-box;background:url(/portal/img/content/04/sub0601_img02.png) no-repeat bottom #eaf4fb;padding: 90px 45px 150px;}
.monitor_wrap:after {content:''; position:absolute; width:50px; height:52px; background:url(/portal/img/content/04/sub0601_img03.png) no-repeat; top:30px; right:30px;}
.monitor_wrap:before {content:'';position:absolute;width:371px;height:620px;background:url(/portal/img/content/04/sub0601_img01.png) no-repeat;right:20px;bottom:0;}
.monitor_wrap .monitor_tit {font-family: 'yg-jalnan';font-size:40px !important;line-height: 5rem !important;letter-spacing: -1.5px;}
.monitor_wrap .monitor_tit br:nth-of-type(n+2) {display:none;}
.monitor_wrap .monitor_txt {font-size: 19px !important; margin-top: 30px;}
.monitor_wrap .monitor_txt strong {display:block;}
.monitor_wrap .monitor_txt br {display:none;}
.monitor_btn_wrap {position:relative; overflow:hidden; margin-top:70px;}
.monitor_btn_wrap .monitor_btn {display:inline-block; width:180px; height:180px; font-size:20px; font-weight:600; text-align:center; color:#333;border-radius:200px; box-sizing:border-box; background:#e9d28d; padding:70px 0; margin-right:10px; float:left; transition:all 0.3s;}
.monitor_btn_wrap .monitor_btn.btn01:hover {background:#ffd24b;}
.monitor_btn_wrap .monitor_btn.btn02 {background:#eec64e; padding:80px 0; }
.monitor_btn_wrap .monitor_btn.btn02:hover {background:#ffc518;}
.monitor_btn_wrap .monitor_btn.btn03 {color:#fff; background:#303f69;}
.monitor_btn_wrap .monitor_btn.btn03:hover {background:#10296f;}


/* 행정모니터-로그인 */
.monitor_btn_wrap.login{max-width:600px;}
.monitor_btn_wrap.login .login_area{float:left;width:calc(100% - 170px);overflow:hidden;}

.monitor_btn_wrap.login dl{width:100%;overflow:hidden;}
.monitor_btn_wrap.login dl:first-child{margin-bottom:5px;}
.monitor_btn_wrap.login dl dt{float:left;width:80px;height:55px;}

.monitor_btn_wrap.login dl dt label{display: block;height: 55px;line-height: 55px;font-size:1.5rem;}

.monitor_btn_wrap.login dl dd{float:right;height:55px;width:calc(100% - 90px);}
.monitor_btn_wrap.login dl dd input{height:100%;width:100%;margin:0;}
.monitor_btn_wrap.login .login_btn{float:right;width:160px;height:115px;color:#fff;background:#303f69;font-family: 'yg-jalnan';font-size:2rem;}
.monitor_btn_wrap.login .login_btn:hover{background:#233055;}

.monitor_wrap .btn_wrap{max-width:600px;}




@media all and (max-width:1024px){
	.monitor_wrap {padding:50px;}
	.monitor_wrap:before {width: 330px;height: 550px;background-size:contain;}
	.monitor_btn_wrap .monitor_btn {width:150px; height:150px; padding:55px 0;}
	.monitor_btn_wrap .monitor_btn.btn02 {padding:65px 0}
	.monitor_wrap .monitor_tit br:nth-of-type(n+2) {display:block;}
	.monitor_wrap .monitor_txt br {display:block;}
}

@media all and (max-width:840px){
	.monitor_wrap .monitor_tit {font-size:35px !important;}
	.monitor_wrap:before {width: 230px;height: 384px;}
	.monitor_btn_wrap {margin-top: 50px;}
	.monitor_wrap .monitor_tit br:last-of-type {display:none;}
}

@media all and (max-width:768px){
	.monitor_wrap .monitor_tit {font-size:32px !important;}
	.monitor_btn_wrap .monitor_btn {width:120px; height:120px; font-size:inherit; padding:45px 0;}
	.monitor_btn_wrap .monitor_btn.btn02 {padding:55px 0;}
	.monitor_wrap:before {width: 200px;height: 320px; z-index:-1;}
}

@media (max-width: 640px){
	.monitor_wrap {padding:40px 20px;}
	.monitor_wrap .monitor_tit {text-align:center;}
	.monitor_wrap .monitor_tit br:last-of-type {display:block;}
	.monitor_wrap .monitor_txt {text-align:center;}
	.monitor_btn_wrap {text-align:center; margin-top:30px}
	.monitor_btn_wrap .monitor_btn {float:none;}
	.monitor_btn_wrap .monitor_btn:last-child {margin-right:0;}
	.monitor_wrap:before {display:none;}
}

@media (max-width: 520px){
	.monitor_btn_wrap.login .login_area{clear: both; width: 100%;}
	.monitor_btn_wrap.login dl dt{width:30%;}
	.monitor_btn_wrap.login dl dd{width:70%;}
	.monitor_btn_wrap.login .login_btn{clear: both; margin: 20px 0 10px; width: 100%; height: 80px;}
}

@media (max-width: 460px){
	.monitor_wrap .monitor_tit {font-size:2.8rem !important; line-height:inherit !important;}
	.monitor_wrap .monitor_txt {font-size:inherit !important;}
	.monitor_btn_wrap .monitor_btn {width:100%; height:auto; padding:20px 0; margin-bottom:15px;}
	.monitor_btn_wrap .monitor_btn br {display:none;}
	.monitor_btn_wrap .monitor_btn.btn02 {padding:20px 0;}
}

	#popup_box.monitor {position:absolute; z-index:10; left:0; top:0; }
	#popup_box.monitor .close {background:#333; color:#fff; padding:5px 3px;}
	#popup_box.monitor .close a {float:right; color:#fff;}