@charset "utf-8";/*구청장실 layout 19.css*/

/* total */
#total,#wrap { position:relative; } 
#shadow_device { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1000; } 
#touchArea { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; } 
#shadow_device2 { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1000; } 

.wrapper { position:relative; margin:0 auto; max-width: 1400px; width: 100%; } 
.wrapper:after { content:""; display:block; clear:both; visibility:hidden; } 
#cont { clear:both; /* padding-top: 40px; */ } 

@media(max-width:1280px) {.wrapper { max-width:100%; }}

@font-face { font-family: 'GmarketSans'; src: url('/font/GmarketSans/GmarketSansBold.woff') format('woff'); font-weight: 600; } 
@font-face { font-family: 'GmarketSans'; src: url('/font/GmarketSans/GmarketSansMedium.otf') format('woff'); font-weight: 400; } 
@font-face { font-family: 'GmarketSans'; src: url('/font/GmarketSans/GmarketSansLight.otf') format('woff'); font-weight: 200; } 
@font-face { font-family: 'ROEHOE-CHAN'; src: url('/font/pdf/ROEHOE-CHAN.ttf') format('woff'); font-weight: normal; } 
@font-face { font-family: 'Noto Sans KR'; } 

body { font-family: 'Noto Sans KR'; } 

/* ir */
.ir { display:block; overflow:hidden; background: url(/mayor/images/main/mayor_icon.png) no-repeat -107px -35px; font-size:0; line-height:0; } 
.iconset { display:block; overflow:hidden; background:url(/user_res/images/common/iconset.png) no-repeat; font-size:0; line-height:0; } 

/* header */
#header_group { position:relative; z-index:999; background: #fff; height: 100px; font-family: 'GmarketSans'; } 
#top_head { position: relative; top: 0; left:0; width:100%; height: 50px; } 

