@charset "utf-8";

/* z-index */
.skip-nav {z-index:9999;}
#header{z-index:10;}
.header-inner{z-index:20;}

.dongCenter-go.active .btn-open{z-index:41;}
.dongCenter-go.active .dongCenter-list{z-index:40;}

.lang-site-go.active .lang-list{z-index:40;}

#header .btn_topMenuOpen {z-index:10;}

.gnav{z-index:30;}
.gnav-dep2-wrap{z-index:40;}
#allMenu {z-index:99999;}

#footer .btnTopMove{z-index:90;}

#overlay{z-index:9999;}

/* ======================================== Common ======================================== */

.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.clear{display:block;font-size:0px;font-size:0em;line-height:0px;content:'';zoom:1;overflow:hidden;clear:both;} /* height:0px; */
.required{margin-left:5px;color:#f5365e;font-weight:700;}

.inner{display:block;width:1400px;margin:0 auto;max-width:calc(100% - 32px);}

.inner .rows { float:none !important; margin:-10px !important; }
.inner .rows:after { content:""; display:block; clear:both; }
.inner .rows .col { float:left; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.inner .rows .col.w25per { width:25%; }
.inner .rows .col.w33per { width:33.3333%; }
.inner .rows .col.w50per { width:50%; }
.inner .rows .col.w75per { width:75%; }

.after:after {display:block;content:'';clear:both;}
.tabPage{display:none;}
.tabPage.active{display:block;}
.mobileBr{display:none;}

/* wrap */
.skip-nav { position:absolute; left:0; top:-200px;}
.skip-nav li { position:absolute; left:0; top:0; width:200px; }
.skip-nav a { position:fixed; left:0; top:-200px; display:block; width:100%; height:50px; line-height:50px; color:#fff; background:#002960; text-align:center;}
.skip-nav a:focus { top:0; }
.skip-nav a:focus-visible {outline:3px dotted #fff; outline-offset: -3px;}
.mobile .skip-nav { display:none; }

#wrap { position:relative;}

#header{height:183px;}
.header-inner{background-color:#fff; position:absolute;left:0;top:0;right:0;}

/* nuri-banner */
.nuri-wrap{background-color:#f6f6f6;}
.nuri-wrap .inner{padding:0 16px;}
.nuri-banner{position: relative; display: flex;align-items: center; gap:8px; height:32px; font-size:15px; color:#1D1D1D;}
.nuri-banner:before{display: block;content:"";width:24px;height:16px;background:url(/images/seocho_2025/layout/nuri_flag.svg) no-repeat center center / contain;border-radius:1px; box-shadow:0 0 2px rgba(0,0,0,0.1);}

.header-top-bar{ position:relative; border-bottom:1px solid #DEDEDE;}
.header-top-bar .inner {display:flex; height:31px;}
.header-top-bar .top-link {height:100%;}
.header-top-bar .top-link > ul{display:flex; flex-wrap:wrap; height:100%;}
.header-top-bar .top-link .open_depth{position:relative;}
.header-top-bar .top-link > ul > li > a{ position:relative; display:flex;width:100%;height:30px; align-items:center; justify-content:center; padding:0 12px; box-sizing:border-box; font-size:16px; line-height:20px;}
.header-top-bar .top-link > ul > li.select > a { color:#E4477A; font-weight:700; height:31px;}
.header-top-bar .top-link > ul > li.select > a:after{display:block;content:''; height:2px;background-color:#E4477A; position:absolute; left:12px;right:12px;bottom:-1px; }
.header-top-bar .top-link > ul > li > a:hover { color:#E4477A; font-weight:500; }

.header-top-bar .top-right {margin-left:auto; display:flex;}
.header-top-bar .top-right > ul{display:flex; align-items:center;}
.header-top-bar .top-right > ul > li {position:relative;font-size:14px;padding:0 12px;}
.header-top-bar .top-right > ul > li+li:before{content: '';position:absolute;top:0.1em;left:0;width:1px;height:16px;background-color: #eee;}
.header-top-bar .top-right > ul > li a:hover{color:#E4477A;}
.header-top-bar .top-right .link{font-size:13px;}
.header-top-bar .btn-scrolled{width:18px;height:18px; position:absolute;right:9px;top:8px; background:url(/images/seocho_2025/layout/btn_toplink_next.svg) center no-repeat; text-align:left;text-indent:-9999px; overflow:hidden; display:none;}

.header-top-bar.scrolled .inner{overflow-x:auto; padding:0; max-width:100%;}
.header-top-bar.scrolled .top-link{width:auto; padding:0 30px 0 16px;}
.header-top-bar.scrolled:after{display:block;content:''; position:absolute;right:0;top:0;bottom:0; width:50px; background:linear-gradient(to right, rgba(255,255,255,0), #fff 60%)}
.header-top-bar.scrolled .btn-scrolled{display:block; z-index:2;}


/* 동주민센터 */
.dongCenter-go{position:relative;}
.dongCenter-go .btn-open{position:relative; display:flex;width:100%;height:30px; align-items:center; justify-content:center; padding:0 12px; box-sizing:border-box; font-size:16px; line-height:20px; background-color:#fff;}
.dongCenter-go .btn-open:hover{color:#E4477A; font-weight:500;}
.dongCenter-go .btn-open .toggle{position:absolute;left:-9999px;}
.dongCenter-go .dongCenter-list{display:none; position:absolute;left:0;top:29px; padding:21px 20px 30px;width:330px;background:#fff;border:1px solid #e4477a;box-sizing:border-box;}
.dongCenter-go .dongCenter-list ul{margin:0 -5px;}
.dongCenter-go .dongCenter-list ul:after{display:block;content:'';clear:both;}
.dongCenter-go .dongCenter-list ul li{float:left;padding:0 5px;width:33.3333%;border:0px none;box-sizing:border-box;}
.dongCenter-go .dongCenter-list ul li:first-child{border:0px none;}
.dongCenter-go .dongCenter-list ul li a{padding:0;line-height:30px;font-size:15px;text-align:center;color:#555;}
.dongCenter-go .dongCenter-list ul li a:hover{font-weight:500;color:#e4477a;background:#fcecf1;}
.dongCenter-go .dongCenter-list ul li a:hover:after{display:none !important;}
.dongCenter-go .dongCenter-list .btn-drop-close{position:absolute;right:0;bottom:0;padding:0; width:28px;height:28px; text-indent:-9999px; background:#fcecf1 url(/images/seocho_2025/layout/icon_header_popEx.png) no-repeat center; }
.dongCenter-go.active .btn-open{border-left:1px solid #e4477a;border-right:1px solid #e4477a; padding:0 11px;}

/* 언어선택 */
.lang-site-go{position:relative;}
.lang-site-go .btn-open{display:flex; align-items: center; height:20px; white-space:nowrap; font-weight:500; font-size:14px; text-transform: uppercase;}
.lang-site-go .btn-open:hover{color:#000;}
.lang-site-go .btn-open:before{display:block;content:''; width:14px;height:14px; margin-right:5px; background:url(/images/seocho_2025/layout/ic_lang.svg) center no-repeat;}
.lang-site-go .btn-open .toggle{display:block; overflow:hidden; text-indent:-9999px; width:10px;height:10px; margin-left:12px; background:url(/images/seocho_2025/layout/arr_lang.svg) center no-repeat;}
.lang-site-go .lang-list{position:absolute;left:0;right:0;top:100%; display:none;}
.lang-site-go .lang-list:before{display:block;content:''; position:absolute;left:0;top:0;right:0; height:10px;}
.lang-site-go .lang-list ul{position:relative; border:1px solid #dedede; background-color:#fff; padding:7px 11px; border-radius:8px; margin-top:6px; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.lang-site-go .lang-list ul:before{display:block;content:''; position:absolute;left:50%;top:-2px; width:10px;height:10px; border:1px solid #dedede; border-width:1px 0 0 1px; background-color:#fff; transform:rotate(45deg) translateX(-50%);z-index:1;}
.lang-site-go .lang-list li + li{margin-top:6px;}
.lang-site-go .lang-list a{display:flex; align-items: center; font-size:14px; line-height:18px; font-weight:500;}
.lang-site-go .lang-list a:after{display:block;content:'';width:14px;height:14px; margin-left:auto; background:url(/images/seocho_2025/layout/ic_blank.svg) center no-repeat;}

/* 글씨크기 */
.zoom-wrap{display:flex; align-items: center;}
.zoom-wrap button{width:20px;height:20px; text-align:left; text-indent:-9999px; overflow:hidden; position:relative; border-radius:50%; box-sizing:border-box; border:1px solid #333;}
.zoom-wrap button + button{margin-left:5px;}
.zoom-wrap button:before{display:block;content:'';width:100%;height:100%; position:absolute;left:0;top:0; background-position:center; background-repeat:no-repeat; background-size:18px 18px;}
.zoom-wrap button:hover{border-color:#e4477a;}
.zoom-wrap .btn_zoomIn:before{background-image:url(/images/seocho_2025/layout/ic_zoom_plus.png);}
.zoom-wrap .btn_zoomOut:before{background-image:url(/images/seocho_2025/layout/ic_zoom_minus.png);}

/* */
.header-top {position:relative;}
.header-top .inner{display:flex; align-items:center; height:72px; box-sizing:content-box; position:relative;}
.header-top h1 {display:block; height:46px;}
.header-top h1 img {height:100%;}
.header-top .btn-allmenu{display:none;}

/* 통합검색 */
.main-search{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); width:480px;}
.main-search-form fieldset{display:flex;align-items:center;border: 2px solid #fd539d;height:48px;border-radius:12px;box-sizing:border-box;position:relative;width:100%;padding-left:10px;}
.main-search-form .select-opt{width:120px;height:36px; border:none; padding:0 20px 0 8px; font-size:17px; border-radius:8px;}
.main-search-form select{appearance: none;-webkit-appearance:none; background:url(/images/seocho_2025/layout/arr_select_search.svg) right 12px center / 10px auto no-repeat;}
.main-search-form select::-ms-expand {display: none;}

.main-search-keyword{display:flex; align-items:center; flex:1; position:relative; padding-left:1px;}
.main-search-keyword:before{display:block;content:'';width:1px;height:22px; background-color:#dedede; position:absolute;left:0;top:50%; transform:translateY(-50%);}

.main-search-form .input-keyword{width:calc(100% - 54px - 10px); height:36px; box-sizing:border-box; padding:0 20px; border:none; margin-right:10px; border-radius:8px; font-size:17px; position:relative;}
.main-search-form .input-keyword::-webkit-input-placeholder{color:#777;-webkit-text-fill-color:#777; font-size:17px;}
.main-search-form .btn-sumit{width:48px;height:48px;border-radius:12px;border:none;background: #fd539d url(/images/seocho_2025/layout/ic_search_global.svg) center no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;margin-left:auto;}

.main-search .hash-keyword{text-align:left; margin-top:10px; font-size:14px; padding:0 20px; display:flex; align-items: flex-start;}
.main-search .hash-keyword .title{color:#222; line-height:18px; font-weight:500; margin-right:28px; display:inline-flex; align-items: center;}
.main-search .hash-keyword .title:before{display:block;content:'';width:16px;height:16px; background:url(/images/seocho_2025/layout/ic_popular.svg) center no-repeat; margin-right:4px;}
.main-search .hash-keyword-group{display:flex;}
.main-search .hash-keyword-group a{line-height:18px; font-size:14px; color:#555; margin-right:16px; white-space:nowrap;}
.main-search .hash-keyword-group a:hover{text-decoration:underline;}

/* 날씨 */
.top-widget{ margin-left:auto;}

#weather {text-align:left; display:flex; align-items:center; flex-wrap:wrap; height:38px;}
#weather .i-weather {width:38px;height:38px;}
#weather .temp {font-size:18px; font-weight:700; color:#222; font-family: "GmarketSans"; padding:4px 0 0 8px;}
#weather .air{padding:3px 12px 0 0; color:#555; font-weight:500; position:relative; font-size:13px; margin-right:12px; text-align:right; box-sizing:border-box;}
#weather .air .lb{font-weight:700;}
#weather .air:after{display:block;content:'';width:1px;height:38px;background-color:#eee; position:absolute;right:0;top:0;}

/* gnav */
.gnav{position:relative; height:50px; border-bottom:1px solid #dedede; box-sizing:border-box;}
.gnav > .inner{width:1400px; margin:0 auto; display:flex;}

.btn-allmenu{margin-left:auto; flex-shrink: 0; width:50px; height:50px; font-size:12px; font-weight:600; padding-top:31px; text-align:center; color:#333; box-sizing: border-box; background:url('https://www.seocho.go.kr/images/seocho_2025/layout/ic_allmenu.svg') center 4px no-repeat;}
.gnav-dep1{display:flex; justify-content: center; flex:1;}
.gnav-dep1 > li {transition:all 0.3s; width:20%;}
.gnav-dep1 > li > a{display:block; height:49px; font-size:18px;font-weight:500;text-align:center; box-sizing:border-box; font-family: "GmarketSans"; font-weight:500; padding:4px 0 0 0; position:relative;z-index:2;}
.gnav-dep1 > li > a span{height:100%; display:inline-flex; align-items: center;justify-content: center; position:relative;}

.gnav-dep2-wrap{position:absolute;left:0;top:50px;right:0; background-color:#fff; display:none; box-shadow:0 4px 20px rgba(0,0,0,0.05); border-bottom:1px solid #dedede;}
.gnav-dep2-wrap .dep2-inner{width:1400px; margin:0 auto; display:flex;}
.gnav-dep2-wrap .gnav-dep2-title strong{font-size:28px; font-weight:500; color:#222; font-family: "GmarketSans";padding-right:21px; position:relative;}
.gnav-dep2-wrap .gnav-dep2-title strong:after{display:block;content:'';width:17px;height:17px; position:absolute;right:0;top:-3px; background:url(/images/seocho_2025/layout/ic_allnav_title.svg) center / cover no-repeat;}
.gnav-dep2-wrap .field-inner{width:1400px; margin:0 auto;}
.gnav-dep2-wrap .gnav-dep2-title{width:240px; border-right:1px solid #DEDEDE; box-sizing:border-box; padding:40px 0 0 20px;}
.gnav-dep2-wrap .gnav-dep2-list{width:calc(100% - 240px); box-sizing:border-box; padding:28px; flex:1;}

.gnav-dep2{display:flex; flex-wrap:wrap; font-weight:500;}
.gnav-dep2 > li{ width:calc(100% / 4 - (40px * 3)/4); margin-right:40px;}
.gnav-dep2 > li:nth-child(4n){margin-right:0;}
.gnav-dep2 > li > a{display:flex; align-items: center; padding:11px 15px; border:1px solid #dedede; background-color:#F6F6F6; border-radius:4px;  box-sizing:border-box; font-size:18px; }
.gnav-dep2 > li > a:hover{color:#e4477a;}

.gnav-dep3{padding:12px 12px 40px 12px;}
.gnav-dep3 > li + li{margin-top:8px;}
.gnav-dep3 > li{position:relative; padding-left:11px;}
.gnav-dep3 > li:before{display:block;content:'';width:3px;height:3px; background-color:#777; position:absolute;left:0;top:9px;}
.gnav-dep3 > li > a{ display:flex; align-items: center; font-size:16x; }
.gnav-dep3 > li > a:hover{color:#e4477a; text-decoration: underline; text-underline-position: under;}

.gnav-dep2 > li > a[target="_blank"]:after,
.gnav-dep3 > li > a[target="_blank"]:after{display:block;content:'';width:14px;height:14px; background:url(/images/seocho_2025/layout/ic_blank.svg) center / cover no-repeat; margin-left:4px;}
.gnav-dep2 > li > a[target="_blank"]:after{margin-left:auto;}

.gnav-dep2 > li > a[target="_blank"],
.gnav-dep3 > li > a[target="_blank"]{display:flex; align-items: center;}
.gnav-dep2 > li > a[target="_blank"]:after,
.gnav-dep3 > li > a[target="_blank"]:after{display:block;content:'';width:14px;height:14px; background:url(/images/seocho_2025/layout/ic_blank.svg) center / cover no-repeat; margin-left:4px; flex-shrink: 0;}
.gnav-dep2 > li > a[target="_blank"]:after{width:16px;height:16px; margin-left:auto;}
.gnav-dep3 > li > a[target="_blank"]:after{width:14px;height:14px; transform:translateY(-1px);}

.field-inner{padding:28px 0;}
.gnav-dep2-field{display:flex; flex-wrap:wrap; width:1200px; margin:0 auto; max-width:100%;}
.gnav-dep2-field li{width:calc(100% / 8);padding:12px 0;}
.gnav-dep2-field a{display:block; text-align:center; font-family: "GmarketSans"; font-weight:500;}
.gnav-dep2-field a:before{display:block;content:'';width:80px;height:80px; border-radius:20px; box-sizing:border-box; margin:0 auto 12px auto; border:1px solid #EEEEEE; background-position:center; background-repeat:no-repeat;}
.gnav-dep2-field .item1:before{background-image:url(/images/seocho_2025/layout/ic_field1.png);}
.gnav-dep2-field .item2:before{background-image:url(/images/seocho_2025/layout/ic_field2.png);}
.gnav-dep2-field .item3:before{background-image:url(/images/seocho_2025/layout/ic_field3.png);}
.gnav-dep2-field .item4:before{background-image:url(/images/seocho_2025/layout/ic_field4.png);}
.gnav-dep2-field .item5:before{background-image:url(/images/seocho_2025/layout/ic_field5.png);}
.gnav-dep2-field .item6:before{background-image:url(/images/seocho_2025/layout/ic_field6.png);}
.gnav-dep2-field .item7:before{background-image:url(/images/seocho_2025/layout/ic_field7.png);}
.gnav-dep2-field .item8:before{background-image:url(/images/seocho_2025/layout/ic_field8.png);}
.gnav-dep2-field .item9:before{background-image:url(/images/seocho_2025/layout/ic_field9.png);}
.gnav-dep2-field .item10:before{background-image:url(/images/seocho_2025/layout/ic_field10.png);}
.gnav-dep2-field .item11:before{background-image:url(/images/seocho_2025/layout/ic_field11.png);}
.gnav-dep2-field .item12:before{background-image:url(/images/seocho_2025/layout/ic_field12.png);}
.gnav-dep2-field .item13:before{background-image:url(/images/seocho_2025/layout/ic_field13.png);}
.gnav-dep2-field .item14:before{background-image:url(/images/seocho_2025/layout/ic_field14.png);}
.gnav-dep2-field .item15:before{background-image:url(/images/seocho_2025/layout/ic_field15.png);}
.gnav-dep2-field .item16:before{background-image:url(/images/seocho_2025/layout/ic_field16.png);}
.gnav-dep2-field a:hover:before{border:3px solid #F45197; box-shadow:0 0 12px rgba(244,81,151,0.2);}

.gnav-dep1 > li.active > a{position:relative; font-weight:700; color:#D61769;}
.gnav-dep1 > li.active > a span:after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px; background-color:#F45197;}
.gnav-dep1 > li.active .gnav-dep2-wrap,
.gnav-dep1 > li.active .gnav-field-wrap{display:block;}

html.unScrolled{overflow:hidden;}

#allMenu{position:fixed; left:0; right:0; top:0;bottom:0; background-color:#fff; display:none;}
.allmenu-inner{width:1400px; max-width:100%; margin:0 auto; position:relative;}
.allmenu-top{height:87px; border-bottom:1px solid #dedede; position:fixed; left:0;top:0;right:0; box-sizing:border-box; padding:0 24px; background-color:#fff; z-index:2;}
.allmenu-top .logo img{height:47px;}
.allmenu-top .allmenu-inner{height:100%; display:flex; align-items: center; justify-content: space-between;}
.allmenu-top .btn-allmenu-close{margin-left:auto;}

.btn-allmenu-close{ display:block; width:40px; height:40px; background:#F5F5F5 url(/images/seocho_2025/layout/ic_all_close.svg) center no-repeat; text-indent:-9999px; overflow:hidden; border-radius:50%;}

.allmenu-nav{display:block; padding:0 24px; position:fixed; left:0; right:0; top:87px;bottom:0; overflow-y:auto;}

.all-dep1{position:relative;}
.all-dep1 > li {padding:48px 0; border-bottom:2px dotted #ccc;}
.all-dep1 a{font-weight:500; }
.all-dep1 > li > a {font-size:28px; color:#222; font-family: "GmarketSans"; display:inline-block; position:relative; padding-right:21px;}
.all-dep1 > li > a:after{display:block;content:'';width:17px;height:17px; position:absolute;right:0;top:0; background:url(/images/seocho_2025/layout/ic_allnav_title.svg) center / cover no-repeat;}
.all-dep2 { display:flex; flex-wrap:wrap; margin:-10px; margin-top:10px; }
.all-dep2 > li {width:calc(100% / 6 - 20px);margin:10px; box-sizing:border-box;}
.all-dep2 > li > a { display:block; padding:12px 16px; border-radius:4px; border:1px solid #dedede; font-size:16px; text-align:left; line-height:24px; }
.all-dep2 > li > a:hover{border-color:#F45197; color:#D61769;}
.all-dep3 {padding-left:8px; margin-top:12px;}
.all-dep3 > li{position:relative; padding-left:11px;}
.all-dep3 > li + li{margin-top:10px;}
.all-dep3 > li:before{display:block;content:'';width:3px;height:3px; background-color:#777; position:absolute;left:0;top:9px;}
.all-dep3 > li > a { display:block; font-size:15px; text-align:left;}
.all-dep3 > li > a:hover {color:#D61769; text-decoration:underline solid 1px; text-underline-position: under; font-weight:700;}
.all-dep4 { display:none; }
#allMenu .mobileOnly{display:none;}

.all-dep2 > li > a[target="_blank"],
.all-dep3 > li > a[target="_blank"]{display:flex; align-items: center;}
.all-dep2 > li > a[target="_blank"]:after,
.all-dep3 > li > a[target="_blank"]:after{display:block;content:'';width:14px;height:14px; background:url(/images/seocho_2025/layout/ic_blank.svg) center / cover no-repeat; margin-left:4px; flex-shrink: 0;}
.all-dep2 > li > a[target="_blank"]:after{width:16px;height:16px; margin-left:auto;}
.all-dep3 > li > a[target="_blank"]:after{width:14px;height:14px; transform:translateY(-1px);}

#allMenu .mobile_ver { display:none;}

#overlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.5;}

/* container */
#container.main_container #contents { padding:0px !important; line-height:inherit !important; overflow:visible !important; }
#container > .inner{padding:0 16px;}

/* footer */
#footer{clear:both;}
#footerLink{background-color:#3C425B;}

.related-site-wrap{display:flex; height:64px; width:1400px; max-width:100%; margin:0 auto; position:relative;}
.related-site-wrap > li{width:25%; border-right:1px rgba(255,255,255,0.2) solid; box-sizing:border-box;}
.related-site-wrap > li:first-child{border-left: 1px rgba(255,255,255,0.2) solid;}

.related-site-go .btn-open{height:64px; width:100%; text-align:left; color:#fff; padding-left:28px; position:relative; }
.related-site-go .btn-open .toggle{display:block;content:''; width:21px;height:16px; background:url(/images/seocho_2025/layout/arr_quickLink.svg) no-repeat 0 0; position:absolute;right:28px;top:50%;margin-top:-8px; overflow:hidden; text-align:left; text-indent:-9999px;}
.related-site-go.active .btn-open{background-color:#2B3042;}

.related-site-list{position:absolute; background-color:#2B3042; overflow-y:auto; width:50%; box-sizing:border-box;}
.related-site-list ul{padding:14px 28px; display:flex; flex-wrap:wrap;}
.related-site-list li{list-style:disc; width:25%;}
.related-site-list a{display:block;color:#fff; word-break:break-all; font-size:15px; padding:10px 0;}
.related-site-list a:hover{color:#ee5696; text-decoration:underline;}

.related-site-list::-webkit-scrollbar {-webkit-appearance: none; width:6px;}
.related-site-list::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.6); border:none;}
.related-site-list::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.3);}

.related-site-go.site1 .related-site-list{bottom:100%; left:0; height:258px;}
.related-site-go.site2 .related-site-list{bottom:100%; left:25%; height:240px; width:75%;}
.related-site-go.site3 .related-site-list{bottom:100%; left:25%; height:258px; width:75%;}
.related-site-go.site4 .related-site-list{bottom:100%; left:25%; height:258px; width:75%;}

.footer-logo{margin-right:24px;}
.footer-logo img{height:42px;margin-top:-3px;}

.footer-contents{padding:34px 0 40px; position:relative;box-sizing:border-box;}
.footer-flex-group {display:flex;flex-direction:row;align-items: center;padding-bottom: 24px;border-bottom: 1px solid #DEDEDE;}
.footerNav {margin-top: 2px;}
.footerNav ul{display:flex; flex-wrap:wrap;}
.footerNav ul li{position:relative; padding:0 15px;}
.footerNav ul li + li:after{display:block;content:''; position:absolute;top:50%;left:0;margin-top:-8px; width:1px;height:16px; background-color:#DEDEDE;}
.footerNav ul li a{color:#222; font-size:16px;}
.footerNav ul li:first-child{padding-left:0;}
.footerNav ul li a.privacy{font-weight:500; color:#E26C74;}
.footerNav ul li a:hover{text-decoration: underline; text-underline-position: under;}

.footer-contact{color:#666; line-height:24px; margin-top:15px;}
.footer-contact .contact{color:#333; font-size:15px;}
.footer-contact .copyright{color:#666; font-size:13px; margin-top:15px;}

.footer-mark {position:absolute;bottom:44px;right:20px;}
.footer-mark a{vertical-align:middle;}
.footer-mark a + a{margin-left:40px;}
.footer-mark .go-symbol{display:inline-block; width:132px;height:82px; background:url(/images/seocho_2025/layout/footer_symbol_bg.png) center top no-repeat; box-sizing:border-box; padding-top:57px;}
.footer-mark .go-symbol span{width:100%;height:25px; background-color:#101D62;color:#fff; font-size:14px;font-weight:500; display:flex;align-items: center; justify-content: center; border-radius: 10px 5px; box-shadow:4px 4px 6px rgba(0,0,0,0.19);}
.footer-mark .go-symbol span:after{display:inline-block;content:'';width:12px;height:12px; background:url(/images/seocho_2025/layout/arr_symbol.svg) center no-repeat; margin-left:3px;}
.footer-mark .go-wa{display:inline-block; padding:10px 0;}
.footer-mark .go-wa img{width:86px; height:62px;}

#footer .btnTopMove{display:none; width:32px;height:32px;position:fixed;bottom:20px;right:20px;background:url(/images/seocho_2025/layout/btn_top.png) no-repeat center center;text-indent:-9999px;}

.skip-map a{display:block;position:absolute;top:-99999px;}
.skip-map a:focus{display:inline-block;position:static;top:0;padding:5px 20px;background:#fff;border:1px #ccc solid;}


/* sub */
.sub-container{padding:40px 0;}
.sub-container > .inner{width:1200px; margin:0 auto ;max-width:calc(100% - 32px); display:flex;}

#snav{width:196px; margin-right:48px;}
.snav-top{display:flex; align-items: center; justify-content: center; height:87px; background:linear-gradient(to bottom, #F45197, #E4477A); margin-bottom:10px; border-radius:8px; position:relative; overflow:hidden;}
.snav-top:before{display:block;content:'';width:137px;height:137px; background:url(/images/seocho_2025/layout/bg_snav_top.png) 0 0 no-repeat; position:absolute;top:-36px;left:-37px;}
.snav-top h2{font-size:24px;font-weight:500; color:#fff; font-family: "GmarketSans";text-align:center; padding-top:4px;}

.snav-dep1 a{display:block; font-weight:500; display:flex; align-items: center; overflow-wrap:anywhere;}
.snav-dep2 > li > a[target="_blank"]:after,
.snav-dep3 > li > a[target="_blank"]:after{display:block;content:'';width:14px;height:14px; background:url(/images/seocho_2025/layout/ic_blank.svg) center / cover no-repeat; margin-left:2px; flex-shrink: 0;}
.snav-dep2 > li > a[target="_blank"]:after{width:16px;height:16px; margin-left:4px;}
.snav-dep3 > li > a[target="_blank"]:after{width:14px;height:14px; margin-left:2px;}

.snav-dep1{border-bottom:1px solid #DEDEDE;}
.snav-dep1 > li{border-top:1px solid #DEDEDE;}
.snav-dep1 > li:first-child{border:none;}
.snav-dep1 > li > a{padding:13px 12px;font-size:18px; position:relative;}
.snav-dep1 > li > a:hover{color:#D61769;}
.snav-dep1 > li.on{border-top:none;}
.snav-dep1 > li.on > a{color:#D61769; font-weight:700; border:1px solid #F45197; border-radius:6px; padding:12px 11px; background-color:rgba(244,81,151,0.04);}
.snav-dep1 > li.arr > a{padding-right:32px;}
.snav-dep1 > li.arr > a:before{display:block;content:'';width:20px;height:20px; background:url(/images/seocho_2025/layout/arr_snav_dep1.svg) 0 0 no-repeat; position:absolute;right:12px;top:50%;transform:translateY(-50%); overflow:hidden;}
.snav-dep1 > li.arr.on > a{padding-right:32px;}
.snav-dep1 > li.arr.on > a:before{background-position:0 -20px;}

.snav-dep2{display:none; padding:6px 12px 0 12px;}
.snav-dep2 > li{border-bottom:1px solid #EEEEEE;}
.snav-dep2 > li:last-child{border-bottom-width:0px;}
.snav-dep2 > li > a{padding:10px 0 10px 5px; color:#333;font-size:16px; position:relative;}
.snav-dep2 > li > a:hover {color:#D61769;}
.snav-dep2 > li.arr > a:before{display:block;content:'';width:17px;height:17px; background:url(/images/seocho_2025/layout/arr_snav_dep2.svg) 0 0 no-repeat; position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden; }
.snav-dep2 > li.on > a{color:#D61769; font-weight:700;}
.snav-dep2 > li.on.arr > a:before{background-position:0 -17px;}

.snav-dep3{display:none;background-color:#F6F6F6;padding:6px 12px;}
.snav-dep3 > li{position:relative;}
.snav-dep3 > li:before{display:block;content:'';width:3px;height:3px; background-color:#777777; position:absolute;left:0;top:14px;}
.snav-dep3 > li > a{padding:6px 0 6px 9px; font-size:15px;}
.snav-dep3 > li > a:hover{color:#e4477a; text-decoration:underline dotted 1px; text-underline-position: under;}

.snav-dep1 > li.on > .snav-dep2{display:block;}
.snav-dep2 > li.on > .snav-dep3{display:block;}
.snav-dep3 > li.on > a{font-weight:700;}

.contents-top{position:relative; height:87px; border-bottom:1px solid #cdcdcd;overflow:hidden; box-sizing:border-box;}
.contents-top > h3{font-size:24px; font-weight:500;}
.contents-top .breadcrumb {display:block; min-height:25px;font-size:13px;color:#666;line-height:25px;width:100%; margin-bottom:10px;}
.contents-top .breadcrumb .home{display:inline-block; margin-top:0;width:18px;height:18px;text-indent:-9999px;vertical-align:middle;background:url(/images/seocho_2025/layout/icon_home.gif) center no-repeat;}
.contents-top .breadcrumb ol {list-style: none;display: flex;align-items: center;padding: 0;margin: 0; flex-wrap:wrap;}
.contents-top .breadcrumb ol li {position: relative;}
.contents-top .breadcrumb ol li:not(:last-child):after {content: ">";padding: 0 5px;}
.contents-top .breadcrumb ol li a {text-decoration: underline;text-underline-offset: 3px;}
.contents-top .breadcrumb ol li a:hover {color: #e4477a;font-weight: bold;}
.contents-top .breadcrumb ol li:last-child a {color: #e4477a;text-decoration: none;pointer-events: none;}

.contents-top-util{position:absolute;right:0;bottom:20px;}
.contents-top-util ul{display:flex;}
.contents-top-util li + li{margin-left:7px;}
.contents-top-util .sns_k{display:none;}

.contents-top .btn-menu-view{display:none;}

.mobile .contents-top-util .print{display:none;}

#content-area{width:calc(100% - 196px - 48px);}
#container #contents{padding:30px 0; line-height:1.75em; overflow:hidden;}


/* ======================================== Responsive ======================================== */

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

}

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

	.related-site-wrap,
	.related-site-wrap > li:first-child{border-left:none;}
	.related-site-wrap > li:last-child{border-right:none;}

}

/*Tablet*/
@media all and (max-width:1024px){

	#header{height:auto;}
	.header-inner{position:relative; height:auto;}

	#wrap.scroll .header-inner{position:relative;left:0;top:0;right:0; height:100%; overflow:hidden; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}

	.nuri-banner{font-size:13px; height:30px;}

	.header-top-bar .inner {height:34px;}
	.header-top-bar .top-link{width:100%;}
	.header-top-bar .top-link > ul{flex-wrap:nowrap; justify-content:flex-start;}
	.header-top-bar .top-link > ul > li{width: auto;}
	.header-top-bar .top-link > ul > li > a,
	.dongCenter-go .btn-open{font-size: 14px; height:34px; padding:0 8px;}
	.header-top-bar .top-right {display:none;}
	.header-top-bar .top-link > ul > li.select{margin-right:8px;}
	.header-top-bar .top-link > ul > li.select > a{height:33px;padding:0;}
	.header-top-bar .top-link > ul > li.select > a:after{left:0;right:0;}
	.dongCenter-go .dongCenter-list{top:33px;}
	.dongCenter-go.active .btn-open{padding:0 7px;}

	.header-top .inner{height:147px; padding:0; display:block; position:relative;}
	.header-top h1{height:66px; margin:0; padding:0; display:flex; align-items: center;}
	.header-top h1 img{height:36px;}
	.header-top .top-widget {display:none;}
	.header-top .btn-allmenu {position:absolute;right:0;top: 12px;width: 50px;height:24px;display:block;margin:0;/* text-indent: -9999px; */}
	.header-top .main-search{width:100%; left:-16px;right:-16px; top:66px; padding:12px 16px; transform:none; border-top:1px solid #dedede;}

	.top-widget {display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; position: relative; font-size:12px; width:100%; text-align:center; min-width:auto; max-width:100%; left:0;top:inherit; right:0; bottom:0;background-color:#F9F9F9; border-top:1px solid #dedede;}

	#header .gnav {display:none;}

	#allMenu{position:fixed;top:0;bottom:0;left:0;}
	.allmenu-top{display:none;}
	.allmenu-nav{padding:0; height:calc(100% - 112px);top:112px; overflow:auto;}
	.allmenu-nav:before{display:block;content:'';width:120px; background-color:#F6F6F6; position:absolute;left:0;top:0;bottom:0;}
	.allmenu-nav .allmenu-inner{height:100%;}

	#allMenu .mobileOnly{display:block;}

	.all-dep1{height:100%;}
	.all-dep1 > li{width:120px; height:auto; padding:0; border:none;}
	.all-dep1 > li > a{height:53px; padding:0px 20px; font-size:16px; text-align:left; font-family:inherit; display:flex; align-items: center;}
	.all-dep1 > li > a:after{display:none;}

	.all-dep2{position:absolute;top:0;bottom:0;left:120px;right:0; margin:0; padding:12px 16px;background-color:#fff; overflow-y:auto; display:block;}
	.all-dep2 > li{width:auto; padding:0; margin:0; border-top:1px #dedede solid;}
	.all-dep2 > li:first-child{border-top:none;}
	.all-dep2 > li > a{padding:12px 12px 11px 12px; font-size:15px; line-height:20px; font-weight:700;color:#222; border:none; border-radius:0;box-sizing:border-box;}
	.all-dep3{padding:6px 12px;  margin:0;}
	.all-dep3 > li{padding:0; border-bottom:1px solid #eeeeee;}
	.all-dep3 > li + li{margin:0;}
	.all-dep3 > li:before{display:none;}
	.all-dep3 > li > a{padding:10px 0; font-size:15px;}
	.all-dep4{padding:6px 12px; background-color:#F6F6F6; margin:0;}
	.all-dep4 > li{padding-left:9px; position:relative;}
	.all-dep4 > li:before{display:block;content:'';width:3px;height:3px; background-color:#777; position:absolute;left:0;top:13px;}
	.all-dep4 > li > a{padding:6px 0; font-size:14px; display:block; }
	.all-dep4 > li > a:hover{color:#D61769;}

	.all-dep1 ul{display:none;}
	.all-dep1 > li.active > a{ background-color:#e4477a !important; color:#fff;}
	.all-dep1 li.active > ul{display:block;}

	.all-dep2 > li.hasSub > a{background:url('/images/seocho_2025/layout/ic_allMenu_dep2_open.svg') no-repeat right 12px center; padding-right:36px;}
	.all-dep3 > li.hasSub > a{background:url('/images/seocho_2025/layout/ic_allMenu_dep3_open.svg') no-repeat right center; padding-right:20px;}

	.all-dep2 > li.active{border-top:none;}
	.all-dep2 > li.active + li{border-top:none;}
	.all-dep2 > li.active > a{border:1px solid #F45197; color:#D61769; background-color:#FFF8FB; border-radius:6px;}
	.all-dep2 > li.hasSub.active{border-bottom:1px solid #F45197; }
	.all-dep2 > li.hasSub.active > a{background-image:url('/images/seocho_2025/layout/ic_allMenu_dep2_close.svg'); }
	.all-dep3 > li.active > a{color:#D61769;}
	.all-dep3 > li.hasSub.active > a{background-image:url('/images/seocho_2025/layout/ic_allMenu_dep3_close.svg');}

	.all-dep4 > li.active > a{font-weight:700; text-decoration:underline dotted 1px; text-underline-position: under;}

	#allMenu .mobile_ver{display:block;}
	#allMenu .mLogin{height:112px; box-sizing:border-box; border-bottom:1px solid #DEDEDE; padding:20px; position:relative;}

	.mLogin .btn-allmenu-close{position:absolute; right:20px;top:16px; background-color:unset;width:28px;height:28px;}

	.mLogin .login_link {display:flex; align-items: center;}
	.mLogin .login_link li.member{margin-right:12px; position:relative; padding-right:13px;}
	.mLogin .login_link li.member:after{display:block;content:'';width:1px;height:12px;background-color:#DEDEDE; position:absolute;right:0;top:3px;}
	.mLogin .login_link li.member a{display:block; line-height:18px;}

	.mLogin .sns_link {display:flex; align-items: center; gap:8px;  margin-top:14px;}
	.mLogin .sns_link li a{ display:block; width:38px; height:38px; text-indent:-9999px; overflow:hidden; background-position:center; background-repeat:no-repeat; }
	.mLogin .sns_link li .sns-fb { background-image:url('/images/seocho_2025/layout/sns_facebook.svg'); }
	.mLogin .sns_link li .sns-nb { background-image:url('/images/seocho_2025/layout/sns_blog.svg'); }
	.mLogin .sns_link li .sns-ig { background-image:url('/images/seocho_2025/layout/sns_instagram.svg'); }
	.mLogin .sns_link li .sns-yt { background-image:url('/images/seocho_2025/layout/sns_youtube.svg'); }
	.mLogin .sns_link li .sns-ka { background-image:url('/images/seocho_2025/layout/sns_kakao.svg'); }
	.mLogin .sns_link li .sns-dg { background-image:url('/images/seocho_2025/layout/sns_danggeun.svg'); }

	.related-site-list > li {width:33%;}

	.related-site-go.site2  .related-site-list > li,
	.related-site-go.site3  .related-site-list > li,
	.related-site-go.site4  .related-site-list > li{width:50%;}

	.footer-flex-group {flex-direction: column; align-items: flex-start;}
	.footer-logo {margin-right: 0;margin-bottom: 16px;}
	.footer-logo img {margin-top:0;}
	.footer-mark {position:static;top:unset;right:unset;margin-top:16px;}

	.sub-container{padding:16px 0 32px;}
	#snav{display:none;}
	#content-area{width:100%;}

}

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

	.related-site-wrap{height:auto; flex-wrap:wrap; max-width:100%;}
	.related-site-wrap > li{width:50%;}
	.related-site-wrap > li:nth-child(3),
	.related-site-wrap > li:nth-child(4){border-top: 1px rgba(255,255,255,0.2) solid;}
	.related-site-wrap.active{z-index:10;}

	.related-site-go{height:42px;}
	.related-site-go .btn-open{height:100%; padding-left:16px; font-size:14px;}
	.related-site-go .btn-open .toggle{right:16px;}

	.related-site-wrap > li:nth-child(3) .related-site-go .related-site-list,
	.related-site-wrap > li:nth-child(4) .related-site-go .related-site-list{bottom:42px;}

	.related-site-list{left:0 !important; width:100% !important;}
	.related-site-list ul{padding:16px;}
	.related-site-list li {width:33.3%;}
	.related-site-list a{font-size:14px;}

	.footer-contents{padding:24px 0; text-align:center;}
	.footer-logo img{height:31px;}
	.footerNav ul{justify-content: center;}
	.footerNav ul li a{font-size:14px; text-align:center;}
	.footer-contact{margin-top:22px;}
	.footer-contact .contact{font-size:14px;}
	.footer-contact .copyright{font-size:13px; margin-top:8px;}

	.contents-top{height:auto; padding-bottom:10px; display:flex; flex-wrap:wrap;}
	.contents-top .breadcrumb{width:100%;}
	.contents-top h3{padding-right:20px; word-break: break-all;}
	.contents-top .contents-top-util{margin-left:auto; flex-shrink: 0; position:relative; bottom:unset;right:unset;}
	.contents-top-util{bottom:10px;}

	.footer-mark a + a{margin-left:20px;}
	.footer-mark .go-symbol{width:90px; height:48px; padding-top:33px; background-size:auto 100%;}
	.footer-mark .go-symbol span{height:16px; font-size:9px;}
	.footer-mark .go-wa img{width:60px; height:42px;}

}

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

	.header-top-bar .top-link > ul{white-space:nowrap;}

	.main-search-form fieldset{padding-left:0;}
	.main-search-form .select-opt{display:none;}
	.main-search-keyword:before{display:none;}
	.main-search-form .input-keyword{padding-left:14px;}

	.related-site-list li {width:50%;}

	.contents-top-util .sns_k{display:block;}
	.contents-top-util ul li + li{margin-left:3px;}
	.contents-top-util img{width:36px;}

	#container #contents{padding:20px 0;}
	.footer-flex-group {align-items: center;}
}

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

	.header-top-bar .top-link > ul > li.select{margin-right:3px;}
	.header-top-bar .top-link > ul > li > a,
	.dongCenter-go .btn-open{font-size:13px;padding:0 3px;}
	.dongCenter-go.active .btn-open{padding:0 2px;}

}

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

	.header-top-bar .top-link > ul > li > a,
	.dongCenter-go .btn-open{font-size:12px; letter-spacing:-0.02em;}

	.dongCenter-go .dongCenter-list{padding:10px 10px 30px; width:280px;}

	.related-site-list li {width:100%;}

	.footer-contents{ text-align:center;}

	.footerNav ul{justify-content:center;}
	.footerNav ul li{padding:0 8px;}
	.footerNav ul li a{font-size:14px;}
	.footerNav ul li:first-child{padding-left:0;}

	.footer-contact .contact{font-size:13px;}
	.footer-contact .contact .tel span{display:block;}
	.footer-contact .copyright{font-size:12px;}

	.footer-mark a + a{margin-left:10px;}
	.footer-mark img{height:40px;}

}

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

	.top-widget #weather {display: block; padding-top: 2px; text-align: center; box-sizing: border-box;}
	.top-widget #weather .air {display: block;}
	.top-widget #weather .air::before {opacity:0;}
	#weather .temp {font-size:16px;vertical-align: middle;}

	.related-site-go .btn-open{ font-size:13px; }

}