@charset "utf-8";

/* Animation */
.user #wrap,
.user .layout,
.user .top_btn,
.user #slide_map .inner .binds .toputil .join li.language a span:after,
.user #slide_map .inner .binds .toputil .join li.language ul li a,
.user #slide_map .inner .binds ul li a,
.user #slide_map .inner .binds ul li a:after,
.user #slide_map .inner .binds ul li a:before,
.user #header,
.user #header:before,
.user #header:after,
.user #header h1,
.user #header h1 a,
.user #header h1 a img,
.user #header #global,
.user #header #global .site_link .join li a,
.user #header #global .site_link .join li.language a span:after,
.user #header #global .allmenu_btn,
.user #header .js_menu ul,
.user #header .js_menu ul li,
.user #header .js_menu ul li a,
#sub #container #remote .js_menu.select .js_menu_select,
#sub #container #remote .js_menu.select .home,
#sub #container #remote .gongu_btn,
#sub #container #remote .print_btn,
.user #footer,
.user #footer:after,
.user #footer .layout,
.user #footer .menu,
.user #footer .menu li,
.user #footer .menu li a,
.user #footer .relate_site,
.user #footer .relate_site li,
.user #footer .relate_site li a,
.user #footer .relate_site li a:after,
.user #footer address,
.user #footer address span,
.user #footer p,
.user #footer .certifi_mark,
.user #footer .certifi_mark img,
.user #footer .certifi_mark a,
#sub.user #visual,
#sub.user #container,
#txt h3.title
{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}


