/* 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:-30px;z-index:9999;}
.skip-nav li{position:absolute;left:0;top:0;width:200px;}
.skip-nav a{position:absolute;left:0;top:0;display:block;width:100%;height:30px;line-height:30px;color:#fff;background:#002960;text-align:center;}
.skip-nav a:focus{top:30px;}
.mobile .skip-nav{display:none;}

html.unScrolled body{overflow:hidden;}

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

#header{height:151px;}
.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;}

.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;z-index:20;}
.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;z-index:11;}
.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;z-index:20;}
.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:48px;}
.header-top h1 img {height:100%;}

.btn-mobile-menu{display:block;width:36px; height:36px; background:url(/images/ta_2026/layout/ic_allmenu.svg) center no-repeat; text-align:left;text-indent:-9999px; position:absolute;right:0;top: 16px;display:none;}
.btn-mobile-menu.on{background-image:url(/images/ta_2026/layout/ic_all_close.svg);}
.btn-mobile-search{display:block;width:36px; height:36px; background:url('/images/ta_2026/layout/ic_search.svg') center no-repeat; text-align:left;text-indent:-9999px; position:absolute;right:36px;top: 16px;display:none;}
.btn-mobile-search.on{background-image:url(/images/ta_2026/layout/ic_all_close.svg);}

/* 통합검색 */
.main-search{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); width:360px;z-index:20;}
.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:4px;}

.main-search-keyword{display:flex; align-items:center; flex:1; position:relative;}

