@charset "utf-8";


/* Animation */
#open_popup_wrap .open_popup .popup_box,
#open_popup_wrap .open_popup .popup_box ul li,
.main_carousel,
.m_visual .js_slide .control ul,
.m_visual .js_slide .control a,
.m_visual .js_slide .slogan,
.slide_banner .box .banner_list li a .sum_photo,
.slide_banner .newGroup,
.environment,
.environment > .weather,
.pointer_btn,
.main_search,
.sns_list,
.sns_list ul li,
.sns_list ul li a,
.board,
.tabmenu .board_tab dt,
.servRight,
.quickServ,
.iconServ > a,
.mayorCont,
.mayor_infor,
.mayor_infor::after,
.tabmenu .board_tab dt,
.tabmenu .board_tab dd .more_btn,
.sector_infor2,
.sector_infor2 .photolist li a > span img,
.sector_tab a,
.popupzone,
.inCont,
.vistType > h3,
.vistType > ul > li,
.visitor_banner,
.visitor_banner > a,
.visitor_banner > section,
.visitor_banner > section::after,
.relation_site li,
.relation_site li select,
.relation_site li a.relation_btn,
.happybr .js_slide,
.happybr .js_slide .control .count,
.happybr .js_slide .control a[class*="btn_"],
.happybr .js_slide .move ul li .info_t h4,
.happybr .js_slide .move ul li .info_t h4 img,
.happybr .js_slide .move ul li .info_t .txts,
.iconBox a > span
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}




/* open_popup */
#open_popup_wrap{display: none;width:100%;position:relative;background:#44b7e1;z-index:1}
#open_popup_wrap .open_popup{position:relative;max-width:1400px;margin:0 auto;}
#open_popup_wrap .open_popup:after{content:"";display:block;clear:both;}

#open_popup_wrap .open_popup a[class*="_btn"]{position:absolute; top:47px; z-index:80; display:block; width:22px; height:40px;}
#open_popup_wrap .open_popup a.prev_btn{background:url(../../images/kor/main/slide_pop_prevbtn.gif) no-repeat; left:20px;}
#open_popup_wrap .open_popup a.next_btn{background:url(../../images/kor/main/slide_pop_nextbtn.gif) no-repeat; right:20px;}	
#open_popup_wrap .open_popup .popup_box{max-width:1140px; height:96px;margin:0 auto;padding:17px 0 20px 0;overflow:hidden;}
#open_popup_wrap .open_popup .popup_box ul{/* overflow:hidden; */width:14100px;height:96px;}
#open_popup_wrap .open_popup .popup_box ul:after{content:""; display: block; clear:both;}
#open_popup_wrap .open_popup .popup_box ul li{/* overflow:hidden; */float:left;/*width:560px;2개로쓸때*/height:96px;margin-right:20px;}
#open_popup_wrap .open_popup .popup_box ul li a{display:block; height:100%; text-align:center;}

#open_popup_wrap .open_popup .popup_box ul li a img{display:inline-block; max-width:100%;}
#open_popup_wrap .btn{position:relative;max-width:1240px;margin:0 auto;height:25px;}
#open_popup_wrap .btn a{display:inline-block;vertical-align:top;font-size:0.929em;font-weight:600;padding:0 0 0 20px;line-height:25px;position:absolute;right:0;bottom:0;color:#fff;}
#open_popup_wrap .btn .close_btn{background:url(../../images/kor/main/popup_close_bul.gif) no-repeatleft 5px;}
#open_popup_wrap .btn .open_btn{background-color:#3b5998;background-image:url(../../images/kor/common/icon_down_w.png);background-repeat:no-repeat;background-position:right center;color:#fff;font-weight:500;text-decoration:none;font-size:0.75rem;padding:2px 20px 2px 8px;}



/* m_visual */
.main_carousel{position:relative;z-index:0;}