/* layout */
body{position:relative; width:100%;}
body.fixed {position:fixed;}
.js_mobile_check{display:none;}
.user #wrap {position:relative; overflow:hidden;}
.user .layout {position:relative; max-width:1240px; margin:0 auto; box-sizing:border-box;}
.user .layout:after {content:""; display:block; clear:both;}
.user .top_btn {display:none; width:44px; height:44px; line-height:44px; opacity:0.6; -webkit-opacity:0.6; font-size:14px; border:1px solid #fff; text-decoration:none; background:#333; text-align:center; overflow:hidden; position:fixed; right:40px; bottom:48px; z-index:101; color:#fff;}

/* header */
.user #slide_map {display:none;}
.user #header {position:relative; left:0; top:0; z-index:990; width:100%; height:100px; padding-top:40px; background-color:#fff;} 
.user #header:before {content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:40px; z-index:2; opacity:0; -webkit-opacity:0;}
.user #header h1 {position:absolute; left:50%; top:71px; z-index:999; width:233px; height:39px; margin-left:-620px;} 
.user #header h1 a{display:block; height:100%; background-repeat:no-repeat; background-size:100% auto !important; overflow:hidden; text-indent:-9999px;}

.user #header h1.seoul a{background-image:url(../../images/area/layout/logo_seoul.png);}
.user #header h1.busan a{background-image:url(../../images/area/layout/logo_busan.png);}
.user #header h1.chungbuk a{background-image:url(../../images/area/layout/logo_chungbuk.png);}
.user #header h1.daegu a{background-image:url(../../images/area/layout/logo_daegu.png);}
.user #header h1.daejeon a{background-image:url(../../images/area/layout/logo_daejeon.png);}
.user #header h1.gangwon a{background-image:url(../../images/area/layout/logo_gangwon.png);}
.user #header h1.gwangju a{background-image:url(../../images/area/layout/logo_gwangju.png);}
.user #header h1.gyeonggi a{background-image:url(../../images/area/layout/logo_gyeonggi.png);}
.user #header h1.gyeongnam a{background-image:url(../../images/area/layout/logo_gyeongnam.png);}
.user #header h1.incheon a{background-image:url(../../images/area/layout/logo_incheon.png);}
.user #header h1.jeju a{background-image:url(../../images/area/layout/logo_jeju.png);}
.user #header h1.jeonbuk a{background-image:url(../../images/area/layout/logo_jeonbuk.png);}
.user #header h1.ngyeonggi a{background-image:url(../../images/area/layout/logo_ngyeonggi.png);}

.user #header #global{position:absolute; left:0; top:0; width:100%; background-color:#1b1b1b;}
.user #header #global .site_link{float:right; position:relative; z-index:201;}
.user #header #global .site_link ul{overflow: hidden;}
.user #header #global .site_link .join li{position:relative; float:left;}
.user #header #global .site_link .join li:after{content:"ㆍ"; display:inline-block; vertical-align:middle; color:#fff;}
.user #header #global .site_link .join li:last-child:after{display: none;}
.user #header #global .site_link .join li a{display:inline-block; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#fff; box-sizing:border-box;}
.user #header #global .site_link .join li a span{display:inline-block; padding-right:16px; position:relative;}
.user #header #global .site_link .join li a span:after{content:""; display:block; position:absolute; right:0; top:50%; margin-top:-1px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #fff;}
.user #header #global .site_link .join li a.on span:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user #header #global .allmenu_btn{overflow: hidden; display:none; position:absolute; right:20px; top:30px; z-index:101; width:25px; height:20px; background:url(../../images/area/layout/allmenu_ico.png) no-repeat center center; text-indent:-2000px;}

.user #header .js_menu{width:100%; height:100px; position:relative; z-index:51; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.user #header .js_menu .blind{content:""; display:none; width:100%; height:100%; position:fixed; left:0; top:140px; background:#000; opacity:0.8; -webkit-opacity:0.8;}
.user #header .js_menu #blind{display:none; overflow:hidden; position:absolute; left:0; top:100px; z-index:1; width:100%; height:0; background:#fff; border-top:1px solid #dcdcdc; box-sizing:border-box;}
.user #header .tmenu_bx{position:absolute; top:0; left:0; z-index:10; width:50%; height:100%; background-color:#f8f8f8; background-image: url(../../images/area/layout/tmenu_bg.jpg); background-repeat:no-repeat; background-position:right 18% bottom;}
.user #header .tmenu_ti{position:absolute; top:155px; left:0; z-index:11; font-size:22px; font-family:"Nanum Square"; color:#1d5ba2;}
.user #header .tmenu_ti span{display: block; font-size:17px; font-family:"Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif; color:#656565;}

.user #header .js_menu ul{width:auto; position:relative; z-index:20; box-sizing:border-box; padding:0 0 0 485px; max-width:1240px; width:auto; margin:0 auto;}
.user #header .js_menu ul:after{content:""; display:block; clear:both;}
.user #header .js_menu ul li{float:left; width:25%; box-sizing:border-box; height:100%;}
.user #header .js_menu ul li:nth-child(8){display:none;}
.user #header .js_menu ul li a{display:block; height:100px; padding:34px 15px; box-sizing:border-box; font-size:22px; line-height:28px; text-align:center; text-decoration:none; position:relative; color:#000;}
.user #header .js_menu ul li a span{display:inline-block; vertical-align:top; font-family:"Nanum Square"; font-weight:700;}

.user #header .js_menu ul li a.on,
.user #header .js_menu ul li a:hover,
.user #header .js_menu ul li a:active{color:#009876;}
.user #header .js_menu ul li ul{padding:0; max-width:100%; background-color:#fff; border-top:1px solid #dcdcdc; border-right:1px solid #eee; padding:20px 40px;}
.user #header .js_menu ul li:first-child ul{border-left:1px solid #eee;}
.user #header .js_menu ul li ul li{width:auto; float:none; height:auto;}
.user #header .js_menu ul li ul li:nth-child(8){display:block;}
.user #header .js_menu ul li ul li:first-child{background:none;}
.user #header .js_menu ul li ul li a{font-size:15px; line-height:19px; text-align:left; height:auto; padding:6px 0; display:inline-block; background:none;}
.user #header .js_menu ul li ul li a span{font-family:"Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
.user #header .js_menu ul li ul li a.on,
.user #header .js_menu ul li ul li a:hover,
.user #header .js_menu ul li ul li a:active{color:#009e68; text-decoration:underline;}
.user #header .js_menu ul li ul li a.on:after,
.user #header .js_menu ul li ul li a:hover:after,
.user #header .js_menu ul li ul li a:active:after{background:#009e68;}
/*스크롤할때 global숨기기
.user #header.on{padding-top:0;} 
.user #header.on:before{opacity:0; -webkit-opacity:0;}
.user #header.on:after{opacity:0.9; -webkit-opacity:0.9; background:#425862;}
.user #header.on h1{top:22px;}
.user #header.on #global{top:-50px;}
.user #header.on #global .search_btn{top:74px;}
.user #header.on #global .allmenu_btn{top:74px;}
.user #header.on .js_menu ul li a{padding:25px 0;}*/

/* visual */
#sub.user #visual{overflow:hidden; position:relative; height:260px; box-sizing:border-box;}
#sub.user #visual:before{content:""; position:absolute; left:0; top:0; z-index:2; display: block; width:100%; height:100%; background:url(../../images/area/layout/sub_visual_pattern.png) repeat left top; opacity:0.6;}
#sub.user #visual:after{content:""; position:absolute; left:0; top:0; z-index:1; display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center bottom;}
#sub.user #visual.seoul_vi:after{background-image:url(../../images/area/layout/sub_visual_seoul.jpg); background-position:right bottom;}
#sub.user #visual.chungbuk_vi:after{background-image:url(../../images/area/layout/sub_visual_chungbuk.jpg); background-position:left 25% bottom;}
#sub.user #visual.daegu_vi:after{background-image:url(../../images/area/layout/sub_visual_daegu.jpg);}
#sub.user #visual.daejeon_vi:after{background-image:url(../../images/area/layout/sub_visual_daejeon.jpg);}
#sub.user #visual.gangwon_vi:after{background-image:url(../../images/area/layout/sub_visual_gangwon.jpg);}
#sub.user #visual.gwangju_vi:after{background-image:url(../../images/area/layout/sub_visual_gwangju.jpg);}
#sub.user #visual.gyeonggi_vi:after{background-image:url(../../images/area/layout/sub_visual_gyeonggi.jpg);}
#sub.user #visual.gyeongnam_vi:after{background-image:url(../../images/area/layout/sub_visual_gyeongnam.jpg);}
#sub.user #visual.incheon_vi:after{background-image:url(../../images/area/layout/sub_visual_incheon.jpg); background-position:right bottom;}
#sub.user #visual.jeju_vi:after{background-image:url(../../images/area/layout/sub_visual_jeju.jpg); background-position:right bottom;}
#sub.user #visual.jeonbuk_vi:after{background-image:url(../../images/area/layout/sub_visual_jeonbuk.jpg);}
#sub.user #visual.busan_vi:after{background-image:url(../../images/area/layout/sub_visual_busan.jpg);}
#sub.user #visual.ngyeonggi_vi:after{background-image:url(../../images/area/layout/sub_visual_ngyeonggi.jpg);}

#sub.user #visual h2{position:relative; z-index:2; padding-top:80px; font-size:40px; font-weight:700; font-family:"Nanum Square"; line-height:44px; text-align:center; text-shadow:2px 2px 4px rgba(0,0,0,0.3); color:#fff;}

/* container */
#sub.user #container{}
#sub.user #container #content{position:relative; padding:60px 0;}
#sub.user #container #txt{width:100%; min-height:400px;} 
#txt h3{font-size:30px; line-height:36px; margin:0 0 60px 0; font-family:"Nanum Square"; font-weight:700; text-align:center; color:#1e1e1e;}
#txt h3:before{content:""; display: block; width:25px; height:4px; margin:0 auto 8px; background-color:#03a78e;}

/*네비게이션바*/
#sub #container #remote{position:relative; z-index:21; width:auto; max-width:1240px; margin:-60px auto 0 auto; border-bottom:1px solid #e0e0e0;}
#sub #container #remote .layout{overflow:visible;}
#sub #container #remote .js_menu.select{position:relative; z-index:100; width:100%; margin:0; background-color:#fff; border:none; z-index:1;}

#sub #container #remote .js_menu.select .home{
	overflow:hidden; float:left; width:60px; height:60px; background-color:#00957c; background-image:url(../../images/area/layout/remote_home.png); background-repeat:no-repeat; background-position:center center; text-align:center; text-indent:-2000px;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub #container #remote .js_menu.select .home:hover{background-color:#085c4d;}

#sub #container #remote .js_menu.select .js_menu_select{position:relative; float:left; width:210px; height:60px; padding:0 20px; border-right:1px solid #e0e0e0; box-sizing:border-box;}
#sub #container #remote .js_menu.select .js_menu_select strong a{overflow: hidden; position:relative; display:block; width:100%; line-height:60px; padding-right:24px; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:300; box-sizing:border-box;}
#sub #container #remote .js_menu.select .js_menu_select strong a:after{content:""; position:absolute; top:50%; right:0; width:14px; height:14px; margin-top:-7px; background-image:url(../../images/area/layout/remote_plus.png); background-repeat:no-repeat; background-position:center center; background-size:100%;}
#sub #container #remote .js_menu.select .js_menu_select strong a.on:after{background-image: url(../../images/area/layout/remote_mius.png);}
#sub #container #remote .js_menu.select .js_menu_select strong a:hover,
#sub #container #remote .js_menu.select .js_menu_select strong a:link,
#sub #container #remote .js_menu.select .js_menu_select strong a:active,
#sub #container #remote .js_menu.select .js_menu_select strong a:visited{text-decoration:none;}

#sub #container #remote .js_menu.select .js_menu_select ul{display:none; position:absolute; left:0; top:60px; width:100%; margin-left:-1px; background:#fff; border:1px solid #e0e0e0;}
#sub #container #remote .js_menu.select .js_menu_select ul li{display:table; width:100%; height:60px; border-top:1px solid #e0e0e0;}
#sub #container #remote .js_menu.select .js_menu_select ul li:first-child{border-top:0;}
#sub #container #remote .js_menu.select .js_menu_select ul li a{
	position:relative; display:table-cell;  width:100%; height:100%; line-height:20px; padding:0 20px; text-decoration:none; vertical-align:middle;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}