.main-search-form .input-keyword{width:calc(100% - 54px - 4px); height:36px; box-sizing:border-box; padding:0 16px; 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.active{display:block !important; position:absolute;left:0;top:131px;right:0; background-color:#fff;}

/* 날씨 */
.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;z-index:10;}
.gnav > .inner{width:1400px; margin:0 auto; display:flex;}

.gnav-dep1{display:flex; justify-content: center; flex:1;}
.gnav-dep1 > li {transition:all 0.3s; width:calc(100% / 6); position:relative;}
.gnav-dep1 > li > a{display:flex;align-items:center;justify-content: center; height:49px; font-size:18px;font-weight:500;text-align:center; box-sizing:border-box; font-family: "GmarketSans"; position:relative;z-index:2;}

.gnav-dep2-wrap{position:absolute;left:50%;top:50px;transform: translateX(-50%);width:186px; display:none;  z-index:20;}
.gnav-dep2-wrap .arrow{display:block;height:20px;position:relative;z-index:9;overflow:hidden;}
.gnav-dep2-wrap .arrow:before{display:block;content:'';width:24px;height:24px;border-radius:3px;background-color:#fff; position:absolute;left:50%;top:22px;transform:rotate(45deg) translateX(-50%);}
.gnav-dep2{background-color:#fff;border-radius:20px;box-shadow:0 1px 20px rgba(0,0,0,0.15); padding:10px; position:relative;z-index:8;}
.gnav-dep2 > li > a{display:block;padding:10px 0;box-sizing:border-box;font-weight:500;text-align:center;}

.gnav-dep1 > li:hover > a{position:relative; font-weight:700; color:#D61769;}
.gnav-dep1 > li:hover > a span{position:relative;}
.gnav-dep1 > li:hover > a span:after{display:block;content:'';width:5px;height:5px;border-radius:50%; background-color:#D61769; position:absolute;right:-9px;top:0;}
.gnav-dep1 > li.active .gnav-dep2-wrap{display:block;}
.gnav-dep2 > li > a:hover{font-weight:600;}
.gnav-dep2 > li > a:hover span{background:linear-gradient(to bottom, #fff 60% , rgba(232,79,144,0.2) 60%);}

.btn-allmenu{width:50px; height:50px; font-size:12px; font-weight:600; padding-top:31px; text-align:center; color:#333; box-sizing: border-box; background:url(/images/ta_2026/layout/ic_allmenu.svg) center 10px no-repeat; text-align:left;text-indent:-9999px;}
.btn-allmenu.off{background-image:url(/images/ta_2026/layout/ic_all_close.svg);}

.gnav .btn-allmenu{margin-left:auto; flex-shrink: 0;}

.gnav.all .gnav-dep2-wrap{display:block !important;}
.gnav.all .gnav-dep2-wrap .arrow{display:none;}
.gnav.all .gnav-dep2{border:none;box-shadow:none;}
.gnav.all:before{display:block;content:'';background-color:#fff;position:absolute;left:0;top:50px;right:0;height:200px;box-shadow:0 4px 20px rgba(0,0,0,0.1);}

html.unScrolled{overflow:hidden;}

.mheader{position:fixed; left:0; right:0; top:102px;bottom:0; background-color:#fff;z-index:99;display:none;}
.mheader.active{display:block;}
.mheader-top{height:40px; border-bottom:1px solid #dedede; box-sizing:border-box; padding:0 16px; background-color:#fff; z-index:2; display:flex; align-items:center;}

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

.allmenu-top .allmenu-inner{height:100%; display:flex; align-items: center; justify-content: space-between;}
.allmenu-top .btn-mheader-close{margin-left:auto;}

.btn-mheader-close{ display:block; width:40px; height:40px; background:url(/images/ta_2026/layout/ic_all_close.svg) center no-repeat; text-indent:-9999px; overflow:hidden; border-radius:50%; margin-left:auto;}

.allmenu-nav{display:block; padding:20px; position:absolute; left:0; right:0; top:40px;bottom:0; overflow-y:auto;}

.all-dep1{position:relative;}
.all-dep1 > li {border-bottom:1px solid #DEDEDE;}
.all-dep1 a{font-weight:500;}
.all-dep1 > li > a {font-size:20px;line-height:1.3; color:#222; display:block; position:relative; padding:18px 40px 18px 8px;}
.all-dep1 > li.hasSub > a:after{display:block;content:'';width:24px;height:24px;border-radius:50%; position:absolute;right:0;top:50%; transform:translateY(-50%) rotate(180deg); background:#F45197 url(/images/ta_2026/layout/ic_allnav_arr.svg) center no-repeat;}
.all-dep2{border-top:1px solid #DEDEDE;background-color:#F5F5F5;padding:12px; display:none;}
.all-dep2 > li > a { display:block; padding:8px; font-size:16px;line-height:1.3;}
.all-dep2 > li > a:hover{color:#D61769;}

.all-dep3{padding:0 0 0 14px;}
.all-dep3 > li > a {display:block; padding:4px 0 4px 10px; font-size:15px;line-height:1.3; position:relative;}
.all-dep3 > li > a:before{display:block;content:'';width:3px;height:3px;background-color:#777; position:absolute;left:0;top:12px;}
.all-dep3 > li > a:hover{color:#D61769;}

.all-dep1 > li.active .all-dep2{display:block;}

.allmenu-nav{height:calc(100% - 40px);top:40px; overflow:auto;}
.allmenu-nav .allmenu-inner{height:100%;}

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

/* 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;}

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

/* sub */
#snav{width:196px; margin-right:48px; flex-shrink: 0;}
#content-area{width:calc(100% - 196px - 48px);}

.snav-top{display:flex; align-items: center; justify-content: center; height:88px; 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/ta_2026/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;}

@media all and (min-width:768px){
	.snav-dep1 a{display:block; font-weight:500; display:flex; align-items: center; overflow-wrap:anywhere;}
	.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,
	.snav-dep1 > li.on + li{border-top:none;}
	.snav-dep1 > li.on > a{color:#D61769; font-weight:700; border:1px solid #F45197; border-radius:6px; padding:12px; background-color:rgba(244,81,151,0.04);}

	.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.on > a{color:#D61769; font-weight:700;}

	.snav-dep1 > li.on > .snav-dep2{display:block;}

	.snav-dep1 > li.arr > a{padding-right:32px;}
	.snav-dep1 > li.arr > a:before{display:block;content:'';width:20px;height:20px; background:url(/images/ta_2026/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;}
}
@media all and (max-width:768px){
	.snav-dep1{border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;background-color:#F5F5F5;padding:12px;}
	.snav-dep1 > li > a { display:block; padding:8px; font-size:16px;line-height:1.3;font-weight:500;}
	.snav-dep1 > li > a:hover{color:#D61769;}
	.snav-dep1 > li.on > a{color:#D61769;font-weight:700;}

	.snav-dep2{padding:0 0 0 14px;}
	.snav-dep2 > li > a {display:block; padding:4px 0 4px 10px; font-size:15px;line-height:1.3; position:relative;}
	.snav-dep2 > li > a:before{display:block;content:'';width:3px;height:3px;background-color:#777; position:absolute;left:0;top:12px;}
	.snav-dep2 > li > a:hover{color:#D61769;}

}

.contents-top{position:relative;border-bottom:1px solid #c1c1c1;overflow:hidden; margin-bottom:32px;}
.contents-top > h3{height:45px;font-size:24px;font-weight:600;float:left;}
.contents-top .path{display:block;float:right;font-size:12px;padding:15px 5px;}
.contents-top .path{line-height:19px;}
.contents-top .path .home{display:inline-block;width:11px;height:11px;text-indent:-9999px;vertical-align:middle;margin-top:-1px;}
.contents-top .path .home{background:url(/images/ta_2026/layout/icon_home.gif) 0 0 no-repeat;}
.contents-top .path p{display:inline;}
.contents-top .path p em{color:#bb1203;}
.contents-top .path ul{display:inline;padding-left:8px;}
.contents-top .path ul li{display:inline;}
.contents-top .btn-menu-view{position:absolute;right:0;top:8px;border:none;text-indent:-9999px;width:24px;height:24px;background:#454545 url(/images/ta_2026/layout/arr_menu_view.svg) center no-repeat;border-radius:50%; display:none;}

.contents-etc .go-docu{position:absolute;left:0;top:0;}
.contents-etc .go-qna{position:absolute;right:0;top:0;}

.contents-etc + .contents-mnt{border-top:none;}
.contents-mnt{clear:both;border:1px solid #c2c2c2;margin-bottom:50px;}
.contents-mnt ul{overflow:hidden;padding:10px 0;}
.contents-mnt ul li{float:left;border-left:1px solid #d5d5d5;padding:0 40px;margin:10px 0;}
.contents-mnt ul li:first-child{border-left:none;}
.contents-mnt ul li em{color:#3876b6;display:block;padding-top:5px;}

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

.sub-container #contents{overflow:hidden;line-height:1.75;}

.tab-wrap{margin-bottom:40px;}
.tab-wrap ul{overflow:hidden;padding:0 0 1px 0;}
/*.tab-wrap ul{overflow:hidden;border-bottom:1px solid #01356b;}*/
.tab-wrap ul li{float:left;border:1px solid #b6b5b5;background:#e4f2f2;margin:0 -1px -1px 0;position:relative;}
.tab-wrap ul li a{display:block;line-height:35px;height:35px;text-align:center;}
.tab-wrap ul li a:hover{color:#277acd;}
.tab-wrap ul li.on{background:#277acd;}
.tab-wrap ul li.on a{color:#fff;}
.tab-contents{display:none;}
.tab-contents h4{position:absolute;left:-9999px;top:-9999px;}

.go-top{text-align:right;padding:10px;display: none;}
.go-top a{display:inline-block;height:17px;line-height:17px;padding-left:23px;background:url(/images/ta_2026/layout/icon_up.png) 0 center no-repeat;}


/* 반응형: pc first */

@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;}
}

@media all and (min-width:1024px){
  #snav{display:block !important;}
}

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

  #header{height:auto; border-bottom:1px solid #DEDEDE;}
	.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:auto; 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-mobile-menu {display:block;}
	.header-top .btn-mobile-search {display:block;}
	.header-top .main-search{width:100%; left:-16px;right:-16px; top:66px; padding:12px 16px; transform:none; border-top:1px solid #dedede; display:none;}

	.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;}

	.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%;}	

	.sub-container{padding-top:16px;padding-bottom:20px;}	

}

@media all and (min-width:801px){
  .tab-wrap ul{margin-bottom:-2px;}
  .tab-wrap ul li{margin-bottom:2px;}
  .tab-wrap ul li a{padding:0 15px;}
}

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

	#snav{position:absolute;left:0;top:50px;width:100%;z-index:1001;background:#fff;display:none;}
  #snav .snav-top{display:none;}

	#content-area{width:100%;}

  .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;}

  .go-top{display: block;}

  .footer-flex-group {align-items: center;}
  
	.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; justify-content: space-between; align-items:center;}
	.contents-top .breadcrumb{width:100%;}
	.contents-top h3{padding-right:20px; word-break: break-all; height:auto;}
	.contents-top .contents-top-util{margin-left:auto; flex-shrink: 0; position:relative; bottom:unset;right:unset;}
	.contents-top-util{bottom:10px;}  
  
}

@media all and (min-width:600px) and (max-width:800px){  

  .tab-wrap ul li{width:33%;}
  .tab-wrap ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

}

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

  .header-top-bar .top-link > ul{white-space:nowrap;}
  .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:12px; letter-spacing:-0.02em;padding:0 3px;}
	.dongCenter-go.active .btn-open{padding:0 2px;}
  .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 6px;}
	.footerNav ul li a{font-size:13px;}
	.footerNav ul li:first-child{padding-left:0;}

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

  .footer-flex-group {flex-direction: column; align-items: center; padding-bottom:16px;}
  .footer-logo{margin-bottom:12px;}

  .sub-inner{position:relative;}

  .contents-top{height:40px;}
  .contents-top .btn-menu-view{display:block;}
  .contents-top .path{display:none;}
  .contents-top h3{font-size:20px;}

  .contents-etc{margin:0 auto 10px auto;width:auto;}
  .contents-etc .go-docu{float:left;width:50%;}
  .contents-etc .go-qna{float:left;width:50%;height:152px;}
  .contents-etc .view-docu{display:none;}

  .contents-mnt{border:1px solid #c2c2c2;margin:0 auto;}
  .contents-mnt ul{display:table;}
  .contents-mnt ul li{display:table-row;}
  .contents-mnt ul li span{display:table-cell;white-space:nowrap;padding:4px 0 4px 10px;}
  .contents-mnt ul li em{display:table-cell;color:#3876b6;padding:4px 0 4px 10px;}

  .tab-wrap ul li{width:49%;margin-right:-1px;}
  .tab-wrap ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

}

@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; }

}