#top_head .wrapper { height:100%; } 
#logo { /* float:left; */position: absolute; left: 0; top: 0; /* margin: 10px 0 0 291px; *//* z-index:1010; *//* width: 360px; */ } 
#logo.mob { display:none } 
#logo .ir { width: 360px; height: 44px; background: url(/user_res/images/mayjor/logo.png) no-repeat; } 
.mn_btn { float:right; position:relative; margin:23px 100px 0 0; height:28px; z-index:1010; } 
.mn_btn a { display:inline-block; font-size:15px; font-weight:bold; line-height:16px; vertical-align:middle; } 
.mn_btn a:link,.mn_btn a:visited { color:#dfe1e3; } 
.mn_btn a:hover,.mn_btn a:focus { text-decoration:underline; } 
.mn_btn .ir { width:28px; height:28px; /* background-position:-269px 0; */ } 
.mn_btn .ir.home { background-position:-241px 0; } 
#open_mn { display:none; } 
#open_sm a { margin-left:12px; } 
#open_sm a:first-child { margin-right:5px; } 
#site_search { position:absolute; top:0; right:0; width:75px; height:75px; z-index:1020; } 
#site_search .ir { position:absolute; top:50%; right:50%; margin:-14px -14px 0 0; width:28px; height:28px; background-position:-297px 0; transition:275ms all linear; -webkit-transition:275ms all linear; } 
#site_search .ir.search_close { margin-right:-18px; background-position:-353px 0; } 

#site_search.open input[type="submit"] { right:104px; background-position:-325px 0; } 
#site_search .keyword { overflow:hidden; position:absolute; top:0; right:75px; width:0; height:100%; background-color:#fff; transition:150ms all linear; -webkit-transition:150ms all linear; } 
#site_search.open .keyword { padding:20px 60px 20px 10px; width:230px; } 
#site_search.open .keyword .flow { position:absolute; top:20px; left:10px; line-height:35px; } 
#site_search.open .keyword #site_keyword { width:100%; height:35px; } 

#header_group .menu-box { position:absolute; right:0; top: 84px; z-index:1001; } 
#header_group .menu-box a { color:#fff; } 
#header_group #topsearch.hiddenSearch { display:block; } 
#header_group .basic_search { display:none; position:absolute; z-index:10; top: -8px; right:25px; } 
#header_group .basic_search h2:before { display:none; } 
#header_group .basic_search .search { position:relative; } 
#header_group .basic_search .searchFrm input[type="search"] { padding:0; width:295px; height:38px; background-color:#FCFDFD; border:1px solid #ccc; border-radius:30px; text-indent:10px; } 
#header_group .basic_search .searchFrm input[type="submit"] { border:0px; display:inline-block; position:absolute; right:40px; top:10px; width:21px; height:21px; background:url(/user_res/images/common/btn_search.png); font-size:0; text-indent:-9999px; } 

#header_group .menu-box #open_sc { display:inline-block; margin-right:35px; width:20px; height:20px; background:url(/user_res/images/common/search-ico.png); font-size:0; text-indent:-9999px; vertical-align:middle; } 
#header_group .menu-box #open_sc.ov { position:absolute; right:3px; top:2px; z-index:15; background:url(/user_res/images/common/search-close-ico.png) no-repeat 50% 50%; } 
#header_group .menu-box .menu { display:inline-block; margin-right:35px; vertical-align:middle; } 
#header_group .menu-box .btn_popbox { display:none; } 
#header_group .menu-box .btn_popbox a { font-size:16px; } 

#header_group #family_site a { font-size: 16px; color: #31409b; display: inline-block; padding: 10px 12px 5px; background-color: #eff0f7; border: 1px solid #eff0f7; border-radius: 25px; } 
#header_group #family_site a:hover,
#header_group #family_site a:focus,
#header_group #family_site a:active { } 

#header_group #family_site { position: absolute; right: 0px; top: 34px; /* color: white; */z-index: 99; } 
#header_group #family_site .obj { width: 100%; /* border: 1px solid rgba(0,0,0,0.2); */border-radius: 10px; overflow: hidden; background-color: #eff0f7; padding-top: 20px; margin-top: -20px; } 
#header_group #family_site .obj li { width: 100%; border-bottom: 1px solid #c1c5e7; padding: 8px 0 8px 15px; } 
#header_group #family_site .obj li:last-child { border-bottom: none; } 

#header_group #family_site .obj a { font-size: 15px; padding: 0px 0; width: 90%; background-color: unset; border: none; border-radius: 0; } 
#header_group #family_site .obj a:hover { font-weight: bold; } 
#header_group #family_site strong a:hover,#header_group #family_site strong a.ov { background-color: #fff; border: 1px solid #31409b; } 
#header_group #family_site strong a.ov:after { border-top-color: #31409b; } 
#header_group #family_site strong a:after { display:inline-block; content:""; position:relative; bottom:-2px; margin: 0 10px; border: 5px solid transparent; border-top-color: #31409b; vertical-align:middle; } 
#header_group #family_site strong a.ov:after { transform: rotate(180deg); margin-top: -14px; } 
#header_group #family_site strong a:before { display:inline-block; content:""; padding-left:15px; } 
#header_group #lang_site a { letter-spacing: 0px; } 
#header_group #lang_site a:hover { /*background:#515c68; */ } 
#header_group #lang_site { position: absolute; right: 74px; top: 8px; z-index: 999; } 
#header_group #lang_site .obj { position:absolute; right: 0px; top: 0px; padding:3px 5px; /* border:1px solid #d4d4d4; *//* background:#414244; */z-index:9999; } 
#header_group #lang_site .obj a { font-size:14px; } 
#header_group .wrapper .btn_logout { position:absolute; right: -70px; top: 8px; color: #000; } 
#header_group #lang_site strong a:after { display:inline-block; content:""; position:relative; bottom:-2px; margin-left:3px; border:5px solid transparent; border-top-color:#fff; vertical-align:middle; } 
#header_group .menu-box #open_sitemap a { display:inline-block; width: 30px; height: 30px; background-position: -525px 3px; background-image:url(/user_res/images/common/ir.png); font-size:0; vertical-align:middle; } 


/* 글로벌내비. 20161101. 20170222 */
#gn1 { float:left; position:relative; width: 125px; /* height:40px; */width: 110px; text-align: center; padding: 7px 0px; } 
#gn1 a { display:block; padding: 2px 0; color: #000; background:transparent; font-size: 16px; letter-spacing: 0; } 
#gn1 a.toggle.on, #gn1 a:hover { background: #515c68; color: #fff; } 
#gn1 a.toggle { padding: 8px 15px; } 
#gn1 a.toggle>.ic1 { float:left; position:absolute; right: 5px; top:50%; width:0; height:0; margin:-2px 10px; border: 5px solid transparent; border-top-color: #000; overflow:hidden; text-indent:100%; } 
#gn1 a.toggle.on>.ic1 { margin: -6px 10px; border-color:transparent; border-bottom-color:#73c1ea; } 
#gn1c, #gn2c { display:none; z-index: 9999; position:absolute; right:0; background:#515c68; width: 125px; } 
#gn1c ul { overflow:hidden; letter-spacing:0; } 
#gn1c li,#gn2c li { float:left; width:100%; padding: 6px 0 6px 15px; border-bottom: 1px solid rgba(0,0,0,0.2); } 
#gn1c li>a { color:#fff; font-size: 14px; } 


#gn2 { float:left; position:relative; width: 125px; /* height:40px; */ } 
#gn2 a { display:block; padding: 2px 0; color: #fff; background:transparent; font-size: 16px; letter-spacing: 0; } 
#gn2 a.toggle.on, #gn2 a:hover { background: #515c68; color: #fff; } 
#gn2 a.toggle { padding: 8px 15px; } 
#gn2 a.toggle>.ic1 { float:left; position:absolute; right: 5px; top:50%; width:0; height:0; margin:-2px 10px; border: 5px solid transparent; border-top-color: #fff; overflow:hidden; text-indent:100%; } 
#gn2 a.toggle.on>.ic1 { margin: -6px 10px; border-color:transparent; border-bottom-color:#73c1ea; } 

@media(max-width:1500px) {#logo { margin-left:10px; width: 360px; } 
 }

@media(max-width: 1200px) {
#header_group .basic_search .searchFrm input[type="search"] { width:220px; } 

.mn_btn { margin-right:10px; } 
#site_search { width:70px; height:70px; } 
#logo .ir { width: 232px; height: 57px; background: url(/mayor/images/common/mayor_logo_m.png) no-repeat; margin-top: 2px; /* background-size: 100%; */ } 
 }

@media(max-width:1023px) {}


@media(max-width:950px) {
#gnb,#header_2017 #nav { display:none; } 
/*#logo { position:absolute; left:50%; top:5px; margin:0 0 0 -104px; } */
#logo { margin: 5px 0 0 15px; } 
#logo.mob { display:block; top: 7px; left: 10px; } 


#top_head { height: 90px; position: static; background: linear-gradient(to left, #5e2f93, #31409b); } 
#open_mn { display:block; position:absolute; top: 20px; right: 20px; margin:0; width: 50px; height: 50px; /* background-color: #fff; *//* border-radius: 25px; */ } 
#open_mn a { display:block; padding-top: 22px; width:100%; height:100%; } 
#open_mn .ir { display:block; margin: -15px auto 0 auto; width: 35px; height: 35px; /* background-position: -525px 6px; */ } 
#open_sm { display:none; } 
#header_group .menu-box { width: 100%; top: 50px; } 
#header_group .menu-box #open_sc { display:none; } 
#header_group .basic_search { display:block; top:0px; right:0px; background:#007cbc; padding:10px; width: 100%; } 
#header_group .basic_search .searchFrm input[type="search"] { width:100%; border-radius:0px; } 
#header_group .basic_search .searchFrm input[type="submit"] { } 
#header_group .menu { /* display: block !important; */ } 
#top_head .wrapper { /* border-bottom: 1px solid #cccccc; *//* padding: 30px 0; *//* overflow:hidden; */ } 

#header_group .wrapper .btn_logout { display:none } 

#header_group #lang_site { left: 131px; width: 141px; margin: 0; top: -39px; color: white; } 
#gn1 a.toggle>.ic1 { margin:0 } 
#gn1 { } 

#gn1 a { color:#fff } 
#header_group { /* padding-top: 40px; */height: auto; background-color:black; } 
#header_group #lang_site a { color:white; } 
#header_group #family_site { display: none; /* top: -39px; *//* color:white; *//* left: 4px; *//* right: 0; *//* margin: 0; */ } 
#header_group #family_site strong a:after, #gn1 a.toggle>.ic1 { border-top-color: white; } 
#gn1 a.toggle.on>.ic1 { margin: -8px 8px; border-color:transparent; border-bottom-color:#73c1ea; } 
}



/* topmenu */
#topmenu { display:none; overflow-x:hidden; overflow-y:auto; position:absolute; font-family: 'GmarketSans'; top:0; right: 0; width:590px; height:100%; background: linear-gradient(0deg, #5e2f93, #31409b); z-index:1040 } 
#topmenu h1 { display:none } 
.m_global { position:relative; height: 38px; background-color: #31409b; } 

#family_site_mobile { position: absolute; top: 0px; left: 0; width: 160px; } 
#family_site_mobile strong a { color: #fff; line-height:inherit; font-size: 15px; padding: 10px 0 9px 12px; display: block; } 
#family_site_mobile strong a:after { display:inline-block; content:""; position:absolute; bottom: 13px; /* margin-left: 52px; */border: 5px solid transparent; border-top-color:#fff; vertical-align:middle; right: 7px; } 
#family_site_mobile .obj { position:absolute; top: 38px; z-index:10; width:100%; } 
#family_site_mobile .obj ul { background: #252c57; margin-top: 0px; } 
#family_site_mobile .obj ul li { padding: 10px 0 8px 12px; text-align:left; border-bottom: 1px solid #ffffff30; } 
#family_site_mobile .obj ul li a { color:#fff; font-size: 14px; } 
#topmenu .m_global .btn.home, #topmenu .m_global .btn.sitemap { display:none; } 
.m_global .btn:link,.m_global .btn:visited { background-color:#fff; color:#999; } 
.m_global .btn.en { width:40px; } 
.m_global .btn:before { content:""; display:inline-block; margin-right:5px; padding-bottom:2px; width:11px; height:11px;background:url(/user_res/images/common/home_ico.png) no-repeat;vertical-align:middle; } 

#lang_site_mobile { position: absolute; top: 0px; left: 116px; } 

.m_global .home:before { background-position:-40px 0; } 
.m_global .sitemap:before { height:8px; background-position:-55px 0; } 
.m_global .en:before { display:none; } 
.m_global #close_topmenu {display:block;position:absolute;top: 7px;right: 33px;width:26px;height:25px;z-index: 99;background: url(/user_res/images/common/topmenu_close_btn1.png) no-repeat; } 

@media(max-width:1167px) {#family_site_mobile a:hover,
#family_site_mobile a:focus, 
#family_site_mobile a.ov { background: #252c57; } 
#gn2c { display:none; z-index: 9999; position:absolute; top: 38px; right:0; background:#515c68; } 
#gn2c ul { overflow:hidden; letter-spacing:0; } 
#gn2c li { float:left; width:100%; padding: 7px; border-bottom: 1px solid rgba(0,0,0,0.2); } 
#gn2c li>a { font-size:14px; } 
 }

#gnb_device { } 
#gnb_device .th1 { } 
#gnb_device .th1 .th1_lnk { display:block; height: 65px; padding: 22px 0; width: 160px; border-bottom: 1px solid #ffffff50; color:#fff; font-size: 17px; font-weight: bold; line-height:20px; text-align:center; letter-spacing:-1px; } 
#gnb_device .th1>b { display:none; position:absolute; top: 38px; left:160px; height: 65px; line-height: 65px; padding-left: 10px; /* padding:22px 25px 22px 10px; */width:95%; background-color:#fff; color:#333; font-size: 19px; /* line-height:16px; */ } 
#gnb_device .th1:first-child>b { display:block; } 
#gnb_device .th1>b:before { display:block; content:""; position:absolute; left: 0px; bottom:0; width: 100%; border-bottom: 2px solid #000; z-index:2; } 
#gnb_device .th1 .th1_lnk.ov { background-color: #fff; color: #31409b; } 
#gnb_device .th2 { position:absolute; top: 100px; left:160px; width:430px; /*padding-left:20px; */height:100%; background-color:#fff; overflow:auto; } 
#gnb_device .th2>li { } 
#gnb_device .th2>li>a {display:block;position:relative;height: 60px;/* line-height: 60px; */
/* padding:21px 15px 21px 10px; */
background: url(/user_res/images/common/topmenu_off.png) no-repeat 90%;border-bottom:1px solid #e0e0e0;padding-left: 25px;color:#444;font-size: 17px;line-height: 60px;letter-spacing:-1px; } 
#gnb_device .th2>li>a:hover,
#gnb_device .th2>li>a:active,
#gnb_device .th2>li>a:focus,
#gnb_device .th2>li>a.ov { background: #31409b url(/user_res/images/common/topmenu_on.png) no-repeat 90%; color:#fff; } 
#gnb_device .th2>li>a:hover:before,#gnb_device .th2>li>a:focus:before,
#gnb_device .th2>li>.ov:before { background-position:-30px -134px } 
#gnb_device .th2>li>.current:before { background-position:-15px -134px } 
#gnb_device .th2>li>.ov.current:before { background-position:-45px -134px } 
#gnb_device .th3 { /*padding:20px 0 20px 20px*/ } 
#gnb_device .th3 li { padding-left:10px; background-color:#f7f7f7 } 
#gnb_device .th3 li a { display:block; margin-left:10px; padding:15px 0; border-top:1px solid #e0e0e0; font-size: 15px; } 
#gnb_device .th3 li a:hover,#gnb_device .th3 li a:focus { color:#132265; } 
#gnb_device .th3 li:first-child a { border-top:0 } 

@media(max-width:767px) {#topmenu { /* left: -100%; */width: 100%; } 
#gnb_device .th1>b:before { /* width: 260px; */ } 
#gnb_device .th1 .th1_lnk { /* padding:19px 11px; */width: 130px; font-size:15px; } 
#gnb_device .th1>b,#gnb_device .th2 { left: 130px; width: calc(100% - 130px); /* padding: 20px; */ } 
#gnb_device .th2>li>a { font-size:14px; } 
 }

/* gnb */
#gnb { } 
#gnbwrap { } 
#animate { overflow:hidden; position:absolute; /* top: 60px; */left:0; width:100%; /*height:355px; */z-index:1000; } 
#animate .skip:before { display:none; } 
#gnbwrap.action #animate { border-bottom:0px solid #E4C02B; } 

#tnb { background: rgba(255, 255, 255, 1); /* border-bottom: 1px solid #cccccc; */ } 
#tm { text-align:center; float: left; max-width: 846px; width: 100%; margin-left: 10px; } 
#tm .th1 { display:inline-block; } 
#tm .th1:nth-child(6) { margin-left:160px; } 
#tm .th1 .th1_lnk { display:block; padding: 0px 25px; color: black; font-size: 18px; line-height: 60px; transition:0.2s all linear; -webkit-transition:0.2s all linear; font-weight: 600; letter-spacing: -0.08em; } 
#tm .th2wrap { display:none; position:absolute; top: 59px; left:0; width:100%; height:280px; background-color:#fff; z-index:1; } 
#tm .tit_gnb { position:absolute; top:40px; left:50%; margin-left:-620px; width:250px; z-index:1; } 
#tm .tit_gnb .img_gnb { display:block; margin:20px 0 10px 0; } 
#tm .tit_gnb { color:#7d7d7d; line-height:20px; display: none; } 
#tm .tit_gnb h2 { font-size:22px; margin-bottom:10px; color:#F59B00; letter-spacing:-1px; } 
#tm .tit_gnb h2:before { display:none; } 

#tm .th2 { padding: 40px 0 0 0px; } 
#tm .th2>li { float:left; margin-left:2%; margin-bottom:19px; width: 18%; } 
#tm .th1.no1 .th2>li { min-height:220px; } 
#tm .th1.no4 .th2>li { min-height:150px; } 


#tm .th2>li>a { display:block; padding:11px 28px 11px 15px; background:url(/user_res/images/common/th2_lnk_arr.png) no-repeat 95% 50%; color:#000; border:1px solid #e2e3e6; font-size:16px; line-height:20px; } 
#tm .th2>li>a:hover,#tm .th2 li a:focus { background-color:#3e6e9b; color:#fff; } 

#tm .th3 { padding:19px 14px; } 
#tm .th3>li { display:block; margin:5px 0; line-height:0; } 
#tm .th3>li a { display:block; position:relative; padding-left:9px; color:#6c6d6f; font-size:14px; letter-spacing:-0.07em; line-height:18px; text-align: left; } 
#tm .th3>li>a:hover,#tm .th3 li a:focus { background-color:transparent; color:#f59b00; text-decoration:underline } 
#tm .th3>li a:before { content:""; display:inline-block; position:absolute; top:7px; left:0; width:3px; height:3px; background-color:#888; } 
#sitemap { /* float:right; */font-size:0em; position: absolute; top: 10px; /* right: 290px; */display: inline-block; } 

@media(max-width:1359px) {#tm .th1 .th1_lnk { padding: 0 40px; } 
 }
@media(max-width:1239px) {#tm { width:calc(100% - 250px) } 
#tm .th1 .th1_lnk { padding: 0 13px; } 
#sitemap { right:10px } 
}
@media(max-width: 900px) {#tm { display:none; max-width:200px } 
#tm .th1 .th1_lnk { padding:0 10px; } 
 }



/* middle */
#middle { position:relative; } 
.mwrap #middle { padding-bottom:0; /* height: 84px; *//* padding-top: 76px; */ } 
#middle.content { padding-bottom: 50px; } 

#container { position:relative; } 

/* snb */
#snb { float:left; } 
#snb { position:relative; margin: 25px 0; margin-right:5%; width:20%; } 
#snb h2 { /* position:relative; */padding: 5px 15px; font-size: 35px; font-weight: normal; text-align:center; z-index:1; word-wrap:break-word; word-break:keep-all; /*border-bottom: 2px solid #31409b;*/ } 

#snb h2 span { display:inline-block; line-height:1.15em; vertical-align:middle; padding: 30px 0; word-wrap:break-word; word-break:keep-all; } 

#sidemenu .sidebar-menu { position:relative; } 
#sidemenu .sidebar-menu>li { line-height:0; border: 1px solid #e0e0e0; margin-bottom: 7px; } 
#sidemenu .sidebar-menu>li a.lnk_2th { display:block; position:relative; color:#333; font-size:15px; line-height:20px; word-wrap:break-word; word-break:keep-all; background:url(/user_res/images/common/link_2th_arr.png) no-repeat 95% 50%; } 
#sidemenu .sidebar-menu>li a.lnk_2th:link,
#sidemenu .sidebar-menu>li a.lnk_2th:visited { display:block; padding: 14px 35px 14px 15px; color: #111; font-size:17px; line-height:20px; } 
#sidemenu .sidebar-menu>li a.lnk_2th:hover,
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active { background:url(/user_res/images/common/link_2th_ov_arr1.png) no-repeat 95% 50%; color:#31409b; } 
#sidemenu .sidebar-menu>li.active { border: 1px solid #31409b; } 
#sidemenu .sidebar-menu>li.active a.lnk_2th:link,
#sidemenu .sidebar-menu>li.active a.lnk_2th:visited,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:hover,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active { background: #31409b url(/user_res/images/common/link_2th_ov_arr.png) no-repeat 95% 50%; color:#fff; } 


#sidemenu .treeview-menu { display: none; padding:15px 5px; background-color:#f7f8fa; } 
#sidemenu .treeview-menu.menu-open { display:block } 
#sidemenu .sidebar-menu>li.active .treeview-menu { display:block; } 
#sidemenu .treeview-menu>li { margin:0; padding:0; } 

#sidemenu .treeview-menu>li a { position:relative; display:block; margin:0; padding:3px 11px; color:#5a5a5a; font-size:15px; line-height:18px; } 
#sidemenu .treeview-menu>li a:link,
#sidemenu .treeview-menu>li a:visited { display:block; line-height:18px; } 
#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li.active a:link,
#sidemenu .treeview-menu>li.active a:visited,
#sidemenu .treeview-menu>li.active a:focus,
#sidemenu .treeview-menu>li.active a:hover,
#sidemenu .treeview-menu>li.active a:active { text-decoration:underline; } 

#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active { text-decoration:underline; } 

#sidemenu li a[target="_blank"] { position:relative; display:inline-block; } 
#sidemenu li a[target="_blank"]:after { display:inline-block; width:20px; height: 13px; margin: 0px 0 0 7px; background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0; content:''; } 

@media(max-width:1239px) {#snb { display:none; } 
 }

#contents { float:right; padding:50px 0; width:75%; } 
#ti_box { position:relative; padding-bottom: 25px; border-bottom: 2px solid #344b60; margin-bottom: 25px; } 
#tit_cont { color:#000; font-size: 35px; padding-top: 19px; font-weight: normal; line-height:30px; } 

#navi,#sns { display:inline-block; float:left; line-height:0; } 
#navi { position:absolute; top: -20px; left: 5px; } 
#navi:after { display:block; content:""; clear:both; visibility:hidden; } 
#navi a { display:inline-block; float:left; line-height:16px; vertical-align:middle; font-size: 14px; } 
#navi a:before { content:">"; display:inline-block; margin: 0 9px; width:5px; height:16px; background:url(/user_res/images/common/navi_arr.jpg) no-repeat 0 50%; font-size:0; line-height:0; vertical-align:middle; } 
#navi a.navi_home { width: 19px; height: 19px; background:url(/user_res/images/common/navi_home.jpg) no-repeat; font-size:0; line-height:0; } 
#navi a.navi_home:before { display:none; } 
/*sns*/
#sns { position:absolute; right:0; top:30px; } 
.ir_sns { overflow:hidden; background:url(/user_res/images/common/ir.png) no-repeat; font-size:0; line-height:0; } 
#sns>.ir_sns { display:inline-block; width: 32px; height: 30px; } 
#sns .print { margin:0; background-position: -100px -1px; border: 1px solid #ddd; } 
#sns .sns { background-position: -34px -1px; border: 1px solid #ddd; } 

/*#naviSNS { position:absolute; top: -5px; right: 78px; padding:7px 10px; background-color:#fff; border:1px solid #bebebe; width: 118px; } 
#naviSNS:before { content:""; display:block; position:absolute; top: 16px; right: -8px; width:11px; height:6px; background:url(/user_res/images/common/navisns_arr.png) no-repeat; transform: rotate(90deg); } 
*/
#naviSNS { position:absolute; top:39px; right:6px; padding:7px 10px; background-color:#fff; border:1px solid #bebebe; width: 120px; } 
#naviSNS:before { content:""; display:block; position:absolute; top:-6px; right:1px; width:11px; height:6px; background:url(/user_res/images/common/navisns_arr.png) no-repeat; } 
#naviSNS .iconset { display:inline-block; margin-left:2px; width: 27px; height: 26px; font-size:0; line-height:0; } 
#naviSNS .iconset:first-child { margin-left:0; } 
#naviSNS .fb { background-position: -50px -156px; } 
#naviSNS .tw { background-position: -80px -156px; } 
#naviSNS .ka { background-position: -110px -156px; } 




/*추가*/
#share { display:inline-block; float:left; line-height:0; } 
#share { position:absolute; right:109px; top:30px; } 
#share>.ir_sns { display:inline-block; width: 32px; height: 30px; } 
#share .share { margin:0; background-position: -67px -1px; border: 1px solid #ddd; } 
#share_slide { position:absolute; top: 39px; right:-109px; padding: 13px; background-color:#fff; border:1px solid #bebebe; width:278px; } 
#share_slide:before { content:""; display:block; position:absolute; top:-6px; right:110px; width: 17px; height:6px; background: url(/user_res/images/common/navisns_arr.png) no-repeat; } 
.link_ipt { display:block; position:relative; padding-right:60px } 
.link_ipt .form-control { width: 79%; height: 27px; padding: 0 10px; border-color:#bcc2ce; background:#bcc2ce; font-weight:300; font-size:0.875em; line-height:1.7857em; color:#2e343f; letter-spacing:-0.03571em; } 
.link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus { border-color:#bcc2ce !important } 
.link_ipt .input-btn { position:absolute; top: 19px; right: 0px; color: #fff; padding: 10px; } 
.link_ipt .input-btn > a { padding:5px 10px; background:#2e343f; text-align:center; } 
.link_ipt .input-btn i[class*="xi-"] { font-size:1.875em; line-height: 21px; color:#fff; } 


#zoom { display:inline-block; float:left; line-height:0; } 
#zoom { position:absolute; right: 73px; top:30px; } 
#zoom >.ir_sns { display:inline-block; width:32px; height:30px; } 
#zoom .font { background-position: -1px -1px; border:1px solid #ddd; } 
#zoom_slide { position:absolute; top: 39px; right: 0px; padding: 10px; background-color:#fff; border:1px solid #bebebe; width: 181px; } 
#zoom_slide:before { content:""; display:block; position:absolute; top:-6px; right: 3px; width: 17px; height:6px; background: url(/user_res/images/common/navisns_arr.png) no-repeat; } 
#zoom_slide .ir_sns { display:inline-block; margin-left:2px; width:25px; height:25px; font-size:0; line-height:0; } 
#zoom_slide .ir_sns:first-child { margin-left:0; } 
#zoom_slide .fontsize_close { background-position:-34px 0px; } 
#zoom_slide a { display:inline-block; border:1px solid #eee; border-radius:50%; width:35px; height:35px; } 
#zoom_slide a.on { background:#105fb8; color:#fff; } 
#zoom_slide a.option1 { font-size: 17px; padding: 16px 0px 0 7px; } 
#zoom_slide a.option2 { font-size: 19px; padding: 16px 0px 0 7px; } 
#zoom_slide a.option3 { font-size: 21px; padding:16px 0px 0 6px; } 
#zoom_slide .head_fontsize { } 

/* 전체 사이트 텍스트 사이즈 조정 */

#textSize { display:inline-block; height: 23px; margin-right: 124px; position:relative; } 
#textSize:after { content:''; position:absolute; top: 6px; right: -15px; display:block; height: 18px; width:2px; background-color: #b2b2b2; } 
#textSize li { display:inline-block; height: 31px; line-height: 28px; font-size: 14px; } 
#textSize li:nth-child(2) { line-height: 32px; vertical-align: top; } 
#textSize li a { line-height: 23px; color: #2e2e2e; font-size: 37px; font-weight: 700; } 
#textSize li a:hover { color: #ef5705; } 


@media(max-width:1239px) {#contents { float:none; width:100%; } 
#navi,#sns { float:none; vertical-align:middle; } 
#naviSNS { /* bottom:-50px; *//* width:95px; *//* text-align:left; */ } 
 }
@media(max-width:1023px) {#tit_cont { margin-bottom:15px; width:100%; text-align:center; letter-spacing: -0.02em; font-size: 30px; } 
 }

@media(max-width:767px) {#contents { /* margin-top:60px; */ } 
#tit_cont { margin-bottom:0; } 
#ti_box { padding-bottom: 20px; } 
 }
@media(max-width:640px) {#sns { right: 0px; } 
#navi { /*top: -35px; */ display:none; } 
 }


/*------------------------- footer --------------------------*/
#footer { font-family: 'GmarketSans'; font-weight: normal; } 
#footer .wa { position:absolute; top:33px; right:0; } 
#footer .footer_info { padding-bottom: 24px; /* padding-left: 200px; */ } 

@media all and (max-width:850px){
 #footer .wa { display:none; } 
 }

/* 푸터 상단 - 사이트 이동 */
.site_link { display: block; position: relative; width: 100%; margin: 0; background: #fff; z-index: 10; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } 
.site_link .wrap { position: relative; width: 1400px; margin: 0px auto; } 

.sitelink_cont { display: block; float: left; width: 25%; padding: 10px 0; border-right: 1px solid #e8e8e8; } 
.sitelink_cont:first-child { border-left: 1px solid #e8e8e8; } 
.sitelink_cont.department_sitelink { position: static; } 
.sitelink_cont h3 { display: block; width: 100%; padding: 10px 7px 5px; } 
.sitelink_cont h3 button { display: block; margin: 0 6%; padding: 0; background: url(/mayor/images/common/footer_up.png) no-repeat right 50%; background-size: 12px; border: none; color: #000; text-align: left; font-size: 16px; font-weight: normal; width: 90%; } 
.sitelink_cont .layer { display: none; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 100; padding: 0; /* background: #00457e; */}
.sitelink_cont .layer .close { /* position: absolute; */
 /* right: 0; */
 /* top: 0; */
 /* width: 100%; */
 /* height: 50px; */
 /* background: url(/user_res/images/mayjor/main/site_link_close.png) no-repeat 90% 50%; */
 /* font-size: 0; */
 /* line-height: 0; */
 /* text-indent: -9999px; */
 /* z-index: 10; */}
.sitelink_cont.department_sitelink .layer { top: -185px; bottom: inherit; } 
.sitelink_cont.department_sitelink .layer .close { display: block; position: absolute; bottom: -160px; right: 15px; width: 60px; height: 48px; background: url(/mayor/images/main/mayor_icon.png) no-repeat -145px -94px; font-size: 0; line-height: 0; } 
.link_part strong { display: block; width: 88%; height: 50px; padding: 0 0 0 12%; color: #fff; line-height: 50px; } 
.link_part ul { /* height: 168px; */
 /* padding: 15px 5%; */
 /* background-color: #003365; */
 /* overflow-y: auto; */}
.link_part ul a { display: block; padding: 2px 0 0 15px; background: url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 9px; font-size: 16px; } 
.depart_link { position: absolute; bottom: -185px; left: 0; right: 0; width: 100%; max-width: 1400px; height: auto; min-height: 125px; margin: 0 auto; padding: 20px; background: #fff; border: 1px solid #e8e8e8; /* box-shadow: 0 0 20px 0 rgba(0,0,0,0.07); */
 /* border-radius: 20px; */}
.depart_link .inner { width: 1400px; height: 100%; } 
.depart_link .organ_ti { display: inline-block; float: left; width: auto; padding: 12px 25px 9px; line-height: inherit; border: 1px solid #31409b; border-radius: 50px; } 
.depart_link .town .organ_ti { /*width:32.416666%; */ } 
.depart_link .organ_ti strong { display: block; width: 100%; height: 19px; padding: 0; color: #31409b; font-size: 19px; line-height: 20px; text-align: center; } 
.depart_link .organ_list { float: left; width: calc(100% - 290px); /* padding: 20px 0 0 0; */
 margin-left: 25px; background-color: transparent; height: 100%; overflow-y: auto; } 
.depart_link .town .organ_list { /* width:67.583333%; */ } 
.depart_link .organ_list li { display: block; float: left; width: 19%; margin: 6px 1% 7px 0; text-align: left; color: #333; position: relative; } 
.depart_link .organ_list li a::before { display: block; content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #31409b; } 

.depart_link .organ_list li a.ml10 { margin-left:0; } 
.depart_link .organ_list li.cl { clear:inherit; } 
.town_link .depart_link .organ_ti { } 
.town_link .depart_link .organ_ti strong { } 
.town_link .depart_link .organ_list { padding:0; /* margin:20px 0; */ } 

.depart_link .organ_list li a { padding-left: 10px; } 
.depart_link .organ_list li a:hover { color: #31409b; } 

.depart_link .organ_list li a::after { opacity: 0; content: ''; display: inline-block; position: absolute; margin-left: 7px; width: 18px; height: 21px; background: url(/mayor/images/main/mayor_icon.png) no-repeat -142px -76px;
 transition: all 0.5s; } 
.depart_link .organ_list li a:hover::after { visibility: visible; opacity: 1; } 
.depart_link .org_close { display: block; position: absolute; bottom: -76px; right: 0; width: 76px; height: 76px; background: url(/user_res/images/mayjor/org_close.png) #75b422 no-repeat 50%; font-size: 0; line-height: 0; } 
.department_sitelink:nth-child(4) .layer {/* top:-100px; */}
.department_sitelink:nth-child(4) .depart_link { /* height: 100px; */ } 
@media all and (max-width: 1400px){
 .site_link .wrap { width:100%; } 
 .site_link { height: auto; } 
 .site_link .wrap { width: 100%; padding: 0; } 
 .site_link h2 { display: none; } 
 .site_link .sitelink_cont { } 
 .depart_link { /* border-radius: 0; */ } 
 .depart_link .inner { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; } 
 .depart_link .organ_ti { width: 35%; padding: 10px 0 7px; margin-bottom: 15px; } 
 .depart_link .organ_ti strong { font-size: 18px; } 
 .depart_link .organ_list { margin: 0; width: 90%; margin-left: 5%; } 
 .depart_link .organ_list li { width: 32%; } 
 }
@media all and (max-width: 800px) {
 .depart_link .town .organ_ti,.depart_link .organ_ti { /* width: 100%; */
 height: auto; /* padding: 15px 0; */
 background: none; text-align: center; } 
 .depart_link .organ_ti strong { /* display: inline; */
 /* margin: 0; */
 /* font-size: 16px; */
 /* line-height: 22px; */}
 .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list { width: 100%; height: auto; margin: 0; /* padding: 10px 3%; */}
 .depart_link .organ_list li { margin: 4px 0;}
.depart_link { /* height:190px; */ } 
.sitelink_cont.department_sitelink .layer { top: -185px; } 
}
@media all and (max-width: 640px){
 .site_link { border: none; } 
 .site_link .wrap { padding: 1px 0 0 0; } 
 .site_link .sitelink_cont { width: 50%; margin: 0; border-bottom: 1px solid #e8e8e8; } 
 .site_link .sitelink_cont:nth-child(odd) { width: calc(50% - 1px); border-left: 1px solid rgba(255,255,255,0.2); } 
 .site_link .sitelink_cont h3 button { background-position: 95% 50%; font-size: 13px; } 
 }
@media all and (max-width: 600px){
 .sitelink_cont.department_sitelink { /* position: relative; */}
 .sitelink_cont.department_sitelink:nth-child(2n) .layer { /* left:-100%; */}
 .sitelink_cont.department_sitelink .layer { /* top: inherit; */
 /* top: -178px; */
 /* background: #fff; */
 /* width:203%; */ /* mobile 100%*/
 left:-1px; } 
 .sitelink_cont.department_sitelink .layer .close { position: absolute; right: 38px; bottom: 40px; width: 50px; height: 30px; background: url(/mayor/images/common/footer_down.png) no-repeat center 50%; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 10; } 
 .depart_link { /* position: unset; */
 /* top: inherit; */
 /* left: inherit; */
 /* right: inherit; */
 /* width: auto; */
 /* bottom: 0px; */
 max-width: inherit; height: inherit; margin: 0; /* background: none; */
 /* border-radius: 0; */}
 .depart_link .inner { height: inherit; background: none; } 
 .depart_link .town .organ_ti,.depart_link .organ_ti { display: block; float: none; width: 100%; height: auto; /* padding: 0; */
 background: none; font-size:14px; } 
 .depart_link .town .organ_ti strong,.depart_link .organ_ti strong { /* display: block; */
 /* width: 88%; */
 /* height: 50px; */
 /* padding: 0 0 0 5%; */
 /* color: #fff; */
 /* font-family: inherit; */
 /* font-size: inherit; */
 /* line-height: 50px; */
 /* text-align: center; */}
 .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list { width: 100%; height: 188px; padding: 15px 3%; background-color: #003365; border-radius: 10px; overscroll-behavior-y: auto; } 
 .town_link .depart_link .organ_list:nth-child(1) { height:250px; } 
 .depart_link .organ_list li { display: block; float: left; width: 50%; /* margin: 0; */
 padding: 0; text-align: left; } 
 .depart_link .organ_list li a { display: block; padding: 2px 0 2px 5px; background: url(/user_res/images/mayjor/main/li_dot.gif) no-repeat 6px 9px; color: #fff; font-size: 15px; margin-left: 5px; } 
 .depart_link .organ_list li a:hover { color: #fff; } 
 .depart_link .organ_list li a::before { background-color: #fff; } 
 .depart_link .organ_list li a::after { display: none; } 
 .depart_link .organ_list li span { display: inline-block; margin: 0; padding: 0; background: none; border-radius: 0; color: inherit; font-size: inherit; line-height: inherit; } 
 .depart_link .organ_list li a:hover span { background: none; color: inherit; } 

 .depart_link .org_close { display: block; position: absolute; bottom: -76px; right: 0; width: 76px; height: 76px; background: url(/user_res/images/mayjor/org_close.png) #75b422 no-repeat 50%; font-size: 0; line-height: 0; } 
 .depart_link .organ_list.sit2 li:nth-child(3n-1) { width: 38%; } 
 .depart_link .organ_list.sit2 li { width:30%; } 
 .department_sitelink:nth-child(1) .organ_list { /* height: 220px; */}
 .department_sitelink:nth-child(2) .organ_list { /* height: 220px; */}
 .department_sitelink:nth-child(3) .organ_list { /* height: 170px; */}
 .department_sitelink:nth-child(4) .organ_list { /* height: 80px; */}
}


/*푸터 하단 - 사이트정보*/

#footer > .footer.wrap { position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 60px auto; letter-spacing: 0; } 
#footer .footer_logo { /* position: absolute; */
 /* top: 9px; */
 /* left: 12px; */
 width: 130px; height: 40px; background: url(/user_res/images/common/flogo.png) no-repeat 50%; font-size: 0; line-height: 0; text-indent: -9999px; } 

.footer_cont { width: 60%; } 
.footer_navi { /* display: block; *//* margin: 0; */padding-bottom: 25px; } 
.footer_navi li { display: inline-block; float: left; margin-right:30px; } 
.footer_navi li.privacy a { color: #00549c; } 

.footer_navi li a { display: block; padding: 2px 0 0 0; color: #484848; font-size: 16px; line-height: 16px; } 

.footer_info address { color: #484848; font-size: 15px; line-height: 17px; } 
.footer_info address span { display: inline-block; margin: 0 0 0 15px; } 
.footer_info p { margin: 2px 0 0 0; color: #797979; font-size: 13px; line-height: 23px; } 
.footer_info p.add { /* text-indent:-999999px; */font-size: 13px; /* background: url(/upload_data/board_data/BBS_0000050/157101775208670.jpg) no-repeat; */ } 
.footer_info .copyright { margin: 24px 0 15px; } 
.footer_info .copyright span { color: #3e85c2; } 
.footer_info p.mail_info { margin: 7px 0 0 0; } 


.footer .footer_sns ul { display: flex; justify-content: space-between; } 
.footer .footer_sns ul li a { display: block; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; background: url(/mayor/images/main/mayor_icon.png) no-repeat; margin-left: 10px; } 

.footer .footer_sns ul li .facebook { background-position: 0 -149px; } 
.footer .footer_sns ul li .blog { background-position: -50px -149px; } 
.footer .footer_sns ul li .twitter { background-position: -100px -149px; } 
.footer .footer_sns ul li .insta { background-position: -150px -149px; } 
.footer .footer_sns ul li .kakao { background-position: -200px -149px; } 

@media (max-width: 1200px){
 #footer .footer.wrap { width: 100%; padding: 20px; display: block; margin: 20px auto; } 
 .footer_navi { padding: 0px; } 
 #footer .footer_info { padding-left: 0px; } 
 #footer .footer_logo { left: 20px; top: 20px; /* width:145px; height:auto; */margin: 20px; } 
 #middle.content { padding:0 } 
 #footer .footer_cont { width: 100%; padding: 20px; } 
 #footer .footer_sns { position: absolute; top: 40px; right: 20px; width: 275px; } 
 #footer .footer_sns ul li { width: 20%; } 
}

@media all and (max-width: 600px) {
 #footer > .footer_info { font-size: 13px; line-height: 17px; -webkit-text-size-adjust: none; } 

 .footer_info address span { display: block; margin: 0 5px 0 0; } 
 }
@media all and (max-width: 450px){
 .banner .banner_wrap { width: 75%; padding: 23px 0 0 25%; } 
 /* #footer .footer_logo { display: none; } */
 #footer .footer.wrap { padding: 0; } 
 #footer .footer_cont { padding: 10px 20px; } 
 #footer .footer_cont .footer_navi { margin-bottom: 15px; } 
 #footer .footer_cont .footer_navi li a { padding: 5px 0; } 
 #footer .footer_sns { width: 230px; position: unset; margin: 0 auto; } 
 #footer .footer_sns ul li a { width: 40px; height: 41px; background-size: 218px; } 
 .footer .footer_sns ul li .facebook { background-position: 0 -120px; } 
 .footer .footer_sns ul li .blog { background-position: -41px -120px; } 
 .footer .footer_sns ul li .twitter { background-position: -81px -120px; } 
 .footer .footer_sns ul li .insta { background-position: -121px -120px; } 
 .footer .footer_sns ul li .kakao { background-position: -161.5px -120px; } 
 .footer_info address { line-height: 22px; margin-top: 10px; padding-top: 20px; border-top: 1px solid #e8e8e8; } 
 .footer_info address span { display: block; margin: 0 5px 0 0; } 
 }
@media all and (max-width: 375px){
 .banner .banner_wrap { width: 65%; padding: 23px 0 0 35%; } 
 .footer_navi li:nth-child(4) { margin: 0; padding-left: 0; background: none; } 
 }
 
/* tab 추가 */

.area_culture_subtop { padding: 8% 0 2%; text-align: center; color: #ffffff; background: url(/user_res/images/sub/bg_culture_sub.png) no-repeat 0 0; letter-spacing: -1px; -webkit-background-size: 100% 100%; background-size: 100% 100%; } 
.area_culture_subtop .path { float: none; font-size: 2.1rem; font-weight: 600; } 
.area_culture_subtop .path a { font-size: 2rem; color: #fff; font-weight: 300; } 
.area_culture_subtop .path img { margin: 0 5px; } 
.area_culture_subtop .path p { font-size: 0.9rem; margin: 0.8% 0 0; font-weight: 400; } 
.area_culture_bar { display: none; float: left; background: rgba(0,0,0,0.5); width: 100%; z-index: 200; position: relative; margin-bottom: 40px; margin-top: -60px; border-top: 1px solid rgba(255,255,255,0.3); } 
.area_culture_bar a.home { float: left; width: 60px; height: 60px; background-color: #0054a6; text-indent: -9999px; background-position: 50% 50%; background-image: url(/user_res/images/mayjor/icon_home_wh.png); background-repeat: no-repeat; } 
.area_culture_bar .btn_move_menu { width: 230px; float: left; height: 60px; padding: 0 0 0 15px; border-right: 1px solid rgba(255,255,255,0.4); text-align: left; } 
.area_culture_bar .btn_move_menu > i { background-position: 3px 50%; background-image: url(/user_res/images/mayjor/icons_culture_move.png); background-repeat: no-repeat; width: 30px; height: 25px; display: inline-block; float: right; } 
.area_culture_bar .btn_move_menu > strong { width: 70%; width: calc(100% - 35px); display: inline-block; font-weight: 500; color: #fff; } 
.area_culture_bar .area_move_menu:last-of-type .btn_move_menu,
.area_culture_bar .area_move_menu:last-of-type .culture_move_list { width: 270px; } 
.area_move_menu { position: relative; float: left; } 
.area_culture_bar .culture_move_list { position: absolute; left: -1px; top: 60px; width: 231px; background: #f2f2f2; border: 1px solid #dcdcdc; display: none; } 
.area_culture_bar .culture_move_list a { display: block; padding: 10px 15px; border-bottom: 1px solid #dcdcdc; color: #333333; } 

.area_zoom_btn { float: right; position: relative; margin: 9px 0 0 0; } 
.area_zoom_btn > i { color: #333333; border: 0; height: 41px; line-height: 40px; } 
.area_zoom_btn > i:before,
.area_zoom_btn > i:after { content: ""; position: absolute; right: 69px; width: 1px; height: 15px; background: #b9b7b7; top: 11px; } 
.area_zoom_btn > i:after { right: 34px; } 
.area_zoom_btn .zoom { width: 35px; height: 35px; border: 0; background: url(/user_res/images/common/lnb_m_depth3NextMenuIcon_off.png) no-repeat 50% 50%; } 
.area_zoom_btn .zoom.zoomout { background: url(/user_res/images/common/lnb_m_depth3NextMenuIcon_on.gif) no-repeat 50% 50%; } 
.area_zoom_btn .zoom:hover { background: url(/user_res/images/common/lnb_m_depth3NextMenuIcon_off.png) no-repeat 50% 50%; border-bottom: 1px solid #e14c4c; } 
.area_zoom_btn .zoom.zoomout:hover { background: url(/user_res/images/common/lnb_m_depth3NextMenuIcon_on.gif) no-repeat 50% 50%; border-bottom: 1px solid #e14c4c; } 


#container .side { width: 260px; } 
#container .side .side_title { background: #396ac3 url(/user_res/images/sub/cside_title_bg.png) no-repeat left top; background-size: cover; -webkit-background-size: cover; } 
#container .side .side_title .inner_wrap { padding-top: 18px; padding-bottom: 36px; } 
#container .side .side_title strong { padding-left: 48px; text-align: left; } 
#container .side .side_menu .depth2_menu .depth2_list.active, 
#container .side .side_menu .depth2_menu .depth2_list.actived { background-color: transparent; } 
#container .side .side_menu .depth2_menu .depth2_list.active, 
#container .side .side_menu .depth2_menu .depth2_list.actived { background-color: #9E9E9E; } 
#container .side .side_menu .depth2_menu .depth2_list:last-of-type { border-bottom: 1px solid #c5c5c5; } 

@media screen and (max-width: 1250px){
 #container .colgroup { width: 70%; width: calc(97% - 260px); } 
 }
@media screen and (max-width: 991px){
 .area_culture_subtop,
 .area_culture_bar { display: none; } 
 .area_sublayout { padding-top: 123px; } 
 #container .colgroup { width: 100%; } 
 }
@media screen and (max-width: 770px){
 #container { margin: 0; } 
 }
@media screen and (max-width: 500px){
 .area_sublayout { padding-top: 102px; } 
 }
.box.type3 { overflow:hidden; } 
.box.type3:after { content:''; clear:both; display:block; } 
.sort_left { float:left; margin:20px 0 0 20px; } 
.sort_right { float:left; margin:0 0 0 20px; } 


/*추가 header*/ 
/** Animation **/
#header_2017 h1.logo,
#header_2017 h1.logo a,
#header_2017 .mob_btn,
#header_2017 .toputil,
#header_2017 .toputil .sns_link,
#header_2017 .toputil .site_code,
#header_2017 .toputil .totalsearch .btn,
#header_2017 #nav #gnb,
#header_2017 #nav #gnb ul li a span:after,
#header_2017 #nav #gnb ul li ul,
#header_2017 .toputil .sns_link ul li a
 {
 transition : all 0.4s ease; -webkit-transition : all 0.4s ease; } 

#header_2017 { position:absolute; z-index:9; width:100% } 
#header_2017 h1.logo { position:absolute; left:0; top: 23px; z-index:999; width: 352px; height: 57px; } 
#header_2017 h1.logo a.main_logo { display: block; background: url("/mayor/images/main/mayor_logo.png") no-repeat left top; width: 191px; height: 57px; float: left; } 
#header_2017 h1.logo a.mayor_logo { display: inline-block; font-size: 27px; color: #2e2864; font-family: 'GmarketSans'; font-weight: 600; padding: 7px 0 0 3px; } 
#header_2017 h1.logo a span { line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px; } 
#header_2017 .mob_btn { display:none; } 
#header_2017 #nav { width:auto; height: 100px; position:relative; overflow:hidden; } 
#header_2017 #nav #blind { width:100%; height:100%; background:#fff; position:absolute; left:0; top: 100px; z-index:1; border-top:1px solid #ddd; } 
#header_2017 #nav #gnb { max-width: 1400px; margin:0 auto; position:relative; z-index:10; width: 100%; } 
#header_2017 #nav #gnb .header_icon { position:absolute; right:0; bottom:182px; } 
#header_2017 #nav #gnb>ul { width:100%; height:auto; display: flex; justify-content: flex-end; } 
#header_2017 #nav #gnb ul:after { content:""; display:block; clear:both; } 
#header_2017 #nav #gnb ul li { float:left; width: 25%; } 
/* #header_2017 #nav #gnb ul li:last-child { display:none; } */
#header_2017 #nav #gnb ul li.num1 { /* padding-left: 500px; *//* width: calc(500px + 17%); */width: 17%; } 
#header_2017 #nav #gnb ul li.num2 { width: 17%; } 
#header_2017 #nav #gnb ul li.num3 { width:17%; margin-right: 170px; } 
#header_2017 #nav #gnb ul li.num4 { width:17% } 
#header_2017 #nav #gnb ul li a { display:block; text-align:center; text-decoration:none; } 
#header_2017 #nav #gnb ul li a.ov span { height: 1; border-bottom:6px solid #2e2864; font-weight:600 } 
#header_2017 #nav #gnb ul li a:focus, #header_2017 #nav #gnb ul li a:hover { } 
#header_2017 #nav #gnb ul li a span { display:inline-block; vertical-align:top; font-size: 23px; height: 100px; padding: 40px 0 27px 0; line-height: 29px; color: #222; position:relative; } 
#header_2017 #nav #gnb ul li a span:after { /* content:""; */display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%; } 


#header_2017 #nav #gnb ul li ul { width:auto; padding: 0 0 23px 0; margin-top:1px; border-right:1px solid #eee; } 
#header_2017 #nav #gnb ul li.num4 ul { border-left:1px solid #eee; } 
#header_2017 #nav #gnb ul li:first-child ul { border-left:1px solid #eee; } 
#header_2017 #nav #gnb ul li.num4 ul li:first-child a { padding: 11px 0 11px 13px; } 
#header_2017 #nav #gnb ul li.num2 ul li:nth-child(3) a { padding:11px 13px } 
#header_2017 #nav #gnb ul li.num2 ul li:nth-child(3) a strong { } 
#header_2017 #nav #gnb ul li ul li:last-child { display:block; margin-bottom: 10px; } 
#header_2017 #nav #gnb ul li ul li { float:none; width:auto; margin:0 0 0 0; } 
#header_2017 #nav #gnb ul li ul li a { vertical-align:top; font-weight: bold; letter-spacing: -0.7px; line-height:20px; height:auto; padding: 14px 28px 11px 15px; font-size:17px; color: #000; text-align:left; display: block; width: 100%; } 
#header_2017 #nav #gnb ul li ul li a strong { font-weight:normal; /* word-break: keep-all; */ } 

#header_2017 #nav #gnb ul li ul li a:hover { border: 0; background: #eff0f7; color:#2e2864; text-decoration:none } 
#header_2017 #nav #gnb ul li ul li a:hover strong { color:#2e2864 } 

#header_2017 #nav #gnb ul li ul li ul { display:none !important; } 
#header_2017 .toputil { position:absolute; right:3%; top:15px; z-index:10; padding-right:70px; } 
#header_2017 .toputil:after { content:""; display:block; clear:both; } 

#header_2017 .toputil .site_code { float:left; margin:21px 15px 0 15px; } 
#header_2017 .toputil .site_code ul { width:auto; } 
#header_2017 .toputil .site_code ul:after { content:""; display:block; clear:both; } 
#header_2017 .toputil .site_code ul li { float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb; } 
#header_2017 .toputil .site_code ul li a { display:block; height:100%; line-height:28px; } 
#header_2017 .toputil .totalsearch { position:absolute; right:-40px; top:0; overflow:hidden; } 
#header_2017 .toputil .totalsearch .btn { display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10; } 
#header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active { border:1px solid #8e8e8e; } 
#header_2017 .toputil .totalsearch .btn.on { background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083; } 
#header_2017 .toputil .totalsearch .input { display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } 
#header_2017 .toputil .totalsearch .input input[type="text"] { width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box; } 
#header_2017 .toputil .totalsearch .input input[type="submit"] { text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%; } 
#header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder { color:#555; } 
#header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder { color:#555; } 
#header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder { color:#555; } 
#header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder { color:#555; } 

.btn_plus { left:50px } 




@media screen and (max-width: 1200px){
 #header_2017 h1.logo { left: 20px; top: 32px; } 
 #header_2017 h1.logo a { background-size:100%; /* width: 244px; */ } 
 #header_2017 h1.logo a.main_logo { width: 150px; background-size: 100%; } 
 #header_2017 h1.logo a.mayor_logo { font-size: 24px; } 
 #header_group #family_site a { margin-right: 10px; } 
 #header_2017 #nav #gnb ul li { width:13% } 
 #header_2017 #nav #gnb ul li.num1 { padding-left:317px; width:calc(13% + 317px); } 
 #header_2017 #nav #gnb ul li a span { font-size:18px } 
 #header_2017 #nav #gnb ul li ul li a { font-size:16px; padding: 10px; } 
 }

@media screen and (max-width: 920px){
 #header_2017 h1.logo a { background-size:100%; margin-top:20px } 
 #header_2017 h1.logo a.main_logo { width: 130px; float: unset; } 
 #header_2017 h1.logo a.mayor_logo { font-size: 22px; color: #FFF; } 
 #header_2017 #nav #gnb ul li { width:13% } 
 #header_2017 #nav #gnb ul li.num1 { padding-left:250px; width:calc(13% + 250px); } 
 .btn_plus { display:none } 
 }