#sub #container #remote .js_menu.select .js_menu_select ul li a:hover{background-color:#e7e6e6;}
#sub #container #remote .js_menu.select .js_menu_select ul li a:hover:before{background-color:#fff;}

#sub #container #remote .gongu_btn,
#sub #container #remote .print_btn{
	display:block; position:absolute; top:0; z-index:30; width:60px; height:60px; background-color:#9f9b9b;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}
#sub #container #remote .gongu_btn:hover,
#sub #container #remote .print_btn:hover{background-color:#7e7e7e;}
#sub #container #remote .gongu_btn{right:60px;}
#sub #container #remote .print_btn{right:0; border-left:1px solid #c5c3c3; box-sizing:border-box;}
#sub #container #remote .gongu_btn .gongu,
#sub #container #remote .print_btn .print{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px;}
#sub #container #remote .gongu_btn .gongu:before,
#sub #container #remote .print_btn .print:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub #container #remote .gongu_btn .gongu:before{background-image:url(../../images/area/layout/sns_share_off.png);}
#sub #container #remote .print_btn .print:before{background-image:url(../../images/area/layout/print_ico.png);}

#sub #container .gongu_btn .sharebox{display:none; position:absolute; right:0; top:60px;}
#sub #container .gongu_btn .sharebox a{overflow:hidden; display:block; width:60px; height:60px; padding:0; text-indent:-1000px; background-color:#ccc; background-position:center center; background-repeat:no-repeat;}
#sub #container .gongu_btn .sharebox a.t{background-color:#28a9e0; background-image:url(../../images/area/layout/remote_t.png);}
#sub #container .gongu_btn .sharebox a.f{background-color:#375cb5; background-image:url(../../images/area/layout/remote_f.png);}
#sub #container #remote .gongu_btn.share_on .gongu:before{background-image: url(../../images/area/layout/sns_share_on.png);}
#sub #container #remote .gongu_btn.share_on .sharebox{display:block;}

