@charset "utf-8";

strong{font-weight: 600;}

/* common */
#gnbWrap >div, #innerHead >div, #lnbWrap nav,
#bannerWrap >div, #container,
.familysite, footer .info_wrap {margin: 0 auto; }

/* width */
body {min-width: 1180px; letter-spacing:-0.4pt;}
#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub,
.cont_wrap >div,  #bannerWrap >div,
#container,
.familysite, footer .info_wrap {width: 1180px; position: relative;}

/* header > gnb */
#gnbWrap {background: #fff;border-bottom: 1px solid #cecece;}
#gnbWrap .gnbBar:after {content:""; display:block; clear:both;}
#gnbWrap .gnb_nav_box {float:left; position:relative;}
#gnbWrap .gnb_control {display:none;}
#gnbWrap .gnb_nav {float:left;}

#gnbWrap .gnb_nav li {float: left;}
#gnbWrap .gnb_nav li  a{display: block; padding: 1.1rem 1.1rem 1.1rem 0; font-size: 1.4rem;color:#4d4d4d;font-weight:500;}
#gnbWrap .gnb_nav li a:after {content: ''; display: inline-block;vertical-align: middle;width: 1px;height: 1.3rem;background: #dcdcdc;margin-left:1.1rem;}
#gnbWrap .gnb_nav li.last a{color:#f37021;}
#gnbWrap .gnb_nav li.last a:after {display:none;}
#gnbWrap .gnb_nav li >a:hover, #gnbWrap li >a:focus {text-decoration: underline;}

#gnbWrap .gnb_option {display:inline-block;position: absolute; top: 0; right: 0;}
#gnbWrap .gnb_option li{float:left;margin-left:2rem;}

#gnbWrap .gnb_option .fav-link {display:block; background:#003e92; border-radius:9em; color:#fff; font-size:13px; margin-top: 0.7rem; padding:3px 17px;}
#gnbWrap .gnb_option .fav-link:after {content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; background:url('/common/img/common/ico_sitemap_visual_go.png') no-repeat 50% 50%; background-size:contain; margin-left:10px;}

#gnbWrap .gnb_option li a.country{display:inline-block;font-size:1.1rem;color:#4d4d4d;line-height:2.1rem;height:2.1rem;margin-top:0.7rem;padding-left:3.5rem;background:url(/common/img/common/country.png) no-repeat 0 0;}
#gnbWrap .gnb_option li a.country:hover{text-decoration:underline;}