.m_visual .js_slide{position:relative;height: 560px;}
.m_visual .js_slide .control{position:relative; z-index:6; max-width:1400px; height:0; margin:0 auto;}
.m_visual .js_slide .control a[class*="btn_"]{display:inline-block; text-indent:-1000px;}
.m_visual .js_slide .control a.btn_play,
.m_visual .js_slide .control a.btn_stop{position:relative; top:344px; left:0; width:30px; height:30px; background-repeat:no-repeat; background-position:left top;}
.m_visual .js_slide .control a.btn_play{display:none; background-image:url(../../images/kor/main/m_visual_play.png);}
.m_visual .js_slide .control a.btn_stop{background-image:url(../../images/kor/main/m_visual_stop.png);}
.m_visual .js_slide .control a.btn_left,
.m_visual .js_slide .control a.btn_right{position:absolute; top:270px; width:42px; height:42px; background:url(../../images/kor/main/m_visual_arrow.png) no-repeat left center;}
.m_visual .js_slide .control a.btn_left{left:-6%;}
.m_visual .js_slide .control a.btn_right{right:-6%; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.m_visual .js_slide .control ul{position:relative; top:342px; left:0; display:inline-block;}
.m_visual .js_slide .control ul li{display:inline-block; margin-right:15px;}
.m_visual .js_slide .control ul li a{
	overflow:hidden; display:block; width:16px; height:16px; background:transparent; border:2px solid #fff; text-indent:-2000px; box-sizing:border-box;
	border-radius:50%; -webkit-border-radius:50%;
}
.m_visual .js_slide .control ul li a.on{background:#fff;}

/*.m_visual .js_slide .slogan{position:relative; top:130px; left:-15px; z-index:1; max-width:1400px; margin:0 auto;}*/
.m_visual .js_slide .slogan{position:relative; top:75px; left:-15px; z-index:1; max-width:1400px; margin:0 auto;}
.m_visual .js_slide .slogan .slo_mob{display:none;}
.m_visual .js_slide .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.m_visual .js_slide .move{position:absolute; left:0; top:0; height:100%;}
.m_visual .js_slide .move ul{overflow:hidden; width:100%;}
.m_visual .js_slide .move ul li{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-2000px;}

/*.m_visual .js_slide .move ul li:nth-child(1){background-image:url(../../images/kor/main/main_vi20211227_01.jpg);}*/
.m_visual .js_slide .move ul li:nth-child(1){background-image:url(../../images/kor/main/main2022_1.jpg);}
.m_visual .js_slide .move ul li:nth-child(2){background-image:url(../../images/kor/main/main_vi20211227_02.jpg);}
.m_visual .js_slide .move ul li:nth-child(3){background-image:url(../../images/kor/main/main_vi19.jpg);}
.m_visual .js_slide .move ul li:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.m_visual .js_slide .move ul li img{display:block; margin:0 auto; height:100%;}

/* slide_banner */
.slide_banner{position: relative; max-width:1400px;width:100%;height: auto; margin:0 auto;/*overflow:hidden; position: absolute; *//* right: 0; *//* left: 0; *//* top: 0; */z-index: 5;}
.slide_banner .slide_banner_bg{display: block; width: 100%;}

.slide_banner .box{
    position:absolute;width:100%;top: 0; height:100%; 
    border-radius: 15px; -webkit-border-radius: 15px;
}
.slide_banner .box .banner_list{position: relative; width: 100%;height: 100%;right: 0;top: 0; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.slide_banner .box .banner_list li{position: absolute; top: 0; left: 0; display: none; width:100%; height: 100%; line-height: 1;}
.slide_banner .box .banner_list li:nth-child(1){display: block;}
.slide_banner .box .banner_list li a{display:block;text-decoration:none;width: 100%;height: 100%; }
.slide_banner .box .banner_list li a:hover, .slide_banner .box .banner_list li a:focus{/*color:inherit;*/}
.slide_banner .box .banner_list li a:focus{ outline: 3px solid #000;}
.slide_banner .box .banner_list li a .infor{position:absolute;left:20px;top:130px;}
.slide_banner .box .banner_list li a .infor p.subTitle{font-size:20px;font-weight:300;color:#fff;padding-left:4px;}
.slide_banner .box .banner_list li a .infor p.title{color:#fff;font-size:70px;font-family:'Nanum Square';font-weight:800;line-height:1.17;width:400px;}
.slide_banner .box .banner_list li a .sum_photo{width: 100%; height: auto; line-height: 1; }
.slide_banner .box .banner_list li a .sum_photo img{display: block; width:100%;border-radius: 15px;}
.slide_banner .box .banner_list li a:focus .sum_photo img{outline: 1px dashed #fff;} 
.slide_banner .newGroup{position:absolute;right: 126px;bottom: 16px;}
.slide_banner .box .banner_list li:after{
    content: "";  position:absolute;left:auto; right: 0; bottom:0; width:200px;height:65px;background-color: rgba(0, 0, 0, 0.5);padding:0 20px;text-align:right;box-sizing:border-box;
    border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0;
}

.sum_photo > article,
.sum_photo > div{display: block;width: 100%;height: auto; line-height: 1;}
.sum_photo > article.a2,
.sum_photo > div.a2{height:67px;background-color:#1d1e1f;width:100%;display:flex;align-items:center;}
span.imgText{font-family:'Nanum Square';line-height:67px;color:#fff;padding-left:30px;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.125rem;}

.listNumber{
    position: relative; z-index: 1; display: inline-block; vertical-align: top; background-color: rgba(0, 0, 0, 0.5); padding: 5px 13px; box-sizing: border-box;
    border-radius: 50px; -webkit-border-radius: 50px;
}
.listNumber > span{font-size:0.94rem; color:#fff; display:inline-block; line-height: 0; color: #b6b6b6; font-weight:400;}
.listNumber span:first-of-type{
	display:inline-block;   line-height:22px; color: #fff; text-align:center; font-weight:400;
}
.listNumber > span:nth-of-type(2){margin: 0 3px;}
.pointer_btn{display: inline-block;position: absolute;bottom: 0;right: 12px;z-index: 100;}

.slide_banner .box .pointer_btn .auto_btn a{
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 24px;
    width: 24px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px auto;
    text-indent: -1000px;
    text-align: left;
    }
.slide_banner .box .pointer_btn .auto_btn a span{width:0;height:0;font-size:0;float:left;position:absolute;}
.slide_banner .box .pointer_btn .auto_btn a.stop{display:none; background-image:url(../../images/kor/main/popupzone_stop.png);}
.slide_banner .box .pointer_btn .auto_btn a.play{background-image:url(../../images/kor/main/icons-play-24.png);}

.pointer_btn > .pointer {width:auto;display:inline-block;vertical-align:top;}
.pointer_btn > .pointer a{
    /*display:inline-block; width:20px;height:18px;text-indent:-9999px;background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:top;*/
    overflow: hidden;
    display: inline-block;
    width: 24px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px auto;
    text-indent: -1000px;
    text-align: left;
    }
.pointer_btn > .pointer a.prev1{background-image:url(../../images/kor/main/icons-chevron-left-30.png);}
.pointer_btn > .pointer a.next1{margin-left: 24px;background-image:url(../../images/kor/main/icons-chevron-right-30.png);}
.pointer_btn > .pointer a.btn_open{background-image:url(../../images/kor/main/pop_more.png);height: 48px;width: 11px;}
.pointer_btn > .auto_btn{display: inline-block; vertical-align:top;}

.pointer_btn > .arrowGroup > a{background-repeat:no-repeat;background-size:cover;display:inline-block;text-indent:-9999px;width:50px;height:50px;position:absolute;top:46%;}
.pointer_btn > .arrowGroup > a.arrowLeft{background-image:url("../../images/kor/main/icons-50-back.png");left:-80px;}
.pointer_btn > .arrowGroup > a.arrowRight{background-image:url("../../images/kor/main/icons-50-forward.png");right:-80px;}

/* main_visual2 */
.main_visual2 {width:100%; height:100%;}
.main_visual2 .vi_list2 {width:100%; height:100%; overflow:hidden; position:relative;}
.main_visual2 .vi_list2 li {width:100%; height:100%; position:absolute; left:0; top:0;}
.main_visual2 .vi_list2 li img {width:100%; height:auto; overflow: hidden; }
.main_visual2 .vi_list2 li section {position:absolute;left:0;right:0;height:100%;width:1400px;display:block;margin:0 auto;}
.slogon2 {z-index:0; width: 500px; top: 80px; right: 0; position: absolute;}
.slogon2 .mob {display:none;}
.main_visual2 .vi_list2 li section .txtCarousel{position: relative; right: 0; top: 300px; position: absolute;}
.main_visual2::after {background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.main_control_btn{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index: 5;width:1660px;}
.main_control_btn a{background-repeat:no-repeat;background-size:cover;display:inline-block;text-indent:-9999px;width:50px;height:50px;}
.main_control_btn a span{width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;overflow:hidden;}
.main_control_btn .prev{float:left;background-image:url(../../images/kor/main/icons-50-back.png);}
.main_control_btn .next{float:right;background-image:url("../../images/kor/main/icons-50-forward.png");}

.backgroundIMG { opacity: 1!important;}

.mianBottom {z-index: 15!important;}
#counter {top: 20px; right: 20px; color: #fff;line-height: 1rem;position: absolute; z-index: 12;}
#counter > span {font-size: 1.125rem;font-weight: 300;color: #fff;margin: 0 5px;display: inline-block;}



/***** main container *****/
#main_container{width:100%;height:auto;position:relative;padding-top: 26px;/*background-image:url(../../images/kor/main/bg_pattern2.png);*/background-repeat:repeat;background-position:0 12px;}
.midCont{max-width:1430px;width:100%;margin:0 auto;margin-bottom: 23px;padding:0 15px;box-sizing:border-box;}
.inCont{position:relative; padding-right:368px; box-sizing:border-box;}

/* midCont */
#main_container .midCont.sec_02:after{content:""; display:block; clear:both;}
#main_container .midCont.brdCont{/*height:284px;*/}
#main_container .midCont.brdCont:after{content: ""; display: block; clear: both;}

/* main_search */
.main_search{display:inline-block; width:45%;}
.main_search .search_input{width:100%;}
.search_input fieldset{position:relative; padding:5px; background:url(../../images/kor/main/main_search_bg.jpg) no-repeat center; box-sizing:border-box;}
.main_search .search_input input[type="text"]{
	width:100%; height:48px; padding:0 50px 0 15px; font-size:15px; color:#777; box-sizing:border-box;
}
.main_search .search_input input[type="submit"]{width:30px;height:30px; padding:0; border:0;background-color:transparent;text-indent:-9999px;background-image:url(../../images/kor/main/icons-search-30.png);background-repeat:no-repeat;position:absolute;right:15px;top:13px;z-index:5;cursor:pointer;}

/* sns list */
.sns_list{display: block; width: 100%; height: 49px;}
.sns_list .line:after{content: ""; display: block; clear: both;}
.sns_list .line section{display:inline-block;}
.sns_list h4{position: relative; font-size:22px; line-height:36px; color:#030303; font-weight: 400;}
.sns_list h4 strong{font-weight: 700;}
.sns_list h4:before{content: ""; display: inline-block; width: 34px; height: 39px; margin-right: 6px; background: url(../../images/kor/main/sns_list_ico01.png) no-repeat center center; background-size: 100% auto; vertical-align: middle;}
/* .sns_list h4:after{content: ""; position: absolute; top: 50%; right: -50px; display: inline-block; width: 25px; height: 1px; background-color: #d9d9d9; } */
.sns_list ul{float: right; display:inline-block; vertical-align:middle;}
.sns_list ul li{display:inline-block; margin-left:8px;}
.sns_list ul li:first-child{margin-left:0;}
.sns_list ul li a{background-repeat:no-repeat;border-radius:50%;display:block;height:38px;width:38px;text-align:center; background-size: 100% auto; text-indent:-9999px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.sns_list ul li a:hover{box-shadow: 1px 0px 5px 0px rgb(0 0 0 / 10%)}
.sns_list ul li:first-child a{background-image:url(../../images/kor/main/sns/ic_facebook@2x.png);}
.sns_list ul li:nth-child(2) a{background-image:url(../../images/kor/main/sns/ic_blog@2x.png);}
.sns_list ul li:nth-child(3) a{background-image:url(../../images/kor/main/sns/ic_youtube@2x.png);}
.sns_list ul li:nth-child(4) a{background-image:url(../../images/kor/main/sns/ic_insta@2x.png);}
.sns_list ul li:nth-child(5) a{background-image:url(../../images/kor/main/sns/ic_kakao@2x.png);}
.sns_list ul li:nth-child(6) a{background-image:url(../../images/kor/main/sns/ic_insta@2x.png);}
/*.sns_list ul li:nth-child(6) a{background-image:url(../../images/kor/main/sns/ic_kakaotv@2x.png);} 카카오TV/*
/*.sns_list ul li:nth-child(8) a{background-image:url(../../images/kor/main/sns/ic_naver@2x.png);} 네이버포스트*/


/* board */
.board{float:left; width: calc((100% - 3%) / 2); height: 330px;/* background-color: #fdd;*/ box-sizing:border-box;}
.tabmenu .board_tab{position:relative;width:100%;height:auto;}
.tabmenu .board_tab::after{content:"";position:absolute;width:100%;height:1px;background-color:#d9d9d9;top:56px;}
.tabmenu .board_tab dt{position:absolute;top:0;z-index:6; line-height: 2;}
.tabmenu .board_tab dt.tab01{left:0;}
.tabmenu .board_tab dt.tab02{left:110px;}
.tabmenu .board_tab dt.tab03{left:220px;}
.tabmenu .board_tab dt.tab04{left:330px;}
.tabmenu .board_tab dt.tab05{left:440px;}
.tabmenu .board_tab dt a{position: relative; display: inline-block; font-size:1.25rem; color:#030303;font-weight:500;display:block;width:100%;text-decoration:none;}
.tabmenu .board_tab dt a.over:before{content: ""; position: absolute; bottom: -20px; left: 0; display: block; width: 100%; height: 3px; background-color: #0e52c7; }
@media all and (max-width:1385px) {
	/*.tabmenu .board_tab dt a{font-size: 1.1rem;letter-spacing: -1px;}
	.tabmenu .board_tab dt.tab02{left: 70px;}
	.tabmenu .board_tab dt.tab03{left: 140px;}
	.tabmenu .board_tab dt.tab04{left: 220px;}
	.tabmenu .board_tab dt.tab05{left: 292px;}*/
}




.tabmenu .board_tab dt a.over{line-height: 1.6; color:#0643a3; font-weight:700; font-size:  1.45rem;}
.tabmenu .board_tab dd{display:none; height:auto; position:relative; padding:56px 0 0;}
.tabmenu .board_tab dd .issue_board{position:relative; height:auto; padding: 2.25em 0 2em 7.5em; font-size:0.929em; border-bottom: 1px dashed #e5e5e5; box-sizing:border-box;}
/*.tabmenu .board_tab dd .issue_board::after{content:"";position:absolute;width:100%;height:1px; border-top: 1px dashed #e5e5e5; left:0;top:84px;}*/
.tabmenu .board_tab dd .issue_board > section{position:absolute; top:1.5em; left:0; text-align:center;padding-left:1em; display:inline-block;}
.issue_board > section > h1{color:#003b9f;font-family:Roboto;font-size:3em;margin:0.08em 0 0;line-height:43px;}
.issue_board > section > p{font-family:Roboto;font-size:1.2em; line-height: 25px; margin:0; color: #222; font-weight: 500;}
.tabmenu .board_tab dd .issue_board a{overflow:hidden; display:block; width:100%; text-decoration:none; white-space:nowrap; text-overflow:ellipsis;}
.tabmenu .board_tab dd .issue_board strong{display:block;color:#222;font-size:1.25em;font-weight:400;width:100%;margin:0 0 0.1em 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tabmenu .board_tab dd .issue_board a:hover strong{text-decoration: underline;}
.tabmenu .board_tab dd .issue_board span{color: #646464; font-size: 1.05em;}

.tabmenu .board_tab dd ul{width:100%;padding:20px 0 0 0 !important;}
.tabmenu .board_tab dd ul li{position:relative; padding-left:10px; box-sizing:border-box;}
.tabmenu .board_tab dd ul li span:first-of-type{position:relative;}
.tabmenu .board_tab dd ul li span:first-of-type::before{width:4px;height:4px;border-radius:10px;background-color:#003b9f;content:"";position:absolute;left:2px;top:14px;}
.tabmenu .board_tab dd ul li span{display:inline-block; vertical-align:top;}
.tabmenu .board_tab dd ul li span.subject{width:100%; padding:0 80px 0 15px; box-sizing:border-box;}
.tabmenu .board_tab dd ul li span.date{position:absolute; top:0; right:0; padding:0.3em 0; color:#4f4f4f; font-size:1.115em; font-weight:300; }
.tabmenu .board_tab dd ul a{overflow:hidden; display:block; width:100%; padding:0.3em 0; white-space:nowrap; text-overflow:ellipsis; font-size:1.115em; text-decoration:none; color: #4f4f4f;}
.tabmenu .board_tab dd ul a:hover{text-decoration: underline;}
.tabmenu .board_tab dd .more_btn{display:inline-block; position:absolute;right:0px;top:3px;width:36px;height:36px; background-image:url(../../images/kor/main/btn_more_notice.png); background-repeat:no-repeat; background-position:center; background-size: 100% auto;}
.tabmenu .board_tab dd .more_btn:hover{transform:rotate(270deg);}
.tabmenu .board_tab dd .more_btn span{width:0;height:0;line-height:0;font-size:0px; position:absolute; overflow:hidden;}

/* servRight */
.servRight{overflow:hidden; float:left; width: calc((100% - 3%) / 2);}
.quickServ{
    float:left;width: calc((100% - 3%) / 2); margin-left: 3%; background-color:#f0f4fb; text-align: center; box-sizing:border-box;
    border-radius: 15px; -webkit-border-radius: 15px;
}
.quickServ h4{position: relative; z-index: 1; display: inline-block; padding-top: 10px; font-size:22px; line-height:22px; color:#fff; font-weight: 500; box-sizing: border-box;}
.quickServ h4:before{
    content: ""; position: absolute; top: 0; left: -35px; z-index: -1; display: block; width: calc(100% + 70px); height: 50px; background-color: #003b9f;
    border-radius: 0 0 35px 35px; -webkit-border-radius: 0 0 35px 35px;
}
.iconServ{display:block; padding: 40px 4% 30px; text-align: center; box-sizing: border-box;}
.iconServ > a{width: calc((100% - 20px) / 7); position:relative; display:inline-block; text-decoration:none;vertical-align: top;}
.iconServ > a:nth-of-type(n+8){margin-top:25px;}
.iconServ > a:before{
	content:""; display:block; width:64px; height:64px; margin:0 auto; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size: 40px 40px;
	border-radius:10px; -webkit-border-radius:10px;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.iconServ > a:first-of-type:before{background-image: url("../../images/kor/main/serv/serv01_modify.png");}
.iconServ > a:nth-of-type(2):before{background-image: url("../../images/kor/main/serv/serv02_modify.png");}
.iconServ > a:nth-of-type(3):before{background-image: url("../../images/kor/main/serv/serv09_modify.png");}
.iconServ > a:nth-of-type(4):before{background-image: url("../../images/kor/main/serv/serv10_modify.png");}
.iconServ > a:nth-of-type(5):before{background-image: url("../../images/kor/main/serv/serv21_modify.png");}
.iconServ > a:nth-of-type(6):before{background-image: url("../../images/kor/main/serv/serv05_modify.png");}
.iconServ > a:nth-of-type(7):before{background-image: url("../../images/kor/main/serv/serv14_modify.png");}
.iconServ > a:nth-of-type(8):before{background-image: url("../../images/kor/main/serv/serv07_modify.png");}
.iconServ > a:nth-of-type(9):before{background-image: url("../../images/kor/main/serv/serv04_modify.png");}
.iconServ > a:nth-of-type(10):before{background-image: url("../../images/kor/main/serv/serv11_modify.png");}
.iconServ > a:nth-of-type(11):before{background-image: url("../../images/kor/main/serv/serv12_modify.png");}
.iconServ > a:nth-of-type(12):before{background-image: url("../../images/kor/main/serv/serv03_modify.png");}
.iconServ > a:nth-of-type(13):before{background-image: url("../../images/kor/main/serv/serv13.png");}
.iconServ > a:nth-of-type(14):before{background-image: url("../../images/kor/main/serv/serv15.png");}

.iconServ > a:hover:before,
.iconServ > a:focus:before{box-shadow: 3px 0px 21px 0px rgb(0 0 0 / 20%);}
.iconServ > a > span{display:block; line-height:17px; margin-top:12px; font-size:15px;text-align:center; color:#4f4f4f;}

.mayorCont{
    position: relative; margin-top: 20px; overflow: hidden;
    border-radius: 15px; -webkit-border-radius: 15px;
}
.mayor_infor{position: relative; overflow:hidden; width:100%; height:21.6em; padding:5.5em 3em 2.5em;position:relative;display:block; box-sizing:border-box; font-size: 10px;}
.mayor_infor:before{
    content: ""; position: absolute; bottom: 0; left: 0; z-index: -1; display: block; width: 100%; height: calc(100% - 2.5em); background-color: #edf0f9; background-image:url("../../images/kor/main/bg_mayor.png"); background-repeat:no-repeat; background-position: top right; background-size:auto 100%;
    border-radius: 15px; -webkit-border-radius: 15px;
}
.mayor_infor:after{content:"";position:absolute; bottom: 0; left: 0; background-image: url(../../images/kor/main/img_kdk3.png);background-repeat:no-repeat;background-position:bottom left;width:21.1em;height:21.4em; background-size: 100% auto;}
.mayor_infor > section{margin-bottom:20px; text-align: center;}
.mayor_infor > section > p{font-size: 1em;width: 14.6em;height: 2.6em;margin: 0 auto 1em 9em;background: url(../../images/kor/main/mayor_infor_txt01_modify.png) no-repeat center center;background-size: 100% auto;text-indent: -9999px;}
.mayor_infor > section > span{font-size: 1em; display: inline-block; height: 2.4em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; text-indent: -9999px;}
.mayor_infor > section > span:nth-of-type(1){width: 9em; margin-right: 0.4em; background-image: url(../../images/kor/main/mayor_infor_txt02.png);}
.mayor_infor > section > span:nth-of-type(2){width: 7.1em; background-image: url(../../images/kor/main/mayor_infor_txt03.png);}
.mayor_infor > section > span,
.mayor_infor > section > img{vertical-align:middle;}
.mayor_infor > section > img{display: inline-block; width: 8.8em; height: 5em;}
.mayor_infor > .btn_box{text-align: center;}
.mayor_infor > .btn_box >a{
    display: inline-block; padding: 0.9em 2.3em; background-color: #fff; text-decoration: none; box-shadow: 3px 0px 21px 0px rgba(0,0,0,0.03); font-size: 1em; box-sizing: border-box;
    border-radius: 30px; -webkit-border-radius: 30px;
    transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
.mayor_infor > .btn_box >a:hover{box-shadow: 3px 0px 21px 0px rgba(0,0,0,0.2);}
.mayor_infor > .btn_box >a span{font-size: 1.6em; line-height: 1.5625; color: #353535; font-weight: 500;}
.mayor_infor ul li{margin-bottom:2px;}
.mayor_infor ul li:first-of-type > a{font-weight:500;}
.mayor_infor ul li a{font-size:0.8rem;font-weight:300;color:#000;position:relative;}
.mayor_infor ul li a::after{background-size:cover;background-image:url("../../images/kor/main/icons-forward-16.png");content:"";height:11px;position:absolute;right:-14px;top:5px;transition:all 0.2s ease-in;width:10px;}

.mayor_infor ul li a:hover::after,.mayor_infor ul li a:focus::after{right:-18px;}
.mayor_infor ul li a:hover, .mayor_infor ul li a:focus{text-decoration:none;}
.mayor_infor_bott{background-image:url(../../images/kor/main/popup_under_mayor@2x.png); background-color:#ded6bf; width:100%;margin-top:18px;display:block;width:100%;height:60px; background-repeat:no-repeat; background-position:center bottom; background-size:auto 100%;}
.mayor_infor_bott .con{display:block;text-indent:-9999px;width:100%;height:100%;}
.mayor_infor_bott.mayor_infor_bott_type2{ margin-top: 10px;}

.mayor_infor.mayor_infor_modify{}
.mayor_infor.mayor_infor_modify > section{margin-bottom: 12px;margin-left: 7em;}
.mayor_infor.mayor_infor_modify ul li{ margin-bottom: 0;}
.mayor_infor_bott2{}
.mayor_infor_bott2 a{ display: inline-block; text-align: center; padding: 10px 0; width: 33.333%; box-sizing: content-box; color: #fff; background-color: #0643a3;}
.mayor_infor_bott2 a.bg01{background-color: #3381CE;}

/*.new_link 2022-11-23 추가*/
.new_link_div{display: none;}
.mayor_infor ul.new_link{position: absolute; top:12%; right:0px; height: 21.6em;}
.mayor_infor ul.new_link li,.new_link_div ul.new_link li{display:block; line-height: 4em; color:#fff; text-align:center; letter-spacing:-1px; padding: 0 20px; }
.mayor_infor ul.new_link li a{display:block; line-height: 4em; color:#fff; text-align:center; letter-spacing:-1px;font-size: 16px;font-weight: 400; }
.new_link_div ul.new_link li a{display:block; line-height: 3em; color:#fff; text-align:center; letter-spacing:-1px;font-size: 16px;font-weight: 400; }
.mayor_infor a,.new_link_div a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

.mayor_infor ul.new_link li.link01{background: #0C98CF; border-radius: 0 17px 0 0;}
.new_link_div ul.new_link li.link01{background: #0C98CF; border-radius: 17px 0 0 17px;}
.mayor_infor ul.new_link li.link02,.new_link_div ul.new_link li.link02{background:#5252c6;}
.mayor_infor ul.new_link li.link03{background:#4360e8; border-radius: 0 0 17px 0;}
.new_link_div ul.new_link li.link03{background:#4360e8; border-radius: 0 17px 17px 0;}
.mayor_infor ul.new_link li.link01:hover,.new_link_div ul.new_link li.link01:hover{background:#1a9ac1;}
.mayor_infor ul.new_link li.link02:hover,.new_link_div ul.new_link li.link02:hover{background:#4444bc;}
.mayor_infor ul.new_link li.link03:hover,.new_link_div ul.new_link li.link03:hover{background:#3e5fd6;}
.mayor_infor ul.new_link li a::after,.new_link_div ul.new_link li a::after { background-size: cover; background-image: url(../../images/kor/main/icons-forward-16.png); content: ""; height: 11px; position: absolute; right: -14px; top: 28px; transition: all 0.2s ease-in; width: 10px; }
.mayor_infor ul.new_link li a:hover::after,.mayor_infor ul.new_link li a:focus::after,.new_link_div ul.new_link li a:hover::after,.new_link_div ul.new_link li a:focus::after{right:-18px;}

/* .quickmenu 2022-12-29 추가*/
.quickmenu {position:absolute;width:90px;top:70%;margin-top:-350px;right:10px;z-index: 12;}
.quickmenu ul {position:relative;width:100%;}
.quickmenu ul li {width:100%;text-align:center;}
.quickmenu ul li a {position:relative;width:100%;text-align:center;color:#525252;font-size:9.5pt; border:1px solid #ddd; display: block; padding-bottom: 5px; background:#fff; }

.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}
@media all and (max-width:540px) {
    .quickmenu {top:50%;}
}
/*.quickmenu END*/


@media all and (max-width:1260px) {
    .mayor_infor ul.new_link li{padding: 0 5px;  }
}
@media all and (max-width:1025px) {
    .mayor_infor ul.new_link li{padding: 0 25px;  }
}

@media all and (max-width:1000px) {
    .quickmenu{display: none;}
}
@media all and (max-width:640px){
    .mayor_infor ul.new_link{display: none;}
    .new_link_div{display: block;}
    .new_link_div ul.new_link {display: flex;}
    .new_link_div ul.new_link li{flex:1;}
}

/* sector_infor2 */
.sector_infor2{display:inline-block;vertical-align:top;height:100%;width: 50%;margin-right:1.2%;}
.sector_infor2 .line{overflow:hidden; height:100%;}

.mediaCont{position:relative;float:left;width:25%;height:100%;padding-right:30px;box-sizing:border-box;display: none;}
.mediaCont > section > h4{color:#003b9f;font-size:22px;line-height:22px;margin-bottom:25px;position:relative;}
.mediaCont > section > h4::after{background-color:#0643a3;content:"";position:absolute;width:29px;height:2px;bottom:-15px;left:0;}
.mediaCont > section > p{max-width:140px; color:#000;font-size:0.92rem;padding-top:15px;}
.mediaCont > section > small{padding-bottom:10px;display:block;}

.sector_infor2 .photolist{overflow:hidden;float:left;width: 100%;height:100%;}
.sector_infor2 .photolist li{float:left; width:48.8%; height:100%;}
.sector_infor2 .photolist li:first-child{margin-right:2.4%;}
.sector_infor2 .photolist li div{height:100%; border-bottom:5px solid #003b9f; box-sizing:border-box;}
.sector_infor2 .photolist li a{height:100%;position:relative;display:block;background-color:#fff; text-decoration:none;}
.sector_infor2 .photolist li a strong{height:95px; display:block; padding:20px 12px; background-color:#fff; font-weight:400; width:100%; box-sizing:border-box;}
.sector_infor2 .photolist li a strong span:first-of-type{display:block; margin-bottom:8px; font-size:16px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem;}
.sector_infor2 .photolist li a strong span:last-of-type{font-size:14px; font-weight:300; color:#666;}
.sector_infor2 .photolist li a > span{overflow:hidden; display:block; background-color:#d6d6d6; width:100%; height:184px;}
.sector_infor2 .photolist li a > span img{width:100%; height:100%;}
.sector_infor2 .photolist li a:hover > span img,
.sector_infor2 .photolist li a:active > span img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.sector_tab{position:absolute; right:30px; bottom:10px;}
.sector_tab a{
	display:block; width:28px; height:28px; background:url("../../images/kor/main/btn_more_media.png") no-repeat center;
	transform:rotate(0deg); -webkit-transform:rotate(0deg);
}
.sector_tab a:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.sector_tab a span{width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;overflow:hidden;}

.sector_infor2 .photolist li a > span.media_bind::before{content:"포토뉴스";position:absolute;right:0;top:0;font-size:15px;color:#fff;background-color:#0643a3;padding:2px 11px;font-weight:300;z-index:2;}
.sector_infor2 .photolist li a > span.itv_bind::before{content:"보령TV";position:absolute;right:0;top:0;font-size:15px;color:#fff;background-color:#0643a3;padding:2px 11px;font-weight:300;z-index:2;}


/* popupzone */
.popupzone{
    height:285px; width: calc((100% - 3%) / 2); margin-left: 3%; display:inline-block;float:right; overflow: hidden;
    border-radius: 15px; -webkit-border-radius: 15px;
}
.popupzone .popupzone_bg{display: none;}
.popupzone .js_slide{position:relative; width:100%; height:100%;}
.popupzone .js_slide .control{
    position:absolute;left:auto; right: 0; bottom:0;z-index:1;width:auto;height:50px;background-color: rgba(0, 0, 0, 0.5);padding:0 20px;text-align:right;box-sizing:border-box;
    border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0;
}
.popupzone .js_slide .control .tit{display: none; position:absolute; bottom:0; left:15px; height:50px; line-height:50px; font-weight:400; color:#fff;}
.popupzone .js_slide .control a[class*="btn_"]{overflow:hidden;display:inline-block;width:24px;height: 50px;background-repeat:no-repeat;background-position:center;background-size:24px auto;text-indent:-1000px;text-align:left;}
.popupzone .js_slide .control a.btn_left{background-image:url(../../images/kor/main/icons-chevron-left-30.png);}
.popupzone .js_slide .control a.btn_play{display:none; background-image:url(../../images/kor/main/icons-play-24.png); background-size:24px auto;}
.popupzone .js_slide .control a.btn_stop{background-image:url(../../images/kor/main/popupzone_stop.png); background-size:24px auto;}
.popupzone .js_slide .control a.btn_right{background-image:url(../../images/kor/main/icons-chevron-right-30.png);}
.popupzone .js_slide .control a.btn_open2{background-image:url(../../images/kor/main/pop_more.png);height: 42px;width: 11px;}
.popupzone .type_02 .control .count{position: relative;bottom: 38%;z-index: 1;display: inline-block;background-color: rgba(0, 0, 0, 0.5);padding: 5px 13px;box-sizing: border-box;border-radius: 50px;-webkit-border-radius: 50px;}
.popupzone .type_02 .control .count em{display: inline-block;line-height: 22px;color: #fff;text-align: center;font-weight: 400;}
.popupzone .type_02 .control .count span{color: #fff;display: inline-block;line-height: 0;color: #b6b6b6;font-weight: 400; padding-left: 3px;}
.popupzone .type_02 .control .count span, .popupzone .type_02 .control .count em{font-size: 0.94rem;}

.popupzone .js_slide .move{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.popupzone .js_slide .move ul{width:100%; height:100%;}
.popupzone .js_slide .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; height:100%; padding:0;}
.popupzone .js_slide .move ul li:first-of-type{display:block; left:0;}
.popupzone .js_slide .move ul li a{overflow:hidden;position:relative;display:block;width:100%;height:100%;background-color: #fff;}
.popupzone .js_slide .move ul li a:focus{border:1px solid black; box-sizing:border-box;}
.popupzone .js_slide .move ul li a:hover{border:none;}
.popupzone .js_slide .move ul li a:focus:hover{border:1px solid black; box-sizing:border-box;}
.popupzone .js_slide .move ul li a span{position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.popupzone .js_slide .move ul li a img{display:inline-block; height:100%;}


/* 메인팝업 모아보기 20240312*/
.btn_open {display: inline-block;padding: 4px 6px;/* background: #000; */} 
.pop_wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);font-size: 0;width: 100%;text-align: center;z-index: 9999;height: 100vh; } 
.pop_wrap:after {display: inline-block;height: 100%;vertical-align: middle;content: ''; } 
.pop_height {height: 100%;max-height: 800px;overflow: auto;} 
/* .pop_wrap .pop_inner {display: inline-block;position: relative;
margin: auto;background: #ffffff;max-width: 1200px;vertical-align: middle;font-size: 15px;width: calc(100% - 34px);max-height: calc(100vh - 80px);border-radius: 20px;overflow: hidden; }  */

.pop_top {/* border:1px solid red; */
border-bottom: 1px solid #eaeaea;height: 60px; } 
.pop_wrap .pop_inner .pop_top p {display: flex;align-items: center;justify-content: center;position: absolute;top: 0;width: 260px;height: 60px;color: #ffffff;font-size: 24px;font-weight: 600;background: #003b9f;border-radius: 20px 0px 0px 0px; } 
.pop_box{display: inline-block;position: relative;/* height: 100vh; */margin: auto;background: #ffffff;max-width: 1200px;vertical-align: middle;font-size: 15px;width: calc(100% - 34px);max-height: calc(100vh - 80px);border-radius: 20px;overflow: hidden;}
.pop_wrap .pop_box button {display: block;position: absolute;top: 19px;right: 25px;width: 32px;height: 32px;font-size: 0;text-indent: -9999px;background: transparent;z-index: 10;border: transparent;cursor: pointer;} 
.pop_wrap .pop_box button:before,
.pop_wrap .pop_box button:after {content: '';display: block;position: absolute;top: calc(50% - 13px);left: 50%;width: 3px;height: 26px;transform: rotate(45deg);background: #505050; } 
.pop_wrap .pop_box button:after {transform: rotate(-45deg); } 
.pop_wrap .pop_inner .pop_con {display: block;padding: 20px 20px 20px 24px;overFlow-y: auto;height: 100%;max-height: 800px;} 
.pop_wrap .pop_inner .pop_con strong {display: block;margin-bottom: 26px;color: #444;font-size: 20px;font-weight: 600;text-align: left; } 
.pop_wrap .pop_inner .pop_con strong b {color: #003b9f;font-size: 26px;font-weight: 700; } 
.pop_wrap .pop_inner .pop_con .pop_img {display: flex;flex-wrap: wrap;margin-left: -23px;margin-top: -23px;max-height: 600px;/* padding-bottom: 40px; */} 
.pop_wrap .pop_inner .pop_con .pop_img li {width: calc(100% / 2);margin-top: 12px;}
.pop_wrap .pop_inner .pop_con .pop_img li:last-child{padding-bottom: 60px;}
.pop_wrap .pop_inner .pop_con .pop_img li a {display: block;margin-left: 18px; border-radius: 10px;} 
.pop_wrap .pop_inner .pop_con .pop_img li a img{width:100%; border-radius:10px;}
@media screen and (max-width: 1024px){
.pop_wrap .pop_inner .pop_con .pop_img li{
	width: calc(100%);
}
	}
@media screen and (max-width: 920px) {

	.pop_wrap .pop_inner .pop_top p {width: 200px;font-size: 20px;} 

} 

@media screen and (max-width:620px) {
	.pop_wrap .pop_inner .pop_con .pop_img li {width: 100%; } 
	.pop_wrap .pop_inner .pop_con {padding:20px 20px 40px;height: 500px;}
 }


/* 팝업존 모아보기 20240312*/
.btn_open2 {display: inline-block;padding: 4px 6px;/* background: #000; */} 
.pop_wrap2 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);font-size: 0;width: 100%;text-align: center;z-index: 9999;height: 100vh; } 
.pop_wrap2:after {display: inline-block;height: 100%;vertical-align: middle;content: ''; } 
.pop_height2 {height: 100%;max-height: 800px;overflow: auto;} 
/* .pop_wrap .pop_inner {display: inline-block;position: relative;
margin: auto;background: #ffffff;max-width: 1200px;vertical-align: middle;font-size: 15px;width: calc(100% - 34px);max-height: calc(100vh - 80px);border-radius: 20px;overflow: hidden; }  */

.pop_top2 {/* border:1px solid red; */
border-bottom: 1px solid #eaeaea;height: 60px; } 
.pop_wrap2 .pop_inner2 .pop_top2 p {display: flex;align-items: center;justify-content: center;position: absolute;top: 0;width: 260px;height: 60px;color: #ffffff;font-size: 24px;font-weight: 600;background: #003b9f;border-radius: 20px 0px 0px 0px; } 
.pop_box2{display: inline-block;position: relative;/* height: 100vh; */margin: auto;background: #ffffff;max-width: 1200px;vertical-align: middle;font-size: 15px;width: calc(100% - 34px);max-height: calc(100vh - 80px);border-radius: 20px;overflow: hidden;}
.pop_wrap2 .pop_box2 button {display: block;position: absolute;top: 19px;right: 25px;width: 32px;height: 32px;font-size: 0;text-indent: -9999px;background: transparent;z-index: 10;border: transparent;cursor: pointer;} 
.pop_wrap2 .pop_box2 button:before,
.pop_wrap2 .pop_box2 button:after {content: '';display: block;position: absolute;top: calc(50% - 13px);left: 50%;width: 3px;height: 26px;transform: rotate(45deg);background: #505050; } 
.pop_wrap2 .pop_box2 button:after {transform: rotate(-45deg); } 
.pop_wrap2 .pop_inner2 .pop_con2 {display: block;padding: 20px 20px 20px 24px;overFlow-y: auto;height: 100%;max-height: 800px;} 
.pop_wrap2 .pop_inner2 .pop_con2 strong {display: block;margin-bottom: 26px;color: #444;font-size: 20px;font-weight: 600;text-align: left; } 
.pop_wrap2 .pop_inner2 .pop_con2 strong b {color: #003b9f;font-size: 26px;font-weight: 700; } 
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 {display: flex;flex-wrap: wrap;margin-left: -23px;margin-top: -23px;max-height: 600px;padding-bottom: 40px;} 
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li {width: calc(100% / 3);margin-top: 12px;}
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li:last-child{padding-bottom: 60px;}
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li a {display: block;margin-left: 18px;border-radius: 10px;} 
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li a img{width:100%; border-radius:10px;}


@media screen and (max-width: 1024px){
.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li{
	width: calc(100%);
}
	}
@media screen and (max-width: 920px) {
	.pop_wrap2 .pop_inner2 .pop_top2 p {width: 200px;font-size: 20px;} 

} 

@media screen and (max-width:620px) {
	.pop_wrap2 .pop_inner2 .pop_con2 {padding:20px 20px 40px;height: 500px;}
	.pop_wrap2 .pop_inner2 .pop_con2 .pop_img2 li {width: 100%; } 
 }




/* inCont */
.visitor_service{overflow: hidden;}
.vistType{overflow:hidden; background-color:#fff; float:left; width:33.33%; box-sizing:border-box;}
.vistType:nth-of-type(2), .vistType:nth-of-type(3){border-left:0;}
.vistType > h3{text-align:center; line-height:58px; font-size:22px; font-weight:400; color:#fff;}
.vistType > h3:before{content:""; display:inline-block; height:58px; margin-right:12px; background-repeat:no-repeat; background-size:100%; vertical-align:middle;}
.vistType:first-of-type > h3{background-color:#003b9f;}
.vistType:first-of-type > h3:before{width:35px; background-image:url("../../images/kor/main/ico_citizen.png"); background-position:0 10px;}
.vistType:nth-of-type(2) > h3{background-color:#3381ce;}
.vistType:nth-of-type(2) > h3:before{width:41px; background-image:url("../../images/kor/main/ico_company.png"); background-position:0 13px;}
.vistType:nth-of-type(3) > h3{background-color:#0099D9;}
.vistType:nth-of-type(3) > h3:before{width:42px; background-image:url("../../images/kor/main/ico_tourist.png"); background-position:0 11px;}

.vistType > ul{overflow:hidden; width:100%; height:100%; height:279px; padding:15px 20px; border:1px solid #c8c8c8; box-sizing:border-box;}
.vistType.v_type002 > ul,
.vistType.v_type003 > ul{border-left:0;}
.vistType > ul > li{float:left; width:50%; line-height:1.4rem; padding-right:6px; margin-top:3px; box-sizing:border-box;}
.vistType > ul > li:first-child,
.vistType > ul > li:nth-child(2){margin-top:0;}
.vistType > ul > li > a{display:inline-block; font-size:0.92rem;font-weight:300;color:#444;padding-left:15px;position:relative;}
.vistType > ul > li > a::before{content:"";position:absolute;width:4px;height:4px;background-color:#b5b5b5;border-radius:8px;left:0;top:9px;}
.vistType > ul > li > a:hover,
.vistType > ul > li > a:focus{text-decoration:none;}

.visitor_banner{position:absolute; top:0; right:15px; width:338px; overflow:hidden;}
.visitor_banner > a{display:block; position:relative; margin-bottom:10px;}
.visitor_banner > a > img{display:block; width:100%;}
.visitor_banner > section{position:relative; display:block; height:auto; padding:24px 30px; background-color:#d6edff; background-image:url("../../images/kor/main/main_bn_002.png"); background-repeat:repeat; box-sizing:border-box;}
.visitor_banner > section::after{content:""; position:absolute; background-image:url("../../images/kor/main/main_bn_002_1.png"); background-repeat:no-repeat; width:142px; height:125px; right:15px; bottom:13px;}
.visitor_banner > section > h4{color:#003b9f; line-height:25px; font-size:23px;}
.visitor_banner > section > p{font-size:14px; line-height:1.3rem; padding:8px 0 10px;}
.visitor_banner > section > a{display:block; position:relative; line-height:18px; margin-bottom:8px; padding-left:10px; font-size:14px; font-weight:300; color:#333;}
.visitor_banner > section > a::before{content:"";position:absolute;width:4px;height:4px;border-radius:8px; background-color:#003b9f; left:0; top:7px;}
.visitor_banner > section > a:last-of-type{margin-bottom:0;}

/* site_go */
.site_go{display:block;}
.relation_site{overflow:hidden; width:100%;}
.relation_site li{float:left; width:25%; height:45px; padding-right:15px; box-sizing:border-box;}
.relation_site li:nth-child(1){padding:0 10px 0 0;}
.relation_site li:nth-child(2){padding:0 7px 0 4px;}
.relation_site li:nth-child(3){padding:0 4px 0 7px;}
.relation_site li:nth-child(4){padding:0 0 0 10px;}
.relation_site li label{width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;overflow:hidden;}
.relation_site li select{
	float:left; width:70%; height:100%; margin:0; padding-left:15px; letter-spacing:-0.02rem; background-color:#fff; font-size:0.938rem; color:#444; background-image:url("../../images/kor/main/icons-expand-arrow-24.png"); background-position:98% center; background-repeat:no-repeat; border:solid 1px #c8c8c8;
	border-radius:0; -webkit-border-radius:0;
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
}
.relation_site li a.relation_btn{float:left; width:27%; height:100%; margin-left:2%; color: #fff; background-color: #003b9f; border:1px solid #003b9f; text-decoration: none; text-align: center; line-height: 2.8rem; box-sizing:border-box;}
.relation_site li a.relation_btn:hover{background-color:#fff; color:#003b9f;}
.relation_site li > select::-ms-expand{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.relation_btn{display:block;float:left;height:30px;width:15%;}
.relation_btn a{background:#747474;height:30px;line-height:30px;display:block;color:#fff;text-align:center;text-decoration:none;}
.relation_btn a:hover{background:#5a5a5a;}


/* happybr */
.happybr{position:relative; width:100%;}
.happybr:after{content:""; position:absolute; top:-10px; left:0; width:100%; height:30px; background:url(../../images/kor/main/bg_pattern_wave.png) repeat left bottom;}
.happybr .js_slide{position:relative; height:737px;}
.happybr .js_slide .control{position:relative; z-index:6; max-width:1400px; height:0; margin:0 auto;}
.happybr .js_slide .control .count{position:absolute; top:300px; right:calc(50% - 310px); font-size:16px;}
.happybr .js_slide .control .count em{
	display:inline-block; width:24px; height:24px; line-height:22px; margin-right:5px; background-color:#fff; text-align:center; font-weight:500; vertical-align:top;
	border-radius:50%; -webkit-border-radius:50%;
}
.happybr .js_slide .control .count span{color:#fff;}
.happybr .js_slide .control ul{display:none;}
.happybr .js_slide .control a[class*="btn_"]{overflow:hidden; display:inline-block; text-indent:-1000px;}
.happybr .js_slide .control a.btn_play,
.happybr .js_slide .control a.btn_stop{position:absolute; top:307px; right:calc(50% - 340px); width:11px; height:15px; background-repeat:no-repeat; background-position:left top;}
.happybr .js_slide .control a.btn_play{display:none; background-image:url(../../images/kor/main/m_visual_play.png);}
.happybr .js_slide .control a.btn_stop{background-image:url(../../images/kor/main/m_visual_stop.png);}
.happybr .js_slide .control a.btn_left,
.happybr .js_slide .control a.btn_right{position:absolute; top:335px; width:42px; height:42px; background:url(../../images/kor/main/m_visual_arrow.png) no-repeat left center;}
.happybr .js_slide .control a.btn_left{left:-6%;}
.happybr .js_slide .control a.btn_right{right:-6%; transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.happybr .js_slide .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.happybr .js_slide .move{position:absolute; left:0; top:0; height:100%;}
.happybr .js_slide .move ul{overflow:hidden; width:100%;}
.happybr .js_slide .move ul li{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-2000px;}
.happybr .js_slide .move ul li:nth-child(1){z-index:9;}
.happybr .js_slide .move ul li:nth-child(1){background-image:url(../../images/kor/main/bg_img_00.jpg);}
.happybr .js_slide .move ul li:nth-child(2){background-image:url(../../images/kor/main/bg_img_01.jpg);}
.happybr .js_slide .move ul li:nth-child(3){background-image:url(../../images/kor/main/bg_img_02.jpg);}
.happybr .js_slide .move ul li:nth-child(4){background-image:url(../../images/kor/main/bg_img_03.jpg);}
.happybr .js_slide .move ul li:nth-child(5){background-image:url(../../images/kor/main/bg_img_04.jpg);}
.happybr .js_slide .move ul li:nth-child(6){background-image:url(../../images/kor/main/bg_img_05.jpg);}
.happybr .js_slide .move ul li:nth-child(7){background-image:url(../../images/kor/main/bg_img_06.jpg);}
.happybr .js_slide .move ul li:nth-child(8){background-image:url(../../images/kor/main/bg_img_07.jpg);}
.happybr .js_slide .move ul li:nth-child(9){background-image:url(../../images/kor/main/bg_img_08.jpg);}
.happybr .js_slide .move ul li:nth-child(10){background-image:url(../../images/kor/main/bg_img_09.jpg);}
.happybr .js_slide .move ul li:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.happybr .js_slide .move ul li .info_t{max-width: 1400px; margin: 0 auto; padding-top:85px; text-align: right; position: relative; z-index:5;}
.happybr .js_slide .move ul li .info_t h4 img{max-width:490px;}
.happybr .js_slide .move ul li .info_t .txts{display:inline-block; width:450px; margin-top:40px; background-color:rgba(0,0,0,0.5); padding:30px 35px; text-align:left; text-indent:0; color:#fff; box-sizing:border-box;}
.happybr .js_slide .move ul li .info_t .txts strong{display:block; line-height:26px; margin-bottom:10px; font-weight:500; font-size:20px;}
.happybr .js_slide .move ul li .info_t .txts span{display:block; font-size:16px; font-weight:300;}

/* iconBox */
.iconBox{position:absolute; left:0; bottom:0; z-index:11; background:url(../../images/kor/main/ic_bg_gra.png) repeat-x center top; width:100%; height:123px;}
.iconBox > article{display:block; width:100%; max-width:1400px; margin:0 auto;}
.iconBox a{width:20%;display:inline-block;padding-top:77px;background-size:auto;background-position:center 7px;background-repeat:no-repeat;text-align:center;float:left;}
.iconBox a:first-of-type{background-image:url("../../images/kor/main/ic_tourpotal.png");}
.iconBox a:nth-of-type(2){background-image:url("../../images/kor/main/ic_book.png");}
.iconBox a:nth-of-type(3){background-image:url("../../images/kor/main/ic_map.png");}
.iconBox a:nth-of-type(4){background-image:url("../../images/kor/main/ic_hotel.png");}
.iconBox a:nth-of-type(5){background-image:url("../../images/kor/main/ic_bus.png");}
.iconBox a > span{font-size:20px;color:#fff;}
.iconBox a:hover, .iconBox a:focus{text-decoration:none;}


/* slide_area */
.slide_area{position:relative; display:block; width:100%; background-color:#fff;}
.slide_area .bottom_banner_roll{position:relative; display:block; width:100%; max-width:1430px; margin:0 auto; padding:0 15px; overflow:hidden; line-height:0; padding:0 15px; box-sizing:border-box;}
.slide_area .bottom_banner_roll .link_site_wrap{overflow:hidden; display:inline-block; width:100%; height:100%; padding-right:90px; box-sizing:border-box;}

#link_site_group{height:75px; width:100%!important;}
#link_site_group ul,
#link_site_group2 ul{overflow:hidden; width:100%!important;}
#link_site_group ul li,
#link_site_group2 ul li{float:left; width:auto; padding:0 1.4% 0 0; line-height:75px;}
#link_site_group ul li a,
#link_site_group2 ul li a{display:block; text-align:center;}

.slide_area .b_banner_control span,
.slide_area .b_banner_control2 span{display:inline-block; margin-left:10px; height:100%; vertical-align:middle; float: left;}
.slide_area .b_banner_control > span > a,
.slide_area .b_banner_control2 > span > a{background-repeat: no-repeat;text-indent: -9999px;width: 23px;height: 23px;display: block;}
.slide_area .b_banner_control,
.slide_area .b_banner_control2{position:absolute; top:26px; right:5px;}

/* 예외 */
.slide_area.bottomSlide{background-image:url("../../images/kor/main/bg_cch.png"); background-size:cover; background-position:center 25%;}
#link_site_group2{height:120px;}
#link_site_group2 ul li{line-height:120px; padding:0 35px 0 0; font-size:13px;}
#link_site_group2 ul li a{font-size:0.95rem; font-weight:350; color:#fff;}
#link_site_group2 ul li a:hover,
#link_site_group2 ul li a:focus{text-decoration:none;}
#link_site_group2 ul li:first-child{background:none;}

.slide_area .b_banner_control2{top:50px;}
.slide_area .b_banner_control .b_roll_prev > a{background-image:url("../../images/kor/main/chevron_under_whitebnrline_left.png");}
.slide_area .b_banner_control .b_roll_next > a{background-image:url("../../images/kor/main/chevron_under_whitebnrline_right.png");}
.slide_area .b_banner_control .b_roll_stop > a{margin-right:0px;background-image:url("../../images/kor/main/btn_stop_under_whitebnrline.png");}
.slide_area .b_banner_control .b_roll_play > a{display:none; margin-right:0px;background-image:url("../../images/kor/main/btn_play_under_whitebnrline.png");}
.slide_area .b_banner_control2 .b_roll_prev > a{background-image:url("../../images/kor/main/chevron_under_whitebnrline_left2.png");}
.slide_area .b_banner_control2 .b_roll_next > a{background-image:url("../../images/kor/main/chevron_under_whitebnrline_right2.png");}
.slide_area .b_banner_control2 .b_roll_stop > a{margin-right:0px;background-image:url("../../images/kor/main/btn_stop_under_whitebnrline2.png");}
.slide_area .b_banner_control2 .b_roll_play > a{display:none; margin-right:0px;background-image:url("../../images/kor/main/btn_play_under_whitebnrline2.png");}



/***** 소스확인X *****/
.pas, .uiBoxLightblue, .bottomborder, .uiHeader, .uiHeaderTitle{display:none !important}
.twitter-timeline{width:100% !important}
.pluginSkinLight{width:100% !important}
.customisable-border{border:none !important}

/* minwon */
.minwon{width:19.5%;height:214px;float:left;margin:0 2% 30px 0;padding:23px 2%;background:url(../../images/kor/main/minwon_bg.jpg) no-repeat rightbottom;}
.minwon h4{font-size:1.714em;line-height:1em;margin:0 0 30px 0;color:#fff;}
.minwon ul{width:100%;}
.minwon ul:after{content:"";display:block;clear:both;}
.minwon ul li{float:left;width:46%;margin:0 2% 8px 2%;}
.minwon ul li a{display:block;font-weight:600;height:34px;line-height:34px;background:#dbebf1;color:#444444;font-size:0.929em;padding:0 5px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:2px 2px 0px #4f86a5;-webkit-box-shadow:2px 2px 0px #4f86a5;box-shadow:2px 2px 0px #4f86a5;}
.minwon ul li a:hover, .minwon ul li a:active, .minwon ul li a:focus{color:#398ebe;}

/* town_hall */
.town_hall{width:23.5%;height:113px;float:left;margin:0 0 30px 2%;background:#fff;}
.town_hall .line{border:1px solid #cfcfcf;height:71px;padding:20px 7%;}
.town_hall h4{font-size:1.714em;line-height:1em;margin:0 0 18px 0;}+
.town_hall ul{background:url(../../images/kor/main/town_hall_bg.jpg) no-repeat lefttop;padding:0 0 0 35px;height:25px;}
.town_hall ul:after{content:"";display:block;clear:both;}
.town_hall ul li{float:left;width:auto;height:25px;margin:0 0 0 0;}
.town_hall ul li:first-child{margin:0 15px 0 0;}
.town_hall ul li a{display:inline-block;vertical-align:top;letter-spacing:-1px;font-weight:600;color:#444444;padding:0 13px 0 0;line-height:26px;background:url(../../images/kor/main/town_hall_bul.gif) no-repeat right8px;}

/* city_council */
.city_council{width:23.5%;height:113px;float:left;margin:0 0 30px 2%;background:url(../../images/kor/main/city_council_bg.gif) repeat;}
.city_council a{display:block;padding:21px 7%;text-decoration:none;}
.city_council a h4{color:#fff;font-size:1.714em;line-height:1em;margin:0 0 15px 0;}
.city_council a p{color:#fff;background:url(../../images/kor/main/city_council_bg02.png) no-repeatleft top;height:28px;line-height:29px;padding:0 0 0 35px;margin:0;}
.city_council a:hover p, .city_council a:active p, .city_council a:focus p{text-decoration:underline;}





/* //////////////////////////////////////////////////////////////////////////////

    Media

////////////////////////////////////////////////////////////////////////////// */
@media all and (max-width:1640px){
	/* m_visual */
	.m_visual .js_slide .control ul{padding-left:10%; box-sizing:border-box;}
	.m_visual .js_slide .control a.btn_left{left:20px;}
	.m_visual .js_slide .control a.btn_right{right:20px;}
	.m_visual .js_slide .slogan{left:calc(10% - 25px);}
	
	/* slide_banner */

	/* happybr */
	.happybr .js_slide .control .count{right:calc(50% - 225px);}
	.happybr .js_slide .control a.btn_play,
	.happybr .js_slide .control a.btn_stop{right:calc(50% - 255px);}
	.happybr .js_slide .control a.btn_left{left:20px;}
	.happybr .js_slide .control a.btn_right{right:20px;}
	.happybr .js_slide .move ul li .info_t h4{margin-right:5%;}
	.happybr .js_slide .move ul li .info_t .txts{margin-right:6%;}
}
@media all and (max-width:1460px){
	/* main_search */
	.main_search{width:40.7%;}
	/* sns list */
	/*.sns_list{width:55%; margin-left:4%;}
	.sns_list .line section{margin-right:4%;}*/
    
    .sns_list h4{line-height: 35px;}
    .sns_list ul li a{width: 35px; height: 35px;}
    .sns_list ul li{margin-left: 7px;}
}
@media all and (max-width:1420px){
	/* happybr */
	.happybr .js_slide .control .count{right:470px;}
	.happybr .js_slide .control a.btn_play,
	.happybr .js_slide .control a.btn_stop{right:440px;}
	.happybr .js_slide .control a.btn_left{left:20px;}
	.happybr .js_slide .control a.btn_right{right:20px;}
	.happybr .js_slide .move ul li .info_t h4{margin-right:70px;}
	.happybr .js_slide .move ul li .info_t .txts{margin-right:80px;}
}
@media all and (max-width:1400px){
	/* m_visual */

	/* inCont */
	.inCont{padding-right:325px;}
	.visitor_service{margin-bottom:30px;}
	.visitor_banner{width:295px;}
	.visitor_banner > section{padding:34px 22px;}
	.visitor_banner > section::after{right:12px; width:122px; height:106px; background-size:100%;}
	
	/* relation_site */
	.relation_site li select{font-size:0.8rem;}
}
@media all and (max-width:1400px) and (min-width:1181px){
	.vistType > ul > li{line-height:1.3rem; margin-top:2px;}
	.vistType > ul > li > a{font-size:0.87rem;}
	.visitor_banner > section > h4{font-size:21px;}
}
@media all and (max-width:1280px){
		/* m_visual */
	.m_visual .js_slide .control ul{padding-left:7%;}
	.m_visual .js_slide .slogan{left:calc(7% - 15px);}

	/* slide_banner */

	/* main_search */
	.main_search{width:37%;}
	/* sns list */
}
@media all and (max-width:1260px) and (min-width:1025px){
	/* board */
	/*.tabmenu .board_tab dt.tab02{left:120px;}
	.tabmenu .board_tab dt.tab03{left:240px;}
	.tabmenu .board_tab dt.tab04{left:360px;}*/
	
	/* servRight */
    .tabmenu .board_tab dt a.over{line-height: 1;}
    .tabmenu .board_tab dt a.over:before{bottom: -10px}
    .tabmenu .board_tab dt a{line-height: 1.2;}
    .tabmenu .board_tab dt a span{display: block;}
    .tabmenu .board_tab dt.tab02{left: 90px;}
    .tabmenu .board_tab dt.tab03{left: 180px;}
    .tabmenu .board_tab dt.tab04{left: 270px;}
    .tabmenu .board_tab dt.tab05{left: 360px;}

	.mayor_infor{padding: 5.5em 3em 2.5em 30%;}
	

}
@media all and (max-width:1260px) {
	/* open_popup */
	#open_popup_wrap .open_popup .popup_box{max-width:915px;}
	#open_popup_wrap .open_popup .popup_box ul li{/*width:448px;*/ margin-right:15px;}
	#open_popup_wrap .open_popup .popup_box ul li a img{width:100%; height:100%;}
	#open_popup_wrap .open_popup a.prev_btn{left:15px;}
	#open_popup_wrap .open_popup a.next_btn{right:15px;}

	#open_popup_wrap .btn{max-width:100%;}
	#open_popup_wrap .btn a{right:1%;}
    
   /* .iconServ > a{width: calc((100% - 20px) / 5);}*/


	.mayor_infor.mayor_infor_modify > section{ margin-left: 0;}
	.mayor_infor > section > p{ margin: 0 auto 1em;}

}
@media all and (max-width:1180px) {
	/* main_search */
	.main_search{width:29%;}
    .sns_list h4:after{display: none;}
	/* sns list */
	.sns_list ul li{margin-left:3px;}

	/* m_visual */
	.m_visual .js_slide .control ul{padding-left:7%;}
	.m_visual .js_slide .slogan{left:calc(7% - 25px);}
	
	/* slide_banner */ 

	/* board */
	
	/* .servRight */
	
	/* inCont */
	.inCont{padding-right:15px;}
	.visitor_service{margin-bottom:30px;}
	.visitor_banner{position:static; width:100%;}
	.visitor_banner > a,
	.visitor_banner > section{float:left; width:100%;}
	.visitor_banner > a{overflow: hidden; position:relative;  background-color:#3381ce;}

	.visitor_banner > section{padding:25px 4%;}
	.visitor_banner > section::after{right:6%; width:142px; height:125px;}
	.visitor_banner > section > a{margin-bottom:5px;}

	/* relation_site */
	.relation_site li select{width:76%;}
	.relation_site li a.relation_btn{width:22%;}
	
	/* happybr */
	.happybr .js_slide .control .count{top:275px; right:395px;}
	.happybr .js_slide .control a.btn_play,
	.happybr .js_slide .control a.btn_stop{top:282px; right:367px;}
	.happybr .js_slide .move ul li .info_t h4 img{max-width:430px;}
	.happybr .js_slide .move ul li .info_t .txts{width:380px;}

	/* town_hall */
	.town_hall ul{background:none;padding:0 0 0 0;height:25px;}
	
	/* city_council */
	.city_council a p{background:none;padding:0 0 0 0;}
}
@media all and (max-width:1180px) and (min-width:1025px){
	/* board */
	/*.tabmenu .board_tab dt.tab02{left:23%;}
	.tabmenu .board_tab dt.tab03{left:46%;}
	.tabmenu .board_tab dt.tab04{left:69%;}
	.tabmenu .board_tab dt a{font-size:1.22rem;}*/
	.tabmenu .board_tab dd .more_btn{width:32px; height:32px;}
    }
	
	/* .servRight */
	.iconServ > a > span{font-size:15px;}
	.mayor_infor_bott{background-size:auto 92%;}
}
@media screen and (max-width:1080px){
	/* inCont */
	.visitor_banner > a > img{left:auto; right:0;}

	/* relation_site */
	.relation_site li:nth-child(1){padding:0 7px 0 0;}
	.relation_site li:nth-child(2){padding:0 5px 0 3px;}
	.relation_site li:nth-child(3){padding:0 3px 0 5px;}
	.relation_site li:nth-child(4){padding:0 0 0 7px;}

	.relation_site li select{width:80%;}
	.relation_site li a.relation_btn{width:18.5%; margin-left:1.5%;}
}
@media screen and (max-width:1024px){
	/* open_popup */
	#open_popup_wrap .open_popup .popup_box {max-width:620px;}
	#open_popup_wrap .open_popup .popup_box ul li{width:620px; margin-right:0;}
	#open_popup_wrap .open_popup .popup_box ul li a img{width:auto;}
	#open_popup_wrap .btn a{right:3%;}

	/* m_visual */
	.m_visual .js_slide .control{display: none;}

	.m_visual .js_slide{height:620px;}
	.m_visual .js_slide .slogan{top:50px; left:0; text-align:center;}
	.m_visual .js_slide .slogan .slo_pc{display:none;}
	.m_visual .js_slide .slogan .slo_mob{display:inline-block;}

	/* slide_banner */
	
	/***** main container *****/
	#main_container{padding-top:30px;}
	.midCont{margin-bottom:30px;}

	/* board */
	.board{width:100%; margin-bottom:30px; padding-right:0;}
	.tabmenu .board_tab dd{height:auto;}

	/* servRight */
	.servRight{width:100%;}
    .quickServ{width: 100%; margin-left: 0;}
	
	/* sector_infor2 */
	#main_container .midCont.brdCont{height:auto;}
	.mediaCont{float:none; width:100%; height:auto; margin-bottom:25px;}
	.mediaCont > section > h4{margin-bottom:0;}
	.mediaCont > section > small,
	.mediaCont > section > h4::after,
	.mediaCont > section > p{display:none;}
	.sector_tab{bottom:auto; top:0; right:0;}
	.sector_tab a{width:20px; height:20px;} 
	.sector_infor2 .photolist{float:none; width:100%; height:260px;}
	.sector_infor2 .photolist li a strong{height:71px; padding:12px;}
	.sector_infor2 .photolist li a strong span:first-of-type{margin-bottom:3px;}

	/* popupzone */
	.popupzone{position: relative; height:auto; /*margin-top:47px;*/}
    .popupzone .popupzone_bg{display: block; width: 100%;}
    .popupzone .js_slide{position: absolute; top: 0; left: 0;}

    .popupzone .type_02 .control .count{padding: 2px 10px; }
    .popupzone .type_02 .control .count span, .popupzone .type_02 .control .count em{font-size: 0.85em;}

	/* inCont */
	.visitor_banner > a{}
	.visitor_banner > section{padding:25px 4%;}
	.visitor_banner > section > h4{line-height:21px; font-size:19px;}
	.visitor_banner > section > p{line-height:1.2rem; padding:8px 0;}
	.visitor_banner > section > a{margin-bottom:4px;}
	.vistType > h3{height:54px; line-height:54px; font-size:18px;}
	.vistType:first-of-type > h3:before{width:30px; background-position:0 13px;}
	.vistType:nth-of-type(2) > h3:before{width:41px; background-position:0 12px;}
	.vistType:nth-of-type(3) > h3:before{width:38px; background-position:0 12px;}

    /* popupzone */
	.popupzone{width:100%; margin-left: 0; margin-top: 30px;}
    
	/* relation_site */
	.relation_site li{width:50%;}
	.relation_site li:nth-child(1),
	.relation_site li:nth-child(3){padding:0 1% 0 0;}
	.relation_site li:nth-child(2),
	.relation_site li:nth-child(4){padding:0 0 0 1%;}
	.relation_site li:nth-child(1),
	.relation_site li:nth-child(2){margin-bottom:8px;}
	.relation_site li select{width:80%;}
	.relation_site li a.relation_btn{width:18.5%; margin-left:1.5%;}

	/* happybr */
	.happybr .js_slide{height:550px;}
	.happybr .js_slide .control .count{top:206px; right:365px; font-size:15px;}
	.happybr .js_slide .control .count em{width:22px; height:22px;}
	.happybr .js_slide .control a.btn_play,
	.happybr .js_slide .control a.btn_stop{top:212px; right:337px;}
	.happybr .js_slide .control a.btn_left,
	.happybr .js_slide .control a.btn_right{top:265px;}
	.happybr .js_slide .move ul li .info_t{padding-top:48px;}
	.happybr .js_slide .move ul li .info_t h4 img{max-width:370px;}
	.happybr .js_slide .move ul li .info_t .txts{width:340px; margin-top:30px; padding:25px 28px;}
	.happybr .js_slide .move ul li .info_t .txts strong{line-height:22px; margin-bottom:7px; font-size:18px;}
	.happybr .js_slide .move ul li .info_t .txts span{line-height:20px; font-size:14px;}

	/* iconBox */
	.iconBox a{padding-top:70px;}
	.iconBox a > span{font-size:18px;}
	.iconBox a:first-of-type{background-size:67px;}
	.iconBox a:nth-of-type(2){background-size:50px;}
	.iconBox a:nth-of-type(3){background-size:51px;}

	/* slide_area */
	#link_site_group2{height:100px;}
	#link_site_group2 ul li{line-height:100px;}
	.slide_area .b_banner_control2{top:42px;}
    .sns_list{height: auto;}
    .sns_list h4{line-height: 45px;}
    .sns_list ul li a{width: 38px; height:38px;}
    .mayorCont{margin-top: 15px;}
    .slide_banner .box .banner_list li:after{width: 180px;height: 50px;}
    .slide_banner .newGroup{right: 122px;bottom: 12px;}
    .listNumber{padding: 2px 10px;}
    .listNumber > span{font-size: 0.85em;}
    .pointer_btn{right: 14px;height: 50px;}
    .slide_banner .box .pointer_btn .auto_btn a,
    .pointer_btn > .pointer a{width: 22px;height: 52px;background-size: 20px auto;}
	.pointer_btn > .pointer a.btn_open{height: 44px;}
    .popupzone .js_slide .control{height: 45px; padding: 0 15px;}
    .popupzone .js_slide .control a[class*="btn_"]{height: 48px;width: 20px;background-size: 20px auto;}
	.popupzone .type_02 .control .count{bottom: 44%;}
	.popupzone .js_slide .control a.btn_open2{height: 40px;}
	
	
}
@media all and (max-width:1000px) {
	/* slide_banner */
	.environment>div{display:none;}

	/* main_search */
	.main_search {display: none;}
	
	/* sns_list */
	.sns_list{width:100%; margin-left:0;}
	.sns_list .line section{margin-right:6%;}
	.sns_list ul li a:hover{transform:scale(1); -webkit-transform:scale(1);}

	/* inCont */
	.vistType > ul{height:304px;}

	/* minwon */
	.minwon{width:28%;height:214px;float:left;margin:0 2% 20px 0;padding:23px 2%;}

	/* town_hall */
	.town_hall{width:49%;height:auto;float:left;margin:0 2% 60px 0;padding:0;}
	.town_hall .line{height:28px;}
	.town_hall .line:after{content:"";display:block;clear:both;}
	.town_hall h4{margin:0 30px 0 0;float:left;}
	.town_hall ul{float:left;background:url(../../images/kor/main/town_hall_bg.jpg) no-repeat lefttop;padding:0 0 0 35px;}

	/* city_council */
	.city_council{width:49%;height:auto;float:left;margin:0 0 60px 0;padding:0;}
	.city_council a{height:28px;}
	.city_council a:after{content:"";display:block;clear:both;}
	.city_council a h4{margin:0 30px 0 0;float:left;}
	.city_council a p{float:left;background:url(../../images/kor/main/city_council_bg02.png) no-repeatleft top;padding:0 0 0 35px;}
}
@media all and (max-width:900px) {
	/* sns_list */
	.sns_list ul li{margin-left:10px;}
	
	/* sector_infor2 */
	.sector_infor2{width:48.5%; margin-right:1.5%;}
	
	

	/* inCont */
	.vistType > ul{height:266px; padding:12px 15px;}
	.vistType > ul > li{line-height:1.3rem; margin-top:2px;}
	.vistType > ul > li > a{padding-left:10px; font-size:0.87rem;}
	.vistType > ul > li > a::before{top:8px;}
	.visitor_banner > a > img{right:-18px;}

	/* town_hall */
	.town_hall .line{height:67px;}
	.town_hall h4{margin:0 0 18px 0;float:none;}
	.town_hall ul{float:none;}
	
	/* city_council */
	.city_council a{height:67px;}
	.city_council a h4{margin:0 0 15px 0;float:none;}
	.city_council a p{float:none;}
}
@media all and (max-width:800px){
	.vistType > ul{height:286px;}
}
@media all and (max-width:740px) {
	/* open_popup */
	#open_popup_wrap .open_popup .popup_box{max-width:380px; height:65px;}
	#open_popup_wrap .open_popup .popup_box ul{height:65px;}
	#open_popup_wrap .open_popup .popup_box ul li{width:380px; height:65px;}
	#open_popup_wrap .open_popup a[class*="_btn"]{top:35px;}
	
	/* m_visual */
	.m_visual .js_slide{height:500px;}
	.m_visual .js_slide .slogan{top:42px;}

	/* slide_banner */
	
	
	/* sns_list */
    .sns_list h4{line-height: 40px;}
	.sns_list ul li a{width:40px; height:40px; background-size:100% auto;}

	/* servRight */
	.quickServ h4{margin-bottom:25px;}
	.iconServ > a > span{font-size:14px;}
	.mayorCont{}
	.mayor_infor > section{margin-bottom:15px;}
	.mayor_infor ul li{margin-bottom:0;}

	/* sector_infor2 */
	.sector_infor2{width:100%;}

	/* popupzone */
	.popupzone{float:none; width:100%;}

	/* inCont */
	.vistType{float:none; width:100%;}
	.vistType > h3:before{height:54px;}
	.vistType:first-of-type > h3:before{background-position: 0 10px;}
	.vistType:nth-of-type(2) > h3:before{background-position: 0 11px;}
	.vistType:nth-of-type(3) > h3:before{background-position: 0 10px;}
	.vistType > ul{height:auto; padding:12px 20px;}
	.vistType.v_type002 > ul,
	.vistType.v_type003 > ul{display: none;}
	.visitor_service{margin-bottom:22px;}
	.visitor_banner > section > a{display:inline-block; margin-bottom:0;}
	.visitor_banner > section > a:first-of-type{margin-right:10px;}
	
	/* iconBox */
	.iconBox a > span{font-size:15px;}



	.minwon{width:44%;height:214px;float:left;margin:0 2% 20px 0;padding:23px 2%;}
	.town_hall{width:48%;height:110px;float:left;margin:0 2% 104px 0;padding:0;}
	.town_hall .line{height:68px;}
	.town_hall h4{margin:0 0 18px 0;float:none;}
	.town_hall ul{float:none;background:none;padding:0;}
	.town_hall ul li{margin:0;}
	.town_hall ul li:first-child{margin-right:15px;}
	.city_council{width:48%;height:110px;float:left;margin:0 0 104px 2%;padding:0;}
	.city_council a{height:68px;}
	.city_council a h4{margin:0 0 15px 0;float:none;}
	.city_council a p{float:none;background:none;padding:0;}
}
@media all and (max-width:740px) and (min-width:641px){
	/* servRight */
	.mayor_infor::after{right:-45px;}	

	/* inCont */
	.visitor_banner > a{height:146px;}
	.visitor_banner > section > p{padding:8px 0 6px;}
	.visitor_banner > section::after{display:none;}
}
@media all and (max-width:740px) and (min-width:541px){
	.vistType > ul > li{width:33.33%;}
	.vistType > ul > li:nth-child(3n){padding-right:0;}
	.vistType > ul > li:nth-child(3){margin-top:0;}
}
@media all and (max-width:640px) {
	/***** main_container *****/
	#main_container{padding-top:20px;}
	.midCont{margin-bottom:20px;}

	/* sns_list */
	.sns_list{text-align:center;}
	.sns_list .line section{display:block; margin-right:0; margin-bottom:10px;}
	.sns_list h4{font-size:20px; line-height:20px;}
    .sns_list ul{float: none; }
	.sns_list ul li a{width:45px; height:45px;}

	/* slide_banner */
	
	/* board */
    .board{height: 270px; margin-bottom: 20px;}
    .tabmenu .board_tab{font-size: 0.8em;}
    .tabmenu .board_tab dd .issue_board strong{font-size: 15px;}
    .tabmenu .board_tab dd .issue_board span{font-size: 1em;}
    .issue_board > section > p{font-size: 1.4em;}
    
	.tabmenu .board_tab dd{padding:45px 10px 0;}
	/*.tabmenu .board_tab::after{top:38px;}*/
	.tabmenu .board_tab dd .issue_board{}
	.tabmenu .board_tab dd .more_btn{width:32px; height:32px;}
	.tabmenu .board_tab dd .issue_board::after{top:74px;}
	.tabmenu .board_tab dd .issue_board > section{}
	.tabmenu .board_tab dd .issue_board strong{margin:0 0 2px 0;}
	.tabmenu .board_tab dd .issue_board a{}
	.tabmenu .board_tab dd ul li{padding-left:0;}
	.tabmenu .board_tab dd ul a,
	.tabmenu .board_tab dd ul li span.date{padding:3px 0;}
	.tabmenu .board_tab dd ul li span:first-of-type::before{top:12px;}
    .tabmenu .board_tab dt a{font-size:1rem; line-height: 1.2;}
    .tabmenu .board_tab dt a.over{font-size: 1.1rem; line-height: 1.2;}
	.tabmenu .board_tab::after{top:30px;}
    .tabmenu .board_tab dt a.over:before{bottom: -10px;}
	.tabmenu .board_tab dd{padding:30px 10px 0;}
	.tabmenu .board_tab dd .more_btn{width:22px; height:22px; top: 0;}
	.tabmenu .board_tab dt.tab02{left: 90px;}
	.tabmenu .board_tab dt.tab03{ left: 180px;}
	.tabmenu .board_tab dt.tab04{ left: 270px;}
	.tabmenu .board_tab dt.tab05{ left: 360px;}
    .tabmenu .board_tab dd ul a,
    .tabmenu .board_tab dd ul li span.date{font-size: 1.05em;}

	/* servRight */
	.quickServ{width:100%; margin-bottom:0; padding-right:0;}
	.quickServ h4{font-size:20px; line-height:20px; margin-bottom:20px;}
	.iconServ{padding: 10px 10px 30px;}
    .iconServ > a{width: calc((100% - 40px) / 5);}
	.iconServ > a:nth-of-type(n+6){margin-top:15px;}
    .iconServ > a:before{width: 60px; height: 60px; background-size: 30px 30px;}
	.mayorCont{width:100%; margin-top: 10px;}
	
	/* sector_infor2 */
	.mediaCont{margin-bottom:20px;}
	.quickServ h4{font-size: 17px; line-height: 20px; margin-bottom: 19px; padding-top: 8px;}
    .quickServ h4:before {height: 40px;}

	/* inCont */
	.visitor_banner > a{width:100%; margin-right:0; margin-bottom:10px;}
	.visitor_banner > a > img{right:auto; left:0;}
	.visitor_banner > section{width:100%; padding:22px 7%;}
	.visitor_banner > section::after{bottom:7px;}
	
	/* relation_site */
	.relation_site li{height:40px;}
	.relation_site li a.relation_btn{line-height:2.3rem;}
	
	/* happybr */
	.happybr .js_slide{height:495px;}
	.happybr .js_slide .control{height:100%;}
	.happybr .js_slide .control .count{top:auto; bottom:122px; right:40px; font-size:12px;}
	.happybr .js_slide .control .count em{width:20px; height:20px; line-height:20px; margin-right:3px;}
	.happybr .js_slide .control a.btn_left,
	.happybr .js_slide .control a.btn_right{top:120px;}
	.happybr .js_slide .control a.btn_play,
	.happybr .js_slide .control a.btn_stop{top:auto; bottom:124px; right:15px;}
	.happybr .js_slide .move{height:384px;}
	.happybr .js_slide .move ul li .info_t{height:100%; padding-top:70px; padding-bottom:110px; box-sizing:border-box;}
	.happybr .js_slide .move ul li .info_t h4{margin-right:0; text-indent:0; text-align:center;}
	.happybr .js_slide .move ul li .info_t h4 img{max-width:330px;}
	.happybr .js_slide .move ul li .info_t .txts{position:absolute; bottom:0; left:0; width:100%; margin-top:0; padding:25px 28px 36px 28px; background-color:rgba(59, 89, 152, 0.9);}
	
	/* iconBox */
	.iconBox{overflow-x:auto; overflow-y:hidden; height:110px; padding:21px 0; background-color:#fff; border-bottom:solid 1px #c8c8c8; background-image:none; box-sizing:border-box;}
	.iconBox > article{width:640px;}
	.iconBox a{padding-top:45px;}
	.iconBox a:nth-of-type(5){background-image:url("../../images/kor/main/ic_bus2.png");}
	.iconBox a:first-of-type,
	.iconBox a:nth-of-type(2),
	.iconBox a:nth-of-type(3){background-size:auto;}
	.iconBox a:first-of-type{background-image:url("../../images/kor/main/ic_tour_potal2.png");}
	.iconBox a:nth-of-type(2){background-image:url("../../images/kor/main/ic_book2.png");}
	.iconBox a:nth-of-type(3){background-image:url("../../images/kor/main/ic_map2.png");}
	.iconBox a:nth-of-type(4){background-image:url("../../images/kor/main/ic_hotel2.png");}
	.iconBox a > span{font-size:0.95rem;color:#3b5998;}

	/* slide_area */
	#link_site_group{height:70px;}
	#link_site_group ul li{line-height:70px;}
	.slide_area .b_banner_control{top:23px;}
	#link_site_group2{height:70px;}
	#link_site_group2 ul li{line-height:70px;}
	.slide_area .b_banner_control2{top:26px;}
    
    .mayor_infor{font-size: 8px;}
    
    .popupzone{margin-top: 20px; height: 150px;}
    
    .slide_banner .box .banner_list li:after{width: 130px; height: 40px;}
    .slide_banner .newGroup{right: 83px;bottom: 7px;}
    .listNumber{padding: 2px 7px;}
    .listNumber > span{font-size: 0.8em;}
    .pointer_btn{right: 5px;}
    .slide_banner .box .pointer_btn .auto_btn a,
    .pointer_btn > .pointer a{width: 8px;height: 58px;background-size: 16px auto;} 
	.pointer_btn > .pointer a.btn_open{height: 50px;}
    .slide_banner .box .pointer_btn .auto_btn a{left: 20px;}
    .popupzone .js_slide .control{height: 40px; padding: 0 10px;}
    .popupzone .js_slide .control a[class*="btn_"]{height: 44px;width: 16px;background-size: 16px auto;}
	.popupzone .js_slide .control a.btn_open2{height: 36px}
    .popupzone .type_02 .control .count{padding: 2px 7px;}
    .popupzone .type_02 .control .count span, .popupzone .type_02 .control .count em{font-size: 0.85em;}

}
@media all and (max-width:540px) {
	/* m_visual */
	.m_visual .js_slide{height:325px;}
	.m_visual .js_slide .slogan{top:30px;}
	.m_visual .js_slide .slogan .slo_mob{width:266px;}

	/* slide_banner */
	

	/* board */
	/*.tabmenu .board_tab dt.tab02{left:23%;}
	.tabmenu .board_tab dt.tab03{left:46%;}
	.tabmenu .board_tab dt.tab04{left:71%;}*/

	/* inCont */
	.vistType > h3{height:48px; line-height:48px;}
	.vistType > h3:before{height:48px;}
	.vistType:first-of-type > h3:before{background-position: 0 8px;}
	.vistType:nth-of-type(2) > h3:before{background-position: 0 8px;}
	.vistType:nth-of-type(3) > h3:before{background-position: 0 6px;}
	.visitor_banner > a{height:auto;}
	.visitor_banner > a > img{position:static; width:100%; height:auto;}

	/* relation_site */
	.relation_site li{width:100%; padding:0 !important;}
	.relation_site li:nth-child(3){margin-bottom:8px;}

	.minwon{width:90%;height:auto;float:left;margin:0 0 15px 0;padding:20px 5% 40px 5%;}
	.minwon h4{margin:0 0 20px 0;}
	.town_hall{width:100%;height:auto;float:left;margin:0 0 15px 0;padding:0;}
	.town_hall .line{border:1px solid #cfcfcf;height:auto;padding:20px 5%;}
	.town_hall ul{float:none;background:url(../../images/kor/main/town_hall_bg.jpg) no-repeat lefttop;padding:0 0 0 35px;}
	.city_council{width:100%;height:auto;float:left;margin:0 0 104px 0;padding:0;}
	.city_council a{padding:20px 5%;}
	.city_council a p{float:none;background:url(../../images/kor/main/city_council_bg02.png) no-repeatleft top;padding:0 0 0 35px;margin:0;}
    
    .mayor_infor.mayor_infor_modify{padding: 5.5em 3em 2.5em 19em;}
}
@media all and (max-width:500px){
    .sns_list ul li a{width:35px; height:35px;}
    .sns_list ul li{margin-left: 7px;}
}
@media all and (max-width:480px){
	/* open_popup */
	#open_popup_wrap .open_popup .popup_box {max-width:255px;}
	#open_popup_wrap .open_popup .popup_box ul li{width:255px;}
	#open_popup_wrap .open_popup .popup_box ul li a img{width:auto;}
	#open_popup_wrap .open_popup a[class*="_btn"]{width:15px; height:28px; background-size:100%;}
	#open_popup_wrap .open_popup a.prev_btn{left:12px;}
	#open_popup_wrap .open_popup a.next_btn{right:12px;}
	
	/***** main container *****/

	
	/* board */
    .board{height: 290px;}
	.tabmenu .board_tab dt a{font-size:0.95rem;line-height: 1.2;}
	.tabmenu .board_tab::after{top:50px;}
	.tabmenu .board_tab dd{padding:50px 0 0;}
	.tabmenu .board_tab dd .more_btn{width:22px; height:22px;}
	.tabmenu .board_tab dt a span{display: block;}
    .tabmenu .board_tab dt a.over:before{bottom: -9px;}
	.tabmenu .board_tab dt.tab02{left: 60px;}
	.tabmenu .board_tab dt.tab03{ left: 120px;}
	.tabmenu .board_tab dt.tab04{ left: 180px;}
	.tabmenu .board_tab dt.tab05{ left: 240px;}
    .tabmenu .board_tab dd .more_btn{top: 10px;}
	
	/* servRight */
	

	.mayor_infor_bott2{position:absolute; top:200px; left:3%; width:94%; margin:0 auto;}

    
    .iconServ > a{width: calc((100% - 40px) / 4);}
	.iconServ > a:nth-of-type(n+5){margin-top:15px;}
	
	/* happybr */
	.happybr .js_slide .control a.btn_left,
	.happybr .js_slide .control a.btn_right{top:95px;}
	.happybr .js_slide .move ul li .info_t h4 img{max-width:220px;}
	.happybr .js_slide .move ul li .info_t .txts strong{line-height:20px; font-size:16px;}
	.happybr .js_slide .move ul li .info_t .txts{padding:20px 22px 36px 22px;}
	.happybr .js_slide .move ul li .info_t .txts span{line-height:19px; font-size:13px;}
}
@media all and (max-width:420px) {
    .mayor_infor{font-size: 7px;}
    .mayor_infor.mayor_infor_modify{padding: 5.5em 2em 2.5em 33%;}
}
@media all and (max-width:400px) {
	/* sns_list */
	.sns_list ul{width:200px; text-align:center;}
	.sns_list ul li:nth-child(5){margin-left: 0;}
	.sns_list ul li:nth-child(n+5){margin-top:7px;}

	

	/* servRight */
    .iconServ > a{width: calc((100% - 40px) / 3);}
	.iconServ > a:nth-of-type(n+4){margin-top:12px;}
	.iconServ > a > span{font-size:13px;}
    .mayor_infor{font-size: 6.5px;}

	/* sector_infor2 */
	.sector_infor2 .photolist{height:auto;}
	.sector_infor2 .photolist li{float:none;width:100%;}
	.sector_infor2 .photolist li:first-child{margin-bottom:6px;}
	.sector_infor2 .photolist li div{border-bottom-width:3px;}
	.sector_infor2 .photolist li a > span{height:165px;}
	.sector_infor2 .photolist li a strong{height:65px; padding:10px;}
	.sector_infor2 .photolist li a strong span:first-of-type{margin-bottom:0;}

	/* inCont */
	.visitor_banner > section::after{display:none;}
}




/***** 소스확인X *****/
#link_site_list img{vertical-align:middle;}

.pop-layer .pop-container{padding:20px 25px;}
.pop-layer p.ctxt{color:#666;line-height:25px;}
.pop-layer .btn-r{width:100%;margin:10px 0 20px;padding-top:10px;text-align:center;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;z-index:10;}
.bigDataPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.bigDataPopup .popBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity = 70);}
.bigDataPopup .pop-layer{display:block;}
a.btn-layerClose{display:inline-block;height:25px;padding:0 14px 0;border:1px solid #304a8a;background-color:#3f5a9d;font-size:13px;color:#fff;line-height:25px;}
a.btn-layerClose:hover{border:1px solid #091940;background-color:#1f326a;color:#fff;}

@media only screen and (max-width: 1400px) {
	.bottom_carousel{height:600px;}
}
@media only screen and (max-width: 1280px) {
	.mainBG article{display:none;}
	.mainBG .owl-nav{display:none;}

	.bottom_carousel{height:500px;}
}
@media only screen and (max-width: 1000px) {
	/* Footer */
	.footInfo a{width:100px;height:37px;background-size:100%;}
}	
@media only screen and (max-width:768px){
	.bottom_carousel{display:flex;flex-wrap:wrap;flex-direction:column;height:100%;position:relative;overflow:hidden;}
}




/* //////////////////////////////////////////////////////////////////////////////

    covid19

////////////////////////////////////////////////////////////////////////////// */
.covid19{background:#d4e1f4 url(../../images/kor/main/covid-bg.png) no-repeatcenter center;}
.covid19 .wrap{max-width:1240px;margin:0 auto;position:relative;box-sizing:border-box;padding:18px 0 18px 290px}
.covid19 .wrap h1{font-size:14px;font-weight:normal;position:absolute;top:20px;left:0;line-height:1.3}
.covid19 .wrap h1 em{display:none;font-size:21px;font-weight:600;color:#000}
.covid19 .wrap h1 em i{font-style:normal;color:#df4420}
.covid19 .wrap h1 span{display:block}
.covid19 .wrap:after{content:"";display:block;background:url(../../images/kor/main/covid-man.png) no-repeat 0 bottom;background-size:65px auto;width:68px;height:100%;position:absolute;left:210px;bottom:0}
.covid19 .covid-list:after{display:block;clear:both;content:""}
.covid19 .covid-list li{float:left;padding:0 3px;font-weight:600;color:#000;font-size:15px;box-sizing:border-box;text-align:center}
.covid19 .covid-list li em{font-size:16px;padding-left:20px}
.covid19 .covid-list li div{border-radius:5px;box-sizing:border-box;padding:15px 20px;background:#FFF;}
.covid19 .covid-list>li:first-child span{color:#df4420}
.covid19 .covid-list>li:nth-child(2) span{color:#2a60b1}
.covid19 .covid-list>li:last-child span{color:#15906c}
.covid19 .covid-list li ul:after{display:block;content:"";clear:both}
.covid19 .covid-list li ul li{box-sizing:border-box}
.covid19 .covid-list li ul li:first-child{border-right:1px solid #dedede;padding-right:15px;margin-right:15px}
.covid19 .num{position:absolute;right:0;top:23px;font-size:13px}
.covid19 .num span{display:block;font-weight:600;color:#000;opacity:0.9;margin:2px 0}
.covid19 .num span:before{display:inline-block;width:4px;height:4px;border-radius:50%;background:#aabad3;content:"";margin-right:7px;position:relative;top:-2px}

@media all and (max-width:1240px) {
	.covid19{background:#d4e1f4 url(../../images/kor/main/covid-bg.png) no-repeat 00;}
	.covid19 .wrap{padding:18px 10px}
	.covid19 .wrap:after{display:none}
	.covid19 .wrap h1{position:static;text-align:center;margin-bottom:7px}
	.covid19 .wrap h1 span{display:inline-block;position:relative;top:-9px}
	.covid19 .covid-list{padding-right:230px}
	.covid19 .covid-list li div{padding:12px 0}
	.covid19 .covid-list>li:first-child{width:25%}
	.covid19 .covid-list>li:nth-child(2){width:50%}
	.covid19 .covid-list>li:last-child{width:25%}
	.covid19 .covid-list li ul li{width:50%}
	.covid19 .covid-list li ul li:first-child{padding-right:0;margin-right:0}
	.covid19 .num{right:15px;top:57px}
	.covid19 .covid-list li em{padding-left:15px}
}
@media all and (max-width:970px) {
	.covid19 .covid-list{padding-right:0}
	.covid19 .num{position:static;margin-top:7px;margin-left:5px}
	.covid19 .num span{display:inline-block;margin-right:20px}
}
@media all and (max-width:740px) {
	.covid19 .covid-list>li:first-child{width:17%}
	.covid19 .covid-list>li:nth-child(2){width:63%}
	.covid19 .covid-list>li:last-child{width:20%}
}
@media all and (max-width:740px) {
	.covid19 .wrap h1{line-height:1.6}
	.covid19 .covid-list li{font-size:14px}
	.covid19 .covid-list li em{font-size:15px}
	.covid19 .covid-list>li{margin-bottom:5px}
	.covid19 .covid-list>li:first-child{width:50%}
	.covid19 .covid-list>li:nth-child(2){width:100%;position:relative;}
	.covid19 .covid-list>li:nth-child(2) em{padding-left:7px}
	.covid19 .covid-list>li:last-child{width:50%;margin-top:-106px;margin-left:50%}
}
@media all and (max-width:450px) {
	.covid19 .wrap h1 em{display:block;margin-bottom:5px}
	.covid19 .wrap h1 img{display:none}
	.covid19 .wrap:after{display:block;left:auto;right:7px}
}