#sub #container .gongu_btn .sharebox a.t:hover{background-color:#2290bf;}
#sub #container .gongu_btn .sharebox a.f:hover{background-color:#2c4a91;}


/* footer */
.user #footer {background:#2f2f2f; position:relative; z-index:20;}
.user #footer:after {content:""; display:block; width:100%; height:1px; background:#595959; position:absolute; left:0; top:70px;}
.user #footer .menu {height:auto; padding:20px 0; box-sizing:border-box;}
.user #footer .menu:after {content:""; display:block; clear:both;}
.user #footer .menu li {float:left; position:relative; margin:0 0 0 20px;}
.user #footer .menu li:first-child {margin:0;}
.user #footer .menu li a {display:block; color:#a5a5a5; height:30px; line-height:30px;}
.user #footer .menu li:first-child a {color:#d5d5d5;}

.user #footer .info{position:relative; width:100%; height:auto; padding:30px 34% 50px 110px; box-sizing:border-box;}
.user #footer .info img.ft_logo{position:absolute; top:30px; left:0;}
.user #footer .relate_site {position:absolute; right:0; top:16px; z-index:5;}
.user #footer .relate_site:after {content:""; display:block; clear:both;}
.user #footer .relate_site li{float:left; width:180px; margin-left:7px; position:relative;}
.user #footer .relate_site li:first-child{margin-left:0;}
.user #footer .relate_site li a {display:block; box-sizing:border-box; text-decoration:none; padding:0 7%; font-size:14px; height:38px; position:relative; border:1px solid #4e4e4e; line-height:37px; color:#b8b8b8;}
.user #footer .relate_site li a:after {content:""; display:block; position:absolute; right:7%; top:50%; margin-top:-2px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:5px solid #b8b8b8;}
.user #footer .relate_site li a.on:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.user #footer .relate_site li ul {margin:0; box-sizing:border-box; border:1px solid #4e4e4e; position:absolute; left:0; bottom:37px; z-index:200; background:#2f2f2f; width:100%; display:none; max-height:210px; overflow:auto;}
.user #footer .relate_site li ul li {display:block; margin:0; border-bottom:1px solid #525259; float:none; width:auto;}
.user #footer .relate_site li ul li a {width:auto; border:0; padding:8px 7%; height:auto; color:#d2d2d2; font-size:13px; line-height:18px;}
.user #footer .relate_site li ul li a:after {display:none;}
.user #footer .relate_site li ul li a:hover,
.user #footer .relate_site li ul li a:active {background:#1b1b1b;}
.user #footer address,
.user #footer .copyright {display:block; font-style:normal; color:#a5a5a5; font-size:14px; line-height:18px;}
.user #footer .copyright {font-size:13px;}
.user #footer address span {display:inline-block; margin-right:10px;}
.user #footer address a {color:#a5a5a5; text-decoration:none;}
.user #footer .copyright {margin-top:3px;}
.user #footer .copyright span {display:inline-block;}
.user #footer .certifi_mark {position:absolute; right:0; top:30px;}
.user #footer .certifi_mark img {display:block; float:left; margin-left:10px;}
.user #footer .certifi_mark img:first-child {margin:0;}
.user #footer .certifi_mark a {float:left; margin-left:10px; display:block;}