/* lang select box */
.lang_site{display:inline-block;margin-top:0.7rem;}
.lang_site label{font-size: 0;position: absolute;}
.lang_site select{float:left;background: #fff;border: 1px solid #dfdfe1;font-family: 'Roboto', sans-serif;font-size:1.3rem;height:2rem;padding:0 0.5rem;margin-top:0.1rem;box-sizing: border-box;}
.lang_site input{float:left;background: #fff;font-size:1.1rem;color: #4d4d4d;line-height:2.2rem;border:1px solid #b9b9b9 !important;border-radius:3px;width:35px;height:22px;margin-left:0.2rem;padding:0;}


/* New GNB */
#gnbTopArea {position:relative; background:#003e92; z-index:999999; font-size:20px; }
#gnbTopArea * {font-family:'GmarketSans', sans-serif; }
#gnbTopArea > .inner {max-width:1240px; margin:0 auto; padding:0; }
#gnbTopArea > .inner:after {content:""; display:block; clear:both; }

#gnbTopArea .portalSite {display:block; position:relative; padding-top:.3em; }
#gnbTopArea .portalSite .gnb_control {display:none; }
#gnbTopArea .portalSite ul {display:block; position:relative; overflow:hidden; }
#gnbTopArea .portalSite ul li {display:block; float:left; }
#gnbTopArea .portalSite li a {display:block; position:relative; height:2.6875em; line-height:2.5em; padding:0 1em; font-size:.8em; min-width:7em; text-align:center; color:#fff; }

/*
#gnbTopArea .portalSite li a.ty1 {background:#002a64; }
#gnbTopArea .portalSite li a.ty2 {background:#008ae1; }
#gnbTopArea .portalSite li a.ty3 {background:#00a3a8; }
#gnbTopArea .portalSite li a.ty4 {background:#008b3b; }
#gnbTopArea .portalSite li a.ty5 {background:#72a018; }
#gnbTopArea .portalSite li a.ty6 {background:#ea6300; }
#gnbTopArea .portalSite li a.ty7 {background:#b10000; }
 */

#gnbTopArea .portalSite li a.ty8 {height:43px;padding:0.25em 1em;font-size:0.725em;line-height:1.2;animation-name: txtfadeIn;animation-duration:1s;animation-iteration-count:infinite;}
#gnbTopArea .portalSite li a.ty9 {position:relative; padding-left:3em;}
#gnbTopArea .portalSite li a.ty9:before {content:''; display:block; width:1.666667em; height:1.277778em; position:absolute; top:0.5em; left:1.25em; position:absolute; background:url('/sihwaho30th/images/contents/01/01_img01.png') no-repeat; background-size:contain;}
#gnbTopArea .portalSite li a:hover {color:#ffac5b !important; text-decoration:underline; text-underline-position:under;}
#gnbTopArea .portalSite li a:focus {border:solid 2px #fff;}

@keyframes txtfadeIn {
  0% {
    color:#fff;
  }
  100% {
    color:#1d3a71;
  }
}

#gnbTopArea .fav-link {display:block; position:relative; float:left; line-height:3.5em; color:#fff; font-size:.7em; padding:0 1.5em; }
#gnbTopArea .fav-link:after {content:""; display:block; position:absolute; width:2px; height:1.072em; top:50%; margin-top:-.536em; right:-1px; background:#d6d8da; }
#gnbTopArea .langSite {display:block; position:relative; float:left; }
#gnbTopArea .langSite .gnb_control {display:block; position:relative; height:3.5em; color:#fff; padding:0 2.857em 0 1.8571em; font-size:.7em; background:url(../img/common/ico_gnb_arrow.png) no-repeat right .57em top 50%; }
#gnbTopArea .langSite dd .gnb_control {position:absolute; bottom:100%; left:0; right:0; }
#gnbTopArea .langSite dd {display:none; position:absolute; top:100%; left:0; right:0; z-index:999; background:#fff; border-radius:0 0 1em 1em;
	-webkit-box-shadow:0px .5em 1em 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px .5em 1em 0px rgba(0,0,0,0.1);
	box-shadow:0px .5em 1em 0px rgba(0,0,0,0.1);
}
#gnbTopArea .langSite li a {display:block; position:relative; font-size:.65em; color:#555; line-height:3.3em; text-align:center; }
#gnbTopArea .langSite li:nth-child(even) a {background:#eef2f6; }
#gnbTopArea .langSite.open dt {opacity:0; }
#gnbTopArea .langSite.open dd {display:block; }

@media all and (max-width:1024px) {
	#gnbTopArea {padding-top:0; }
	#gnbTopArea .portalSites {width:100%; padding-top:2.3em;}
	#gnbTopArea .portalSite .gnb_control {display:block; height:3.5em; font-size:.7em; padding:0 1em; width:9em; text-align:left; color:#fff; background:url(../img/common/ico_gnb_arrow.png) no-repeat right .57em top 50%; }
	#gnbTopArea .portalSite dd .gnb_control {position:absolute; bottom:100%; left:0; right:0; }
	/* #gnbTopArea .portalSite dd {display:none; position:absolute; top:100%; left:0; right:0; z-index:999; background:#fff; border-radius:0 0 1em 1em;} */
	#gnbTopArea .portalSite.open dt {opacity:0; }
	#gnbTopArea .portalSite.open dd {display:block; }
	#gnbTopArea .portalSite ul li {width:20%;}
	#gnbTopArea .portalSite li a {padding:0 0.5em; min-width:auto;}
	#gnbTopArea .portalSite li a.ty8 {height:auto;padding:0.25em 1em;}
	#gnbTopArea .portalSite li a.ty9 {padding:0 0.5em;}
	#gnbTopArea .portalSite li a.ty9:before {content:none;}
	#gnbTopArea .portalLink {position:absolute; top:0; right:0;}
}
@media all and (max-width:640px) {#gnbTopArea {font-size:18px;} #gnbTopArea .portalSite ul li {width:25%;}}
@media all and (max-width:425px) {#gnbTopArea {font-size:17px;}}
@media all and (max-width:360px) {#gnbTopArea {font-size:16px;}}
@media all and (max-width:335px) {#gnbTopArea {font-size:15px;}}

#innerHead >div {padding: 0.8rem 0 1.1rem 0;}
#innerHead h1 {position: absolute;top:18px;left:0;z-index: 100000;}
#innerHead h1 a.main_logo {display:block; margin:0; font-size:0;text-indent:-99999px;width:138px;height:40px;background: url(/main/images/new_main/logo02.png) no-repeat;background-size: contain;}
#innerHead h1 a.portal_logo {width:130px; text-align:left; font-size:20px; font-weight:bold; color:#303030; position:absolute; left:155px; top:7px; background:none;letter-spacing: -0.2rem;}
.lnb_sub {position: absolute !important; top: 77px; right: 0; margin: 0 auto; display: none;}
.lnb_sub.on {display: block;}

/* header > search */
#searchWrap {width:40%; position: relative; margin: 0 auto; font-size:1.4rem; overflow:hidden;}
.total_search {float:left;width:88%;border:4px solid #003e92;background: #fff;border-radius:100px;overflow:hidden;}
.total_search li {position:relative; float:left; box-sizing:border-box; padding:0.5rem 0 0.5rem 0.5rem;}
.total_search li:nth-child(1) {width:35%;padding:0.5rem 0 0.5rem 2rem;}
.total_search li:nth-child(2) {width:60%;margin-left: 1.5rem;}
#searchWrap span.search_btn{float:right;}
#searchWrap input[type="submit"] {margin: 0;height:52px;width:52px;cursor: pointer;border-radius:100px;background: #003e92 url(/common/img/common/ico_search.png) no-repeat center center;font-size:0;text-indent:-99999px;}
.total_search select {padding:0.7rem 0.7rem 0.7rem 1.2rem !important; background: url(/mayor/images/sub/suggest/select_arrow.png) no-repeat 90% 50%;
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}
.total_search select:focus {border:1px solid #003e92;}
.total_search select::-ms-expand{display:none;}
.total_search select,.total_search input[type="text"] {border: 1px solid #fff;width:100%;color: #777;}
.total_search input[type="text"] {width: 100%;}
.total_search input#qt {ime-mode: active;}

/* header > sns */
#innerHead .sns_con{position: absolute;top:19px;right:0;}
#innerHead .sns_con ul{display:inline-block; vertical-align:middle;}
#innerHead .sns_con ul li{float:left;margin-left:4px;}
#innerHead .sns_con ul li:first-child{margin-left:0;}
#innerHead .sns_con ul li a{display:block;width:38px;height:38px;font-size:0;text-indent:-999999px;background:url(/common/img/common/ico_sns.png);}

#innerHead .sns_con ul li a[data-sns="페이스북"]{background-position:0 0;}
#innerHead .sns_con ul li a[data-sns="트위터"]{background-position:-57px 0;}
#innerHead .sns_con ul li a[data-sns="카카오스토리"]{background-position:-113px 0;}
#innerHead .sns_con ul li a[data-sns="유튜브"]{background-position:-170px 0;}
#innerHead .sns_con ul li a[data-sns="네이버블로그"]{background-position:-226px 0;}
#innerHead .sns_con ul li a[data-sns="인스타그램"]{background-position:-283px 0;}
#innerHead .sns_con ul li a[data-sns="카카오채널"]{background-position:-340px 0;}

#content,
#m_conts {outline:none;}

/* header > mob */
#openMenu, #openSearch {display: none;}

/* header >lnb */
#lnbWrap {position: relative;height: 77px;z-index: 99999;left: 0;border-top:1px solid #ccc;border-bottom:2px solid #003e92;}
#lnbWrap .layer {width: 100%;height: 77px;z-index: 99999; overflow: hidden;position: relative;}
#lnbWrap .in_lnb.sns_con {display:none;}

#lnbWrap >.layer.on {border-bottom: 1px solid #ccc; box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);}
#lnbWrap .layer.on:before {content: '';display: block;position: absolute;top: 77px;left: 0;right: 0;bottom: 0;padding-bottom:50px;}

#lnb .open_lnbsub {display:none;}
#lnb a {display: block;}
#lnb li {text-align: left;}
#lnb > li {float:left;text-align: center;width:16.666%;}
#lnb > li > a{padding: 2.2rem 0;position: relative;font-size:1.9rem;color:#303030 !important;font-weight: 600;}
#lnb > li > a:after{content: '';float:right;display: inline-block;vertical-align: middle;margin-top:0.8rem;width: 0.2rem;height: 1.3rem;background: #c9c9c9;}
#lnb > li:last-child > a:after{display:none;}
#lnb > li > a:before {content: '';display: block;position: absolute;left: 50%;bottom:0; transform: translate(-50%, -0%);height: 3px;background: #ef5713;}

#lnb > li > a:hover:before, #lnb >li >a:focus:before {animation:activeLine 0.5s forwards;}

#lnb >li >a.on:before,
#lnb >li.on >a:before {width:40px;}

#lnbWrap.type01 >.layer.on:before{background:rgba(255,255,255,1) url(/common/img/common/nav_bg.gif) no-repeat center top;}

#lnbWrap.type01 .lnb_sub .depth02 >li >a {background-color: #003c8e;color: #fff;text-align: left;}
#lnbWrap.type01 .lnb_sub .depth02 >li >a[target=_blank]:after {background: url('/common/img/common/spr_common.png') 0 0 no-repeat;}
#lnbWrap.type01 .lnb_sub .depth02 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth02 >li >a:focus {background-color: #003071;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a {color: #505050;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a[target=_blank]:after {background: url('/common/img/common/spr_common.png') -23px -22px no-repeat;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:before {background: #c5c5c5;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus {color: #334d72;text-decoration: underline;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:hover:before, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus:before {background: #334d72;}

@keyframes activeLine {
    0% {width:0}
    100% {width:40px}
}

#all_menu{position:relative;float:right;height: 17px;width: 22px;margin:2.8rem 0 2.9rem 0;}
#all_menu .bar{position: absolute;display: inline-block;left:0;width:22px;height:3px;background:#929292;border-radius:3px;transition: 0.5s;}
#all_menu .bar:nth-child(1){top:0;}
#all_menu .bar:nth-child(2){top:7px;width:14px;}
#all_menu .bar:nth-child(3){top:14px;width:7px;}

#all_menu:hover .bar:nth-child(2){width:22px;}
#all_menu:hover .bar:nth-child(3){width:22px;}

.lnb_sub .depth02 {position: relative;padding:2.3rem 0 7rem 0;}
#lnbWrap.type01 .lnb_sub .tit {display: none;}
#lnbWrap.type01 .depth02 >li {width: 18.4%;float: left;position: relative;}
#lnbWrap.type01 .depth02 >li:not(:nth-child(5n)) {margin-right: 2%;}
#lnbWrap.type01 .depth02 > li:last-child {margin-right:0 !important;}
#lnbWrap.type01 .depth02 >li >a {display: block; position:relative; text-align:center;font-size: 1.7rem;padding:0.8rem 1.5rem;margin: 1rem 0;letter-spacing: -0.8pt; border-radius: 4px;}
#lnbWrap.type01 .depth02 >li >a:hover {text-decoration:none;}
#lnbWrap.type01 .depth02 >li >a[target=_blank]:after {content: ''; position:absolute; top:50%; margin-top:-.35rem; right:1rem; width: 17px;height: 15px;}

#lnbWrap.type01 .depth03 >li {position: relative;margin-left: 0;}
#lnbWrap.type01 .depth03 >li >a {font-size: 1.5rem;line-height: 120%;padding: 0.3rem 0 0.3rem 1.2rem;letter-spacing: -0.5pt;}
#lnbWrap.type01 .depth03 >li >a[target=_blank]:after {content: '';width: 14px;height: 12px;float: right;margin: 0.3rem 0.5rem 0 0;}
#lnbWrap.type01 .depth03 >li >a[target=_blank]:hover:after {background-position: -23px -22px;}
#lnbWrap.type01 .depth03 >li >a:before {content: '';position: absolute;width: 5px;height: 5px;left: 0;top: 1.4rem;}
#lnbWrap.type01 .depth03 >li:last-child a {border-bottom: none;}
#lnbWrap.type01 .depth03 >li >a:hover {font-weight: 400;}

#lnbWrap .lnb_sub.depart {background-color: #fff;background-image: none;}
#lnbWrap .lnb_sub.depart:before {content: '';position: absolute;top: -5px;left: 0;background: #fff;display: inline-block;width: 100%;height: 5px;}
#lnbWrap .lnb_sub.depart .tit {display: none;}
#lnbWrap .lnb_sub.depart .depth02 {margin: 5px 0 14px;}
#lnbWrap .lnb_sub.depart .depth02 li:not(:last-child) {margin-right: 1.5%;}
#lnbWrap .lnb_sub.depart .depth02 li {width: 11.1875%;float: left;border: 1px dashed #ccc;border-radius: 10px;background-color: #fff;margin-right: 0;}
#lnbWrap .lnb_sub.depart .depth02 li:hover {border-color: #666;background-color: #f5f0eb;}
#lnbWrap .lnb_sub.depart .depth02 li >a {padding: 3rem 1rem 1rem;text-align: center;display: block;width: 100% !important;}
#lnbWrap.type01 .lnb_sub.depart .depth02 >li >a,
#lnbWrap.type02 .lnb_sub.depart .depth02 >li >a  {background-color:#fff !important;}
#lnbWrap.type02 .lnb_sub.depart .depth02 {width: 100%;}
#lnbWrap.type02 .lnb_sub.depart .depth02 li >a {border-radius: 10px;}
#lnbWrap .lnb_sub.depart .depth02 li >a:before {content: '';width: 60px;height: 60px;display: inline-block;background: url('/main/img/common/spr_depart.png') 7px 14px no-repeat;transition: 0.5s;}
#lnbWrap .lnb_sub.depart .depth02 li >a:hover {background-color: #f5f0eb !important;text-decoration: none !important;font-weight: 500;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(1):hover >a:before {background-position: 7px -84px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(2) >a:before {background-position: -89px 13px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(2):hover >a:before {background-position: -89px -84px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(3) >a:before {background-position: -182px 7px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(3):hover >a:before {background-position: -182px -89px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(4) >a:before {background-position: -273px 12px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(4):hover >a:before {background-position: -273px -84px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(5) >a:before {background-position: -369px 11px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(5):hover >a:before {background-position: -369px -86px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(6) >a:before {background-position: -470px 10px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(6):hover >a:before {background-position: -470px -86px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(7) >a:before {background-position: -565px 11px}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(7):hover >a:before {background-position: -565px -84px}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(8) >a:before {background-position: -656px 9px;}
#lnbWrap .lnb_sub.depart .depth02 li:nth-of-type(8):hover >a:before {background-position:-656px -87px;}
#lnbWrap .lnb_sub.depart .depth02 li >a span {width: 100%;display: block;text-align: center;margin: 2rem 0 1rem;font-size: 1.5rem;color: #333;border-bottom: none;}

/* 모바일 메뉴 */
#m_menu {display: none;position: absolute;left: -100%;}
@media all and (max-width:1024px) {
	#m_menu {display:block;}
}

/* snb + content */
#container {padding: 2.4rem 0 5rem;}
#snbWrap {float: left;width: 220px;}
#content {float: right;width: 900px;}
#snbWrap h2 {position:relative;text-align: center;color: #fff;font-size: 3.2rem;line-height: 130%;letter-spacing:-0.05em;height:160px;padding: 6.5rem 1rem 0 1rem;background:url(/common/img/common/h2_bg.gif)no-repeat 0 0;word-break:keep-all;}
#snbWrap h2 > a:visited {color:#fff;}
#snbWrap h2.in_narrow {letter-spacing: -0.08em}
#snbWrap h2 span{display:block;position:absolute;left:0;top:53px;width:100%;font-family: 'Montserrat', sans-serif;font-size:0.9rem;font-weight:800;color:#a5b7e2;letter-spacing:0.4rem;line-height:1rem;}
#snbWrap h2.t_sp28 {font-size: 2.8rem;}
.snb >li {margin: 0.5rem 0;}
.snb >li >a {display: block; position:relative; padding: 1.5rem 2rem 1.5rem 2rem;transition: 0.3s;font-size:1.6rem;font-weight:500;color: #003e92;letter-spacing:-0.08rem;border: 1px solid #bebebe;}
.snb >li >a:before {content:""; display:block; position:absolute; right:1rem; top:50%; width:13px; height:13px; margin-top:-6px; background:url('/common/img/common/spr_snb.png') 0 0;}

.snb >li >a.on {background-color:#003e92;color:#fff !important;border: 1px solid #003e92;}
.snb >li >a.on:before {background-position:0 -52px;}
.snb >li >a.state:before {background-position:0 -153px;}
.snb >li >a.state.on {background-color:#003e92;color:#fff !important;border-bottom: none;border: 1px solid #003e92;}
.snb >li >a.state.on:before {background-position:0 -105px;}
.snb >li >a.state.on + ul {background: #f5f5f5;padding: 0.5rem 0;}

.snb >li >ul >li {padding: 0 0.8rem;margin: 0.3rem 0;}
.snb >li >ul >li >a {display: block;color: #232323;padding: 3px 0 2px 0.8rem;letter-spacing: -1pt;font-size:1.5rem;}
.snb >li >ul >li >a:before {content: '';width: 4px;height: 4px;display: inline-block;vertical-align: middle;background: #003e92;margin-right:0.4rem;}
.snb >li >ul >li >a.on {color: #333; text-decoration: underline; font-weight: 600;}
.snb >li >a[target=_blank]:after {content: '';width: 17px;height: 15px;float: right;margin: 0.2rem 0.5rem 0 0;background: url('/common/img/common/spr_common.png') 0 -25px no-repeat;}
.snb >li >a.state.on[target=_blank]:after {background-position: 0 0;}
/* .snb >li >ul >li >a[target=_blank]:after {content: '';width: 14px;height: 12px;float: right;margin: 0.3rem 0.5rem 0 0;background: url('/common/img/common/spr_common.png') -23px 0 no-repeat;} */
.snb >li >ul >li >a[target=_blank]:hover:after, .snb >li >ul >li >a[target=_blank]:focus:after {background-position: -23px -22px;}

#titWrap {padding: 0 0 1.7rem 0; position: relative;}
#titWrap h3 {font-size: 2.2rem;font-weight:600;color: #313131;line-height:120%;letter-spacing:-0.05em;margin:1.6rem 0;}

#spotWrap {border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;padding: 1.1rem 0 1.3rem;}
#spotWrap ul li {float: left;}
.spot_list {float: left;margin: 0.8rem 0 0 0;}
.spot_list a {vertical-align: middle;color: #5e5e5e;letter-spacing:-0.05rem;}
.spot_list a:hover {color: #117fc3 !important;}
.spot_list >li {padding: 0 3px;position: relative;}
.spot_list >li:before {content: '';width: 8px;height: 13px;background: url('/common/img/common/spr_spot.png') 0 -26px no-repeat;display: inline-block;vertical-align: middle;margin: 0.3rem 0.8rem 0 0.5rem;}
.spot_list >li:first-child {padding-left: 0;}
.spot_list >li:first-child:before {display:none;}
.spot_list >li:last-child >a {color: #313131;font-weight: 700;}
.spot_list >li a.home {font-size: 0; line-height: 0; display: inline-block; vertical-align: middle;}
.spot_list >li a.home:before {content: ''; width: 18px; height: 18px; background: url('/common/img/common/spr_spot.png') 0 0 no-repeat; display: inline-block; vertical-align: middle; margin: 0 0 0 0.5rem;}

.sub_acc {float: right;}
.sub_acc li >a[class^=btn_] {position: relative;display: inline-block;width:36px;height:36px;background: url('/common/img/common/spr_spot.png') -25px 0 no-repeat;margin:0 0.5rem;}
.sub_acc .btn_share {background-position: -67px 0 !important;}
.share_list {width:259px;height: 53px;overflow: hidden;opacity: 0;position: absolute;bottom: -27px;right: 0;z-index: 10;display: none;}
.share_list >div {background: #e0f4ff;border: 2px solid #83ccf5;border-radius: 30px;padding: 10px 20px 10px 43px;position: absolute;right: -230px;transition: 0.5s;}
.share_list >div:hover {background: #3a7fd8;border: 2px solid #2a71cc;}
.share_list >div:hover button.close {background-color: #000;}
.share_list li >button[class^=btn_] {width: 28px;height: 28px;background: url('/common/img/common/spr_spot.png') -25px 0 no-repeat;margin: 0 2px;}
.share_list li >button[class^=btn_]:hover {background-color: #fff !important;}
.share_list li >button[class*=twitter] {background-color: #65b3ef;background-position: 7px -74px;}
.share_list li >button[class*=twitter]:hover {background-position: 7px -108px;}
.share_list li >button[class*=facebook] {background-color: #45619d;background-position: -16px -74px;}
.share_list li >button[class*=facebook]:hover {background-position: -16px -107px;}
.share_list li >button[class*=blog] {background-color: #36ae18;background-position: -39px -74px;}
.share_list li >button[class*=blog]:hover {background-position: -39px -107px;}
.share_list li >button[class*=story] {background-color: #f2b100;background-position: -61px -74px;}
.share_list li >button[class*=story]:hover {background-position: -61px -107px;}
.share_list li >button[class*=talk] {background-color: #574e43;background-position: -86px -74px;}
.share_list li >button[class*=talk]:hover {background-position: -86px -106px;}
.share_list li >button[class*=qrcode] {background-color:#f85a0c;background-position: -113px -73px;}
.share_list li >button[class*=qrcode]:hover {background-position: -113px -107px;}
.share_list button.close {width: 17px;height: 17px;position: absolute;top: 36%;left: 17px;background: #4296c5 url('/common/img/common/spr_spot.png') -89px 6px no-repeat;color: #fff;border-radius: 50%;}
#contentsQrcode {position: absolute;right: 0;top: 154px;z-index: 10;background: #fff;padding: 2rem;border: 1px solid #bbb;border-radius: 20px;width: 259px; box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);display: none;}
#contentsQrcode canvas {width: 100%;height: 217px;}

/* sub */
#conts {position: relative;}
#conts img {max-width: 100%;}

/***** 일반형 > footer *****/
footer {font-size: 1.4rem;background: #fff;}

.copy_logo {width: 15%;height: 73px;font-size:0;text-indent:-999999px;background:url(/common/img/common/footer_logo.png) no-repeat 0 0;}

.copy_info {width: 85%;}

.site_wrap {background: #222529;}
footer .btn_open {display: block;text-align:center;padding:2.22rem 1rem;color:#fff; font-size:1.6rem;}
footer .btn_close {width: 100%;display: block;text-align: center;padding:2.32rem 1rem;background: #222529;position: absolute;left: 0;bottom: -73px;color: #fff; font-size:1.6rem;}
.familysite >li {float: left;width: 25%;position: relative;}
.familysite >li + li:before {content:""; display:block; position:absolute; width:2px; height:15px; background:#4e5154; left:-2px; top:50%; margin-top:-7px;}
.familysite li div.on {display: block;}
.familysite_list {padding: 15px 20px;}
.familysite_list p {font-size: 1.6rem;}
.familysite_list p, .familysite_list p a {color: #000; margin-bottom: 5px; font-weight: 700;}
.familysite_list a:hover, .familysite_list a:focus {color: #3c6ab3;text-decoration: underline;}
.familysite_list ul {margin-top: 10px;}
.familysite_list ul > li > a{position:relative;padding-left:1.2rem;}
.familysite_list ul > li > a:before {content: ''; display: inline-block;position:absolute;left:0;top:0.9rem;width: 5px;height: 5px;margin-right:1rem;;background: #c5c5c5;vertical-align:middle;}
.familysite_list ul > li > a:hover:before {background: #3c6ab3 }
.familysite_list ul > li > a[target=_blank]:after {content: '';width: 14px;height: 12px;float: right;margin: 0.3rem 0.5rem 0 0;background: url('/common/img/common/spr_common.png') -23px 0 no-repeat;}
.familysite_list ul > li > a[target=_blank]:hover:after, .familysite_list ul > li > a[target=_blank]:focus:after {background-position: -23px -22px;}
.familysite >li {padding: 2px 0;}
.familysite >li div {display: none;position: absolute; left: -1px;width: 100.5%;background: #fff;bottom: 73px; border: 1px solid #5d6a73; border-top: 2px solid #5d6a73;z-index: 999999;}
.familysite>li .list1 {width: 550px;}
.familysite>li .list1 > ul > li{float:left; /*width:250px;*/ padding-bottom:20px;}
.familysite>li .list1 .btn_close{width:293px;}

.familysite_list ul > li {display:inline-block; width:50%; float:left; padding: 0.3rem 0;}
footer .info_wrap { padding: 50px 0 60px;font-size:1.5rem;color: #3e3e3e;position: relative;line-height: 150%;}
footer .info_wrap >div {float: left;}

.copy_info .contact {margin: 15px 0 3px;}
.copy_info .policy a {font-size:14px;font-weight:500;color:#3e3e3e;letter-spacing:-0.05rem;}
.copy_info .policy a:hover {text-decoration:underline;}
.copy_info .policy li, .copy_info .contact >li {float: left;}
.copy_info .policy >li:not(:last-child), .copy_info .contact >li {margin-right:10px}
.copy_info .contact >li.edu_footer {display:block; float:none;}
.copy_info .policy >li:not(:last-child):after {content: '';display: inline-block;width: 2px;height: 8px;background: #e3e3e3;margin-left: 1rem;vertical-align: middle;}
.copy_info .contact >li:not(:last-child):after {content: '';display: inline-block;width: 2px;height: 10px;margin: 0 0 0 1rem;background: #c8c8c8;}

.copy_info .contact >li:nth-child(2),
.copy_info .contact >li:nth-child(3){font-family: 'Roboto', sans-serif;}
.copy_info small{font-size:1rem;font-weight:bold;color:#949494;letter-spacing: 0.15rem;}
.copy_info small span{color:#6d6d6d;}

/* 공통영역 */
.round_corner_10 {border-radius:10px;}
.login_btn {width:136px; height:50px; font-size:15px; text-align:center; letter-spacing:-1px; color:#535353; background:#ededed; border:1px solid #d1d1d1;}
.login_btn.mobile {background:#288ee8; border: 1px solid #1b70bc;}
.login_btn.ipin {background:#197F9A; border: 1px solid #197F9A;}
.color_w {color:#fff !important;}

.sns_login > * {max-width:80%; margin-left:auto; margin-right:auto;}

/***** 간단형 > footer *****/

#wrap.index .site_wrap {background: #f3f3f3;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
#wrap.index footer .btn_open {padding: 1.2rem;color:#4b4b4b;}
#wrap.index footer .btn_close {padding: 1.4rem;background: #e7e7e7;color: #4b4b4b;}
#wrap.index .familysite >li {border-right:none;}
#wrap.index .familysite >li:first-child {border-left:none;}
#wrap.index .familysite >li:after{content:'';position:absolute;right:0;top:17px;width:1px;height:16px;background:#d1d1d1;}
#wrap.index .familysite >li:last-child:after{display:none;}
#wrap.index .familysite >li div {border: 1px solid #d5d5d5; border-top: 2px solid #3b3b3b;}

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

    /***** 간단형 > footer *****/
    #wrap.index .familysite >li {width:25%;border-bottom:none;}
	.familysite_list ul > li {width:100%; float:none;}

}

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

}

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

    /***** 간단형 > footer *****/
    #wrap.index .familysite >li {width:50%;}
}

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

}

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

    #innerHead h1 a.portal_logo {font-size: 18px; top:9px;}

}

/***** 대표포털 > 인트로 *****/

#intro_con{width:100%;overflow:hidden;}

#intro_con .section01,
#intro_con .section02{position:relative;width:50%;height:1080px;}
#intro_con .section01:after,
#intro_con .section02:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition: all ease .4s 0s;}

#intro_con .section01:hover,
#intro_con .section02:hover{z-index:2;box-shadow: 0 0 50px rgba(0,0,0,0.6);}

#intro_con .section01:hover:after,
#intro_con .section02:hover:after{opacity:0;transition: all ease .4s 0s;}

#intro_con .area{position:relative;text-align:center;top:405px;padding:7rem 0;z-index: 1;}

#intro_con dl{display:inline-block;text-align:left;}
#intro_con dt{font-size:4.8rem;color:#fff;letter-spacing:-0.07em;}
#intro_con dd{font-size:1.7rem;font-weight: 300;color:#fff;letter-spacing:-0.03em;}
#intro_con dl dd.btn{position: absolute;}
#intro_con dl dd.btn a{text-align:center;display:block;width:128px;height:128px;font-weight:500;color:#fff;line-height:128px;border-radius:100%;}
#intro_con .section01{float:left;background:url(/main/images/main/custom_bg.png) no-repeat center top;background-size:cover;}

#intro_con .section01 .area:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#034ea2;opacity:.8;z-index:-1;}
#intro_con .section01 .area:after{content:'CUSTOM';text-align:center;position:absolute;left:0;top:25px;width:100%;font-family: 'Roboto', sans-serif;font-size:8rem;color:#fff;line-height:1rem;letter-spacing:0.2em;opacity:.12;z-index: -1;}
#intro_con .section01 dd.btn{right:7%;top:50%;margin-top:-6.4rem;}
#intro_con .section01 dd.btn a{background:#f37021;}

#intro_con .section02{float:right;background:url(/main/images/main/basic_bg.png) no-repeat center top;background-size:cover;}
#intro_con .section02 .area:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#f37021;opacity:.8;z-index:-1;}
#intro_con .section02 .area:after{content:'BASIC';text-align:center;position:absolute;left:0;top:25px;width:100%;font-family: 'Roboto', sans-serif;font-size:8rem;color:#fff;line-height:1rem;letter-spacing:0.2em;opacity:.12;z-index: -1;}
#intro_con .section02 dd.btn{left:7%;top:50%;margin-top:-6.4rem;}
#intro_con .section02 dd.btn a{background:#034ea2;}

/***** 대표포털 > 간단형 *****/
#custom_main{background:#f4f4f4;padding-bottom:60px;}

/* top gnb */
#custom_main .gnbWrap{border-bottom:1px solid #c8c8c8;}
#custom_main .gnbWrap .gnbarea{margin:0 auto;width:1380px;height:43px;overflow:hidden;}
#custom_main .gnbWrap ul.left_menu{display:inline-block;float:left;}
#custom_main .gnbWrap ul.left_menu li{float:left;}
#custom_main .gnbWrap ul.left_menu li:after{content:'';float:right;width:1px;height:10px;margin-top:1.8rem;background:#cacaca;}
#custom_main .gnbWrap ul.left_menu li:last-child:after{display:none;}
#custom_main .gnbWrap ul.left_menu li a{display:inline-block;padding:0 1.8rem;height:43px;font-size:1.4rem;color:#4d4d4d;line-height:43px;letter-spacing:-0.07em;}
#custom_main .gnbWrap ul.right_menu{display:inline-block;float:right;}
#custom_main .gnbWrap ul.right_menu li{float:left;}
#custom_main .gnbWrap ul.right_menu li.setting{margin-right:1rem;}
#custom_main .gnbWrap ul.right_menu li.setting a{display:block;margin-top:0.9rem;padding:0 2.2rem 0 4.2rem;height:25px;border-radius:11px;font-size:1.4rem;font-weight:300;color:#fff;line-height:25px;background:#f37021 url(/main/images/main/ico_setting.png) no-repeat 18px center;}
#custom_main .gnbWrap ul.right_menu li.help a{display:block;margin-top:11px;height:22px;width:22px;text-indent:-999999rem;background:url(/main/images/main/ico_help.png) no-repeat 0 0;}

/* logo */
#custom_main h1{text-align:center;margin-top:3.2rem;}
#custom_main h1 a{display:block;margin:0 auto;width:118px;height:35px;text-indent:-999999rem;background:url(/main/images/main/custom_logo.png) no-repeat 0 0;}

/* title */
#custom_main > dl.title{text-align:center;margin-top:5rem;}
#custom_main > dl.title dd{font-family: 'Roboto', sans-serif;font-size:1.3rem;font-weight:700;color:#414141;letter-spacing:0.7em;}
#custom_main > dl.title dt{font-size:4.2rem;font-weight:200;color:#373737;}

/* search */
#searchBox{text-align: center;margin-top:5rem;}
#searchBox .area{position:relative;margin:0 auto;height:70px;width:570px;background:#fff;border:3px solid #f37021;border-radius:11px;box-sizing:border-box;}
#searchBox input[type=text]{float:left;width:85%;padding:1.4rem 0 1.4rem 5rem;font-size:2.5rem;font-weight:200;border:none;background:none;border-radius:11px 0 0 11px;}
#searchBox .search_btn{float:right;width:15%;margin-top:1.9rem;}
#searchBox .search_btn input[type=submit]{width:24px;height:24px;text-indent:-9999999rem;background:url(/main/images/main/ico_search.png) no-repeat 0 0; border:none; }
#searchWrap .suggestions,
#searchBox .suggestions{margin-top:3rem;}
#searchWrap .suggestions ul,
#searchBox .suggestions ul{display:inline-block;}
#searchWrap .suggestions ul li,
#searchBox .suggestions ul li{float:left;margin-right:2rem;}
#searchWrap .suggestions ul li:last-child,
#searchBox .suggestions ul li:last-child{margin-right:0;}
#searchWrap .suggestions ul li a,
#searchBox .suggestions ul li a{font-size:1.7rem;color:#616161;letter-spacing:-0.07em;}

#searchWrap .suggestions {clear:both; padding-top:1rem; margin-top:0; text-align:center;}
#searchWrap .suggestions ul li {margin:.2rem 1rem;}
#searchWrap .suggestions ul li a {font-size:1.6rem;}

/* mayor */
#custom_main .mayor{width:570px;margin:6rem auto 0 auto;padding:5.5rem 0 3.7rem 27rem;border-bottom:2px solid #e9e9e9;background:url(/main/images/main/mayor_img.png) no-repeat left 0;box-sizing:border-box;}
#custom_main .mayor .greeting{font-size:2rem;font-weight:200;color:#616161;line-height:1.2rem;letter-spacing:-0.07em;}
#custom_main .mayor .greeting span{font-size:3rem;font-weight:500;color:#222;}
#custom_main .mayor .button{margin-top:2.5rem;}
#custom_main .mayor .button a{display:block;width:83px;height:10px;text-indent:-999999rem;background:url(/main/images/main/mayor_arrow.png) no-repeat 0 0;}

/* icon set */
.iconset{width:750px;margin:8rem auto 0 auto;}
.iconset ul{display:inline-block;width:100%;}
.iconset ul li{position:relative;float:left;width:20%;}
.iconset ul li:after{content:'';position:absolute;right:0;top:15px;width:3px;height:51px;border-right:3px dotted #dedede;box-sizing:border-box;}
.iconset ul li:last-child:after{display:none;}
.iconset ul li a{display:block;text-align:center;padding-top:7rem;cursor:pointer;letter-spacing: -0.07em;}

.iconset ul li:nth-child(1) a{background:url(/main/images/main/ico_custom01.png) no-repeat center 0;}
.iconset ul li:nth-child(2) a{background:url(/main/images/main/ico_custom02.png) no-repeat center 0;}
.iconset ul li:nth-child(3) a{background:url(/main/images/main/ico_custom03.png) no-repeat center 0;}
.iconset ul li:nth-child(4) a{background:url(/main/images/main/ico_custom04.png) no-repeat center 0;}
.iconset ul li:nth-child(5) a{background:url(/main/images/main/ico_custom05.png) no-repeat center 0;}

/* my presnal menu */

.mpmenu{position:relative;text-align: center;margin:8.5rem auto 0 auto;width:926px;}
.mpmenu:before{content:'';position: absolute;left:0;top:44px;width:100%;height:2px;background:#ebebeb;}
.mpmenu dl.title{position:relative;display:inline-block;text-align:center;padding:0 4.5rem;color:#535353;background:#f4f4f4;z-index:1;}
.mpmenu dl.title dt{margin-top:1rem;font-size:3.7rem;font-weight:200;line-height: 3.7rem;}
.mpmenu dl.title dd{font-family:'Roboto', sans-serif;font-size:1rem;letter-spacing:0.38em;}

.mpmenu .menuarea{margin-top:3rem;}
.mpmenu .menuarea ul{display:inline-block;width:100%;}
.mpmenu .menuarea ul li{display: table;position: relative;float:left;margin:0 1rem 3rem 0;}
.mpmenu .menuarea ul li:nth-child(8n){float:left;margin:0 0 1rem 0;}
.mpmenu .menuarea ul li a.ico_link{display: table-cell;vertical-align: middle;width:107px;max-width:107px;height:107px;max-height:107px;padding: 0 1rem;font-size:1.6rem;color:#fff;text-indent:-99999rem;letter-spacing: -0.05em ;word-break: break-word; border:1px solid #cecece;border-radius:11px;background:#fff url(/main/images/main/mpm_add.png) no-repeat center center;box-sizing:border-box; overflow: hidden;}
.mpmenu .menuarea ul li a.ico_link p{line-height: 2rem;}
.mpmenu .menuarea ul li a.ico_link span{position:absolute;top:-13px;left:50%;margin-left:-4rem;display:block;width:80px;height:26px;font-size:1.2rem;color:#fff;line-height:26px;background:#3b3b3b;border-radius:15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:0 0.4rem;}
.mpmenu .menuarea ul li a.close {position: absolute; background: url(/main/images/main/ms_close_white.png) no-repeat center; width: 19px; height: 19px; text-indent: -9999999px; bottom: 5px; right: 5px; border-radius: 5px;}
.mpmenu .menuarea ul li a.close:hover{box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}

/* type1 대표포털 / 열린시장실 / 시흥형 온종일돌봄 / 사이버역사관 */
.mpmenu .menuarea ul li.type1 a.ico_link{background:url(/main/images/main/mpm_bg.png) no-repeat 0 0,linear-gradient( 45deg, #ec321e, #fea943 );text-indent:0;border:none;}

/* type2 분야별포털 /스마트시티 / 대형폐기물수거신청 */
.mpmenu .menuarea ul li.type2 a.ico_link{background:url(/main/images/main/mpm_bg.png) no-repeat 0 0,linear-gradient( 45deg, #1e6aec, #5de88e );text-indent:0;border:none;}

/* type3 일자리포털 / 미디어시흥 / 동네소식알리미 */
.mpmenu .menuarea ul li.type3 a.ico_link{background:url(/main/images/main/mpm_bg.png) no-repeat 0 0,linear-gradient( 45deg, #2837be, #d962f4 );text-indent:0;border:none;}

/* type4 통합예약포털 / 아동친화도시 / 평생교육포털 */
.mpmenu .menuarea ul li.type4 a.ico_link{background:url(/main/images/main/mpm_bg.png) no-repeat 0 0,linear-gradient( 45deg, #1faa3b, #ccd751 );text-indent:0;border:none;}

/* menu setting layer */
.menuset .mask{position:fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 9;}
.menuset .setarea{position:absolute;top:120px;left:50%;margin-left:-67.5rem;width:1350px;padding:5rem 5rem 6rem 5rem;box-sizing:border-box;background:#fff;border-radius:11px;z-index: 9999999;box-shadow: 0 0 50px rgba(0,0,0,0.2);}
.menuset .setarea .title{text-align:center;}
.menuset .setarea .title span{font-family:'Roboto', sans-serif;font-size:1rem;color:#c6c6c6;letter-spacing:0.38em;}
.menuset .setarea .title p{font-size:37px;color:#535353;letter-spacing:-0.07em;}

.menuset .setsearchBox{text-align: center;margin-top:3.5rem;}
.menuset .setsearchBox .area{position:relative;margin:0 auto;height:70px;width:570px;background:#fff;border:3px solid #f37021;border-radius:11px;box-sizing:border-box;}
.menuset .setsearchBox input[type=text]{float:left;width:85%;padding:1.4rem 0 1.4rem 5rem;font-size:2.5rem;font-weight:200;border:none;background:none;border-radius:11px 0 0 11px;}
.menuset .setsearchBox .search_btn{float:right;width:15%;margin-top:1.9rem;}
.menuset .setsearchBox .search_btn input[type=button]{width:24px;height:24px;text-indent:-9999999rem;background:url(/main/images/main/ico_search.png) no-repeat 0 0; border: none!important; box-sizing:border-box;}
.menuset .menearea{display:inline-block;width:100%;margin-top:5.5rem;}

/* menu intro select */
.introSelect{width:100%; overflow: hidden;}
.introSelect span {display:block;}
.introSelect .tit{margin-top:3rem; margin-bottom:3rem;padding-left:2.5rem;font-size:2.4rem;color:#535353;background:url(/main/images/main/ms_bu.png) no-repeat 0 14px;}
.introSelect input[type=radio]{position:absolute; width:20px; height: 20px; left: 10px; top:10px; z-index: 10;}
.introSelect .section01,
.introSelect .section02{position:relative;width:44%;height:400px; border-radius: 11px; margin:0 3% 3rem; overflow: hidden;}
.introSelect .section01:after,
.introSelect .section02:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 11px;background:rgba(0,0,0,.4);transition: all ease .4s 0s;}

.introSelect .section01:hover,
.introSelect .section02:hover,
.introSelect .section01.on,
.introSelect .section02.on{z-index:2;box-shadow: 0 0 20px rgba(0,0,0,0.4);}

.introSelect .section01:hover:after,
.introSelect .section02:hover:after,
.introSelect .section01.on:after,
.introSelect .section02.on:after{opacity:0;transition: all ease .4s 0s;}

.introSelect .area{position:relative; top:50%; transform: translateY(-50%); padding:7rem 6rem;z-index: 1;}
.introSelect .section01 .area{text-align: left;}
.introSelect .section02 .area{text-align: right;}

.introSelect .area-detail {display:inline-block; text-align:left;}
.introSelect .section01 .area-detail {text-align: left;}
.introSelect .section02 .area-detail {text-align: right;}
.introSelect .area-detail em {font-size:4rem;color:#fff;letter-spacing:-0.07em;}
.introSelect .area-detail span{font-size:1.6rem;font-weight: 300;color:#fff;letter-spacing:-0.03em;}

.introSelect .section01{float:left;background:url(/main/images/main/custom_bg.png) no-repeat center top;background-size:cover;}
.introSelect .section01 .area:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#034ea2;opacity:.8;z-index:-1;}
.introSelect .section01 .area:after{content:'CUSTOM';text-align:center;position:absolute;left:0;top:23px;width:100%;font-weight:700; font-size:8rem;color:#fff;line-height:1rem;letter-spacing:0.2em;opacity:.12;z-index: -1;}

.introSelect .section02{float:right;background:url(/main/images/main/basic_bg.png) no-repeat center top;background-size:cover;}
.introSelect .section02 .area:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#f37021;opacity:.8;z-index:-1;}
.introSelect .section02 .area:after{content:'BASIC';text-align:center;position:absolute;left:0;top:23px;width:100%;font-weight:700;font-size:8rem;color:#fff;line-height:1rem;letter-spacing:0.2em;opacity:.12;z-index: -1;}

.introSelect span.btn{position: absolute;}
.introSelect span.btn span {text-align:center;display:block;width:128px;height:128px;font-weight:500;color:#fff;line-height:128px;border-radius:100%;}
.introSelect .section01 span.btn{right:7%;bottom:50%;margin-bottom:-6.4rem;}
.introSelect .section01 span.btn span{background:#f37021;}
.introSelect .section02 span.btn{left:7%;bottom:50%;margin-bottom:-6.4rem; }
.introSelect .section02 span.btn span{background:#034ea2;}

/* 기본 메뉴로 설정하기 */
.menuset .menearea .tit{margin-bottom:3rem;padding-left:2.5rem;font-size:2.4rem;color:#535353;background:url(/main/images/main/ms_bu.png) no-repeat 0 14px;}

.menuset .menearea .tabs{position: relative; margin-bottom:2rem;}
.menuset .menearea .tabs::before{content:''; position: absolute; left:0; top:50%; width: 100%; height: 1px; background-color:#bebebe; z-index:0;}
.menuset .menearea .tabs::after{content:'SELECT SITE'; position: absolute; right:0; bottom: -27px; font-size:50px; font-weight: 600; color:#e0e0e0; opacity: .6;}
.menuset .menearea .tabs .tab-select label{font-size:0; text-indent:-9999px;}
.menuset .menearea .tabs .tab-select select{z-index:10; width:240px; height: 60px; border-radius: 50px;  padding:0 3rem; border:0px solid #000; position:relative; left:50%; transform: translateX(-50%);text-align:left; font-size:18px; color:#fff; line-height: 60px; text-align: left; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.menuset .menearea .tabs .tab-select select::-ms-expand {display: none;}
.menuset .menearea .tabs .tab-select select::after{content:''; background: url(/main/images/main/ico-button.png) center no-repeat; position: absolute; top: 50%; right:0; width: 20px; height: 20px;}

/* type1 대표포털 */
.menuset .menearea .tabs .tab-select select.type1{background:url(/main/images/main/ico-button.png) no-repeat center,linear-gradient( 45deg, #ec321e, #fea943);}
/* type2 분야별포털 */
.menuset .menearea .tabs .tab-select select.type2{background:url(/main/images/main/ico-button.png) no-repeat center,linear-gradient( 45deg, #1e6aec, #5de88e);}
/* type3 일자리포털 */
.menuset .menearea .tabs .tab-select select.type3{background:url(/main/images/main/ico-button.png) no-repeat center,linear-gradient( 45deg, #2837be, #d962f4);}
/* type4 통합예약포털 */
.menuset .menearea .tabs .tab-select select.type4{background:url(/main/images/main/ico-button.png) no-repeat center,linear-gradient( 45deg, #1faa3b, #ccd751);}

.menuset .menearea input[type="checkbox"] {position: absolute;width: 1px; height: 1px;padding: 0;margin: -1px; overflow: hidden;clip:rect(0,0,0,0); border: 0}
.menuset .menearea input[type="checkbox"] + label {display: inline-block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.menuset .menearea input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 18px;height: 18px;line-height: 15px;margin: -2px 11px 0 0;text-align: center;vertical-align: middle;background: #fafafa;border: 1px solid #cacece;border-radius: 3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.menuset .menearea input[type="checkbox"] + label:active:before,
.menuset .menearea input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.menuset .menearea input[type="checkbox"]:checked + label:before {content: '\2713';color: #f35b65;text-shadow: 1px 1px white;background: #fff;border-color: #c4c4c4;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}

.menuset .menearea .setting_top{width:100%;box-sizing:border-box; margin-bottom: 2rem; /*border-bottom: 2px solid #dfdfdf;*/}
.menuset .menearea .setting_top ul.depth1{width: 100%;}
.menuset .menearea .setting_top ul.depth1 li p{font-size: 18px; font-weight: 500; padding-left:3.5rem; position: relative; color: #535353; margin:2rem 0;}
.menuset .menearea .setting_top ul.depth1 li p:before{content:''; position: absolute; top:0; left: 1.4rem; width: 20px; height: 20px; background: url(/main/images/main/bullet_dep01.png) 0 7px no-repeat}
.menuset .menearea .setting_top ul.depth2{overflow:hidden; padding: 1.5rem 0;padding-left: 4rem; width: 100%; box-sizing: border-box; background: #f8f8f8; border-radius: 10px;}
.menuset .menearea .setting_top ul.depth2 > li{float:left; width: 20%;margin-bottom: 1.5rem;}
.menuset .menearea .setting_top ul.depth1 > li > a{display:block;position:relative;text-align:center;width:200px;height:64px;font-size:1.8rem;color:#606060;line-height:64px;border:1px solid #d6d6d6;border-radius:64px;letter-spacing:-0.07em;box-sizing:border-box;}
.menuset .menearea .setting_top ul.depth1 > li.on > a{border:none;color:#fff;background:linear-gradient( 45deg, #ec321e, #fea943 );box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.menuset .menearea .setting_top ul.depth1 > li.on > a:after{content:'';display:block;position:absolute;left:50%;bottom:-11px;margin-left:-8px;width:16px;height:11px;background:url(/main/images/main/depth1_arrow.png) no-repeat 0 0;}
.menuset .menearea .setting_top ul.depth2 > li label{color:#535353;}
.menuset .menearea .setting_top .area{display:inline-block;position:absolute;top:92px;left:0;width:975px;}
.menuset .menearea .setting_top .area ul {float:left;width:210px;height:450px;margin-right:15px;}
.menuset .menearea .setting_top .area ul li{float:none;position:relative;}
.menuset .menearea .setting_top .area ul li a{display:block;text-align:left;padding-left:4.5rem;width:200px;height:56px;font-size:17px;line-height:54px;color:#484848;letter-spacing:-0.07em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing:border-box;}
.menuset .menearea .setting_top .area ul li.on a{color:#fff;background:#484848;border-radius:28px;}

/* 방문 기록으로 설정하기 */
.menuset .menearea .setting_bottom{width:100%;}
.menuset .menearea .setting_bottom label{color:#535353;}
.menuset .menearea .setting_bottom ul{padding: 1.5rem 0;padding-left:4rem;width:100%;box-sizing:border-box; overflow: hidden; border-radius: 10px; background: #f8f8f8;}
.menuset .menearea .setting_bottom ul li{margin-bottom:1.5rem; width: 20%; float: left;}

.menuset .bottom_btn{display:inline-block;width:100%;margin-top:4rem;padding-top:4rem;border-top:2px solid #dfdfdf;}
.menuset .bottom_btn ul{display:inline-block;float:right;}
.menuset .bottom_btn ul li{float:left;margin-left:1.2rem;}

.menuset .bottom_btn ul li.apply a{display:block;padding:0 6rem;height:65px;font-size:2rem;color:#fff;line-height:63px;background:#4b4b4b;border-radius:50px;}
.menuset .bottom_btn ul li.bclose a{display:block;padding:0 6rem;height:65px;font-size:2rem;color:#4b4b4b;line-height:63px;background:#fff;border:2px solid #404040;border-radius:50px;box-sizing:border-box;}

.menuset .close{position:absolute;top:50px;right:50px;}
.menuset .close a{display:block;width:31px;height:31px;text-indent:-999999rem;background:url(/main/images/main/ms_close.png) no-repeat 0 0;}

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

    /* top gnb */
    #custom_main .gnbWrap .gnbarea{width:100%;}

}

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

    /* 대표포털 > 인트로 */
    #intro_con .section01 dd.btn,
    #intro_con .section02 dd.btn{position:relative;top:auto;left:auto;right:auto;margin-top:2rem;}

}

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

    /***** 대표포털 > 인트로 *****/
    #intro_con .area{padding:5rem 0;top:380px;}
    #intro_con .section01 .area:after,
    #intro_con .section02 .area:after{font-size:6rem;}
    #intro_con dt{font-size:4rem;}
    #intro_con dd{font-size:1.5rem;}
    #intro_con dd.btn a{display:block;width:100px;height:100px;line-height:100px;}

    /***** 대표포털 > 간단형 *****/
    /* top gnb */
    #custom_main .gnbWrap ul.right_menu{margin-right:2rem;}

    /* title */
    #custom_main > dl.title{text-align:center;margin-top:4rem;}
    #custom_main > dl.title dd{font-size:1.2rem;}
    #custom_main > dl.title dt{font-size:4rem;}

    /* search */
    #searchBox{margin-top:4rem;}
    #searchBox .area{height:70px;width:60%;}
    #searchBox input[type=text]{padding:1.5rem 0 1.5rem 5rem;font-size:2.3rem;}
    #searchBox .suggestions{margin-top:2.5rem;}
    #searchBox .suggestions ul li a{font-size:1.5rem;}

    /* mayor */
    #custom_main .mayor{width:80%;padding: 5rem 0 3.7rem 40%;background:url(/main/images/main/mayor_img.png) no-repeat 20% 0;}
    #custom_main .mayor .greeting{font-size:1.8rem;}
    #custom_main .mayor .greeting span{font-size:2.7rem;}
    #custom_main .mayor .button{margin-top:2.5rem;}

    /* icon set */
    .iconset{width:100%;margin:7rem auto 0 auto;}
    .iconset ul{padding:0 2rem;box-sizing:border-box;}

    /* my presnal menu */
    .mpmenu{margin:7.5rem auto 0 auto;padding:0 2rem;width:100%;box-sizing:border-box;}
    .mpmenu:before{top:35px;left:5%;width:90%;}
    .mpmenu dl.title{position:relative;display:inline-block;text-align:center;padding:0 4.5rem;color:#535353;background:#f4f4f4;z-index:1;}
    .mpmenu dl.title dt{margin-top:0.5rem;font-size:3.2rem;line-height: 3.2rem;}
    .mpmenu .menuarea{margin-top:4rem;}
    .mpmenu .menuarea ul li{display:inline-block;float:none;margin:0 0.5rem 1rem 0.5rem;}
    .mpmenu .menuarea ul li:nth-child(8n){float:none;margin:0 0.5rem 1rem 0.5rem;}

    /* menu setting layer */
    .menuset .setarea{top:60px;left:2%;margin-left:0;width:96%;padding:4rem 4rem 5rem 4rem;}
    .menuset .setarea dl.title dt{font-size:3.2rem;line-height: 3.2rem;}
    .menuset .setsearchBox{margin-top:3rem;}
    .menuset .setsearchBox .area{width:100%;}
    .menuset .setsearchBox input[type=text]{padding:1.5rem 0 1.5rem 5rem;font-size:2.3rem;}

    /* menu intro select */
    .introSelect .tit{margin-bottom:1.5rem;font-size:2.2rem;}
    .introSelect .area{padding:6rem 3rem;}
    .introSelect .section01 .area:after,
    .introSelect .section02 .area:after{font-size:6rem;}
    .introSelect dt{font-size:3.3rem;}
    .introSelect dd{font-size:1.5rem;}
    .introSelect .section01 dd.btn {position: absolute; left:50%; margin-left:-4rem; bottom:0; margin-bottom:-4rem;}
    .introSelect .section02 dd.btn {position: absolute; left:50%; margin-left:-4rem; bottom:0; margin-bottom:-4rem;}
    .introSelect dd.btn p{display:block; width: 80px; height: 80px; line-height: 80px;}

    /* 기본 메뉴로 설정하기 */
    .menuset .menearea{margin-top:5rem;}
    .menuset .menearea .tit{margin-bottom:3rem;padding-left:2.5rem;font-size:2.4rem;color:#535353;background:url(/main/images/main/ms_bu.png) no-repeat 0 14px;}
    .menuset .menearea .tabs::after{font-size:30px; bottom:-10px;}
    .menuset .menearea .tabs .tab-select select{width: 200px;height: 50px;padding: 0 3rem; line-height: 50px; font-size:16px;}
    .menuset .menearea .setting_top ul.depth2 > li{width: 33.333%; font-size:15px; }

    /* 방문 기록으로 설정하기 */
    .menuset .menearea .tit{margin-bottom:1.5rem;font-size:2.2rem;}
    .menuset .menearea p{font-size: 18px; font-weight: 500; padding-left:3.5rem; position: relative; color: #535353; margin:2rem 0;}
    .menuset .menearea .setting_top ul.depth1 li p:before{content:''; position: absolute; top:0; left: 1.4rem; width: 20px; height: 20px; background: url(/main/images/main/bullet_dep01.png) 0 7px no-repeat}
    .menuset .menearea .setting_bottom{float:none;width:100%;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid #e3e3e3;}
    .menuset .menearea .setting_bottom ul{display:inline-block;padding-left:0;padding: 1.5rem 0; padding-left: 4rem;}
    .menuset .menearea .setting_bottom ul li{float:left; margin:0; font-size:1.4rem; width:33.3333%; margin-bottom: 1.5rem; font-size:15px;}

    .menuset .bottom_btn{text-align:center;border-top:1px solid #dfdfdf;}
    .menuset .bottom_btn ul{display:inline-block;float:none;}
    .menuset .bottom_btn ul li{float:left;margin-left:0.5rem;margin-right:0.5rem;}
    .menuset .bottom_btn ul li.apply a{padding: 0 4rem;font-size: 1.8rem;height:60px;line-height:60px;}
    .menuset .bottom_btn ul li.bclose a{padding: 0 4rem;font-size: 1.8rem;height:60px;line-height:60px;}
    .menuset .menearea .setting_bottom {
        padding-bottom: 0rem;
        margin-bottom: 0rem;
        border-bottom: none;
    }
    .menuset .close{position:absolute;top:50px;right:50px;}
    .menuset .close a{display:block;width:31px;height:31px;text-indent:-999999rem;background:url(/main/images/main/ms_close.png) no-repeat 0 0;}

}

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

    /***** 대표포털 > 인트로 *****/
    #intro_con .area{top:60px;}
    #intro_con .section01,
    #intro_con .section02{float:none;width:100%;height:400px;}
    #intro_con .section01 .area:after,
    #intro_con .section02 .area:after{font-size:5rem;}
    #intro_con dt{font-size:3rem;}
    #intro_con dd.btn a{width: auto;height:40px;line-height:40px;border-radius: 20px;}

    /***** 대표포털 > 간단형 *****/
    /* title */
    #custom_main > dl.title{margin-top:3.5rem;}
    #custom_main > dl.title dd{font-size:1rem;}
    #custom_main > dl.title dt{font-size:3rem;}

    /* search */
    #searchBox{margin-top:3rem;}
    #searchBox .area{height:60px;width:80%;}
    #searchBox input[type=text]{padding:1.4rem 0 1.4rem 4rem;font-size:1.8rem;}
    #searchBox .search_btn{margin-top:1.2rem;}
    #searchBox .suggestions{display:none;}

    /* mayor */
    #custom_main .mayor{padding: 5rem 0 3.7rem 45%;background:url(/main/images/main/mayor_img.png) no-repeat 5% 0;}
    #custom_main .mayor .greeting{font-size:1.5rem;}
    #custom_main .mayor .greeting span{font-size:2.3rem;}
    #custom_main .mayor .button{margin-top:2rem;}

    /* icon set */
    .iconset{margin:6rem auto 0 auto;}
    .iconset ul li:after{display:none;}
    .iconset ul li a{font-size:1.4rem;padding-top:5rem;background-size:50px auto;}

    .iconset ul li:nth-child(1) a,
    .iconset ul li:nth-child(2) a,
    .iconset ul li:nth-child(3) a,
    .iconset ul li:nth-child(4) a,
    .iconset ul li:nth-child(5) a{background-size:50px auto;}

    /* menu intro select */
    .introSelect .area{top:60px;}
    .introSelect .section01,
    .introSelect .section02{float:none; width:96%; height:300px; margin: 2rem 2%;}
    .introSelect .section01:hover,
    .introSelect .section02:hover,
    .introSelect .section01.on,
    .introSelect .section02.on{box-shadow:0 0 6px rgba(0,0,0,0.3);}
    .introSelect .section01 .area:after,
    .introSelect .section02 .area:after{font-size:5rem;}
    .introSelect dt{font-size:3rem;}
    .introSelect dd.btn a{width: auto;height:40px;line-height:40px;border-radius: 20px;}

    /* menu setting layer */
    .menuset .setarea{top:60px;left:2%;margin-left:0;width:96%;padding:4rem 4rem 5rem 4rem;}
    .menuset .setarea dl.title dt{font-size:3.2rem;line-height: 3.2rem;}

    .menuset .setsearchBox .area{height:60px;}
    .menuset .setsearchBox input[type=text]{padding:1.4rem 0 1.4rem 4rem;font-size:1.8rem;}
    .menuset .setsearchBox .search_btn{margin-top:1.2rem;}

    .menuset .menearea .tabs .tab-select select{left: 0; transform: none; margin-top:1.5rem;}

    .menuset .menearea .setting_top ul.depth1 li p{margin:1rem 0;}
    .menuset .menearea .setting_top ul.depth2{padding-left:2rem;}
    .menuset .menearea .setting_top ul.depth2 > li{width:50%;}

    /* 방문기록 설정하기 */
    .menuset .menearea .setting_bottom ul{padding-left: 2rem;}
    .menuset .menearea .setting_bottom ul li{width:50%;}
}

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

    /***** 대표포털 > 간단형 *****/

    /* search */
    #searchBox{margin-top:2.5rem;}
    #searchBox .area{width:90%;}

    /* mayor */
    #custom_main .mayor{padding:4rem 0 3.7rem 40%;background:url(/main/images/main/mayor_img.png) no-repeat 0 bottom;background-size:180px auto;}
    #custom_main .mayor .button{margin-top:1.7rem;}

    /* icon set */
    .iconset{margin:6rem auto 0 auto;}
    .iconset ul li:after{display:none;}
    .iconset ul li a{font-size:1.4rem;padding-top:5rem;background-size:50px auto;}

    .iconset ul li:nth-child(1) a,
    .iconset ul li:nth-child(2) a,
    .iconset ul li:nth-child(3) a,
    .iconset ul li:nth-child(4) a,
    .iconset ul li:nth-child(5) a{background-size:50px auto;}

    .menuset .menearea .setting_top ul.depth2 > li{width:100%;  margin-bottom: 0.4rem;}
    .menuset .menearea .setting_bottom ul li{width:100%; margin-bottom: 0.4rem;}
    .menuset .menearea .tabs::after{display: none;}

    .menuset .bottom_btn ul li{margin-left:0.3rem;margin-right:0.3rem;}
    .menuset .bottom_btn ul li.apply a{padding: 0 3rem;font-size: 1.6rem;height:50px;line-height:50px;}
    .menuset .bottom_btn ul li.bclose a{padding: 0 3rem;font-size: 1.6rem;height:50px;line-height:48px;}

    .menuset .close{position:absolute;top:50px;right:50px;}
    .menuset .close a{display:block;width:31px;height:31px;text-indent:-999999rem;background:url(/main/images/main/ms_close.png) no-repeat 0 0;}

}

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

    /***** 대표포털 > 인트로 *****/
    #intro_con .area{padding:4rem 3rem;}
    #intro_con dt{font-size:2.6rem;}
    #intro_con dd br{display:none;}

    /***** 대표포털 > 간단형 *****/
    /* top gnb */
    #custom_main .gnbWrap ul.left_menu li a{padding:0 1rem;}
    #custom_main .gnbWrap ul.right_menu{margin-right:1rem;}
    #custom_main .gnbWrap ul.right_menu li.setting a{padding:0 2rem 0 4rem;}

    /* title */
    #custom_main > dl.title dd{font-size:1rem;letter-spacing:0.4em;}
    #custom_main > dl.title dt{font-size:2.8rem;}

    /* search */
    #searchBox input[type=text]{padding:1.4rem 0 1.4rem 2rem;}

    /* mayor */
    #custom_main .mayor{width:90%;padding:3rem 0 3.7rem 50%;background:url(/main/images/main/mayor_img.png) no-repeat 0 bottom;background-size:165px auto;}
    #custom_main .mayor .greeting{font-size:1.4rem;}
    #custom_main .mayor .greeting span{font-size:2rem;}
    #custom_main .mayor .button{margin-top:1.5rem;}

    /* icon set */
    .iconset ul li:nth-child(1),
    .iconset ul li:nth-child(2),
    .iconset ul li:nth-child(3){width:33.33%;margin-bottom:2rem;}
    .iconset ul li:nth-child(4),
    .iconset ul li:nth-child(5){width:50%;}
    .iconset ul li:nth-child(4){padding-left:4rem;}
    .iconset ul li:nth-child(5){padding-right:4rem;}

    /* menu intro select */
    .introSelect .area{padding:4rem 3rem;}
    .introSelect dt{font-size:2.6rem;}
    .introSelect dd br{display:none;}

    /* my presnal menu */
    .mpmenu{margin:4rem auto 0 auto;}
    .mpmenu dl.title{padding:0 2rem;}
    .mpmenu dl.title dt{font-size:2.8rem;line-height:2.8rem;}
    .mpmenu .menuarea ul li{margin:0 0.2rem 1rem 0.2rem;}
    .mpmenu .menuarea ul li:nth-child(8n){margin:0 0.2rem 1rem 0.2rem;}
    .mpmenu .menuarea ul li a{font-size:1.5rem;width:85px;height:85px;}
    .mpmenu .menuarea ul li a span{top:-10px;height:20px;line-height:20px;}

    /* menu setting layer */

    .menuset .setarea{padding:7rem 3rem 4rem 3rem;}
    .menuset .setarea dl.title dt{font-size:3rem;line-height:3rem;}

    .menuset .setsearchBox input[type=text]{padding:1.4rem 0 1.4rem 2rem;}

    .menuset .close{top:30px;right:30px;}

    .menuset .bottom_btn ul li{margin-left:0.2rem;margin-right:0.2rem;}
    .menuset .bottom_btn ul li.apply a{padding: 0 1.5rem;font-size: 1.5rem;height:50px;line-height:50px;}
    .menuset .bottom_btn ul li.bclose a{padding: 0 1.5rem;font-size: 1.5rem;height:50px;line-height:48px;}

}

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

}

/* 대형생활폐기물 - 출력화면 */

.waste {width:800px;border-right:20px;border:1px solid #000;padding:40px 40px 0 40px;overflow:hidden;margin: 0 auto 0;overflow:hidden;}
.waste table tr th,.waste table tr td{font-size:20px; }
.waste:nth-child(2n){margin-top: 200px;}
.waste:nth-child(2n+1){margin-top: 180px;}
.waste:nth-child(1){margin-top: 0px;}
.waste .title{text-align:center; font-size:40px; font-weight:600;}
.waste .num{margin:20px 0 10px 0; font-size:20px !important; font-weight:600;}
.waste .waste_qr{text-align:center;height:160px; }
.waste .waste_qr > * {display:inline-block; text-align:center; position:relative; top:-40px; }
.waste .waste_qr p{font-weight:600;font-size:26px; color:#383838;}
.waste .waste_qr img{width:120px; top:10px;}

.waste .waste_list .tableSt_write th{background:#efefef;; }
.waste .waste_list .tableSt_write th{border-bottom: 1px dashed #afafaf;}
.waste .waste_list .tableSt_write td{border-bottom: 1px dashed #afafaf;}

.only-pc {}
.only-ta {}
.only-mo {}
.not-pc {}
.not-ta {}
.not-mo {}

@media all and (min-width:1025px) {
    .not-pc {display:none !important;}
    .only-ta {display:none !important;}
    .only-mo {display:none !important;}
}

@media all and (max-width:1024px) and (min-width:641px) {
    .not-ta {display:none !important;}
    .only-pc {display:none !important;}
    .only-mo {display:none !important;}
}

@media all and (max-width:640px) {
    .not-mo {display:none !important;}
    .only-pc {display:none !important;}
    .only-ta {display:none !important;}
}

/* 모바일 마스크 */
#mask_mn{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
#mask_kw{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
@media all and (min-width:1023px){
    #mask_mn{display:none !important;}
    #mask_kw{display:none !important;}
}

/* 모바일 빌트인 전용 사이드메뉴 */
#m_menu {z-index: 99998;position: absolute;left: -100%;width: 80%;height:auto;top:114px;bottom:0;overflow-y: auto;background: #335cd9;/* background: -webkit-linear-gradient(45deg, #335cd9, #1c91f5, #20a9f3, #ff4e00); *//* background: linear-gradient(45deg, #335cd9, #1c91f5, #20a9f3, #ff4e00); */border-right: 1px solid #ddd;border-top-width:0px;}
#m_menu .in_lnb.sns_con {display:block;}
#m_menu .sns_con{padding:.5em; text-align:center; background:#fff; border-bottom:1px solid #dadada; line-height:1;}
#m_menu .sns_con ul{display:inline-block;}
#m_menu .sns_con ul li{float:left;margin-left:0;}
#m_menu .sns_con ul li:first-child{margin-left:0;}
#m_menu .sns_con ul li a{display:block;width:38px;height:38px;font-size:0;text-indent:-999999px;background:url(/common/img/common/ico_sns.png); transform:scale(0.9); -webkit-transform:scale(0.9);}
#m_menu .sns_con ul li:nth-child(1) a{background-position:0 0;}
/*#m_menu .sns_con ul li:nth-child(2) a{background-position:-57px 0;}*/
#m_menu .sns_con ul li:nth-child(2) a{background-position:-113px 0;}
#m_menu .sns_con ul li:nth-child(3) a{background-position:-170px 0;}
#m_menu .sns_con ul li:nth-child(4) a{background-position:-226px 0;}
#m_menu .sns_con ul li:nth-child(5) a{background-position:-283px 0;}

#m_menu >.layer {overflow: visible;height: 0;}
#m_menu >.layer.on {box-shadow: none;border-bottom:none;height: auto;}
#m_menu >.layer.on:before {display: none;}
#lnb_mobile li {position: relative;}
#lnb_mobile >li {border-bottom: 1px solid rgba(255,255,255,0.3);}
#lnb_mobile >li, .lnb_sub .depth2 >li {width: 100% !important;margin: 0 !important;float: none;}
#lnb_mobile >li {text-align: left;position: relative;}
#lnb_mobile >li:after {display:none;}
#lnb_mobile >li.on:after {background-position: -132px 0;}
#lnb_mobile a {font-weight: 500;}
#lnb_mobile >li >a {padding:1.6rem;text-shadow:-1px -1px 0 #3753d4, 1px -1px 0 #3753d4, -1px 1px 0 #3753d4,1px 1px 0 #3753d4;color:#fff !important;line-height: 62px;font-size: 1.9rem;}
#lnb_mobile > li > a:after,
#lnb_mobile >li >a:before {display: none;}
#lnb_mobile >li >a[target=_blank] span {display: inline-block;}
#lnb_mobile >li >a[target=_blank] span:after {content: '';width: 17px;height: 15px;float:right;margin: 3px 0 0 9px;background: url(http://localhost:8080/common/img/common/spr_common.png) 0 0 no-repeat;}
#lnb_mobile li.has-sub > a {margin-right:60px;}
#lnb_mobile li.has-sub > .open_lnbsub {display:block; position:absolute; top:7px; right:0; width:60px; height:48px; overflow:hidden; text-indent:-999px; background:url('/common/img/common/spr_bu.png') no-repeat 50% 20px; z-index:1;}
#lnb_mobile li.has-sub:after {content:""; display:block; position:absolute; top:0; right:0; width:60px; height:62px; z-index:0; background:rgba(0,0,0,.1);}
#lnb_mobile li.has-sub.opend-sublnb > .open_lnbsub {background-position:50% -8px;}
#lnb_mobile li.has-sub.opend-sublnb > .lnb_sub {display:block;}
#lnb_mobile .depth2 .open_lnbsub {display:none !important;}
#lnb_mobile .depth2 li.has-sub > a {margin-right:0;}
#lnb_mobile .depth2 li.has-sub:after {display:none;}

#m_menu .lnb_sub {display: none;}
#m_menu .lnb_sub.on {display: block;}
#m_menu .lnb_sub .depth2 {width: 100% !important;overflow: visible;float: none;padding: 0;}
#m_menu .lnb_sub .depth2 >li >a {width: auto !important;border-bottom:none !important;padding: 0.8rem !important;letter-spacing: -0.5pt;font-size: 1.7rem;position: relative;display: block;}
#m_menu .lnb_sub .depth2 >li >a, #m_menu .lnb_sub .depth2 >li >a:hover, #m_menu .lnb_sub .depth2 >li >a:focus {border-radius: 0;margin: 0 !important;background: #fff  !important;color: #ff4e00 !important;padding-left: 8px !important;}
#m_menu .lnb_sub .depth2 >li >a:before,
#m_menu .lnb_sub.depart .depth2 li >a:before {content: '';width: 0;height: 0;border-top: 5px solid transparent;border-right: 0;border-bottom: 5px solid transparent;border-left: 7px solid #fe8b58;background: none;margin-right: 4px;margin-top: -5px;position: absolute;top: 50%;transform: translateX(-50%);}
#m_menu .lnb_sub .depth2 >li >a >span {padding-left: 0.8rem;}
#m_menu .lnb_sub .depth2 >li >a.on {color: #3753d4 !important;}
#m_menu .lnb_sub .depth2 >li >a.on:before {background: #3753d4;}
#m_menu .lnb_sub .depth3 {width: 97%;margin-left: 1rem !important;padding: 0.0rem 0.9rem 0.5rem 0.9rem !important; /* border: 1px solid #ddd; */}
#m_menu .lnb_sub .depth3 >li {float:none !important;position: relative;}
#m_menu .lnb_sub .depth3 >li >a {color: #505050;padding: 0.1rem 0 0.1rem 1rem;font-size: 1.6rem;font-weight: normal;border-bottom: 1px dashed #ececec !important;display: block;}
/*#m_menu .lnb_sub .depth3 >li >a:only-child {border: none !important;}*/
#m_menu .lnb_sub .depth3 >li >a:not(:only-child) {border-bottom: 1px dashed #ececec !important;}
#m_menu .lnb_sub .depth3 >li:last-child >a {border-bottom:none !important;}
#m_menu .lnb_sub .depth3 >li >a:before {content: '';background: #c5c5c5;position: absolute;width: 6px;height: 2px;left: 0;top: 1.2rem;}
#m_menu.type02:hover {box-shadow: none;}
#m_menu.type02 .lnb_sub .tit {display: none;}
#m_menu.type02 .lnb_sub .depth3 >li:not(:last-of-type) >a:after {display: none;}
#m_menu.type02 .lnb_sub .depth2 >li >a:hover {text-decoration: underline;}
#m_menu .lnb_sub.depart:before {display: none;}
#m_menu .lnb_sub.depart .depth2 {margin: 0;}
#m_menu .lnb_sub.depart .depth2 li {border:none;}
#m_menu .lnb_sub.depart .depth2 li >a {text-align: left;}
#m_menu .lnb_sub.depart .depth2 li >a span {text-align: left;font-size: 1.7rem;margin: 0;}
#m_menu.type01 .lnb_sub.depart .depth2 li >a:hover,
#m_menu.type02 .lnb_sub.depart .depth2 li >a:hover {text-decoration: underline !important; background-color: #fff !important;}
#m_menu.type02 .lnb_sub.depart .depth2 li, #m_menu.type02 .lnb_sub.depart .depth2 li a {border-radius: 0;}

#m_menu.type01 .lnb_sub .depth2 >li >a:hover,
#m_menu.type01 .lnb_sub .depth2 >li >a:focus {background-color:#fc6927;}
#m_menu.type01 .lnb_sub .depth3 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus {color: #fc6927;text-decoration: underline;}
#m_menu.type01 .lnb_sub .depth3 >li >a:hover:before, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus:before {background: #fc6927;}
#lnb_mobile .depth3.open_lnbsub {display:block !important;}
#lnb_mobile .depth3 >li.select {color: #fc6927;text-decoration: underline;}

/* 페이지 담당자 */
.dataOffer{color: #505050;border-bottom: 1px solid #dfe2e7;width: 100%;height: auto;overflow: hidden;padding: 1rem 2rem;}
.dataOffer > dl{width: 100%;font-size: 1.5rem;color: #555;}
.dataOffer > dl > dt{
    float: left;
    margin-right: 0.7rem;
}
.dataOffer > dl > dd{overflow: hidden; float: left;}
.dataOffer > dl > dd > ul{overflow: hidden; float: left;}
.dataOffer > dl > dd > ul > li{float: left;}
@media all and (max-width: 768px){
}

/* 만족도 조사 */
div.pageInfo {clear:both; border: 1px solid #dfe2e7; margin-top: 30px; padding-top: 0;}
.pageInfo .research legend{float: left;}
.pageInfo p {font-size: 1.5rem;color:#555;}
.pageInfo label {font-size: 1.5rem;font-weight:400;color:#555;}
.research {padding: 30px 20px;vertical-align: middle;box-sizing: border-box;}
.radio_list{float: left; height: 43px; line-height: 43px; margin-right: 18px;padding-top:5px;}
.radio_list input[type="radio"]{vertical-align: middle; margin-right: 5px;}
.radio_list label { margin-right: 10px;}
.radio_list li{float: left;}
.radio_list:after{content: ''; display: block; clear: both;}
input[type="text"].txtbox{padding: 10px 14px;width: 390px;height: 43px;font-size: 1.5rem;box-sizing:border-box;}
.regBtn {width: 80px;height: 43px;background: #546b79;font-size: 1.5rem;text-align: center;line-height: 1em;color: #fff;transition:1s;}
.regBtn:hover { background: #1b2f3c;}
@media all and (max-width:1024px) {
    input[type="text"].txtbox{clear: left; float: left;}
    .research { padding: 12px 33px 22px;}
    .regBtn{float: left; margin-left: 10px;}
}
@media all and (max-width: 768px){
    input[type="text"].txtbox{width: 80%}
    .regBtn{width: 19%;margin-left: 1%;}
}
@media all and (max-width: 568px){
    input[type="text"].txtbox{width: 100%}
    .regBtn{width: 100%; margin-top: 10px; margin-left: 0;}
    .radio_list{height: auto;}
}

.site_top_modal {display: none;position:relative;background:#2956ad;}
.site_top_modal .inner {position:relative; max-width:1200px; margin:0 auto; text-align:center;}
.site_top_modal .inner a {display:block; position:relative; z-index:0;}
.site_top_modal .inner img {display:block; margin:0 auto;}
.site_top_modal .control {position:absolute; right:0; bottom:0; z-index:2;}
.site_top_modal .control label {display:inline-block; height:30px; padding:0 10px; line-height:30px; background:#1d3a71; color:#fff; font-size:12px;}
.site_top_modal .control .btn_close {display:inline-block; height:30px; padding:0 15px; line-height:30px; background:#e9681a; color:#fff; font-size:12px;}

.swiper-wrapper.swiper-wrapper{height:auto !important;}

@media all and (max-width:640px) {
    .site_top_modal .control {position:relative; bottom:auto; left:auto; right:auto; overflow:hidden;}
    .site_top_modal .control label {width:60%; float:left; text-align:center;}
    .site_top_modal .control .btn_close {width:40%; float:left; text-align:center;}
}

/* 웹어워드 마크 */
.award_mark {position:absolute; right:130px; top:40px;}
.award_mark:after {content:'[지방자치기관분야 대상]';position:absolute;width: 120px;font-size:12px;letter-spacing:-1px;left:-28px;bottom:-18px;}

/* WA 마크 */
.wa_mark {position:absolute; right:0; top:40px;}

@media screen and (max-width: 1024px){
    .award_mark {right:15%;}
    .wa_mark {right:1%;}
}

@media screen and (max-width: 960px){
    .award_mark {display:none;}
    .wa_mark {display:none;}
}


/* 시화호 */
.sihwahos {position:fixed; display:none; width:85px; height:63px; background:url(/common/img/common/sihwaho_ico.png) no-repeat left bottom; font-size:0; text-indent:-9999px; right:30px; bottom:190px; z-index:999;}
.sihwahos:hover {background-position:right bottom;}
@media all and (max-width:768px){
	.sihwahos {right:15px; bottom:180px;}
}


/* 시흥톡 */
.siheungTalk {position:fixed; display:none; width:85px; height:63px; background:url(/common/img/common/siheungTalk_ico.png) no-repeat left bottom; font-size:0; text-indent:-9999px; right:30px; bottom:30px; z-index:999;}
.siheungTalk:hover {background-position:right bottom;}
@media all and (max-width:768px){
	.siheungTalk {right:15px; bottom:20px;}
}

/* 온라인신청 */
.applysiheung {position:fixed; display:none; width:92px; height:63px; background:url(/common/img/common/event_ico_apply.png) no-repeat left bottom; font-size:0; text-indent:-9999px; right:23px; bottom:110px; z-index:999; /* animation-name:eventNotice;animation-duration: 1s;animation-iteration-count: infinite; */}
.applysiheung:hover {background-position:right bottom;}

@media all and (max-width:768px){
	.applysiheung {right:8px; bottom:100px;}
}

/* 동네소식 */
.eventNotice {position:fixed; display:none; width:92px; height:63px; background:url(/common/img/common/event_ico.png) no-repeat left bottom; font-size:0; text-indent:-9999px; right:23px; bottom:190px; z-index:999; /* animation-name:eventNotice;animation-duration: 1s;animation-iteration-count: infinite; */}
.eventNotice:hover {background-position:right bottom;}

@media all and (max-width:768px){
	.eventNotice {right:8px; bottom:180px;}
}

@keyframes eventNotice {
  0% {
    background:url(/common/img/common/event_ico.png) no-repeat left bottom;
  }
  100% {
    background:url(/common/img/common/event_ico_hover.png) no-repeat left bottom;
  }
}

/* 주소검색 */
body.addWrap {min-width:auto;}
.addWrap h4 {width:100%; padding:15px 0; font-size:20px; font-weight:600; color:#fff; text-align:center; background:#003e92;}
.addWrap .addr_popup {padding:20px;}
.addWrap .search_opendata {padding:20px 10px; margin-top:0;}

/* SNS링크 */
.linkSns {clear: both; margin-bottom: -31px;}
.linkSns .snsBox {margin: 80px auto 0; width:609px; border: 1px solid #eaeaea; background: #fbfbfb; border-radius: 10px 10px 0 0; }
.linkSns .snsBox p {width:90%; padding:20px 0 16px 0; margin: 0 auto; text-align: center; color:#767676; border-bottom:1px dashed #dadada;}
.linkSns .snsBox ul {text-align: center; padding:17px 0 30px;}
.linkSns .snsBox ul li {display: inline-block; margin-left: 5px;}
.linkSns .snsBox ul li a{display: inline-block; min-width: 101px; height: 38px; padding: 7px 0 0 20px; text-align:center; font-size: 14px; font-weight: 600; border-radius: 10px;}
.linkSns .snsBox ul li a.kakao_button {text-align: right; padding: 8px; color:#211815;  background: #f6db28 url(/main/images/content/kakao_logo.png) no-repeat left 10% center;}
.linkSns .snsBox ul li a.facebook_button {color:#fff; background: #4b5790 url(/main/images/content/facebook_logo.png) no-repeat left 10% center;}
.linkSns .snsBox ul li a.instagram_button {padding: 7px 0 0 22px; color:#fff; margin: 0px; background: url(/main/images/content/instagram_logo.png) no-repeat;}
.linkSns .snsBox ul li a.blog_button {padding: 7px 0 0 22px; color:#fff; background: #35A800 url(/main/images/content/blog_logo.png) no-repeat left 15% center;}
.linkSns .snsBox ul li a.youtube_button {padding: 7px 0 0 18px; color:#fff; background: #d2262b url(/main/images/content/youtube_logo.png) no-repeat left 10% center;}

@media all and (max-width: 1024px){
	.linkSns .snsBox {width:96%;}
}

@media all and (max-width: 590px){
	.linkSns .snsBox ul li {margin-top:6px; margin-left: 3px;}
	.linkSns .snsBox p {padding:15px 0 12px 0; line-height:1.3em}
	.linkSns .snsBox ul {padding:8px 0 20px;}

}