@charset "utf-8";

@import url("common_2023.css?ver=230228");
@import url("header_2023.css?ver=230228");
/*@import url("contents.css");
@import url("border.css");*/


/*.intro {background:#000;}*/

/* Layout */
#wrap { position:relative; width:100%;}

#contents {height:auto; width:100%;}

#footer {width:100%; margin:0 auto; height:260px;}

.chatbot-float {
  position: fixed;
  top: 14vw;
  right: 2.2vw;
  z-index: 9999;
}

.chatbot-link {
  display: block;
  width: 100%;   /* 이미지 사이즈 */
  height: 100%;
}

.chatbot-link img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* 마우스 오버 시 바운스 */
.chatbot-link:hover img {
  animation: chatbot-bounce 0.6s ease-in-out;
}

/* 위아래 통통 튀는 키프레임 */
@keyframes chatbot-bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-6px); }
  55%  { transform: translateY(2px); }
  75%  { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
/* layer_popup */
.layer_popup{position:absolute; top:0; left:0;width:auto; height:auto; z-index:10000000000;border:#444444 solid 1px;background:#fff;}
.layer_popup .layer_popup_closed{position:absolute; bottom:0; left:0;width:100%;overflow:hidden;padding:0 0;height:30px;line-height:30px;background:rgba(0,0,0,0.8);}
.layer_popup .layer_popup_closed .fl{float:left;color:#fff;padding-left:10px; font-size:14px;}
.layer_popup .layer_popup_closed .fr{float:right;width:20%;text-align:right;color:#fff;padding-right:10px;}
.layer_popup .layer_popup_closed .fr a{color:#fff; font-size:14px;}
.layer_popup select, .layer_popup input, .layer_popup img { vertical-align:middle;}
.layer_popup .layer_popup_closed input[type="checkbox"] { display: inline-block; width:13px; height: 13px; background: #fff;
cursor: pointer; border-radius: 3px;}
.layer_popup .layer_popup_closed input[type="checkbox"]:checked { display: inline-block; width:13px; height: 13px; background: #fa3062;
cursor: pointer; border-radius: 3px;}
.layer_popup .layer_popup_in img{width:100%;}

/* skipNavi */
#skipNavi dt {position:absolute; top:0; left:-1000px;}
#skipNavi dd a {display:block; font-family:'Malgun Gothic'; font-weight:bold; position:absolute; top:0; left:-1000px; font-size:1em; text-align:center; background-color:#000; z-index:1000;} 
#skipNavi dd a:hover, 
#skipNavi dd a:active, 
#skipNavi dd a:focus{left:0; height:40px; width:100%; line-height:40px; color:#fff !important;}

/* 공통 */

.blind {display: none;}
.hidden, .hidden *{display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;}


/* header */

.hd_top {width:100%; background: #084572;}
.hd_top_inner {width:1300px; margin:0 auto;line-height: 24px; height:40px;}
.hd_top_inner ul {display: inline-block; float:left;}
.hd_top_inner ul li {float: left; padding:7px 0; margin-right:20px;}
.hd_top_inner ul li.on {border-bottom:2px solid #f58345;}
.hd_top_inner ul li a {color:#fff; font-size:14px;}
.hd_top_inner .t_right {float: right;}
.hd_top_inner .t_right a {color:#fff; padding:8px 0; font-size:14px;}

.hd_sh {display:flex; max-width: 1300px; width:100%; margin: 0 auto; padding:30px 0;}
.hd_sh h1 {float:left;}
.hd_sh .logo_t {}



@media all and (min-width:800px){
	
	
	
	.top_search{position:relative; max-width:610px; width: 100%; height:60px; margin:auto; background:#fff; border:3px solid #4c63e2; border-radius:60px; box-sizing:border-box;}
	.top_search h2{display:none;}
	.top_search input[type=text]{width:100%; padding:13px 23px 13px 30px; border:0; border-radius:60px;}
	.top_search input::-webkit-input-placeholder{font-size:0;}
	.top_search input::-ms-input-placeholder{font-size:0;}
	.top_search input[type=submit]{position:absolute; right:3px; top:0px; width:57px; height:45px; border:0; text-indent:500%; background:url(/inc/img/main/search_ic.gif) no-repeat center center;}

	.weather{position:absolute; right:20%; top:65px; max-width:300px;}
	.weather ul li{float:left; text-align:center; color:#000; font-size:14px;}
	.weather ul li.temp{position:relative; margin-right:20px; padding-right:20px;}
	.weather ul li.temp .gg1 {width:55px; height:55px; background:url(/inc/img/main/weather.png) no-repeat; background-position: 0 0;}
	.weather ul li.temp:after{content:''; position:absolute; right:0; top:10%; width:1px; height:80%; background:#d5dae2;}
	.weather ul li.temp img{float:left; padding-top:4px;}
	.weather ul li.temp div{font-size:14px;}
	.weather ul li.dust p{font-size:18px;}
	.weather ul li.dust p span{font-weight:700;}
	
	
	
}

@media screen and (max-width:799px) {
	
	.dp_pc{display:none;}
	.mb_inline{display:inline;}
	.mb_hidden, .mb_hidden *{display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}
	.wrap{min-width:320px;}
	
	

	#header .top_search h2 a{transition:.3s;}
	#header .top_search h2 a:after{content:''; position:absolute; left:8px; top:11px; width:16px; height:16px; border:2px solid #000; border-radius:100%; transition:.3s;}
	#header .top_search h2 a:before{top:24px; left:24px; height:9px; width:2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow:none;}
	#header .top_searchBox{position:absolute; left:3%; top:120px; display:none; width:94%; z-index:102;}
	#header .top_search input[type=text]{float:left; width:80%; height:65px; padding:15px; border:5px solid #3248c0; border-radius:5px 0 0 5px; box-sizing:border-box;}
	#header .top_search input[type=submit]{position:static; float:left; width:20%; height:65px; border:0; border-radius:0 5px 5px 0; background:#3248c0; color:#fff; font-size:17px; text-indent:unset;}
	#header .top_search input{border-radius:0; outline:none; box-shadow:none; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
	
	
	#nav h2{position:absolute; right:2%; top:66px; z-index:101;}
	#nav h2 a{position:relative; display:block; width:40px; height:40px; text-indent:-5000px; }
	#nav h2 a:before{content:''; position:absolute; top:13px; left:9px; width:24px; height:2px; background:#000; box-shadow:0px 7px #000, 0px 14px #000; transition:.3s;}
	#nav h2 a.close_btn:after{content:''; position:absolute; top:20px; left:8px; width:25px; height:2px; border:none; border-radius:0; background:#000; transform:rotate(45deg);}
	#nav h2 a.close_btn:before{top:20px; left:8px; width:25px; height:2px; transform:rotate(-45deg); box-shadow:none;}	
	
	
	
}

#header .gnb-wrap {border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
#header .gnb-wrap .gnb .dl{}
#header .gnb-wrap .gnb .dl{max-width:1300px; margin:0 auto;}
#header .gnb-wrap .gnb .dl:after{display:block; content:"";clear:both;}
#header .gnb-wrap .gnb .dl li{text-align: center;}

#header .gnb-wrap .gnb .dl li a{font-size:20px; font-weight:normal; color:#333; display:block; padding:24px 42px; letter-spacing:-0.035em;}
#header .gnb-wrap .gnb .dl li:last-child a{padding-right:0px;}
#header .gnb-wrap .gnb .dl li:first-child a{padding-left:0;}

#header .gnb-wrap .gnb .dl li.secs{float:left;}
#header .gnb-wrap .gnb .dl li.secs a.level1-1{position:relative;}
#header .gnb-wrap .gnb .dl li.secs:hover a.level1-1{color:#4c63e2;}
#header .gnb-wrap .gnb .dl li.secs:hover a.level1-1 span{ display:block; position:relative;}
#header .gnb-wrap .gnb .dl li.secs:hover a.level1-1 span:after{display:none;background:#4c63e2; position:Absolute; left:0; top:58px; width:100%;height:5px; content:""}


#header .gnb-wrap .gnb .dl li .sub-gnb{position:absolute; top:230px;border-top:1px solid #cecece; left:50%; width:2000px; margin-left:-1000px; height:auto; background:#fff; display:none; z-index:20; text-align:left; border-bottom:3px solid #333353; box-shadow:5px 2px 10px 0px rgba(0, 0, 0 , 0.1) inset;}
#header .gnb-wrap .gnb .dl li:nth-child(1) .sub-gnb{}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav{position:relative; padding:0px 0px 0px 250px;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit{position:absolute; top:0px; left:0px; box-sizing:border-box; padding:44px 0px; width:250px; height:100%; background:#4c63e2 url('/inc/img/main/gnb_bg.png') center 60px no-repeat;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{position:Absolute;left:0; bottom:0;width:100%;height:220px; display:block; content:""}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit:after{position:absolute; bottom:0; right:250px; width:2000px; height:100%; display:block; content:""; z-index:91; background:#4c63e2; }
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{position:relative;padding-top:20px;font-size:30px; font-weight:bold; margin-bottom:10px; color:#fff; line-height:120%; letter-spacing:-0.06em;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit:before{width:27px;height:3px;background:#fff;position:absolute; left:0; top:0; display:block; content:""}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{display:none;font-size:18px; color:#666666; line-height:120%; letter-spacing:-0.03em;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt strong{font-size:18px; color:#171787; line-height:120%; letter-spacing:-0.03em; font-weight:400;}

#header .gnb-wrap .gnb .dl li:nth-child(1) .sub-gnb .sub-gnb-wrap .nav .nav-tit{}

/*#header .gnb-wrap .gnb .dl li:nth-child(1) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg01.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(2) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg02.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(3) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg03.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(4) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg04.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(5) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg05.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(6) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg06.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(7) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg07.png) no-repeat;}
#header .gnb-wrap .gnb .dl li:nth-child(8) .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background:url(/image/new/Potal_/_Img/layout/nav-tit-bg08.png) no-repeat;}*/

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5{}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding:0px 0px 0px 205px; box-sizing:border-box; position:relative; min-height:52px;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .ppint{padding:0px 0px 0px 205px; box-sizing:border-box; position:relative; min-height:160px;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:before{background:#6476d9; box-sizing:border-box; width:205px;height:100%; position:absolute; left:0; top:0;border-bottom:1px solid #4e60c3; display:block; content:""; z-index:3;}

#header .gnb-wrap .gnb .dl li.wid .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0px 0px 0px 280px;box-sizing:border-box;position:relative;min-height:53px;}
#header .gnb-wrap .gnb .dl li.wid .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:before{background:#6476d9; box-sizing:border-box; width:290px;height:100%; position:absolute; left:0; top:0;border-bottom:1px solid #4e60c3; display:block; content:""; z-index:3;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:after{width:2000px;left:0; top:0; height:100%; box-sizing:border-box;background:#f0f0f0;border-bottom:1px solid #c4c4c4; z-index:0; display:block ;content:"" ;position:absolute;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:last-child:before{border-bottom:none;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:last-child:after{border-bottom:none;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1{position:absolute; left:0; top:0;; margin-bottom:10px; float:left; display:block; color:#fff;  padding:0px; line-height:120%; font-size:16px; padding:15px 18px; line-height:120%; z-index:5; }
/* #header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:before{position:absolute; top:50%; margin-top:-10px; right:15px; font-size:8px; content:"��";} */
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.newin span{padding-right:17px; background: url("/image/new/Potal_/_Img/layout/nw-icon.png") no-repeat right;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{z-index:5;position:relative;padding:15px 18px 10px 18px; }
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1:after{display:block; content:"";clear:both;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li{float:left;position:relative; text-align:left; padding-left:22px; margin-right:17px; margin-bottom:7px;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li:before{position:absolute; top:5px; left:10px; width:6px; height:6px; border:1px solid #ababab; box-sizing:border-box;; content:"";}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{position:relative; float:none; padding:0 20px 0 0; line-height:120%; font-size:15px; font-weight:400; letter-spacing:-0.03em;color:#333; display:block;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li.newin a span{padding-right:17px; background: url("/image/new/Potal_/_Img/layout/nw-icon.png") no-repeat right;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a.link_btn {background: url('/inc/img/main/new_link.png') right 5px no-repeat;}

#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li:hover:before{border-color:#4a88d2;}
#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li:hover a{color:#4a88d2;text-decoration:underline}

#header .mb-closebtn{width:50px;height:50px;background:url(/inc/img/main/bt-mnclose.png) no-repeat center center;background-size:100% auto;left:-400px; z-index:9123;top:158px; position:absolute;transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
#header .mb-closebtn.on{left:400px;}



/* sc01 */

.sc01 {width:1300px; margin:20px auto 0; height:390px;}

.sc01 .main_visual {float:left; height:390px; width:720px;}
.slide_wrap{position:relative;}
.slide_wrap li{overflow:hidden; height:390px;}
.slide_wrap li a {display:block;}
.slide_wrap .bx-controls-direction{position:absolute; bottom:0; right:0; height:40px;}
.slide_wrap .bx-controls-direction a{position:absolute; width:40px; height:40px; display:block; font-size:0;}
.slide_wrap .bx-controls-direction a.bx-prev{background:rgba(0,0,0,0.6) url(https://www.cheoingu.go.kr/images/v_left.png) center center no-repeat; right:183px;}
.slide_wrap .bx-controls-direction a.bx-next{background:rgba(0,0,0,0.6) url(https://www.cheoingu.go.kr/images/v_right.png) center center no-repeat; right:101px;}
.slide_wrap .bx-wrapper .bx-controls{text-align:center; font-size:0; z-index:9; bottom:0px; position:absolute; width:100%;}
.slide_wrap .bx-wrapper .bx-controls-auto {position:absolute; bottom:0; right:0; height:40px;}
.slide_wrap .bx-wrapper .bx-controls-auto a{text-indent:-9999px; width:40px; height:40px; display:block; position:absolute;}
.slide_wrap .bx-wrapper .bx-controls-auto .bx-start{background:rgba(0,0,0,0.6) url(https://www.cheoingu.go.kr/images/v_pause.png) center center no-repeat; right:142px;}
.slide_wrap .bx-wrapper .bx-controls-auto .bx-stop{background:rgba(0,0,0,0.6) url(https://www.cheoingu.go.kr/images/v_pause.png) center center no-repeat; right:142px;}
.slide_wrap .bx-wrapper .bx-controls-auto .active{display:none;}
.slide_wrap .bx-wrapper .bx-pager{background:rgba(0,0,0,0.6); width:100px; height:40px; line-height:40px; text-align:center; position:absolute; right:0; bottom:0; font-size:15px; color:#fff;}
.slide_wrap .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {display:none;}

.sc01 .qq_m {float:left; margin-left:30px; width:210px; height: 100%; padding: 0 15px; background: #134876;}
.sc01 .qq_m ul {display: inline-block; width:100%;}
.sc01 .qq_m ul li {clear: both; border-collapse: collapse; border-bottom:1px solid #426d91;}
.sc01 .qq_m ul li:last-child {border-bottom: 0;}
.sc01 .qq_m ul li a {display: flex; align-items: center; padding: 16px 0; font-size: 18px; line-height: 24px; color:#fff;}
.sc01 .qq_m ul li a:hover {font-weight: bold;}
.sc01 .qq_m ul li a::before {content: ''; display: inline-block; margin-right: 15px;}
.sc01 .qq_m ul li:nth-child(1) a::before {width: 28px; height: 28px; background: url(/inc/img/main/ico_01.png) no-repeat;}
.sc01 .qq_m ul li:nth-child(2) a::before {width: 28px; height: 42px; background: url(/inc/img/main/ico_06.png) no-repeat;}
.sc01 .qq_m ul li:nth-child(3) a::before {width: 28px; height: 27px; background: url(/inc/img/main/ico_02.png) no-repeat;}
.sc01 .qq_m ul li:nth-child(4) a::before {width: 31px; height: 30px; background: url(/inc/img/main/ico_03.png) no-repeat;}
.sc01 .qq_m ul li:nth-child(5) a::before {width: 25px; height: 34px; background: url(/inc/img/main/ico_04.png) no-repeat;}
.sc01 .qq_m ul li:nth-child(6) a::before {width: 28px; height: 25px; background: url(/inc/img/main/ico_05.png) no-repeat;}

.sc01 .gu {float:left; width:310px; margin-left:30px;}
.sc01 .gu .gu_img {height:330px; 
/*background: #f6f6f6 url('/inc/img/main/main_mayor_240105.png') no-repeat right bottom;*/
background: #f6f6f6 url('/inc/img/main/main_mayor_260107.png') no-repeat right bottom;
}
.sc01 .gu .gu_img .gu_txt {font-size: 20px; padding:30px 0 10px 30px; line-height: 1.2; letter-spacing: -1px;}
.sc01 .gu .gu_img .gu_txt strong {font-size: 34px;}
.sc01 .gu .gu_img .gu_btn {padding: 10px 0 0 28px; display: inline-block;}
.sc01 .gu .gu_img .gu_btn a {background: #b02d45; color: #fff; font-size:14px; line-height: 20px; padding:10px 20px; border-radius: 20px;}
.sc01 .gu .gu_img .gu_btn a:hover {background: #c33851;}
.sc01 .gu .gu_img .gu_btn2 {padding: 5px 0 0 28px; display: inline-block;}
.sc01 .gu .gu_img .gu_btn2 a:hover {background: #93283c;}
.sc01 .gu .gu_img .gu_btn2 a {background: #751a2b; color:#fff; font-size: 14px; line-height: 20px; margin-top:10px; padding:10px 20px; border-radius: 20px;} 

.sc01 .gu .gu_qq {margin-top:10px; padding:17px 0; background: #b02d45; width:100%;}
.sc01 .gu .gu_qq ul {display: flex; width:100%;}
.sc01 .gu .gu_qq ul li {float: left; margin: 0px 16px 0 0; padding: 0 17px 0 0; border-right: 1px solid #7e2132;}
.sc01 .gu .gu_qq ul li:first-child {margin-left:30px;}
.sc01 .gu .gu_qq ul li:last-child {border: 0;}
.sc01 .gu .gu_qq ul li a {font-size:16px; color: #fff; text-align: center;}

/* sc02 */

.sc02 {width:1300px; margin:20px auto; height:280px;}

.board{position:relative; float:left; width:720px;}
.board ul.list{position:relative; height:51px; padding-right:43px; border-bottom: 1px solid #e0e5e8;}
.board ul.list > li{float:left; width:15%;}
.board ul.list > li > a{display:block; position:relative; padding:16px 2% 11px; text-align:center; color:#000; transition-property:color; transition-duration:200ms; transition-timing-function:ease-in-out;}
.board ul.list > li.active > a, .board ul.list > li > a:hover{color:#000; background: none;}
.board ul.list > li > a:hover{text-decoration:none;}
.board ul.list > li > a:before{display:block; position:absolute; top:0; left:-1px; z-index:1; width:calc(100% + 2px); height:calc(100% + 2px); content:''; transition-property:background-color, box-shadow; transition-duration:200ms; transition-timing-function:ease-in-out;}
.board ul.list > li:first-child > a:before{overflow:hidden; width:calc(100% + 2px); left: -1px;}
.board ul.list > li:last-child > a:before{overflow:hidden;}
.board ul.list > li.active > a {background: #383f4c; color: #fff;}
.board ul.list > li.active > a:before { z-index: -1; width: 100%; left: 0;}
.board ul.list > li > a:hover:before { top: 0;}
.board ul.list > li.active > a:hover:before { top: 0;} 

.board ul.list > li.active > a:before, .board ul.list > li > a:hover:before{background-color:#fff; border-bottom:1px solid #2246ac;}

.board ul.list > li > a span{display:block; position:relative; z-index:2; line-height:22px; font-size:18px; letter-spacing:-1px; font-weight: 500;}
.board ul.list li .tabcontent{position:absolute; top:54px; left:0; width:100%; padding:0 15px;}
.board ul.list li .tabcontent ul {display: inline-block; width:100%;}
.board ul.list li .tabcontent ul li{overflow: hidden; display:flex; justify-content: space-between; align-items: center; width:100%; font-size:16px; line-height:40px; padding:4px 0; clear:both;}
/*.board ul.list li .tabcontent ul li:first-child{margin-top:15px; width:48%;}*/
.board ul.list li .tabcontent ul li a {display:inline-block; color:#222121; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:75%; font-size: 17px; float:left; letter-spacing: -0.5px;}
.board ul.list li .tabcontent ul li span.label {display: inline-block; margin-right: 7px; padding: 3px 7px; height: 35px; line-height: 30px; color:#fff;}

.sector_272 {background-color: #4172b7;}
.sector_273 {background-color: #10a5ac;}
.sector_274 {background-color: #448f88;}
.sector_275 {background-color: #30adf2;}
.sector_276 {background-color: #7db3f2;}
.sector_277 {background-color: #3a98d8;}
.sector_278 {background-color: #2fbaae;}
.sector_279 {background-color: #4795ab;}
.sector_280 {background-color: #63b8a3;}
.sector_346 {background-color: #49a355;} 
.sector_281 {background-color: #178278;}
.sector_282 {background-color: #7996c1;}
.sector_393 {background-color: #8b32b6;}

.board ul.list li .tabcontent ul li span.date {font-size: 17px; color: #888; white-space: nowrap;}
.board ul.list li .tabcontent ul li a span {float:left; width:20%;}
.board ul.list li .tabcontent ul li a:hover span:before{transform:scaleX(1);}
.board ul.list li .tabcontent ul li a .c01 {color:#e54d03; margin-right: 10px;}
.board ul.list li .tabcontent ul li a .c02 {color:#5854cb; margin-right: 10px;}
.board ul.list li .tabcontent ul li a .c03 {color:#8b32b6; margin-right: 10px;}
.board ul.list li .tabcontent ul li a .c04 {color:#d43ba7; margin-right: 10px;}
.board ul.list li .tabcontent ul li a .c05 {color:#349b54; margin-right: 10px;}
.board ul.list li .tabcontent .more{position:absolute; top:-35px; right:0; width:28px;}
.board ul.list li .tabcontent .more a{display:block; height:28px; margin:0; padding:0; border:none; color:transparent; font-size:0;}
.board ul.list li .tabcontent .more a:before{display:block; position:absolute; top:6px; left:6px; width:16px; height:16px; background-repeat:no-repeat; background-position:-210px top; background-image:url(../images/main/main_icons.png); content:'';}
.board ul.list li .tabcontent .more a:hover:before{transform:rotate(180deg); transition:transform 300ms ease-in-out;}

.tabcontent ul li a .date {padding:20px 5px; border-radius: 50px; background: #f3f5fc; display: inline-block; text-align: center; float:left;}
.tabcontent ul li a .date .dd {font-size:16px; font-weight: bold; color:#2246ac; display: inline-block; width:100%; line-height:18px;}
.tabcontent ul li a .date .yy {font-size: 20px; color:#000; padding:4px 0; display: inline-block; width:100%; line-height: 24px;}
.tabcontent ul li a .notice_tit {float: left; margin-left: 20px; font-size:18px; line-height:24px; margin-top: 10px;}
.tabcontent ul li a .notice_tit .notice_txt {font-size:14px; line-height: 20px; margin-top:10px;}




.board2{position:relative; float:left; width:550px; border:1px solid #e0e5e8; margin-left:30px;}
.board2 ul.list{position:relative; height:280px;}
.board2 ul.list > li{float:left; width:25%;}
.board2 ul.list > li > a {display:block; position:relative; background: #f5f5f5; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding:10px 2% 11px; text-align:center; color:#000; transition-property:color; transition-duration:200ms; transition-timing-function:ease-in-out;}
.board2 ul.list > li.last a {border-right: 0;}
.board2 ul.list > li.active > a, .board2 ul.list > li > a:hover{color:#fff; background: none;}
.board2 ul.list > li > a:hover{text-decoration:none; color:#000;}
.board2 ul.list > li > a:before{display:block; position:absolute; top:0; left:-1px; z-index:1; width:calc(100% + 2px); height:calc(100% + 2px); content:''; transition-property:background-color, box-shadow; transition-duration:200ms; transition-timing-function:ease-in-out;}
.board2 ul.list > li:first-child > a:before{overflow:hidden; width:calc(100% + 2px); left: -1px;}
.board2 ul.list > li:last-child > a:before{overflow:hidden;}
.board2 ul.list > li.active > a {border-top: 2px solid #b02f00; border-bottom: 0; color: #000;}
.board2 ul.list > li.active > a:before { z-index: -1; width: 100%; left: 0;}
.board2 ul.list > li > a:hover:before { top: 0;}
.board2 ul.list > li.active > a:hover:before { top: 0;}

.board2 ul.list > li.active > a:before, .board ul.list > li > a:hover:before{color:#fff;}

.board2 ul.list > li > a span{display:block; position:relative; z-index:2; line-height:22px; letter-spacing: -0.5px; font-size:18px;}
.board2 ul.list li .tabcontent2 {position:absolute; top:46px; left:0; width:100%; padding:0 20px; box-sizing:border-box;}
.board2 ul.list li .tabcontent2 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.board2 ul.list li .tabcontent2 ul li {width:45%; display: flex; align-items: center; float: left; padding:15px 0; border-bottom: 1px dashed #e0e5e8;}
.board2 ul.list li .tabcontent2 ul li::before {content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #666;}
.board2 ul.list li .tabcontent2 ul li a {display:block; line-height:0; color:#444; font-size:18px; line-height:20px;}
.board2 ul.list li .tabcontent2 ul li a:hover span:before{transform:scaleX(1);}


/* 퀵메뉴 */

.sc03 {width:1300px; margin:40px auto;}


.quick_link {}
.quick_link ul {display: flex; justify-content: space-between;}
.quick_link ul li {}
.quick_link ul li a {display: flex; flex-direction: column; align-items: center;}
.quick_link ul li a span {margin-top: 20px;}

/*
.quick{position:relative; padding:0 33px;}
.quick .quick_control button{position:absolute; top:calc(50% - 20px); width:23px; height:40px; margin:0; padding:0; border:none; color:transparent; font-size:0; transition:opacity 200ms ease-in-out; background: #fff;}
.quick .quick_control button.prev{left:0;}
.quick .quick_control button.next{right:0;}
.quick .quick_control button.slick-hidden, .quick .quick_control button.slick-disabled{opacity:0.5;}
.quick .quick_control button:before{display:block; position:absolute; top:10px; width:13px; height:20px; background-repeat:no-repeat; background-image:url(/inc/img/main/main_icons.png); content:'';}
.quick .quick_control button.prev:before{background-position:-240px top;}
.quick .quick_control button.next:before{background-position:-257px top;}


.quick .quick_list .quick_item{margin:0 7px;}
.quick .quick_list .quick_item a{display:block; position:relative; border-width:1px; font-size: 14px; border-style:solid; border-color:#d9d9d9; border-radius:5px; overflow:hidden; padding:100px 2% 20px; text-align:center; color:#333333; transition-property:border-color, color; transition-duration:200ms; transition-timing-function:ease-in-out;}
.quick .quick_list .quick_item a:hover{border-color:#3c6abf; color:#3c6abf; border-width: 2px;}
.quick .quick_list .quick_item a:hover:before{transform:rotateY(360deg); transition:transform 500ms ease-in-out;}
.quick .quick_list .quick_item a .text{display:block; line-height:18px; font-size:14px; letter-spacing:0;}

.quick .quick_list .qq01{background: url('/inc/img/main/main_icon_w01.jpg') center 20px no-repeat;} 
.quick .quick_list .qq02{background: url('/inc/img/main/main_icon_w02.jpg') center 20px no-repeat;} 
.quick .quick_list .qq03{background: url('/inc/img/main/main_icon_w03.jpg') center 20px no-repeat;} 
.quick .quick_list .qq04{background: url('/inc/img/main/main_icon_w04.jpg') center 20px no-repeat;} 
.quick .quick_list .qq05{background: url('/inc/img/main/main_icon_w05.jpg') center 20px no-repeat;} 
.quick .quick_list .qq06{background: url('/inc/img/main/main_icon_w06.jpg') center 20px no-repeat;} 
.quick .quick_list .qq07{background: url('/inc/img/main/main_icon_w07.jpg') center 20px no-repeat;} 
.quick .quick_list .qq08{background: url('/inc/img/main/main_icon_w08.jpg') center 20px no-repeat;} 
.quick .quick_list .qq09{background: url('/inc/img/main/main_icon_w09.jpg') center 20px no-repeat;} 
.quick .quick_list .qq10{background: url('/inc/img/main/main_icon_w10.jpg') center 20px no-repeat;} 
*/

/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block; overflow:hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;}
.slick-track{ position: relative; top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height:1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


/* sc04 */

.sc04 {width:1300px; margin: 60px auto; height:320px;}
.popupz{position:relative;float:left;width:320px;}
.popupz .pop_tit {font-size:20px; line-height: 24px; color:#000; padding:0 15px;}
.popupz .popupslide-control{position:absolute;right:0px;top:0px;z-index:1;}
.popupz .popupslide-control .popupslide-count{float:left;margin-right:20px;}
.popupz .popupslide-control .popupslide-count span{display:inline-block;vertical-align:top;font-size:14px;color:#999;}
.popupz .popupslide-control .popupslide-count span.count-txt{font-weight:bold;color:#000;}
.popupz .popupslide-control .popupslide-count span.line{margin:0px 5px;}
.popupz .popupslide-control .popupslide-btn{float:right;}
.popupz .popupslide-control .popupslide-btn a{display:inline-block;width:25px;height:24px;border:1px solid #ccc;background-color:#fff;margin-left:-7px;text-align:center;font-size:15px;color:#aaa;}
.popupz .popupslide-wrap{clear:both;margin-top:10px;}
.icon::before {display:block; position:absolute; top:5px; left:50px; width:13px; height:20px; background-repeat:no-repeat; background-image:url(/inc/img/main/main_icons.png); content:'';}
.icon2::before {display:block; position:absolute; top:5px; left:71px; width:13px; height:20px; background-repeat:no-repeat; background-image:url(/inc/img/main/main_icons.png); content:'';}
.icon3::before {display:block; position:absolute; top:5px; left:94px; width:11px; height:20px; background-repeat:no-repeat; background-image:url(/inc/img/main/main_icons.png); content:'';}

.ion-chevron-left::before {background-position: -119px -60px;}
.ion-chevron-right::before {background-position: -139px -60px;}
.ion-pause::before {background-position: -128px -60px;}
.hd-element {position: absolute; overflow: hidden; top:-99999999px; font-size: 0;}


.tour {margin:0 30px; float:left; width:370px;}
.tour ul {width:100%;display: flex; flex-wrap: wrap; justify-content: center;}
.tour ul li {float:left; width:47%; margin:0 5px;}
.tour .tour_tit {font-size:20px; line-height: 24px; font-weight: 500; color:#000; padding:0 15px;}
.tour ul li .tour_img {margin-top:10px; width:100%; height:135px; overflow: hidden; position: relative;}
.tour ul li .tour_img a img {width:100%; max-width: 100%;}
.tour ul li .tour_img .tour_txt {position: absolute; bottom:0; padding:10px 0; background: rgba(0,0,0,.6); font-size:16px; color:#fff; width:100%; text-align: center;}

.yongin_sns {float:left; width:550px;}
.yongin_sns .sns_tit {margin-bottom: 10px; font-size:20px; line-height: 24px; font-weight: 500; color:#000; letter-spacing: -0.5px;}
.yongin_sns .sns_list {display: flex; justify-content: space-between; margin-bottom: 20px;}
.yongin_sns .yongin_official {display: flex;}
.yongin_sns .yongin_official .item {width: 50%; margin-right: 10px;}
.yongin_sns .yongin_official .item .thumb img {width: 100%;}
.yongin_sns .yongin_official .item:last-child {margin-right: 0;}
.yongin_sns .yongin_official .item strong {display: flex; align-items: center; margin-bottom: 15px; font-weight: 500; letter-spacing: -1px;}
.yongin_sns .yongin_official .item:first-child strong::before {content: ''; display: inline-block; min-width: 34px; height: 34px; margin-right: 10px; background: url('/inc/img/main/yongin_facebook_icon.png') no-repeat;}
.yongin_sns .yongin_official .item:nth-child(2) strong::before {content: ''; display: inline-block; min-width: 34px; height: 34px; margin-right: 10px; background: url('/inc/img/main/yongin_tv_icon.png') no-repeat;}
.yongin_sns .yongin_official .item:nth-child(3) strong::before {content: ''; display: inline-block; min-width: 34px; height: 34px; margin-right: 10px; background: url('/inc/img/main/yongin_blog_icon.png') no-repeat;}

/* 용인시보도자료 */
.report {overflow-x: auto; margin-bottom: 30px;}
.report .title_wrap {display: flex; justify-content: space-between; padding: 0 10px;}
.report .title {margin-bottom: 30px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px;}
.report .title_wrap a {font-size: 13px; color: #333;}
.report .title_wrap a::after {content: ''; display: inline-block; width: 34px; height: 10px; margin-left: 8px; background: url(/inc/img/main/btn-more.png) no-repeat;}
.report .report_wrap {overflow-x: auto; overflow-y: hidden; padding:0 10px;}
.report .report_wrap ul {display: flex; width: 1280px; margin-right: 0;}
.report .report_wrap ul li {width: calc(25% - 20px); margin-right: 25px;}
.report .report_wrap ul li:last-child {margin-right: 0;}
.report .report_wrap ul li a {width: 100%;}
.report .report_wrap ul li a .thumb {height: 220px; margin-bottom: 10px;}
.report .report_wrap ul li a .thumb img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.report .report_wrap ul li a .txt_wrap strong {color: #555; font-weight: 600; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.report .report_wrap ul li a .txt_wrap .date {font-size: 15px; color: #666;}

/* 처인홍보관 */
.ch_pr {overflow-x: auto; margin-bottom: 30px;}
.ch_pr .title_wrap {display: flex; justify-content: space-between; padding: 0 10px;}
.ch_pr .title {margin-bottom: 30px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px;}
.ch_pr .title_wrap a {font-size: 13px; color: #333;}
.ch_pr .title_wrap a::after {content: ''; display: inline-block; width: 34px; height: 10px; margin-left: 8px; background: url(/inc/img/main/btn-more.png) no-repeat;}
.ch_pr .report_wrap {overflow-x: auto; overflow-y: hidden; padding:0 10px;}
.ch_pr .report_wrap ul {display: flex; width: 1280px; margin-right: 0;}
.ch_pr .report_wrap ul li {width: calc(25% - 20px); max-width: 236px; margin-right: 25px;}
.ch_pr .report_wrap ul li:last-child {margin-right: 0;}
.ch_pr .report_wrap ul li a {width: 100%;}
.ch_pr .report_wrap ul li a .thumb {height: 220px; margin-bottom: 10px;}
.ch_pr .report_wrap ul li a .thumb img {width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}
.ch_pr .report_wrap ul li a .txt_wrap strong {color: #555; font-weight: 600; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.ch_pr .report_wrap ul li a .txt_wrap .date {font-size: 15px; color: #666;}

/*
.sns {float:left; width:550px; border:1px solid #d9d9d9; padding:20px; margin-top:34px; background: url('/inc/img/main/sns_bgv.jpg')no-repeat; background-size: cover;}
.sns .sns_tit {font-size:24px; font-weight: bold; margin-top:10px; color:#fff;}
.sns .sns_txt {padding:10px 0 24px; font-size:14px; line-height: 20px; color:#fff;}
.sns .sns_tit .point_c {color:#015ebc;}
.sns ul li {width:50%; float:left; font-size:14px; padding:10px 0 21px 15%; color:#fff;}
.sns ul li.sns_icon01 {background: url('/inc/img/main/main_sns01.png')no-repeat;}
.sns ul li.sns_icon02 {background: url('/inc/img/main/main_sns03.png')no-repeat;}
.sns ul li.sns_icon03 {background: url('/inc/img/main/main_sns04.png')no-repeat;}
.sns ul li.sns_icon04 {background: url('/inc/img/main/main_sns05.png')no-repeat;}
.sns ul li.sns_icon05 {background: url('/inc/img/main/main_sns06.png')no-repeat;}
.sns ul li.sns_icon06 {background: url('/inc/img/main/main_sns02.png')no-repeat;}
*/


/*  footer */

#footer .select_wrap{width:100%; background:#383f4c; height:60px; line-height:60px;}
#footer .select_wrap .select_link{max-width:1300px; margin:0 auto; width:100%;}
#footer .select_wrap .select_link:after{display:block; content:''; clear:both;}
#footer .select_wrap .select_link .select_box{width:25%; box-sizing:border-box; border-right:1px solid #606570; float:left; position:relative;}
#footer .select_wrap .select_link .select_box:first-child{border-left: 1px solid #606570;}
#footer .select_wrap .select_link .select_box > a{font-size:16px; color:#fff; padding-left:25px; background:url(/inc/img/main/f_select.png) 90% center no-repeat; display:block;}
#footer .select_wrap .select_link .select_box > ul{border:1px solid #6a78ae; position:absolute; bottom:60px; left:0; width:100%; background:#f7fbfe; padding:10px 13px; box-sizing:border-box; line-height:18px; text-align:left; z-index:999;}
#footer .select_wrap .select_link .select_box > ul li{margin-top:10px;}
#footer .select_wrap .select_link .select_box > ul li:first-child{margin-top:0;}
#footer .select_wrap .select_link .select_box > ul li a{font-size:15px; color:#333;}


#footer .f_wrap{max-width:1300px; margin:0 auto; width:100%; box-sizing:border-box; position:relative;  
padding:40px 0 40px 320px;}
/*#footer .f_wrap .f_logo{position:absolute; left:2px; top:50%; width:186px; height:36px; margin-top:-22.5px; background: url(/inc/img/main/logo_cheoin.png) no-repeat; background-size: contain; filter: grayscale(1); opacity: 0.7;}*/
#footer .f_wrap .f_logo{position:absolute; left:2px; top:50%; width:258px; height:58px; margin-top:-22.5px; background: url(/inc/img/main/logo_footer_0.png) no-repeat; background-size: contain; filter: grayscale(1); opacity: 0.7;}
#footer .f_wrap ul{font-size:0; margin-bottom:30px;}
#footer .f_wrap ul li{display:inline-block; padding-left:25px; position:relative;}
#footer .f_wrap ul li:first-child{padding-left:0; position: initial; font-weight:bold;}
#footer .f_wrap ul li:after{display:block; content:''; clear:both; position:absolute; width:1px; height:13px; left:13px; top:50%; margin-top:-6.5px; background:#000;}
#footer .f_wrap ul li:first-child::after {display: none;}
#footer .f_wrap ul li a{font-size:14px; color:#000;}
#footer .f_wrap p{font-size:14px; color:#000; line-height:18px;}
#footer .f_wrap p.copy{margin-top:20px;}

/* 주소,연락처등 */  
.tooltip-trigger{
  position: relative;
  cursor: pointer;
  color: #555;
  font-weight: 500;
  display:inline-block;
  background: url(/inc/img/main/foot_ico.png) left center;
    min-width: 14px;
    height: 14px;
}
/* 툴팁 내용 */
.tooltip-content {
  position: absolute;
  display: none; /* 기본 숨김 */
  bottom: 120% !important;     /* trigger 아래쪽 */
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #fff;
  color: #666;
  padding: 12px 15px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  z-index: 100;
  min-width: 237px;
  max-width: 281px;
  white-space: normal;
  word-break: break-word;
  z-index:999;
}

/* 화살표 */
.tooltip-content::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* hover 시 나타나게 */
.tooltip-trigger:hover .tooltip-content {
  display: block;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}


@media all and (max-width:1199px) {
	.popupz{float:none;width:100%;}
	.popupz .popupslide-wrap ul li img{width:100%; object-fit: contain;}
	header nav .search_bar.active
}

@media all and (min-width:641px){
	.quick .quick_list .quick_item{float:left;}
}


	@media all and (max-width:1317px){
		#header .gnb-wrap .gnb .dl li.secs:first-child{margin-left:15%;}
		#header .gnb-wrap .gnb .dl li.secs{margin:0 0 0 1.1%}
		#header .gnb-wrap .gnb .dl li a{padding:42px 8px; font-size:20px;}

		#header .gnb-wrap .gnb .dl li .sub-gnb{width:1200px;margin-left:-600px;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap{width:1000px; max-width:1000px; margin:0 auto}

		
		#header .gnb-wrap .gnb .dl li:nth-child(1) .sub-gnb{height:390px;}

		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav{position:relative; padding:0px 0px 0px 200px;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit{padding-left:20px; width:200px;box-sizing:border-box;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:25px;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit:after{right:200px;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{background-size:100% auto;}

		#header .gnb-wrap .gnb .dl li:nth-child(1) .sub-gnb .sub-gnb-wrap .nav .nav-tit{height:390px;}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding-left:190px}
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:before{width:190px;}
		#header .gnb-wrap .gnb .dl li.wid .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{ padding-left:280px }
		#header .gnb-wrap .gnb .dl li.wid .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:before{width:290px;}
	}
	@media all and (min-width:1001px){
		#header .gnb-wrap .gnb .dl li .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{display:block !Important; height:auto !Important;}
		#header .mb-closebtn{display:none !Important}
		.quick .quick_list{height:140px; overflow:hidden;}
		
	}
	@media all and (max-width:1000px){
		.mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:10}
		.mask-wrap.on{display:block}
		.mb_block{display:block;}
		#mobile_4depth {display: flex; border-bottom: 1px solid #ddd; overflow-y: auto;}
		#mobile_4depth li {padding: 0.8em; font-size: 15px;}
		#header .gnb-wrap{padding: 0px;}
		.top-wrap{padding:0px;}
		.top_search {max-width: 310px;}

		#header .gnb-wrap{border:none;height:auto;box-shadow:none}

		#header .mobile-gnb{display:block; position:fixed; top:0px; left:-380px;width:380px;; height:100%;  background:#fff; z-index:999;overflow-y:auto;transition:left .3s ease;-o-transition:left .3s ease;-ms-transition:left .3s ease;-moz-transition:left .3s ease;-webkit-transition:left .3s ease;z-index:99999}
		#header .mobile-gnb.on{left:0; }
		#header .mobile-gnb .dl{ padding-right:230px;}
		#header .mobile-gnb .dl:before{width:150px; height:100%;background:#315d96; position:absolute; left:0; top:0; display:block; content:"";z-index:-1;}
		#header .mobile-gnb .dl li{}
		
		#header .mobile-gnb .dl li.secs:nth-child(n+2){border-top:1px solid #5a7dab}
		#header .mobile-gnb .dl li a{display:block; padding:15px 15px 15px 15px}
		#header .mobile-gnb .dl li a.level1-1{position:relative; font-size:17px; background:#315d96; color:#fff;}
		#header .mobile-gnb .dl li a.level1-1.on{background:#223757;}
		/* #header .mobile-gnb .dl li a.level1-1:after{content:"+"; color:#fff; font-size:32px; position:absolute; right:20px; top:50%; line-height:50px; margin-top:-25px; font-weight:100;}
		#header .mobile-gnb .dl li a.level1-1.on:after{content:"-"; font-size:46px; font-weight:400; color:#fff;} */

		#header .mobile-gnb .dl li .m-sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none;}
		
		#header .mobile-gnb .dl li.secs.over .m-sub-gnb{display:block;}
		#header .mobile-gnb .dl li .m-sub-gnb{display:none; background:#fff; position:absolute; right:0; top:0; width:230px; height:100%; overflow-y:auto;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1{position:relative; display:block;letter-spacing:-0.03em; padding:15px 20px 15px 20px; border-bottom:1px solid #d1d1d1; color:#000; font-size:16px; font-family:'NotoKrR','Malgun Gothic',sans-serif;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1.on{background:#5c7fad; color:#fff;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1:after{content:"+"; color:#a3a3a3; font-size:22px; position:absolute; right:20px; top:50%; line-height:50px; margin-top:-25px; font-weight:100;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1.on:after{content:"-"; font-size:26px; font-weight:400; color:#fff;}

		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1{display:none; background:#f7f7f7; padding:10px 20px; border-bottom:1px solid #d1d1d1; font-size:16px; font-family:'NotoKrR','Malgun Gothic',sans-serif;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li{position:relative; }
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li:last-child{border-bottom:none;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 > li:before{position:absolute; top:14px; left:0; width:4px; height:4px; border:1px solid #ababab; box-sizing:border-box;; content:"";}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a{position:relative; letter-spacing:-0.03em;float:none; padding:8px 0 8px 10px;; line-height:120%; font-size:15px; font-weight:400; letter-spacing:-0.03em;color:#333; display:block;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li.newin a span{padding-right:17px; background: url("/image/new/Potal_/_Img/layout/nw-icon.png") no-repeat right;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li > ul {padding: 10px; background: #fff; border-top: 1px solid #1a4496;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li > ul > li > a {font-size: 13px; color: #444; display: block; padding-left: 10px; font-size: 12px; background: url(/images/sub/menu_bullet.jpg) left center no-repeat;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li:hover:before{border-color:#4a88d2;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li:hover a{color:#4a88d2;text-decoration:underline}
		
		.hd_sh {width:100%; height:110px;}
		.hd_top_inner {width:98%; padding:0 1%;}
		
		#footer .f_wrap{padding:30px 10px 50px; text-align:center;}
		#footer .f_wrap .f_logo{display:none}	
		#footer .f_wrap ul li.m_hide{display:none;}		

		.sc01 {width:100%; display: inline-block; height:auto;}
		.sc01 .main_visual {width:100%;}
		.sc01 .qq_m {width:100%; margin:10px 0;}
		.sc01 .qq_m ul {display: flex; flex-direction: row; flex-wrap: wrap;}
		.sc01 .qq_m ul li {width:50%; float:left; clear: none;}
		.sc01 .qq_m ul li a {font-size: 16px; padding: 20px 0;}
		.sc01 .gu {width:100%; margin:0;}
		.sc01 .gu .gu_img {height: 370px; background-size: 43%;}
		.sc01 .gu .gu_qq ul li {width: 28%;}
		

		.sc02 {width:100%; height:auto; display: inline-block;}
		.board {width:100%; height: 315px; margin:0;}
		.board2 {width: 100%; margin:10px 0 0;}
        .board2 ul.list {height: 250px;}

		.sc03 {width:100%; height: auto; display: inline-block; margin: 20px 0;}

		.sc04 {width:100%; display: inline-block; height: auto; margin:0 0 20px;}

		.tour {width:100%; margin:10px 0;}
		.tour .tour_img {width:49%; height:270px;}
		.tour .tour_img a img {max-width: 100%; width: 100%; height: 270px;}

		.yongin_sns {width: 100%; padding: 0 20px;}

		.quick_link ul {flex-wrap: wrap;}
		.quick_link ul li {width: 25%; margin-bottom: 20px;}

		.tour ul li {width:47%;}
		.tour ul li .tour_img {margin-top:5px;}


	}
	@media all and (max-width:680px){
		.chatbot-float{bottom:29vw; top:auto;}
		.sc01 .gu .gu_img {background-size: 60%;}

		.weather {display:none;}
		.hd_sh h1 {width:30%;}
		.hd_sh .logo_t {width:30%; right: 36% !important;}
		.sc02 {margin: 10px auto;}
		.board ul.list li .tabcontent ul li a {font-size: 16px;}
		#header .mobile-gnb .dl:before{width:110px;}
		#header .mobile-gnb.on{width:290px;}
		#header .mobile-gnb .dl{ padding-right:180px;}
		#header .mobile-gnb .dl li a{display:block; padding:12px 10px 12px 10px}
		#header .mobile-gnb .dl li a.level1-1{font-size:14px; color:#fff;}
		#header .mobile-gnb .dl li a.open{font-size:14px; color:#fff;}
		/* #header .mobile-gnb .dl li a.level1-1:after{font-size:28px;}
		#header .mobile-gnb .dl li a.level1-1.on:after{font-size:36px;} */
		#header .mobile-gnb .dl li .m-sub-gnb{width:180px}
		
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1{padding:12px 15px 12px 15px; font-size:15px;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1:after{right:15px;}

		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1{padding:5px 10px 5px 15px; font-size:13px;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li{position:relative;}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li:before{top:10px}
		#header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a{padding:5px 0 5px 10px; font-size:13px;}
		#header .mb-closebtn{left:-300px;top: 152px;}
		#header .mb-closebtn.on{left:300px;}
		
		#footer .select_wrap{width:100%; height:auto; line-height:50px;}	
		#footer .select_wrap .select_link .select_box{width:100%; border:0; float:none; border-top:1px solid #ccc; box-sizing:border-box; height:50px; line-height:50px;}
		#footer .select_wrap .select_link .select_box:first-child{border-left:1px solid #ccc; border-top:0;}
		#footer .select_wrap .select_link .select_box > ul{bottom:50px;}	
		
		.mb_none {display: none !important;}
		
		.sc01 {width:100%; height:auto; display:inline-block; margin:0 auto;}
		.sc01 .main_visual {height:auto;}
		.sc01 .qq_m {width:100%; margin:10px 0;}
		.sc01 .gu {width:100%; margin:10px 0;}
		.sc01 .gu .gu_qq ul li a {font-size:16px;}
		.sc01 .gu .gu_img { height:240px;}


		.sc02 {width:100%; height:auto; display: inline-block;}
		.board {width:100%; height: 265px; margin:0 0 20px;}
		.board ul.list {height: 47px;}
		.board2 ul.list li .tabcontent2 ul li {padding: 10px 0;}
		.board ul.list > li > a span {font-size:16px; line-height: 18px;}
		.board ul.list li .tabcontent ul li {font-size: 12px;}
		.board2 {width:100%; margin:0;}
		.board2 ul.list > li > a span {font-size:16px; line-height: 18px;}
		.board ul.list li .tabcontent .more {right:-12px;}
		.board ul.list li .tabcontent ul li:first-child {width:100%; margin-top:5px;}
		.board ul.list li .tabcontent ul li {width: 100%; margin-top:4px; line-height: 25px;}
		.board ul.list li .tabcontent ul li a {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
		.board2 ul.list li .tabcontent2 ul li {margin-top:4px;}
		.board2 ul.list li .tabcontent2 ul li a {font-size:16px;}
		.board ul.list li .tabcontent ul li span.date {font-size: 14px;}
		
		
		.sc03 {width:100%; height:auto;}

    .quick_link ul li a {margin-right: 5px; font-size: 14px;}

		.quick .quick_list .quick_item {width: 100px !important; margin: 4px 7px;}
		.quick .quick_list .quick_item a {font-size:12px; height:126px;}
		
		
		.sc04 {width:100%; height:auto; display:inline-block; margin:30px 0 10px;}
		.tour {width:100%; margin:30px 0 0; height: auto;}
		.sns {width:100%; margin:5px 0; padding:10px;}
    .yongin_sns {width: 100%; padding: 0 15px;}
		.tour .tour_img {width:100%; height:auto; margin:10px 0;}
		.tour ul li {width:47%;}
		
		
		
	}

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


	@media all and (max-width:480px){
		
		.top_searchBox{top:120px;}
		#header .mb-closebtn{width:44px;height:44px;}
    .yongin_sns .sns_list {}
    .yongin_sns .sns_list li a {text-align: center; margin-bottom: 15px; margin-right: 5px;}
    .yongin_sns .yongin_official .item strong {font-size: 14px;}

	}

#header .toggle{display:none;}
	@media all and (max-width:1200px){
		#header h1.t-logo{ left:20px;}
		#header h1.t-logo a{width:120px; background-size:100% auto;}
		#header .taegeuk{width:40px ;background-size:100% auto; left:140px;}
	
	}
	@media all and (max-width:1000px){
		#header{background:#fff;height: 150px;border-bottom:1px solid #223757;}
		#header h1.t-logo{top: 82px;left:15px;}
		#header .toggle{display:block;position:absolute;top: 70px;right:10px;width:46px;height:46px;background:url("/inc/img/main/bt-mnall.png") no-repeat center #315d96;border-radius:5px;cursor:pointer;z-index:20;}
		.hd_sh .logo_t {margin-right: 60px;}
		}
	@media all and (max-width:680px){
		#header .toggle{top:70px; right:67px; }
	
		#header{height: 139px;}
		#header .toggle{width:38px;height:38px;top: 70px;right:57px;background-size:18px auto;}
		#header{background:#fff;height: 141px;border-bottom:1px solid #223757;}
	}