/*main contents*/
#main.user #container a.arrows,
#main.user #visual,
#main.user #visual .vi_wrap,
#main.user #visual .vi_wrap em,
#sec01 .box1 ul li,
#sec01 .box1 .more_btn,
#sec01 .centers,
#sec01 .centers ul li,
#sec01 .centers ul li a,
#sec01 .intro,
#sec01 .box1 ul li a .photos img,
#sec03 .mapbx .info ul li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}


#main.user #container{overflow: hidden; min-height:600px; background:url(../../images/area/layout/main_bg.jpg) repeat left top;}
#main.user #container #content{padding:50px 0;}
/*타이틀*/
#main.user #container .titles{display: block; line-height:24px; padding-bottom:17px; font-family:"Nanum Square"; font-size:20px; color:#fff;}
/*화살표버튼 공통*/
#main.user #container a.arrows{display: block; background-image:url(../../images/area/layout/main_btn_arrow.png); background-repeat:no-repeat; background-position:right 10px center; box-sizing:border-box;}
#main.user #container a.arrows:hover{background-image: url(../../images/area/layout/main_btn_arrow_ov.png); border:1px solid #fff; text-decoration:none;}
#main.user #container a.arrows strong{display: block; line-height:16px; font-size:14px; font-weight:400; color:#fff;}
#main.user #container #visual,
#sec01,
#sec02,
#sec03{float:left;}

