@charset "utf-8";

@font-face {
	font-family:'SCDream'; font-style:normal; font-weight:300;
	src: url('/common/font/SCDream4.woff') format('woff'), url('/common/font/SCDream4.otf') format('opentype');
}

 body {background:#c1d9f4;font-family: "SCDream", sans-serif;}
.top_btn { width: 100%; display: inline-block; padding: 40px 0 0px; }
.top_btn .btn_home{ float: left;}
.top_btn .btn_home a{ display: inline-block; background-color: #263867; color: #fff; height: 35px; line-height: 35px; }
.top_btn .btn_home a i{ display: inline-block; background-color: #17264e; width: 40px; text-align: center; }
.top_btn .btn_home a span{ padding: 0 10px; }
.top_btn .sns_box{ float: right;}
.corona_tit{text-align:center;margin:30px 0 40px 0;}
.corona_tit img {width: 95% !important; max-width: 707px;}
.corona_tit span {display: block; font-size: 20px; margin-top: 20px; padding: 0 20px; box-sizing: border-box;letter-spacing: -1.6px;font-family: "SCDream", sans-serif; color: #404b76;}
.top_area { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
/* sns */
.sns_box{}
.sns_box li{display:inline-block; margin-right:12px;}
.sns_box li a{display:block; width:30px; height:30px;}
.sns_box li a span{display:block; width:30px; height:30px; background:url(https://www.gjcity.go.kr/newPortal/img/main/spr_ico.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.sns_box li a span.ico_facebook{background-position:-384px -255px;}
.sns_box li a span.ico_twitter{background-position:-384px -310px;}
.sns_box li a span.ico_blog{background-position:-384px -364px;}
.sns_box li a span.ico_instagram{background-position:-384px -419px;}
.sns_box li a span.ico_youtube{background-position:-384px -474px;}

.corona_indx {position:relative; width:100%; max-width:1200px; border-radius:15px; margin:0 auto;margin-top:10px; background:#fff; padding:40px; box-sizing:border-box; overflow:hidden; margin-bottom:50px;font-family: "SCDream", sans-serif;}
b.ff_sc {font-family: "SCDream", sans-serif;}

.contents {max-width: 1200px;margin: 0 auto;position: relative;}

.corona_cont_mid h4 {position:relative;font-size:24px;color:#222;text-align:left;padding-left: 22px;margin-top: 35px;margin-bottom: 15px;}
.corona_cont_mid h4:before {content: '';position: absolute;left: 0;top: 2px;width: 18px;height: 18px;background: #10a804 url(/common/img/common/spr_bu.png) no-repeat 4px -41px; border-radius: 50%;}
.corona_cont_mid h4 span {font-size:15px; font-weight:normal; color:#777;}
.corona_cont_mid h4:first-child{margin-top:0;}
.corona_cont_mid .list_ul li{text-align:left;}


.corona_cont_mid .date {color:#333;font-size:18px;text-align:right;}
.corona_cont_mid .date span{background-color: #f8d579; color:#262626; font-family: "SCDream", sans-serif; font-weight: 500; border-radius: 30px; padding: 5px 30px; display: inline-block;}
.corona_cont_mid .date + .box_group {margin-top:10px;}

.corona_cont_mid .box_group {position:relative;margin:15px 0 50px 0;padding:0px 0px 30px;border-radius:0px;background-color:#fff; box-sizing: border-box; border: 3px solid #263867;}
.corona_cont_mid .box_group .con_tit:first-child {text-align: center;margin-top:0; width: 100%; box-sizing: border-box; background-color:#263867; font-size:24px; color: #fff;padding: 20px 0;margin-bottom: 30px;}
.corona_cont_mid .box_group .con_tit:before{display:none;}

.corona_cont_mid .box_group .count_list{display:inline-block;width:100%;padding:0 5%;box-sizing:border-box; text-align: center;}
.corona_cont_mid .box_group .count_list li{float:left;width:18.4%;margin-right:1.6%;}
.corona_cont_mid .box_group .count_list li:last-child{margin-right:0;}
.corona_cont_mid .box_group .count_list li p{font-size:30px;font-weight:700;}
.corona_cont_mid .box_group .count_list li p.tit{text-align:center;height:30px;margin:0 auto 20px auto;font-size:15px;line-height:30px;letter-spacing:-0.08em;max-width:145px;border-radius:50px;background:#dedede;}

.corona_cont_mid .box_group .count_list li:nth-child(1) p.tit{color:#fff;background:#d74d02;}
.corona_cont_mid .box_group .count_list li:nth-child(2) p.tit{color:#fff;background:#33c1e0;}
.corona_cont_mid .box_group .count_list li:nth-child(3) p.tit{color:#fff;background:#337ce0;}
.corona_cont_mid .box_group .count_list li:nth-child(4) p.tit{color:#fff;background:#da9528;}
/*.corona_cont_mid .box_group .count_list li:nth-child(5) p.tit{color:#fff;background:#4f4f4f;}*/
.corona_cont_mid .box_group .count_list li:nth-child(5) p.tit{background:#dedede;}

.corona_cont_mid .box_con{display:inline-block;width:100%;}
.corona_cont_mid .box_con a{display:inline-block;float:left;position:relative;text-align:left;color:#fff;font-size:22px;font-weight:700;padding:40px 0 0 50px;width:48%;height:130px;margin-right:4px;border-radius:10px;box-sizing:border-box;}
.corona_cont_mid .box_con a:after{content:'';position:absolute;left:50px;top:80px;width:67px;height:6px;background:url(/portal/img/corona_index/arrow.png) no-repeat 0 0;}
.corona_cont_mid .box_con a.box1{background:#146ba8 url(/portal/img/corona_index/box_ico1.png) no-repeat 90% 120%;}
.corona_cont_mid .box_con a.box2{background:#1484a8 url(/portal/img/corona_index/box_ico2.png) no-repeat 90% 120%;margin-right:0;}
.corona_cont_mid table th{font-size:16px;}
.corona_cont_mid table td{line-height: 1.8em;font-size: 16px;}
.corona_cont_mid table td.blue{color:#1484a8;}
.corona_cont_mid table td.txt{padding-left:30px;}

.corona_txt {width:100%; max-width:350px; margin:0 auto; margin-top:30px;}
.corona_txt:after {content:''; display:block; clear:both;}
.corona_txt .tell_tit {width:86px;height:86px;font-size:20px;font-weight:800;padding:15px 20px;border: 3px solid #ffb469;border-radius:15px;box-sizing:border-box;background:#fff;float:left;margin-right:10px;}
.corona_txt .tell_txt {width:250px;height:86px;line-height:1.8em;text-align:left;padding:10px 15px;border: 3px solid #ffb469;border-radius:15px;box-sizing:border-box;background:#fff;float:right;}

.box_group .list_ul_h { width: 100%; padding: 20px 40px 0; border-top: 1px dashed #ccc; box-sizing: border-box; }
.topbox {border: 2px solid #ebebeb;background-color: #fff;padding: 20px;margin-bottom: 25px;}

.main_banner {text-align: center;margin: 0 0 30px;}
.main_banner .date {color:#333;font-size:18px;text-align:right;margin-bottom: 17px;}
.main_banner .date span{background-color: #f8d579; color:#262626; font-family: "SCDream", sans-serif; font-weight: 500; border-radius: 30px; padding: 5px 30px; display: inline-block;}
.main_banner .date + .box_group {margin-top:10px;}
.main_banner .banner > div {display: inline-block;position: relative;}
img.img {vertical-align: top;max-width: 100%;border: 0;}
.main_banner .banner span[class*=item] {position: absolute;transform: translate(-80%,-48%);white-space: nowrap;}
.main_banner .banner .item2 {left: 17%;font-size: 5em;top: 60%;color: #fff;font-weight: bold;}
.main_banner .banner .item3 {left: 34%;font-size: 5em;top: 60%;color: #f8d579;font-weight: bold;line-height: 28px;padding-top: 20px;}
.main_banner .banner .item4 {left: 51%;font-size: 5em;top: 60%;color: #fff;font-weight: bold;}
.main_banner .banner .item5 {left: 75%;font-size: 5em;top: 60%;color: #fff;font-weight: bold;}
.main_banner .banner .item6 {left: 94%;font-size: 5em;top: 60%;color: #fff;font-weight: bold;}
.main_banner .banner span[class*=item] > i {font-size: 0.4em;}

.nav > li:hover,
.nav > li:focus,
.nav > li.active {background:#2766bc;}
.nav > li a:hover,
.nav > li.active {color:#fff;}

.tabStyle {overflow: hidden;padding: 4px 0;margin-bottom: 40px;text-align: center;}
.tabStyle > li {float: left;width: 33.3333%;padding: 5px;box-sizing: border-box;}
.tabStyle > li a:hover,
.tabStyle li a:focus,
.tabStyle li a.active, .tabStyle li.active a {border-color: #2f5588;background-color: #40679d;font-weight: bold;color: #fff;}
.tabStyle li a.on {border-color: #2f5588;background-color: #40679d;font-weight: bold;color: #fff;}
.tabStyle > li a {display: block;width: 100%;padding: 14px 10px;background: #eee;border: 2px solid #e8e8e8;border-radius: 3px;color: #333;font-size: 1.2em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-decoration: none;box-sizing: border-box;}


@media screen and (max-width: 1280px) and (min-width: 1180px){
	body { transform: none; box-sizing: border-box; padding: 0 10px;}

}

@media screen and (max-width: 1179px) and (min-width: 1120px){
	body { transform: none; box-sizing: border-box; padding: 0 10px;}

}
@media screen and (max-width: 1119px) and (min-width: 1025px){
	body { transform: none; box-sizing: border-box; padding: 0 10px;}

}

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

	body { box-sizing: border-box; padding: 0 10px;}
	.sns_box { display: inline-block; }

	.corona_cont_mid .box_group .count_list{padding:0 10%;}
	.corona_cont_mid .box_group .count_list li{width:30%;margin-right:3.3%;margin-bottom:30px;}
	.corona_cont_mid .box_group .count_list li:nth-child(3){margin-right:0;}
	.corona_cont_mid .box_group .count_list li p.tit{width:100%;}
	.main_banner .banner span[class*=item] {transform: translate(-80%,-45%);font-size: 3em;}

}


@media all and (max-width:768px){
	.corona_indx {padding:10px;}
	.corona_cont_mid .tbl_wrap .tbl_guide {position:relative; padding-top:0 !important; background-position:left 1px;}
	.corona_cont_mid .date {font-size: 16px;}

	.corona_cont_mid .box_con a{width:100%;margin-bottom:10px;padding: 40px 0 0 30px;}
	.corona_cont_mid .box_con a:after{left:30px;}
	.main_banner .banner span[class*=item] {font-size: 3em;}
	.btn05{width: 410px;}
    h4.h4 {margin-top: 10px;}

}

@media all and (max-width:480px){
    .corona_txt {max-width:auto !important;}
    .corona_txt .tell_tit {width:100%; height:auto; padding:10px; margin:0 auto; margin-bottom:10px; float:none;}
    .corona_txt .tell_tit br {display:none;}
    .corona_txt .tell_txt {width:100%; padding-left:40px; padding-top:13px}

	.corona_cont_mid .box_group .count_list li{width:48%;margin-right:4%;}
	.corona_cont_mid .box_group .count_list li:nth-child(2){margin-right:0;}
	.corona_cont_mid .box_group .count_list li:nth-child(3){margin-right:4%;}
	.corona_cont_mid .box_group .count_list li:nth-child(4){margin-right:0;}
	.corona_cont_mid .box_group .count_list li p.tit{width:100%;}
	.top_btn{ text-align: center; }
	.top_btn .btn_home{ float: none !important; margin: 0 auto; }
	.sns_box { float: none !important; margin: 20px auto 0; }
    .main_banner .banner .item3 {line-height: 12px;}
	.main_banner .banner span[class*=item] {font-size: 1.8em;}

}

@media all and (max-width:400px){
    .corona_txt .tell_txt {padding-left:20px;}
    .corona_cont_top a {width:240px; background-size:contain; box-sizing:border-box;}
	.main_banner .banner span[class*=item] {font-size: 1.8em;}

}

.tab-script-box {position:relative;text-align: center;margin-top: 50px;}
.tab-script-box dd {display:none;}
.tab-script-box dl.active dd {display:block;}



@media all and (max-width:641px) {
	.tab-script-box {padding-top:10px;margin: 0 auto;text-align: center;}
	.tab-script-box dt {display:block; position:absolute; top:0; width:20%; left:0; text-align:center; line-height:1.5;}
	.tab-script-box dl:nth-child(2) dt {left:20%;}
	.tab-script-box dl:nth-child(3) dt {left:40%;}
	.tab-script-box dl:nth-child(4) dt {left:60%;}
	.tab-script-box dl:nth-child(5) dt {left:80%;}
	.tab-script-box dt button {position:relative; height:70px; width:100%; text-align:center; color:#888; border-bottom:2px solid #263867; font-size:18px; font-weight:600; border-top-left-radius:5px; border-top-right-radius:5px; padding:0 20px; box-sizing:border-box;}
	.tab-script-box dl + dl dt button:before {content:""; display:block; position:absolute; height:.6em; left:0; top:50%; margin-top:-.3em; width:1px; background:#cecece;}
	.tab-script-box dl.active dt button {color:#263867; border-bottom:none; border:2px solid #263867; border-bottom:none;}
	.tab-script-box dl.active + dl dt button:before {display:none;}
	.tab-script-box.two dt{width:50%;}
	.tab-script-box.two dl:nth-child(2) dt {left:50%;}

}

@media all and (max-width:1024px) {
	.tab-script-box dt button {font-size:18px;}
}

@media all and (max-width:640px) {
	.tab-script-box {margin: 20px 0;width: 100%;}
	.tab-script-box dl + dl {margin-top:10px;}
	.tab-script-box dt button {display:block; width:100%; border:1px solid #cecece; color:#888; border-radius:5px; box-sizing:border-box; font-weight: 600;height:3em;}
	.tab-script-box dl.active dt button {color:#fff; background:#1484a8; border-color:#1484a8;}
	.tab-script-box dd {padding:25px 0;}
    .corona_tit span {font-size: 16px;}
	.main_banner .banner span[class*=item] {font-size: 1.5em;}
    .main_banner .banner .item3 {line-height: 12px;}
	.btn05{width: 230px;}


}

@media all and (max-width: 560px) {
	.btn05{width: 200px;}
}

@media all and (max-width:470px) {
	.tab-script-box dt button {font-size:16px;}
}


.tt {margin: 20px 0;border: 2px solid #ebebeb;background-color: #fff;padding: 20px;margin-bottom: 25px;}
.tt p {font-size: 1.1em;color: #5c6b93;line-height: 22px;text-align: left;letter-spacing: -1.2px;}
.h4wrap p {margin-bottom: 50px;}
h4.h4 {clear: both;background: url(/portal/img/main/index/co_h4.gif) no-repeat 8px 14px;padding-left: 28px;font-size: 1.9em;letter-spacing: -1.1px;font-family: "SCDream", sans-serif;font-weight: bold;color: #333;margin-left:0;}
.conts h4 {font-family: "SCDream", sans-serif;}

.btn05 {vertical-align: middle;border-radius: 12px;display:inline-flex; width: 280px;margin-bottom:10px;margin-left:7px;text-align: center;}
.btn05 a {position: relative;margin: 0 auto;display: -moz-inline-stack;display: inline-block;padding: 10px 14px;width: 250px;height: 50px;font-size: 18px;color: #555;line-height: 25px;font-family: "SCDream", sans-serif;font-weight: bold;text-decoration: none;white-space: nowrap;vertical-align: top;border: 0;}





.red {color: #e64848 !important;}
.bg2 {background: #fff;}
.bg3 {background: #fdff80;}
.bg4 {background: #2766bc;}
.bg5 {background: #6db214;}
.tal, .txt_left {text-align: left !important;}
.mt50 {margin-top: 50px !important;}
.mb30 {margin-bottom: 10px !important;}
.blind {position: absolute;left: -9999px;width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;z-index: -1;}
menu, ul, ol, li {list-style: none;}
a.menu_on {color: #fff;}
#skip {position: fixed;display: block;z-index: 99;top: 0;left: 0;right: 0;background: rgba(0,0,0,0.6);color: #fff;text-align: center;font-size: 0.9em;opacity: 0;height: 0;overflow: hidden;}


@media all and (max-width: 482px) {

	.btn05 a {font-size: 15px;padding: 10px 15px;height: 50px;}
	.btn05{width: 160px;margin: 0 2px 8px;}
}


@media all and (max-width: 600px) {

	.tt {margin:10px 10px;padding:15px;}
	.btn05 {margin: 12px 3px 0;}

}

@media all and (max-width: 800px) {

	.date img {width: 100%;}
	.btn05 {margin: 12px 3px 0;}
}

#footer {text-align: center;background: #3d436b;color: #fff;padding: 15px;font-size: 0.8em;color: rgba(255,255,255,.5); }
.inner {max-width: 1200px;margin: 0 auto;position: relative;}