/*visual*/
#main.user #visual{width:40%; height:505px; padding-right:20px; box-sizing:border-box;}
#main.user #visual .vi_wrap{width:100%; height:100%; padding:70px 14%; background-repeat:no-repeat; background-position:center bottom; background-size:cover; box-sizing:border-box;}

#main.user #visual.seoul_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_seoul.jpg); background-position:right bottom;}
#main.user #visual.busan_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_busan.jpg);}
#main.user #visual.chungbuk_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_chungbuk.jpg);}
#main.user #visual.daegu_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_daegu.jpg);}
#main.user #visual.daejeon_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_daejeon.jpg);}
#main.user #visual.gangwon_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_gangwon.jpg);}
#main.user #visual.gwangju_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_gwangju.jpg);}
#main.user #visual.gyeonggi_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_gyeonggi_2021.jpg);}
#main.user #visual.gyeongnam_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_gyeongnam.jpg);}
#main.user #visual.incheon_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_incheon.jpg); background-position:right bottom;}
#main.user #visual.jeju_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_jeju.jpg); background-position:right bottom;}
#main.user #visual.jeonbuk_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_jeonbuk.jpg);}
#main.user #visual.ngyeonggi_vi .vi_wrap{background-image: url(../../images/area/layout/main_visual_ngyeonggi_2022.jpg);}

#main.user #visual .vi_wrap em{
	display:inline-block; max-width:150px; height:26px; line-height:26px; margin-top:20px; padding:0 12px; background-color:rgba(49,56,75,0.8); font-size:14px; font-style:normal; font-weight:100; text-align:center; color:#fff;
	border-radius:30px;
	-webkit-border-radius:30px;
}
#main.user #visual.daejeon_vi .vi_wrap em{background-color:rgba(6,115,160,0.8);}
#main.user #visual.seoul_vi .vi_wrap em:before{content:"서울경기북부";}
#main.user #visual.busan_vi .vi_wrap em:before{content:"부산울산";}
#main.user #visual.chungbuk_vi .vi_wrap em:before{content:"충북";}
#main.user #visual.daegu_vi .vi_wrap em:before{content:"대구경북";}
#main.user #visual.daejeon_vi .vi_wrap em:before{content:"대전세종충남";}
#main.user #visual.gangwon_vi .vi_wrap em:before{content:"강원";}
#main.user #visual.gwangju_vi .vi_wrap em:before{content:"광주전남";}
#main.user #visual.gyeonggi_vi .vi_wrap em:before{content:"경기남부";}
#main.user #visual.gyeongnam_vi .vi_wrap em:before{content:"경남";}
#main.user #visual.incheon_vi .vi_wrap em:before{content:"인천경기남부";}
#main.user #visual.jeju_vi .vi_wrap em:before{content:"제주";}
#main.user #visual.jeonbuk_vi .vi_wrap em:before{content:"전북";}
#main.user #visual.ngyeonggi_vi .vi_wrap em:before{content:"경기북부";}

/*sec01*/
#sec01{width:60%; height:505px;}
#sec01 .box1{position:relative; width:100%; height:55%; background-color:#f3f3f3;}
#sec01 .box1 .titles{color:#404040 !important;}
#sec01 .box1 ul{overflow: hidden;}
#sec01 .box1 ul li{float:left; width:33.33%; box-sizing:border-box;}
#sec01 .box1 ul li:first-child{padding:0 8px 0 0;}
#sec01 .box1 ul li:nth-child(2){padding:0 8px;}
#sec01 .box1 ul li:last-child{padding:0 0 0 8px;}
#sec01 .box1 ul li .photos{overflow: hidden; position:relative; width:100%; height:143px;}
#sec01 .box1 ul li .photos span{position:absolute; top:0; left:50%; width:20000px; height:100%; margin-left:-10000px; background-color:#aaa; text-align:center;}
#sec01 .box1 ul li a .photos img{display:inline-block; height:100%; transform:scale(1); -webkit-transform:scale(1);}
#sec01 .box1 ul li strong{overflow: hidden; display: block; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}
#sec01 .box1 ul li span.date{font-weight:700; font-size:14px; color:#b5b5b5;}
#sec01 .box1 ul li a:hover .photos img{transform:scale(1.1); -webkit-transform:scale(1.1);}

#sec01 .box1 .more_btn{overflow: hidden; display: block; position:absolute; top:28px; right:28px; width:18px; height:18px; background:url(../../images/area/layout/main_more.png) no-repeat center center; text-indent:-2000px; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
#sec01 .box1 .more_btn:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}

#sec01 .box2{overflow: hidden; width:100%; height:45%; padding-top:20px; box-sizing:border-box;}
#sec01 .box1,
#sec01 .centers .ct_wrap,
#sec01 .intro{padding:28px; box-sizing:border-box;}
#sec01 .centers{float:left; width:63%; height:100%; padding-right:20px; box-sizing:border-box;}
#sec01 .centers .ct_wrap{width:100%; height:100%; background-color:#00adab;}
#sec01 .centers ul{overflow: hidden;}
#sec01 .centers ul li{float:left; width:50%; margin-bottom:5px; box-sizing:border-box;}
#sec01 .centers ul li:nth-child(odd){padding-right:5px;}
#sec01 .centers ul li:last-child{margin-bottom:0;}
#sec01 .centers ul li a{display:table; table-layout:fixed; width:100%; height:52px; padding:0 15px 0 48px; background-color:#079a98; background-repeat:no-repeat; background-position:left 15px center; border:1px solid #079a98; text-decoration:none; box-sizing:border-box;}
#sec01 .centers ul li:first-child a{background-image: url(../../images/area/layout/center_icon01.png);}
#sec01 .centers ul li:nth-child(2) a{background-image: url(../../images/area/layout/center_icon02.png);}
#sec01 .centers ul li:nth-child(3) a{background-image: url(../../images/area/layout/center_icon03.png);}
#sec01 .centers ul li:last-child a{background-image: url(../../images/area/layout/center_icon04.png);}
#sec01 .centers ul li a:hover{border:1px solid #fff;}
#sec01 .centers ul li a strong{display:table-cell; width:100%; height:100%; line-height:16px; font-weight:400; font-size:14px; color:#fff; vertical-align:middle;}

#sec01 .intro{float:left; width:37%; height:100%; background-color:#0082b9;}
#sec01 .intro ul li{width:100%; margin-bottom:5px;}
#sec01 .intro ul li:last-child{margin-bottom:0;}
#sec01 .intro ul li a{display: block; width:100%; height:auto; line-height:16px; padding:8px 15px; background-color:#0673a0; border:1px solid #0673a0;}

/*sec02*/
#sec02{width:44%; margin-top:20px;}
#sec02 .popupzone {width:100%;}
#sec02 .popupzone .inner {background:#1e2337; padding:0; width:auto; height:280px; border:0;}
#sec02 .popupzone .control {position:absolute; left:0; bottom:0; width:100%; height:50px; z-index:10; text-align:left;}
#sec02 .popupzone .control ul {display:none;}
#sec02 .popupzone .control .count {display:inline-block; vertical-align:top; color:#fff; height:50px; line-height:50px; margin-left:15px;}
#sec02 .popupzone .control .count span {color:#fff;}
#sec02 .popupzone .control a[class*="btn_"]{overflow:hidden; display:inline-block; vertical-align:top; width:40px; height:50px; position:absolute; top:0; border-left:1px solid #35394b;}	
#sec02 .popupzone .control a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#sec02 .popupzone .control a.btn_left {background:url(../../images/area/content/popupzone_control_prev.png) no-repeat center 50%; right:82px;}
#sec02 .popupzone .control a.btn_play {background:url(../../images/area/content/popupzone_control_play.png) no-repeat center 50%; right:41px;}
#sec02 .popupzone .control a.btn_stop {background:url(../../images/area/content/popupzone_control_stop.png) no-repeat center 50%; right:41px;}
#sec02 .popupzone .control a.btn_right {background:url(../../images/area/content/popupzone_control_next.png) no-repeat center 50%; right:0;}
#sec02 .popupzone a.btn_more {display:block; width:40px; height:50px; position:absolute; z-index:20; right:0; bottom:0; border-left:1px solid #35394b; overflow:hidden; text-indent:-9999px; background:url(../../images/area/content/popupzone_more.png) no-repeat center 50%;}
#sec02 .popupzone .move {position:absolute; left:0; top:0; width:100%; height:230px; overflow:hidden; z-index:5;}
#sec02 .popupzone .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#sec02 .popupzone .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; display:none;}
#sec02 .popupzone .move ul li:first-child {left:0; display:block;}
#sec02 .popupzone .move ul li a {display:block; height:100%; border:0 !important;}
#sec02 .popupzone .move ul li img {display:block; height:100%; margin:0 auto;}

/*sec03*/
#sec03{width:56%; height:280px; margin-top:20px; padding-left:20px; box-sizing:border-box;}
#main.user #container #sec03 .titles{padding-bottom:12px;}
#sec03 .mapbx{overflow: hidden; width:100%; height:100%; background-color:#eee;}
#sec03 .mapbx .map_api{float:left; width:59%;}
#sec03 .mapbx #map{height:280px;}
#sec03 .map_api #map .wrap_map .wrap_btn_zoom{display:none;}
#sec03 .map_api #map .root_daum_roughmap{padding:0 !important; border:0 !important;}
#sec03 .mapbx #map .root_daum_roughmap .wrap_map{height:280px;}
#sec03 .mapbx #map .root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont{opacity:0;}
#sec03 .mapbx .info{float:left; width:41%; height:100%; padding:40px 28px; background-color:#848383; box-sizing:border-box;}
#sec03 .mapbx .info em{display: block; line-height:30px; padding-bottom:17px; font-size:30px; font-style:normal; color:#fff500; font-weight:100;}
#sec03 .mapbx .info ul li{margin-bottom:5px;}
#sec03 .mapbx .info ul li:last-child{margin-bottom:0;}
#sec03 .mapbx .info ul li a{padding:15px 25px 15px 15px; background-color:#727171; border:1px solid #727171;}