@charset "utf-8";

/* 나중에 필요없는 스타일 삭제할것 */
@import url("/css/add_reset.css");
@import url("/css/add_common.css");
@import url("/css/font.css");
/* @import url("/css/add_css_responsive.css"); */
@import url("/css/animate.css");
@import url("/css/fontawesome.css");


/* yun 2025-04-03 */
:root {	
	--main-color: #258FFF;
	--point-color: #FFAE00;
	--second-color: #00C73C;
	--link: #006CFF;
	--line: rgba(30,30,30,.2);
	--bg-color: #fff;
	--body-bg-color: #f9f9f9;
	--hover-yellow: #fafcac;
	--outline: 0px dotted red;
	--footer-bg: #fafafa;
	--white: #fff;
	--white80: rgba(255,255,255,.85);
	--white50: rgba(255,255,255,.5);
	--black: #333;
	--black70: rgba(0,0,0,.7);
	--black5: rgba(0,0,0,.05);
	--tanblack: #555;
	--mudblack: #777;
	--biz-title: #444;	
	--ca-tt-color: rgba(0,0,0,.5);
	--input-color: #f7f7f7;
	--btn-white: #fff;
	--btn-white-over: #fcfcfc;
	--btn-line: #1e1e1e10;
	--gray: #c7c7c7;
	--lightgray: #e9e9e9;
	--brightgray: #f8f8f8;
	--silk: #f3f3f3;
	--trans: transparent;
	--light-blue: #f0f8ff;
	--ivory: #fffed0;
	
	--main-max-width: 1128px;
	--max-width: 940px;
	--header-height: 6rem;
	--logo-width: 17rem;
	--sub-logo-icon-width: 7rem;
	--sub-logo-icon-height: 3rem;
	--item-profile-width: 8rem;
	--item-profile-height: 8rem;
	--logo-search-width: 15rem;
	--search-icon-size: 3.5rem;
	--footer-menu-height: 7rem;
	--footer-bizmenu-height: 7rem;
	--map-list-header-height: 8rem;
	--map-list-left: 400px;
	--map-list-left-min-width: 100%;

	--transition: all 0.2s ease-in-out;
	
	--wide-padding: 3vw; /* --common-padding 보다큼*/
	--common-padding: 2vw;
	--footer-padding: 1.5vw 2vw;
	--search-padding: 3vw 5vw 8vw;
	--mobile-padding: 1vw;
	--section-padding: 3vw 3vw 4vw 3vw;
	--dview-title-header-padding: 2vw;

	--gra-main: linear-gradient(90deg, #258FFF, #0074ee);
	--gra-main-reverse: linear-gradient(135deg, #0074ee, #258FFF);
	--gra-gray: linear-gradient(0deg, #fff, #fff 50%, #efefef);
	--gra-white: linear-gradient(0deg, #fff, #fff 95%, #efefef);
	--gra-ivory: linear-gradient(225deg, #fffed0, #fff 70%, #fff);
	--gra-blue: linear-gradient(225deg, #f0f8ff, #fff 80%, #fff);

	--shadow: 1px 1px 5px rgba(0,0,0,.2);
	--shadow-btn: 2px 2px 3px rgba(0,0,0,.2); /* 탑으로버튼그림자 */
	--shadow-top: 0px 0px 0px #888 inset, 0px 10px 10px 8px rgba(0,0,0,.1); /* 상단에만그림자 */
	--shadow-bottom: 0px 0px 0px #888 inset, 0px 20px 10px -20px rgba(0,0,0,.1); /* 하단에만그림자 */
	--shadow4: 0px 2px 8px #0000001f, 0 1px 4px #00000014, 0 0 1px #00000014;
	
	--SpoqaHanSansNeo: "SpoqaHanSansNeo", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;
	--Pretendard: "Pretendard", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;
	--NotoSansKR: "NotoSansKR", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;
	--GmarketSans: "GmarketSans", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;
	--number: "SpoqaHanSansNeo", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;
	--NanumSquareNeo: "NanumSquareNeo", "돋움", Dotum, Apple Gothic, Tahoma, Verdana, sans-serif;	
	--awesome: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome';
	/*--awesome: 'Font Awesome 6 Free', 'Font Awesome 6 Brands';*/

}





/* body */
html {scroll-behavior: smooth; font-size: 10px !important;}
body {-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;}
body {font-family: var(--SpoqaHanSansNeo) !important; font-weight: 400; font-size: 2rem !important; letter-spacing: -0.0005em; line-height: 1.2; color: var(--black); background: var(--body-bg-color);}
::selection {background: var(--main-color); color: var(--white);}
::-moz-selection {background: var(--main-color); color: var(--white);}

::after {/*font-family: var(--awesome);*/ font-weight: 600; /* font-size: 2.35rem; */}
::before {/*font-family: var(--awesome);*/ font-weight: 600; /* font-size: 2.35rem; */}

img {border: 0; max-width: 100%; width: 100%; vertical-align: top; height: 100%; object-fit:cover; transition: all 0.4s ease-in-out; overflow: hidden !important;}

/* 세모클래스 */
.semo-down {width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid var(--main-color); border-right: 8px solid transparent; border-bottom: 8px solid transparent;}

/* icon-svg 2025-04-04 yun */
/* .icon-svg {display: flex; justify-content: center; align-items: center;} */
.ssm {width: 1rem !important; height: 1rem !important;}
.sm {width: 1.65rem !important; height: 1.65rem !important; opacity: .9;}
.sm-mid {width: 1.85rem !important; height: 1.85rem !important;}
.mid-basic {width: 2rem !important; height: 2rem !important;}
.mid {width: 2.5rem !important; height: 2.5rem !important;}
.basic {width: 3rem !important; height: 3rem !important;}
.big {width: 4rem !important; height: 4rem !important;}
.bigger {width: 6rem !important; height: 6rem !important;}
.fill {fill-rule:evenodd; clip-rule:evenodd; fill: currentColor; transition: all .2s;}
.stroke {fill-rule:evenodd; clip-rule:evenodd; fill: none; stroke: currentColor; stroke-width:2px; stroke-linecap:round; stroke-linejoin:round; transition: all .2s;}
/*.circle {width: 35px !important; height: 35px !important; border-radius: 50% !important;}*/
[class*=icon-].circle:after {content:""; display:flex; justify-content: center; align-items: center; background: var(--white); width: 4.5rem; height: 4.5rem;border-radius: 50%; position: absolute; z-index: -1;}
/* fill */
.logo {fill: var(--biz-title); width: var(--logo-width);}
.logo.search {width: var(--logo-search-width);}
.logo path:nth-child(even):not(.logo path:nth-child(6)) {fill: var(--main-color);}
.logo path:nth-child(odd):not(.logo path:nth-child(1)) {fill: var(--point-color);}
.icon-location {fill: var(--main-color); transition:.5s; opacity: 1 !important;}
.icon-location:hover {fill: var(--point-color);}
/* stroke */
[class*=icon-] {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size:0; text-indent: -999em; /* background: center/contain no-repeat var(--white); */ transition: background-size .1s linear;}
.icon-unlock {stroke: var(--tanblack);}
.icon-lock {stroke: var(--tanblack);}
.icon-setting {stroke: var(--tanblack);}
.icon-write {stroke: var(--tanblack);}
.icon-myloc {stroke: var(--tanblack);}
.icon-tag {stroke: var(--tanblack);}
.icon-address {stroke: var(--tanblack);}}
/* svg */
svg.icon-search {stroke: var(--main-color); stroke-width:4.16667px;}

/* icon */
.icon-logo:not(svg) {background: url(/images/icon-logo.svg)no-repeat center / contain; transition: var(--transition);}
.icon-arrow-down:not(svg) {background: url(/images/icon-arrow-down.svg)no-repeat center / contain; transition: var(--transition);}
.icon-arrow-next:not(svg) {background: url(/images/icon-arrow-next.svg)no-repeat center / contain; transition: var(--transition);}
.icon-arrow-up:not(svg) {background: url(/images/icon-arrow-up.svg)no-repeat center / contain;}
.icon-phone:not(svg) {background: url(/images/icon-phone.svg)no-repeat center / contain;}
.icon-time:not(svg) {background: url(/images/icon-time.svg)no-repeat center / contain;}
.icon-tag:not(svg) {background: url(/images/icon-tag.svg)no-repeat center / contain;}
.icon-site:not(svg) {background: url(/images/icon-site.svg)no-repeat center / contain;}
.icon-photo:not(svg) {background: url(/images/icon-photo.svg)no-repeat center / contain;}
.icon-mobile:not(svg) {background: url(/images/icon-mobile.svg)no-repeat center / contain;}
.icon-star:not(svg) {background: url(/images/icon-star.svg)no-repeat center / contain;}
.icon-star-color:not(svg) {background: url(/images/icon-star-color.svg)no-repeat center / contain;}
.icon-copy:not(svg) {background: url(/images/icon-copy.svg)no-repeat center / contain;}
.icon-copy-color:not(svg) {background: url(/images/icon-copy-color.svg)no-repeat center / contain;}
.icon-myloc:not(svg) {background: url(/images/icon-myloc.svg)no-repeat center / contain;}
.icon-search-color:not(svg) {background: url(/images/icon-search-color.svg)no-repeat center / contain;}
.icon-search-white:not(svg) {background: url(/images/icon-search-white.svg)no-repeat center / contain;}
.icon-close:not(svg) {background: url(/images/icon-close.svg)no-repeat center / contain;}
.icon-external:not(svg) {background: url(/images/icon-external.svg)no-repeat center / contain;}
.icon-sort-up:not(svg) {background: url(/images/icon-sort-up.svg)no-repeat center / contain;}
.icon-sort-down:not(svg) {background: url(/images/icon-sort-down.svg)no-repeat center / contain;}
.icon-check:not(svg) {background: url(/images/icon-check.svg)no-repeat center / contain;}
.icon-arrow-prev:not(svg) {background: url(/images/icon-arrow-prev.svg)no-repeat center / contain;}
.icon-arrow-history:not(svg) {background: url(/images/icon-arrow-history.svg)no-repeat center / contain;}
.icon-home:not(svg) {background: url(/images/icon-home.svg)no-repeat center / contain;}
.icon-share:not(svg) {background: url(/images/icon-share.svg)no-repeat center / contain;}
.icon-help:not(svg) {background: url(/images/icon-help.svg)no-repeat center / contain;}
.icon-talk:not(svg) {background: url(/images/icon-talk.svg)no-repeat center / contain;}
.icon-more:not(svg) {background: url(/images/icon-more.svg)no-repeat center / contain;}
.icon-profile:not(svg) {background: url(/images/icon-profile.svg)no-repeat center / contain;}
.icon-map-kakao:not(svg) {background: url(/images/icon-map-kakao.svg)no-repeat center / contain;}
.icon-map-t:not(svg) {background: url(/images/icon-map-t.svg)no-repeat center / contain;}
.icon-map-naver:not(svg) {background: url(/images/icon-map-naver.svg)no-repeat center / contain;}
.icon-flag:not(svg) {background: url(/images/icon-flag.svg)no-repeat center / contain;}
.icon-info-circle:not(svg) {background: url(/images/icon-info-circle.svg)no-repeat center / contain;}
.icon-check-circle:not(svg) {background: url(/images/icon-check-circle.svg)no-repeat center / contain;}
.icon-align:not(svg) {background: url(/images/icon-align.svg)no-repeat center / contain;}
.icon-favorite-color:not(svg) {background: url(/images/icon-favorite-color.svg)no-repeat center / contain;}
.icon-address:not(svg) {background: url(/images/icon-address.svg)no-repeat center / contain;}
.icon-address-color:not(svg) {background: url(/images/icon-address-color.svg)no-repeat center / contain;}
.icon-my:not(svg) {background: url(/images/icon-my.svg)no-repeat center / contain;}
.icon-kakao:not(svg) {background: url(/images/icon-kakao.svg)no-repeat center / contain;}
.icon-insta:not(svg) {background: url(/images/icon-insta.svg)no-repeat center / contain;}
.icon-link:not(svg) {background: url(/images/icon-link.svg)no-repeat center / contain;}
.icon-nickname:not(svg) {background: url(/images/icon-nickname.svg)no-repeat center / contain;}
.icon-caution:not(svg) {background: url(/images/icon-caution.svg)no-repeat center / contain;}
.icon-list:not(svg) {background: url(/images/icon-list.svg)no-repeat center / contain;}


/* hover */
.icon-favorite:not(svg) {background: url(/images/icon-favorite.svg)no-repeat center / contain; transition: var(--transition);}
.icon-favorite:not(svg) {display: flex; align-items: center; justify-content: center;}
.icon-favorite:not(svg):after {content:""; background: url(/images/icon-favorite.svg)no-repeat center / contain; width: inherit; height: inherit; transition: var(--transition);}
.icon-favorite:not(svg):hover {background: url(/images/icon-favorite-color.svg)no-repeat center / contain;}
.icon-favorite-white:not(svg) {background: url(/images/icon-favorite-white.svg)no-repeat center / contain; transition: var(--transition);}
.icon-favorite-white:not(svg):hover {background: url(/images/icon-favorite-color.svg)no-repeat center / contain;}
.icon-marker:not(svg) {background: url(/images/icon-marker.svg)no-repeat center / contain; transition: var(--transition);}
.icon-marker:not(svg):hover {background: url(/images/icon-marker-color.svg)no-repeat center / contain;}
.icon-favorite-color:not(svg) {background: url(/images/icon-favorite-color.svg)no-repeat center / contain; transition: var(--transition);}
/*.icon-favorite.sm-mid{background: url(/images/icon-favorite-color.svg)no-repeat center / contain;}*/

/** common **/
#wrap{overflow:hidden; background:var(--bg-color); box-shadow: 0 0 20px #0000000d; max-width: var(--max-width); width: 100%; min-height: 100%;}
.wrap-content{position:relative; max-width: var(--max-width); width: 100%; margin: 0 auto;}
.noScroll{overflow:hidden;}
.hidePc{display:none;}
.xi-x {font-size:unset; line-height:unset; vertical-align:unset;}

/* 공통아이템들 */
/* 업체주소 */
.copy {display:flex; flex-direction: row; align-items: center; color: var(--main-color); gap:0rem; font-weight: 300; font-size: 1.8rem;}
.zibun {color: var(--tanblack);}
.distance {color: var(--main-color);}
hr.wrap-line {background: #F5F5F5; width: 100%; height: 8px; border: 0; margin: 0; padding: 0}

/* 로그인영역아이콘 */
.icon-unlock:not(svg) {background: url(/images/icon-unlock.svg)no-repeat center / contain;}
.icon-lock:not(svg) {background: url(/images/icon-lock.svg)no-repeat center / contain;}
.icon-write:not(svg) {background: url(/images/icon-write.svg)no-repeat center / contain;}
.icon-search:not(svg) {background: url(/images/icon-search.svg)no-repeat center / contain;}
.icon-setting:not(svg) {background: url(/images/icon-setting.svg)no-repeat center / contain;}


/* 도움말풍선 */
.helper {position: relative; display: flex; align-items: center; text-wrap: wrap;}
.helper .icon-help {cursor: help;}
.helper .helper-box {position: absolute; top: calc(100% + 5px); z-index: 99; background: var(--white); color: var(--biz-title); line-height: 1.2; width: 20rem; min-width: 12rem; max-width: 28rem; padding: 1.5rem 1.5rem; /* display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .5rem; */ border-radius: 1rem; box-shadow: var(--shadow4);/*transform: translateX(0); transform: var(--transition);*/ display:none;}
.helper .helper-box.active {transform: translateX(-15rem); display:block;}
.helper .helper-title {font-size: 1.65rem; font-weight: 400; line-height: 1.25; margin-bottom: .5rem;}
.helper .helper-desc {font-size: 1.486rem; opacity: .5;}


/************* 공통-버튼 *************/
/* 기본버튼 */
.common-btn {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; gap:.1rem; width: inherit; background: var(--white); color: var(--mudblack); border: 1px solid var(--line); border-radius: .3rem; padding: .8rem 1rem; /* line-height:1; */ font-size: 1.35rem; transition: var(--transition);}
.common-btn .tt {margin-left:.1rem;}
/* 더보기버튼 */
.more-btn {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; gap:.2rem; width: inherit; height:auto; line-height:1; background: var(--white); color: var(--biz-title); border: 1px solid var(--line); border-radius: 10rem; padding: 1.5rem 2.5rem; transition: var(--transition);}
.more-btn .tt {font-size: 1.8rem; font-weight:300;}
.more-btn:hover {background: var(--silk);}
.more-btn:hover .icon-arrow-down:not(svg) {background: url(/images/icon-arrow-down-white.svg)no-repeat center / contain;}
/*.more-btn:hover .icon-arrow-next:not(svg) {background: url(/images/icon-arrow-next-white.svg)no-repeat center / contain;}*/
/* 텍스트만있는버튼 */
.text-btn {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; gap:.5rem; width: inherit; height:unset; line-height:1; padding: 0 1rem; transition: var(--transition);}
/* 메인컬러를가진버튼 */
.view-btn-color {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; gap:0; /*line-height:1;*/ background: var(--main-color); color: var(--white); border-radius: .5rem; padding: .5rem .8rem; font-size: 1.35rem; font-weight:400; transition: var(--transition); cursor: pointer;}
.view-btn-color:hover {background: var(--tanblack); color: var(--white);}
/* 박스에버튼 */
.box-btn {display: flex; flex-direction: column; align-items: center; width: inherit; height:unset; line-height:1; gap: .5rem; padding: 2rem 2rem; border-radius: 1rem; background: var(--trans); /*border: 1px solid var(--line);*/ color: var(--black); transition: var(--transition);}

/* 섹터 더보기버튼 */
.sector-more-wrap {display: flex; flex-direction: row; align-items: center; justify-content:center; position: relative; z-index: 1; padding:1rem 0; width: 100%}
.sector-more-wrap .more-btn {justify-content: space-between; border-radius:.5rem;}
.sector-more-wrap .more-btn .tt {margin: 0 auto; font-weight: 600; color: var(--ca-tt-color);}

/***** bar ******/
span.bar {position:relative; padding:1.2rem .5rem;}
span.bar:after {content:""; position:absolute; top:0; left:0; width:0.01rem; height:1.1rem; background: var(--gray); left: 50%; top: 50%; transform: translate(-50%, -50%);}





/****** 컨텐츠 *******/
.wrap-main {/*max-width: var(--max-width);*/ width: 100%; margin: 0 auto; outline: var(--outline);}
.wrap-container {position:relative; outline: var(--outline);}}
.wrap-main .wrap-content{max-width:var(--max-width); width:100%; margin:0 auto;padding:0; background:var(--white); outline: var(--outline);}
.more-button{display:block;width:32px;height:32px;border-radius:50%;text-indent:-9999px;transform:rotate(0);transition:all 3s;background-color:#fff;background-image:url('/images/bul_more.png');background-repeat:no-repeat;background-position:center;}
.more-button:hover,.more-button:focus{transform:rotate(90deg);}

/******* 메인만사이즈다르게 2025-04-11 yun *******/
.wrap-main.only {/*max-width: 100% !important;*/ width: 100%; margin: 0 auto; outline: var(--outline);} /*addjs.js*/


/** 공통타이틀 **/
.wrap-tit .tit{margin-right:10px;color:#222;font-size:26px;font-weight:700;background:none; line-height:30px;}
.wrap-tit b{color:#df1128;font-weight:700;}
.wrap-tit i{display:inline-block;color: #df1128;font-weight: 700;margin-bottom: 12px; margin-right: 10px;}
.wrap-tit p{color:#666;font-size:15px;font-weight:500;margin-left:10px; }


/******* 공통 yun *******/
.img-box {overflow: hidden; transition-property: all; transition: .3s;}
.img-box img:hover {transform: scale(1.1); filter: brightness(1.1)!important;}
.img-box img {height: 100%; filter: brightness(1.0);}
.ell {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*width: 100%;*/}
.clamp2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.clamp3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.main-wrap {display: flex; flex-direction: column; gap: 1rem; padding: 2rem 0; position: relative; width: 100%; height: 100%;}
.main-wrap h2 {font-weight: 800; font-size: 3.4rem; color:var(--biz-title); padding: 2rem 0;}
.between {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; width:100%;}
.opacity {opacity: .6;}
.op8 {opacity: .8;}





/** section **/
[class*=section]{position:relative; padding:0; z-index:1; width:100%; max-width:var(--max-width); }

/** header **/
/*************** 헤더 *********************/
.wrap-header {position:relative; top:0; left:0; width:100%; padding:0; background: var(--white); z-index:100; }
.wrap-header.fixed {position:fixed;}
/* 헤더메인용 .wrap-header.main - addjs.js */
.wrap-header.main .header-top {display: flex; flex-direction; justify-content: space-between; gap: 0;}
.wrap-header.main .header-top .info-list .sub-logo-icon, .wrap-header.main .header-top .r-search {display:none;}
/*********** 헤더탑영역 **********/
.wrap-header.fixed .header-top {border-bottom:1px solid var(--silk);}
.header-top {display:grid; grid-template-columns: 1fr 1.5fr 1fr; justify-items: stretch; align-items: center; gap: 0rem; max-width: var(--max-width); width: 100%; margin: 0 auto; height: var(--header-height); background: inherit; padding:0 var(--common-padding); position: relative; box-sizing: border-box;}
.wrap-header:not(.main) .header-top {box-shadow: var(--shadow-bottom);}
/******* 헤더위치주소검색 *******/
.addr_search {cursor:pointer;}
.addr_search.desc {font-size: 1.6rem; font-weight:500;}

/* 현재위치 */
.info-list {display:flex; align-items:center; /*grid-column: 1 / 2 span;*/ justify-content: left; gap: 1rem; color: var(--tanblack); width: fit-content;}
.info-list .desc {}
/* 나의위치설정 */
.info-list .iam-loc {display:flex; align-items: center; gap: 1rem;}
.info-list .iam-loc .loc,
.info-list .iam-loc .iam {display:flex; justify-content: center; align-items: center; gap:.2rem; background: var(--white); width: fit-content; transition: var(--transition);}
.info-list .iam-loc .iam {display: none;}
.info-list .iam-loc .loc {color: var(--tanblack);}
.info-list .iam-loc .iam:hover {color: var(--tanblack);}
.info-list .iam-loc div .text {font-size: 1.62rem; font-weight: 400; line-height: 1.2; cursor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/**** 탑검색아이콘 ****/
.r-search {display:flex; align-items:center; /*margin-right: auto; margin-left: auto;*/ gap: .2rem; cursor: pointer; /*grid-column: 1 / 2 span;*/ color: var(--tanblack); justify-content: center; /* opacity: 0.8; */}
.r-search .top-logo {display: flex; align-items:center; justify-content: center; gap: 0; font-size:1.5rem; font-weight:400;} /* 탑로고영역 */
.r-search .top-logo .icon-logo {width: 6rem !important; height: 3rem !important; margin-left: .5rem;} /* 탑로고아이콘 */
.r-search .top-logo .desc-mobile {display:none;}

/**** 서브탑로고아이콘 ****/
/* 서브탑로고 */
/*.header-top .sub-logo {display:flex; align-items:center;}*/
.header-top .sub-logo-icon {display: flex; justify-content: center; /* display:none; */}
.header-top .sub-logo-icon .icon-logo {width: var(--sub-logo-icon-width); height: var(--sub-logo-icon-height); opacity:.8;}

/**** 로그인버튼영역 ****/
.user-menu{display:flex; align-items:center; flex-direction:row; gap:.5rem; /*grid-column: 3 / 1 span;*/ justify-content: right;}
.user-menu li{/* border-left:1px solid #3e5daf; */}
.user-menu li a{display:flex; justify-content: center; align-items: center; gap: .1rem; padding:.6rem 1rem; line-height: 1.2; color:var(--tanblack); font-size: 1.42rem; font-weight:400; transition: var(--transition); background:var(--btn-white); border:1px solid var(--btn-line); border-radius: .5rem;}
.user-menu li a:hover{background:var(--btn-white-over);}
.user-menu li .toplogin {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem;}
.user-menu li .toplogin::before {content:"": clear:both; background:url('/images/icon-sm-unlock.png') no-repeat center / contain; width:14px; height:14px;}
.user-menu li .logout i {/*background:url('/images/icon-sm-lock.png') no-repeat center / contain;*/}
.user-menu li [class*='wrap-select']{position:relative;}
.user-menu li .select-lang{width:140px;}
.user-menu li .select-sns{width:135px;}
.user-menu li [class*='wrap-select']:after{content:'';position:absolute;top:calc(50% - 2px);right:14px;width:9px;height:5px;}
.user-menu li [class*='wrap-select'].on:after{transform:rotate(180deg);}
.user-menu li [class*='wrap-select'] a{width:100%;padding:0 15px;}
.user-menu li .select-list{overflow:hidden;display:none;position:absolute;top:100%;left:0;width:100%;border-radius:0 0 10px 10px;z-index:10;}
.user-menu li .select-list li{border-top:1px solid #43464e;background:#2c2f37;}
.user-menu li .select-list li [class*='icon']{display:block;font-size:13px;}
.user-menu li .select-list li [class*='icon'] i{display:block;position:relative;padding-left:30px;}
.user-menu li .select-list li [class*='icon'] i:before{content:'';position:absolute;top:calc(50% - 9px);left:0;width:18px;height:18px;background-repeat:no-repeat;}
.user-menu li.sitemap{position:relative;border-left:none;}
.user-menu li.sitemap:before{content:'';position:absolute;top:0;left:100%;min-width:20px;width:calc((100vw - 1400px) / 2);height:100%;background:#0ea920;}
.user-menu li.sitemap a{display:block;width:50%;height:100%;text-indent:-9999px;border-radius:0 0 0 20px;background-color:#0ea920;background-image:url('/images/ico_sitemap.png');background-repeat:no-repeat;background-position:center;}
.user-menu li .select-list li .icon-youtube i:before{background-image:url('/images/ico_youtube_m.png');}
.user-menu li .select-list li .icon-blog i:before{background-image:url('/images/ico_blog_m.png');}
.user-menu li .select-list li .icon-facebook i:before{background-image:url('/images/ico_facebook_m.png');}
.user-menu li .select-list li .icon-instagram i:before{background-image:url('/images/ico_insta_m.png');}
.user-menu li .select-list li .icon-kakao i:before{background-image:url('/images/ico_kakao_m.png');}
.user-menu li .select-list li .icon-twitter i:before{background-image:url('/images/ico_twitter_m.png');}
.user-menu li .select-list li .icon-band i:before{background-image:url('/images/ico_band_m.png');}
.user-menu li.write {display:none;}

/* .wrap-header:before{content:none;position:absolute;top:calc(100% + 1px);left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);z-index:99;}
.wrap-header:after{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;box-shadow:0px 3px 20px 0px rgba(0,0,0,.1);transform:translateX(-50%);z-index:-1;} 
.wrap-header.on:before{content:'';}
.wrap-header.active{position:fixed;top:0;left:0;width:100%;animation:headerAni .5s linear;z-index:100;}
@keyframes headerAni{
    0%{
        transform:translateY(-100%);
    }
    100%{
        transform:translateY(0%);
    }
}*/
/* 기존 
.today-info {display:flex; align-items:center; grid-column: 1 / 1 span; justify-content: flex-start;}
.today-info .info-weather {display:flex;align-items:center; display:none;}
.today-info .info-weather strong{margin-right:16px;font-size:16px;font-weight:500;}
.today-info .info-weather .weather{width:23px;}
.today-info .info-weather .weather img{display:block;width:100%;height:auto;}
.today-info .info-weather i{margin-left:9px;font-size:13px;}
.today-info .info-list{display:flex;}
.today-info .info-list li{display:flex; align-items:center; justify-content: center; gap:.5rem; color:var(--tanblack);}
.today-info .info-list li a{margin-right:15px;font-size:13px;font-weight:300;}
.today-info .alert1{display:block;margin-left:20px;padding:3px 9px;border-radius:25px;background:#2c2f37;}
.today-info .alert1 i{position:relative;padding-left:27px;font-size:13px;}
.today-info .alert1 i:before{content:'';position:absolute;top:-1px;left:0;width:19px;height:17px;background:url('/images/ico_alert_01.png') no-repeat center / contain;}
.today-info .alert2{display:block;margin-left:20px;padding:3px 9px;border-radius:25px;background:#2c2f37;}
.today-info .alert2 i{position:relative;padding-left:27px;font-size:13px;}
.today-info .alert2 i:before{content:'';position:absolute;top:-1px;left:0;width:19px;height:17px;background:url('/images/ico_alert_02.png') no-repeat center / contain;}*/









#header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;height:95px;margin:0 auto;background:#fff;}
#logo{width:199px;height:41px;}
#logo a{display:block;width:100%;height:100%;text-indent:-9999px;background:url('/images/logot.png') no-repeat center / cover;}
#address{height:41px; display:none;}
.mcopyright {color: #000;position: absolute;width: 100%;text-align: center;font-size: 13px;padding: 10px 0 40px 0; display:none;}

.section-01{/*padding-top:5rem !important;*/}

/******** 헤더검색영역호출 yun ***********/
/*** 헤더검색영역 레이어 header_search_layer.html ***/
.header-search {position: fixed; left: 0; top: var(--header-height);; width: 100%; height: 100%; z-index: 100; visibility: hidden;}
.header-search.active {visibility: visible;}
.header-search .header-search-inner {background: var(--white); padding: var(--search-padding); position: relative; -webkit-transform: translateY(-0%); -ms-transform: translateY(-100%); transform: translateY(-90%); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; -webkit-transform .5s ease;opacity: 0; visibility: hidden; transition-property: all;}
.header-search.active .header-search-inner {display: flex; flex-direction: column; align-items: center; gap: 2rem; border-radius: 0 0 5rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible;}
.header-search .header-search-top {position: relative; width: 100%; max-width: var(--max-width); display: flex; flex-direction: row; align-items: center; padding-top:0rem; /* padding: var(--common-padding) var(--mobile-padding); */}
.header-search .header-search-content {display: flex; flex-direction: column; gap: 2rem; width: 100%; max-width: var(--max-width); /* padding: var(--common-padding) var(--mobile-padding); */}
.header-search .closex {/* margin-right: 0; margin-left: auto; */position: absolute; bottom: 3rem; right: 3rem; /* transform: translate(-2rem, -2rem); */ background: url('/images/icon-close.svg')no-repeat center / cover; /* width:30px; height:30px; color: var(--black); font-size:0; */}
.header-search-bg {position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .7); width: 100%; height: 100%; z-index: 99; display:none;}
/*** 로고 ***/
.logo-wrap {display:flex; justify-content: center; align-items: center; width: 100%; max-width: var(--max-width); margin: 0 auto; position: relative;}
/************ 전체검색 ************/
.wrap-srh{position: relative; top: 0; max-width:var(--max-width); width:100%; margin: 0 auto; padding:var(--common-padding) var(--common-padding); flex-direction: row; align-items: center; justify-content: center; gap:1rem 2rem; display:grid; grid-template-columns:1fr 3fr; box-sizing: border-box; z-index: 1; outline: var(--outline);}
.wrap-srh a {/* flex:1; width:100%; */}
.wrap-srh .logo {width:var(--logo-width);}

.srh-total { display:flex; height:6rem; width:100%; border:1px solid var(--trans); border-radius:.8rem; background: var(--silk); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .1); overflow:hidden; position:relative;}
.srh-total #mainSearchEngine {width:100%; margin-left: 2rem; margin-right: 10rem;}
.srh-total input[type="text"]{width:100%;height:100%;/* padding:5px 10px 8px 20px */;border:none;/* border-radius:50px 0 0 50px; */background:transparent; outline:none; -webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active; font-size: 2rem; color: var(--tanblack);}
.srh-total input[type="text"].tsearch2::placeholder{color: var(--gray);}
.srh-total .srh-button {position:absolute; right:2rem; top: 50%; transform: translateY(-50%); width: var(--search-icon-size); height: var(--search-icon-size); text-indent:-9999px;/*border-radius:50%;background-color:#ff9919;*/background: url('/images/icon-search-color.svg')no-repeat center / cover;}

.srch-recom{display:flex; justify-content:center; flex-wrap:wrap; padding:0 3px;}
.srch-recom strong{display:block;position:relative;padding-left:15px;color:#40444e;font-size:16px;font-weight:700;}
.srch-recom strong:before{content:'';position:absolute;top:calc(50% - 5px);left:0;width:11px;height:11px;}
.recom-list{display:flex;flex-wrap:wrap;}
.recom-list li{margin-left:30px;}
.recom-list li a{display:block;color:#666;font-size:14px;font-weight:500;}
.recom-list li a:hover{text-decoration:underline;}
/* 검색설명 */
.search-info-wrap {display:flex; justify-content: center; flex-direction: column; gap: .5rem; line-height:1.3; color: var(--black70);}
.search-info-wrap .title {color: var(--biz-title); font-size: 4.2rem; font-weight: 700; display:none;}
.search-info-wrap .stitle {font-size: 2.3rem; font-weight: 700;}
.search-info-wrap .desc {font-size: 1.825rem;}
.search-info-wrap .desc a {border-bottom: 1px dashed var(--main-color); border-radius:.5rem .5rem 0 0; background: var(--trans); transition: var(--transition);}
.search-info-wrap .desc a:hover {border-bottom: 1px dotted var(--main-color); background: var(--hover-yellow);}
/* 검색바 */
.search-bar-wrap {display:flex; justify-content: center; flex-direction: column; gap:1rem;}
.search-bar-wrap .title {color: var(--biz-title); font-size: 3.4rem; font-weight: 700;}
.search-bar {display: flex; align-items: center; overflow: hidden; border-bottom: 3px solid var(--main-color); background: var(--trans); padding:0 1rem 1rem; margin-bottom:0rem; box-sizing: border-box;}
.search-bar .search-bar-form {display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 2rem;}
.search-bar .search-bar-form .select {display:none;}
.search-bar .search-bar-form .input-search {flex:1; font-size: 2rem; color: var(--tanblack); background: var(--trans);}
.search-bar .search-bar-form input[type="text"].input-search::placeholder{color: var(--gray);}
.search-bar .search-bar-form .search-btn {flex-basis: 5rem; transition-property: border-color, background-image, background-color; transition-duration: 0.3s; margin-right: 0;}
/* 검색태그 */
.search-tag-loc-wrap {display:flex; flex-direction: row; justify-content: space-between; /* align-items: center; */ gap: 1rem; grid-column: 2 / span 1;}
.search-tag {display:flex; align-items: self-start; flex-direction: row; flex: 1; max-width: var(--max-width); /* margin: 0 auto; */ gap: .5rem;}
.search-tag .tag {display: flex; align-items: center; flex-direction: row;flex-wrap: wrap; width: 100%; gap: .5rem;}
.search-tag .tag li {background: var(--black5); color: var(--biz-title); border-radius: .5rem; width: fit-content; padding: .6rem 1rem; font-size: 1.5rem; font-weight:300; line-height:1;}
.search-tag .tag .item a {display:flex; gap:.2rem; white-space: nowrap;}
/*.search-tag .tag .item a::before {content:'#'; display:inline-block;}*/ /*태그*/






	










/**/
#search_box {position: absolute; width: 100%; height: 100%; background: #FFF; z-index: 99999999999; display: none;}

/** GNB **/
#gnb{}
#gnb .depth1{display:flex;}
#gnb .depth1 > li{height:100%;}
#gnb .depth1 > li+li{margin-left:120px;}
#gnb .depth1 > li > a{display:flex;align-items:center;height:95px;color:#222;font-size:21px;font-weight:600;letter-spacing:-1px;padding-left: 20px; padding-right: 20px;}
#gnb .depth1 > li > a:hover {color:#4b96f5;}
#gnb .depth-cont{display:none;position:absolute;height:240px;top:100%;left:0;width:100vw;border-radius:0 0 50px 50px;background:#fff;z-index:100;}
#gnb .depth-tit{ position: absolute; top: 0; /* right: 33%; */ width: 33%; height: 100%; padding-top: 47px; padding-left: calc((100vw - 1400px) / 2); border-radius: 0 0 0 50px; background-color: #eaf4ff; background-repeat: no-repeat; background-position: right bottom; border-top: 1px solid #eaeaee; z-index: 1; text-align: right; padding-right: 120px;}
#gnb .depth-tit strong{display:block;position:relative;padding:19px 0 0 15px;color:#1d1f26;font-size:32px;font-weight:700;}
#gnb .depth-tit strong:before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;/*background:#867a7a;*/}
#gnb .depth-tit span{margin-bottom: 5px; color: #a5a2a2; font-size: 18px; font-weight: 400;}
#gnb .depth2{position: relative; margin-left: 25%; padding: 20px 0; border-radius: 0 0 50px 0; border-top: 1px solid #eaeaee;}
#gnb .depth2:before{content:'';position:absolute;top:0;left:-50px;width:280px;height:100%;background:#fff;z-index:-1;}
#gnb .depth2 > li{display:flex;position:relative;}
#gnb .depth2 > li:after{content:'';position:absolute;bottom:0;left:230px;width:calc(100% - 230px);height:1px;background:#fff;}
#gnb .depth2 > li:first-child > a{display:flex;width:230px;height:auto;padding:15px 0 15px 25px;color:#fff;font-size:17px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);background:#867a7a;border-top-left-radius: 10px;border-top-right-radius: 10px;}
#gnb .depth2 > li > a{display:flex;width:230px;height:auto;padding:15px 0 15px 25px;color:#fff;font-size:17px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);background:#867a7a;}
#gnb .depth2 > li:last-child > a{display:flex;width:230px;height:auto;padding:15px 0 15px 25px;color:#fff;font-size:17px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);background:#867a7a;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#gnb .depth2 > li:last-child > a{border-bottom:none;}
#gnb .depth2 > li:last-child:after{content:none;}
#gnb .depth3{display:flex;flex:1;align-items:center;align-items:flex-start;flex-wrap:wrap;margin-top:-10px;padding:13px 0; padding-right:50px;}
#gnb .depth3 > li{position:relative;margin-top:10px;margin-right:20px;padding-left:20px;}
#gnb .depth3 > li > a{display:block;position:relative;padding-left:10px;line-height:1.5rem;color:#444;font-size:16px;font-weight:400;transition:all .2s;}
#gnb .depth3 > li > a:hover,#gnb .depth3 > li > a:focus{text-decoration:underline;}
#gnb .depth3 > li > a:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;transform:translateY(-50%);background:#d6dadc;}

#gnb .ver-02 .depth-cont .depth-tit{background-color:#f9f2f3;}
#gnb .ver-02 .depth-cont .depth3 > li > a:hover,#gnb .ver-02 .depth-cont .depth3 > li > a:focus{color:#dd3f50;}
#gnb .ver-02 .depth-cont .depth3 > li > a:hover:before,#gnb .ver-02 .depth-cont .depth3 > li > a:focus:before,
#gnb .ver-02 .depth-cont .depth-tit strong:before,#gnb .ver-02 .depth-cont .depth2:before,#gnb .ver-02 .depth-cont .depth2 > li > a{}

#gnb .ver-03 .depth-cont .depth-tit{background-color:#ebf2f9;}
#gnb .ver-03 .depth-cont .depth3 > li > a:hover,#gnb .ver-03 .depth-cont .depth3 > li > a:focus{color:#2e69ac;}
#gnb .ver-03 .depth-cont .depth3 > li > a:hover:before,#gnb .ver-03 .depth-cont .depth3 > li > a:focus:before,
#gnb .ver-03 .depth-cont .depth-tit strong:before,#gnb .ver-03 .depth-cont .depth2:before,#gnb .ver-03 .depth-cont .depth2 > li > a{}

#gnb .ver-08 .depth-cont .depth-tit{border-radius:0 0 0 50px;background-color: #e6f3e7;}
#gnb .ver-08 .depth-cont .depth-tit strong:before{}

#gnb .depth2-type02{position:relative;margin-left:33%;padding:10px 0;border-top:1px solid #eaeaee;display:inline-flex;padding-top: 30px;background:#fff;width: 100%;}
#gnb .depth2-type02:before{content:'';position:absolute;top:0;left:0;width:230px;height:100%;background:#f2f2f2;z-index:-1;}
#gnb .depth2-type02 > li > a{display: block; width: 206px; height: auto; padding: 14px 0 14px 25px; color: #636060; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f2f2f2; /* border-left: 3px solid #f2f2f2; */ /* border-right: 3px solid #f2f2f2; */ border-radius: 5px; background-color: #fff; background-repeat: no-repeat; background-position: right 17px center; margin: 0 20px;}
#gnb .depth2-type02 > li > a:hover,#gnb .depth2-type02 > li > a:focus,#gnb .depth2-type02 > li.is-active > a{color:#4b8ce9;background-color:#fff;border-bottom: 2px solid #4b8ce9;}
#gnb .depth2-type02 > li:last-child > a{}
#gnb .depth2-type02 .depth3-type02{display:none;position:absolute;top:0;left:230px;width:calc((100vw - 25vw) - 245px);height:100%;padding:30px 40px;font-size:0;background:url('/images/drh/layout/common/menu_bg.png') no-repeat right bottom;}
#gnb .depth2-type02 > li.is-active .depth3-type02{display:block;}
#gnb .depth2-type02 .depth3-type02 > li{display:inline-block;width:calc((100% / 3) - 20px);vertical-align:top;}
#gnb .depth2-type02 .depth3-type02 > li:nth-child(2){margin:0 30px;}
#gnb .depth2-type02 .depth3-type02 > li > a{display:block;height:45px;line-height:45px;color:#222;font-size:17px;font-weight:600;text-align:center;border-radius:10px;border:1px solid #dcdce1;background:#fff;}
#gnb .depth2-type02 .depth4-type02{}
#gnb .depth2-type02 .depth4-type02 > li{margin-top:16px;}
#gnb .depth2-type02 .depth4-type02 > li > a{display:block;position:relative;padding-left:13px;color:#444;font-size:16px;font-weight:500;}
#gnb .depth2-type02 .depth4-type02 > li > a:before{content:'';position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;border-radius:50%;background:#d6dadc;}
#gnb .depth2-type02 .depth4-type02 > li > a:hover,#gnb .depth2-type02 .depth4-type02 > li > a:focus{color:#4b8ce9;text-decoration:underline;}
#gnb .depth2-type02 .depth4-type02 > li > a:hover:before,#gnb .depth2-type02 .depth4-type02 > li > a:focus:before{background:#4b8ce9;}
#gnb .depth2-type02 .depth4-type02 > li > a.outlink_nav i{position:relative;}
#gnb .depth2-type02 .depth4-type02 > li > a.outlink_nav i:after{content:''; display:block; width:10px; height:10px; right:-16px; top:calc(50% - 6px); position:absolute; background-image:url('/images/depth_ic_link.png');}
#gnb .depth2-type02 .link-list{}
#gnb .depth2-type02 .link-list li+li{margin-top:10px;}
#gnb .depth2-type02 .link-list a[target="_blank"]{display:block;position:relative;height:45px;padding:0 18px;line-height:45px;color:#b83e52;font-size:17px;font-weight:600;border-radius:10px;border:1px solid #cb7482;transition:all .2s;background:#fff;}
#gnb .depth2-type02 .link-list a[target="_blank"]:after{content:'';position:absolute;top:50%;right:13px;width:25px;height:25px;border-radius:50%;transform:translateY(-50%);background-color:rgba(184,62,82,.1);background-image:url('/images/bul_arr_07.png');background-repeat:no-repeat;background-position:center;}
#gnb .depth2-type02 .link-list a[target="_blank"]:hover{color:#9c0f26;border-color:#9c0f26;background:#fdeeef;}

#header .sub-srh-btn{display:none;width:19px;height:19px;margin:0 22px 0 auto;text-indent:-9999px;background-image:url('/images/ico_srh_02.png');background-repeat:no-repeat;}
#header .sub-srh-btn.is-active{background-image:url('/images/ico_close.png');}
#header .menu-btn{display:none;width: 36px; height: 36px; border-radius: 50%; text-indent: -9999px; background-color: #878787; background-image: url(/images/ico_menu.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;margin-right:10px;}
#header .menu-btn:hover { background-color:#000; }
.list-sns{display:none;}

.charge ul li{background: url(/images/common/h5_bul.gif) no-repeat 5px 15px;}

/* 구글광고를 위한 추가 CSS */
.out { position: fixed; top: 50%; transform: translateY(-50%);  width: 160px; height: 600px; z-index: 1000;}
.out_top { left: calc((100% - var(--max-width)) / 2 - 180px);}
.out_bottom {	right: calc((100% - var(--max-width)) / 2 - 180px); }
@media (max-width: 1200px) {
		.out {  display: none;	}
}

/** footer **/
.wrap-footer{border-top:1px solid #eaeaee;padding:0 20px;background:#31343d; position:relative;}
.footer-head,.footer-body{max-width:1400px;margin:0 auto;}
.footer-head{display:flex;justify-content:space-between;position:relative;height:69px;}
.wrap-footer:after{content:'';position:absolute;top:69px;left:50%;width:100%;height:1px;transform:translateX(-50%);background:#454550;}
.footer-nav{display:flex;flex-wrap:wrap;align-items:center;margin-top:-5px;}
.footer-nav li{position:relative;}
.footer-nav li+li{margin-left:37px}
.footer-nav li+li:after{content:'';position:absolute;top:50%;left:-20px;width:1px;height:13px;transform:translateY(-50%) rotate(15deg); background:#454550;}
.footer-nav li a{display:block;color:#fff;font-size:16px;}
.footer-nav li a.privacy{color:#f3cd1e;font-weight:500; padding-bottom:0;}
.footer-link{display:flex;}
.footer-link .link-org{display:inline-block;padding:0 29px;line-height:69px;color:#fff;font-size:16px;font-weight:500;border-right:1px solid #454550;}
.footer-org{width:215px;border-width:0 1px;border-style:solid;border-color:#454550;}
.org-site{width:100%;}
.org-site > li{position:relative;height:100%;}
.org-site > li .site-txt,
.org-site > li .site-btn-more,
.org-site > li .site-btn-more span,
.org-site > li .link-box ul li a,
.org-site > li .link-box ul+a{display:block;color:#fff;font-size:16px;font-weight:500;}
.org-site > li .site-txt{padding:0 15px;line-height:69px;}
.org-site > li .site-btn-more{position:absolute;top:0;right:0;width:100%;height:100%;}
.org-site > li .site-btn-more span{position:relative;text-indent:-9999px;}
.org-site > li .site-btn-more span:after{content:'';position:absolute;top:32px;right:15px;width:9px;height:5px;}
.org-site > li .link-box{display:none;position:absolute;bottom:100%;left:-1px;width:100%;border:1px solid #454550;box-sizing:content-box;z-index:10;}
.org-site > li .link-box ul{overflow-y:auto;max-height:410px;}
.org-site > li .link-box ul li{border-bottom:1px solid #454550;background:#31343d;}
.org-site > li .link-box ul li:last-child{border-bottom:0;}
.org-site > li .link-box ul li a{height:40px;padding:0 15px;line-height:40px;}
.org-site > li .link-box ul+a{position:absolute;top:100%;right:22px;width:calc(100% - 30px);height:69px;text-indent:-9999px;}

.org-site > li.on .site-btn-more span:after{transform:rotate(0);}

/* .footer-body{display:flex;justify-content:space-between;align-items:center;padding:40px 0 50px;}
.footer-info .add{margin-bottom:3px;color:#fff;font-size:16px;font-weight:300;}
.footer-info .info-list{display:flex;align-items:baseline;}
.footer-info .info-list .tel{color:#fff;font-size:20px;font-weight:400;}
.footer-info .info-list ul{display:flex;margin-bottom:20px;}
.footer-info .info-list ul li{position:relative;margin-left:25px;color:#fff;font-size:16px;font-weight:400;}
.footer-info .info-list ul li:after{content:'';position:absolute;top:50%;left:-12px;width:1px;height:13px;transform:translateY(-50%); background:#44474f;}
.footer-info .copyright{color:#999a9d;font-size:15px;font-weight:300;}
.footer-info .copyright .sitedesigned { color: #757575;}
.footer-mark{display:flex;align-items:center;}
.footer-mark > a{display:block;}
.footer-mark > a+a{margin-left:40px;} */

/******** 푸터고정메뉴 yun 2025-04-22 ********/
 /*하단여백*/
.footer-hidden {height: var(--footer-menu-height) !important; display:block !important;}
/* .footer-menu {display:none;}
.footer-menu.hidden {display: none; opacity:0; visibility: hidden;} */
/******** 푸터고정 메뉴 ********/
/* footer svg */
svg.icon-footer-home {fill: var(--white);}
svg.icon-footer-map, svg.icon-footer-search, svg.icon-footer-all, svg.icon-footer-login {fill: var(--tanblack);}
.footer-menu {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: var(--max-width); width: 100%; z-index: 1; margin:0 auto; border-top: 1px solid var(--silk); background: var(--white); display: block; /* box-shadow: var(--shadow-top); */}	
.footer-menu .bottom-navigation {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.footer-menu .bottom-navigation .bottom-navigation-item {flex: 1; cursor: pointer; display: flex; gap: 0rem; flex-direction: column; align-items: center; justify-content: center; /*padding: 1.5rem 0;*/ /*border-right: 1px solid var(--silk);*/ height:var(--footer-menu-height);}
/*.footer-menu .bottom-navigation .bottom-navigation-item:hover {background: var(--silk);}*/
.footer-menu .bottom-navigation .bottom-navigation-item .bottom-navigation-icon {width: 2.5rem !important; height: 2.5rem !important;}
.footer-menu .bottom-navigation .bottom-navigation-item .bottom-navigation-text {font-size:1.3rem; color: var(--tanblack); /*display:none;*/}
/* 홈아이콘설정 */
.footer-menu .bottom-navigation .bottom-navigation-item:nth-of-type(3):before {content:""; display:block; background: var(--main-color); width:5rem; height:5rem; border-radius: 50%; position:absolute; z-index: -1;}
.footer-menu .bottom-navigation .bottom-navigation-item:nth-of-type(3) .bottom-navigation-text {display:none;}
/******** 푸터고정 비즈메뉴 ********/
.footer-bizmenu {position: fixed; max-width: var(--max-width); width: 100%; height: var(--footer-bizmenu-height); bottom: 0; left:50%; transform: translateX(-50%); z-index: 10; border-top: 0px solid var(--silk); background: var(--white); box-shadow:var(--shadow-top); display: none;}
.footer-bizmenu.hidden {visibility: hidden;}
.footer-bizmenu .footer-bizmenu-navigation {display:flex; justify-content: space-between; align-items: center; max-width: var(--max-width); width: 100%; margin: 0 auto; border-radius: .5rem .5rem 0 0; }
.footer-bizmenu .footer-bizmenu-navigation .icons {display:flex; justify-content: center; align-items: center; gap: 4rem; margin-left: 4rem; margin-right: 3rem;}
.footer-bizmenu .footer-bizmenu-navigation .icons .favorite_like,
.footer-bizmenu .footer-bizmenu-navigation .icons .phone {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .2rem;}
.footer-bizmenu .footer-bizmenu-navigation .icons .tt {font-size:1.35rem;}
.footer-bizmenu .footer-bizmenu-navigation .desc {flex:1; display: flex; justify-content: center; background: var(--main-color); color: var(--white); border-radius: inherit; }
.footer-bizmenu .footer-bizmenu-navigation .desc a {display: block; width: 100%; height: var(--footer-bizmenu-height); line-height: var(--footer-bizmenu-height); text-align: center;}




/** 슬라이드 공통 **/
.bx-controls-direction [class*='bx']{display:block;position:relative;width:11px;height:12px;text-indent:-9999px;background-image:url('/images/bul_nav_02.png');background-repeat:no-repeat;background-size:auto 100%;}
.bx-controls-direction .bx-prev{background-position:left center;}
.bx-controls-direction .bx-prev:after{content:'';position:absolute;top:0;right:-12px;width:1px;height:12px;background:#e9e9e9;}
.bx-controls-direction .bx-next{margin:0 21px;background-position:right -36px center;}
.bx-controls-direction .bx-play{background-position:right center;}
.bx-controls-direction .bx-play.on{background-image:url('/images/bul_play.png');background-position:center;}
.snum{color:#767676;font-size:15px;font-weight:400;}
.snum .now-num{color:#df1128;font-weight:500;}


/** 메인슬라이드 **/
.wrap-visual{display:flex;align-items:flex-start;}
.wrap-visual .main_visual_wrap{overflow:hidden;position:relative;width:596px;border-radius:15px 15px 15px 15px;box-shadow:0px 7px 15px 8px rgba(0,0,0,.1);z-index:2;}
.wrap-visual .m_visual{height:364px;}
.wrap-visual .m_visual .bx-wrapper,.wrap-visual .m_visual .bx-viewport,.wrap-visual .m_visual ul,.wrap-visual .m_visual li,.wrap-visual .m_visual li .m_visual_thum{height:100% !important;}
.wrap-visual .m_visual li a{display:block;height:100%; width:100%;}
.wrap-visual .m_visual li .m_visual_thum{overflow:hidden;display:block;border-radius:15px;}
.wrap-visual .bx-wrapper img{width:100%;height:100%;}
.wrap-visual .m_visual .bx-pager.bx-default-pager{display:none;}
.wrap-visual .bx-controls{display:flex;align-items:center;justify-content:space-between;position:absolute;right:0;bottom:0;width:215px;height:35px;padding:0 30px 0 20px;border-radius:15px 0 15px 0;background:#fff;z-index:60;}
.wrap-visual .bx-controls-direction{display:flex;}
.wrap-visual .bx-controls-direction [class*='bx']{height:13px;}
.wrap-visual .bx-controls-direction .bx-next{margin:0 30px 0 22px;background-position:right -40px center;}
.wrap-visual .bx-controls-direction .bx-alam{height:12px;margin-left:20px;background-position:center;}



/** 컨텐츠 **/
/** wrap container **/
.wrap-sub .wrap-container{display:flex;max-width:1400px;margin:0 auto;padding:0;}
.wrap-sub .wrap-container:before{content:'';display:block;position:absolute;left:0;width:100%;height:110px;box-shadow:inset 0 4px 10px -8px #bfbdbd;background:url(/images/drh/layout/contents/layout/bg_sub_default.png) no-repeat 50% 0;background-size:cover;}

/** sub layout - serch form **/
.wrap-sub .wrap-srh{position:absolute;left:calc(50% - 235px);width:470px;max-width:inherit;margin-top:30px;margin-bottom:0;z-index:9;}
.wrap-sub .srh-total-sub{margin-bottom:0;border-width:2px;}
.wrap-sub .srh-total-su input[type='text']{width:calc(100% - 50px);}

.wrap-remote,.wrap-sub .wrap-content{position:relative;transition:width .2s;}
.wrap-remote{width:230px;padding-top:30px;}
.wrap-sub .wrap-content{width:calc(100% - 280px);margin:0 0 0 50px;padding:120px 0 0;}

/** 메뉴별 컬러 **/
.srh-total-sub{overflow:hidden;display:flex;position:relative;height:50px; margin:0 auto 11px;border:3px solid;border-right:none;border-radius:50px;background:#fff;}
.srh-total-sub form{width:100%;}
.srh-total-sub input[type='text']{width:calc(100% - 50px);height:100%;padding:0 10px 0 18px;border:none;border-radius:50px 0 0 50px;background:transparent; outline:none;}
.srh-total-sub input[type='text']::placeholder{color:#808080; font-size:17px;}
.srh-total-sub .srh-button{position:absolute;right:0;width:48px;height:48px;margin-top:-1px;text-indent:-9999px;border-radius:50%;background-image:url('/images/ico_srh.png');background-repeat:no-repeat;background-position:center;}

.wrap-sub .wrap-container .srh-total form{width:100%;}
/** 정보공개 **/
.wrap-sub .wrap-container.ver-01 .remote-tit,.wrap-sub .wrap-container.ver-01 .srh-total-sub .srh-button{background-color:#847c7c;}
.wrap-sub .wrap-container.ver-01 .srh-total-sub{border-color:#847c7c;}
/** 참여마당 **/
.wrap-sub .wrap-container.ver-02 .remote-tit,.wrap-sub .wrap-container.ver-02 .srh-total-sub .srh-button{background-color:#dd3f50;}
.wrap-sub .wrap-container.ver-02 .srh-total-sub{border-color:#dd3f50;}
/** 전자민원 **/
.wrap-sub .wrap-container.ver-03 .remote-tit,.wrap-sub .wrap-container.ver-03 .srh-total-sub .srh-button{background-color:#2e69ac;}
.wrap-sub .wrap-container.ver-03 .srh-total-sub{border-color:#2e69ac;}
/** 행정정보 **/
.wrap-sub .wrap-container.ver-04 .remote-tit,.wrap-sub .wrap-container.ver-04 .srh-total-sub .srh-button{background-color:#2e9575;}
.wrap-sub .wrap-container.ver-04 .srh-total-sub{border-color:#2e9575;}
/** 열린경제 **/
.wrap-sub .wrap-container.ver-05 .remote-tit,.wrap-sub .wrap-container.ver-05 .srh-total-sub .srh-button{background-color:#18919c;}
.wrap-sub .wrap-container.ver-05 .srh-total-sub{border-color:#18919c;}
/** 생활정보 **/
.wrap-sub .wrap-container.ver-06 .remote-tit,.wrap-sub .wrap-container.ver-06 .srh-total-sub .srh-button{background-color:#cb8013;}
.wrap-sub .wrap-container.ver-06 .srh-total-sub{border-color:#cb8013;}
/** 대전소개 **/
.wrap-sub .wrap-container.ver-07 .remote-tit,.wrap-sub .wrap-container.ver-07 .srh-total-sub .srh-button{background-color:#6d4e9c;}
.wrap-sub .wrap-container.ver-07 .srh-total-sub{border-color:#6d4e9c;}
/** 이용안내 **/
.wrap-sub .wrap-container.ver-08 .remote-tit,.wrap-sub .wrap-container.ver-08 .srh-total-sub .srh-button{background-color:#3999d7;}
.wrap-sub .wrap-container.ver-08 .srh-total-sub{border-color:#3999d7;}

/** wrap-remote **/
.remote-tit{display:flex;justify-content:center;align-items:center;height:140px;padding:20px;color:#fff;font-size:28px; line-height:30px; font-weight:600;text-align:center;border-radius:10px 50px 10px 10px;background-image:url(/images/drh/layout/contents/layout/bg_remote.png);background-repeat:no-repeat;background-position:0 100%;background-size:cover;}

/** lnb메뉴 **/
/** lnb common **/
.wrap-lnb{overflow:hidden;position:relative;margin:20px 0 150px;border:1px solid #eaeaee;border-radius:10px;background:#f9f9f9;}
.wrap-lnb.depart-left{overflow:unset;}
.lnb li{position:relative;}

.lnb ul{display:none;padding:0;}
.lnb ul li a{padding-left:13px;line-height:18px;color:#5f5f5f;font-size:15px;}
.lnb ul li a:before{top:6px;left:1px;width:4px;height:4px;border-radius:50%;background:#dcdce1;}

.lnb a:before,.lnb a:after{content:'';display:block;position:absolute;}
.lnb a,.lnb a i{display:block;position:relative;}

/** 새창
.lnb a[target=_blank]:after{background-image:url(/images/ico_blank01.png) !important}
.lnb a[target=_blank]:hover:after{background-image:url(/images/ico_blank02.png) !important}
 **/

/** 1depth **/
.lnb > li > a{overflow:hidden;margin-right:0;padding:15px 45px 15px 15px;line-height:20px;font-size:17px;letter-spacing:-1px;}
.lnb > li > a i{font-weight:600;z-index:2}
.lnb > li:not(.is-on) > a:hover{color:#fff;background:#30333c;}
.lnb > li:not(.no-depth).is-on > a:hover:after,.lnb > li:not(.no-depth).is-on > a:after{background-image:url(/images/drh/layout/contents/layout/snb_depth01_arr01_current.png);}
.lnb > li+li{border-top:1px solid #eaeaee;}


/** 1depth :is-on **/
.lnb > li.is-on > a{color:#fff;background-color:#30333c;z-index:2;}
.lnb > li:not(.no-depth).is-on > a{color:#fff !important;}
.lnb > li:not(.no-depth).is-current:before{display:none;}

/** 2depth **/
.lnb > li > ul{position:relative;padding:20px 15px;background:#ffffff;}
.lnb > li > ul > li.is-current > a{color:#30333c;text-decoration:underline;}
.lnb > li > ul > li.is-current > a:before{background:#30333c;}
.lnb > li > ul > li:not(.is-current) > a:hover{text-decoration:underline;}
.lnb > li > ul > li:not(.no-depth).is-current > a{text-decoration:none;}
.lnb > li > ul > li:not(.no-depth).is-current > a:after{}
.lnb > li > ul > li:not(.no-depth).is-current > a:after,.lnb > li > ul > li:not(.no-depth).is-on > a:after{background-image:url(/images/drh/layout/common/bul_minus02.png);}
.lnb > li > ul > li+li{margin-top:8px;padding-top:8px;border-top:1px dotted #c7c7ca;}

/** 새창
.lnb > li > ul a[target=_blank]:after{right:0 !important;}
.lnb > li > ul a[target=_blank]:hover:after{background-image:url(/images/ico_blank01.png) !important}
 **/

/** 2depth :is-on **/

/** no-depth **/
.lnb a[target=_blank]:after,
.lnb > li.no-depth > a:hover:after,.lnb > li:not(.no-depth) > a:after{top:calc(50% - 10px);right:12px;width:20px;height:20px;background:no-repeat 50%;}

.lnb > li.no-depth > a:hover{border-color:#0f408f;}

.lnb li:not(.no-depth) > a:after{background-image:url(/images/drh/layout/contents/layout/snb_depth01_arr01.png);}
.lnb li:not(.no-depth) > a:hover:after{background-image:url(/images/drh/layout/contents/layout/snb_depth01_arr01_ov.png);}
.lnb li:not(.no-depth).is-current:after{display:none;}

.lnb > li > ul > li:not(.no-depth) > a:after{top:calc(50% - 5px);right:0;width:10px;height:10px;background-size:100%;}
.lnb > li > ul > li:not(.no-depth).is-current > a{text-decoration:none;}

/** wrap-content **/
.cont-head{position:relative;padding:35px 0 20px;}
.cont-head:after{content:'';display:block;clear:both}
.cont-head .cont-tit,.cont-head .cont-tit i{position:relative;}
.cont-head .cont-tit{float:left;padding-right:105px;}
.cont-head .cont-tit i{display:inline-block;color:#222;font-size:34px;font-weight:700;letter-spacing:-1px;transition:font-size .3s;background:#fff;}

.breadcrumb{overflow:hidden;float:right;display:block;margin-top:6px;}
.breadcrumb > *{float:left;position:relative;padding:0 10px;color:#7e7e7e !important;font-size:15px;vertical-align:middle;}
.breadcrumb > *:nth-child(n+3){padding-left:15px;}
.breadcrumb > *:nth-child(n+3):before{content:'';display:block;position:absolute;left:0;width:10px;height:100%;background:url(/images/bul_breadcrumb.png) no-repeat 0 6px;}
.breadcrumb .home{padding-right:20px;text-indent:-9999px;background:url(/images/ico_home.png) no-repeat 6px 2px;}
.breadcrumb .is-current{padding-right:0 !important;color:#000 !important;text-decoration:underline;}

/** page-share **/
.page-share{display:flex;align-items:center;position:absolute;top:-80px;right:0;}
.page-share [class*='share-ico-']{overflow:hidden;display:block;position:relative;width:35px;height:35px;line-height:0;font-size:0;text-indent:-9999px;border-radius:50%;background:#bcbcbd;}
.page-share [class*='share-ico-']:before{content:'';display:block;position:absolute;top:-35px;left:-35px;width:100%;height:100%;transform:rotate(45deg) scale(1);transition:transform .3s linear;}
.page-share [class*='share-ico-']:after{content:'';display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;transition:all .3s;background:no-repeat 50%;background-size:cover;}
.page-share [class*='share-ico-']+*{margin-left:12px;}

/** page-share icon **/
.page-share .share-ico-01:after{background-image:url(/images/drh/layout/contents/layout/share_ico_01.svg);}
.page-share .share-ico-02:after{background-image:url(/images/drh/layout/contents/layout/share_ico_02.png);}
.page-share .share-ico-03:after{background-image:url(/images/drh/layout/contents/layout/share_ico_03.svg);}
.page-share .share-ico-04:after{background-image:url(/images/drh/layout/contents/layout/share_ico_04.svg);}

/** page-share hover **/
.page-share [class*='share-ico-']:hover:before{transform:scale(4);}
.page-share .share-ico-01:hover:before{background:#0c69e2;}
.page-share .share-ico-02:hover:before{background:#000;}
.page-share .share-ico-03:hover:before{background:#676b77;}
.page-share .share-ico-04:hover:before{background:#e82f38;}

#cont-body{overflow:hidden;padding:20px 0 50px;}
#cont-body > *:first-child{margin-top:0;}




/** component **/
/** tab menu **/
[class*='tab-nav']{display:flex;position:relative;margin:20px 0;}
[class*='tab-nav']:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccd0d9;}
[class*='tab-nav'] li,[class*='tab-nav'] li a{position:relative;}
[class*='tab-nav'] li:first-child a{border-top-left-radius:10px}
[class*='tab-nav'] li:last-child a{border-top-right-radius:10px}
[class*='tab-nav'] li{overflow:hidden;margin-right:-1px;}
[class*='tab-nav'] li a{display:block;height:100%;padding:10px 25px;line-height:20px;color:#5e5e5e;font-size:15px;text-align:center;border:1px solid #ddd;}
[class*='tab-nav'] li a:hover,[class*='tab-nav'] li a:focus{text-decoration:underline;}

[class*='tab-nav'] li.is-current a{color:#fff;font-weight:500;border-color:#27448a;background:#27448a;}
[class*='tab-nav'] li.is-current a:hover,[class*='tab-nav'] li.is-current a:focus{text-decoration:none;}
[class*='tab-nav'] li.is-current a:before{content:'';display:block;position:absolute;top:6px;left:8px;width:6px;height:6px;border-radius:50%;background:#fff;}

.tab-body .tab-cont{display:none;margin-bottom:80px;}
.tab-body .tab-cont:first-child{display:block;}

/** tab menu depth **/
[class*='tab-nav-depth'] li{margin-right:0;}
[class*='tab-nav-depth'] li a{font-weight:400;border:none;background:none;}
[class*='tab-nav-depth'] li.is-current a{background:none;}

.tab-nav-depth li a{padding:10px 20px;color:#606674;font-size:15px;}
.tab-nav-depth li.is-current a{color:#2b54bd;border-bottom:2px solid #2b54bd;}

/** tab menu depth02 **/
.tab-nav-depth02{background:#f7f7f7;}
.tab-nav-depth02:before{content:none;}
.tab-nav-depth02 li{position:relative;}
.tab-nav-depth02 li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#dedede;transform:translateY(-50%);}
.tab-nav-depth02 li:last-child:after{content:none;}
.tab-nav-depth02 li a{padding:12px 17px;color:#7e7e7e;font-size:14px;font-weight:400;}
.tab-nav-depth02 li.is-current a{color:#2e2e2e;}

/** box type **/
[class*='box-type']{position:relative;margin:20px 0;padding:10px;border-width:1px;border-color:#e1e1e1;background-color:#f7f7f7;}
[class*='box-type'] > *{margin:0;color:#666;font-size:14px;}
[class*='box-type'] > * + *{margin-top:5px;}

.box-type01{border-style:solid;}
.box-type02{border-style:dashed;}
.box-type03{border-style:dotted;}

[class*='box-type'].ver-01{background:#fff;}

/** box content **/
.box-con{display:flex;}
.box-con em{display:block;margin-right:10px;color:#2e2e2e;font-size:14px;font-weight:500;}

/** title type **/
[class*='tit-type']{display:flex;align-items:flex-start;position:relative;margin:28px 0 10px;}
[class*='tit-type'] > i{flex-grow:1;display:inline-block;color:#1e1e1e;font-weight:500;letter-spacing:-1px;}
[class*='tit-type'] + [class*='tit-type']{margin-top:20px;}

.tit-type01{padding-left:28px;line-height:21px;font-size:17px;}
.tit-type01:before{content:'';display:block;position:absolute;left:0;width:21px;height:21px;background:url(/images/bul_tit_type01.png) no-repeat 0 0;}

.tit-type02 > span{line-height:23px;}
.tit-type02 > i{line-height:23px;font-size:19px;}

.tit-type03{margin:45px 0 25px 0;padding:11px 9px;border-radius:5px;background:#333b50;}
.tit-type03 i{color:#fff;font-size:17px;}

.wrap-tit{ margin-bottom:0px;}
.wrap-tit *{display:inline-block;}
.wrap-tit span{color:#6e6e6e;font-size:15px;}

/** bullet type **/
[class*='bul-type'],[class*='bul-type'] li{position:relative;color:#3d3d3d;}
[class*='bul-type']:before,[class*='bul-type'] li:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#3d3d3d;}
[class*='bul-type'] li + li{margin-top:5px;}

ul[class*='bul-type']{padding-left:0;}
ul[class*='bul-type']:before{display:none;}

.bul-type01,.bul-type01 li{padding-left:12px;}
.bul-type01:before,.bul-type01 li:before{left:2px;width:4px;height:4px;border-radius:50%;}
.bul-type02,.bul-type02 li{padding-left:10px;}
.bul-type02:before,.bul-type02 li:before{width:4px;height:1px;}
.bul-type03,.bul-type03 li{padding-left:8px;}
.bul-type03:before,.bul-type03 li:before{width:2px;height:2px;background:#6e6e6e;}

[class*="-table"] [class*='bul-type']{margin:5px 0;}

/** 기본table **/
[class*="-table"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;border-top:2px solid #2e2e2e;border-bottom:1px solid #e1e1e1;word-break:break-all}
[class*="-table"] * > tr{height:40px;}
[class*="-table"] * > tr:first-child > *{border-top-width:0}
[class*="-table"] * > tr > *{height:100%;padding:10px 5px;line-height:18px;font-size:14px;text-align:center;vertical-align:middle;border:0 solid #e1e1e1;border-width:1px 1px 0 0;}
[class*="-table"] * > tr > *[scope]{padding:10px;color:#3e3e3e;font-weight:500;background:#f7f7f7}
[class*="-table"] * > tr > *[scope] *{color:#3e3e3e;font-weight:500;}
[class*="-table"] * > tr > *:last-child{border-right-width:0;}
[class*="-table"] thead > tr > *[rowspan],[class*="-table"] thead > tr:last-child > *{border-bottom:1px solid #e1e1e1;}

[class*="-table"] thead+tbody > tr:first-child{border-top-width:1px}
[class*="-table"] tbody > tr > *[scope]{padding-right:15px;padding-left:15px;}
[class*="-table"] tbody > tr *{color:#6e6e6e;}
[class*="-table"] tbody > tr td{word-break:break-all}

[class*="-table"] .button.mini{vertical-align:middle;}
[class*="-table"] a:hover,[class*="-table"] a:focus{text-decoration:underline;}
[class*="-table"] p:first-of-type{margin-top:8px;}
[class*="-table"] p:last-of-type{margin-bottom:8px;}
[class*="-table"] p+p{margin-top:5px;}

[class*='-table'] [class*='w-per'] > *{width:100% !important;}
[class*='-table'].ta-l tr > *{text-align:left !important;}
[class*='-table'].ta-c tr > *{text-align:center !important;}
[class*='-table'].ta-c tr > .ta-l{text-align:left !important;}
[class*='-table'].vt-t tbody tr > *{vertical-align:top;}

/** button **/
.button{overflow:hidden;display:inline-block;position:relative;min-width:70px;margin:0;padding:0 20px;line-height:30px;color:#6e6e6e;font-size:15px;text-align:center;border:1px solid #d1d1d1;border-radius:3px;background:#f7f7f7;}
.button i{position:relative;color:#6e6e6e;z-index:1;}

a.button:hover,button.button:hover{text-decoration:underline;}
a.button:not([class*='bl-']):hover:before,button.button:not([class*='bl-']):hover:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:rgba(0,0,0,.05);z-index:0;}

/** button size **/
.mini,.small{line-height:25px;font-size:12px;}
.mini{min-width:55px;padding:0 8px;}
.small{min-width:65px;padding:0 12px;}

/** button background style **/
.button[class*='bg-'],.button[class*='bg-'] i{color:#fff;}
.button[class*='bg-']:hover,.button[class*='bg-']:hover i{text-decoration:underline;}
.bg-blue{border-color:#2b54bd !important;background:#2b54bd !important;}
.bg-gray{border-color:#686d7c !important;background:#686d7c !important;}
.bg-white{border-color:#c1c1c1 !important;background:#fff !important;}
.bg-white i{color:#6e6e6e !important;}

/** button line color **/
.button[class*='bl-']{border-color:transparent;background:transparent !important;}

/** button line style **/
.bl-blue{border-color:#2b54bd !important;}
.bl-blue,.bl-blue i{color:#2b54bd !important;}
.bl-gray{border-color:#686d7c !important;}
.bl-gray,.bl-gray i{color:#686d7c !important;}
.bl-gray-light{border-color:#e1e3e7 !important;}
.bl-gray-light,.bl-gray-light i{color:#555 !important;}
.bl-gray-dark{border-color:#c1c1c1 !important;}
.bl-gray-ligdarkht,.bl-gray-dark i{color:#7e7e7e !important;}



/** 시장소개 **/
.wrap-mayor{flex:1;position:relative;margin-left:30px;padding-bottom:56px;z-index:1;}
.tab-life {color: #000; font-weight: 700; font-size:18px;}
.tab-life {padding-bottom: 4px;}

.tab-life:after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #000;}
.tab-container_life {max-width: 100%; margin: 0 auto; display: block; height: 200px;}
.tab-buttons_life {display: flex; justify-content: flex-end; margin-top: -46px;	margin-right: 20px;}
.tab-buttons_item {display: flex; justify-content: flex-end; margin-top: 20px;	width:100%;}
.tab-buttons_item li {width:calc(100% / 4);}
.tab-button_life {padding: 5px 20px; background-color: #f2f2f2; border: none; cursor: pointer; color: #7d7a7a; border-radius: 20px;	margin-left:10px;}

.tab-button_life.active {background-color: #5b7ae5; color: #fff; border-radius: 20px; margin-left:10px;}

.tab-content_life {display: none;    margin-top: 30px;}
.tab-content_life.active {display: block;	width: 100%;}
.tab-content_life_zone {width:100%; margin: 0 0 0 0;  text-align:center;}
.tab-content_life_zone2 {width:100%; margin: 0 0 0 0;  text-align:center;}
.tab-button_life_btn {width: calc(24% - 5px); border: 1px solid #ebe4e4; height: 58px; margin-top: 10px; border-radius:5px;background: #f0f4ff;}
.tab-button_life_btn:hover {background:#e2f3e2; color:#fff; }
.tab-button_life_btn2 {width: calc(24% - 5px); border: 1px solid #ebe4e4; height: 50px; margin-top: 10px; border-radius:5px;background: #f0f4ff;}
.tab-button_life_btn2:hover {background:#e2f3e2; color:#fff; }

.tag1 {display: inline-block; position: absolute; top: 15px; left: 15px; padding: 5px 12px; font-size: 15px; font-weight: 500; border-radius: 25px; color:#000;  z-index: 1;}
.tag2 {display: inline-block; position: absolute; top: 140px; right: 6px; padding: 5px 12px; font-size: 15px; font-weight: 500; border-radius: 25px; color: #000; z-index: 1;}
@keyframes rotate-center{
	0% {
	  -webkit-transform:rotate(0);
			  transform:rotate(0);
	}
	100% {
	  -webkit-transform:rotate(360deg);
			  transform:rotate(360deg);
	}
  }

/** 뉴스 슬라이드 **/
.wrap-news{position:absolute;left:675px;bottom:0;width:calc(100vw - (675px + (100vw - 1400px)));height:260px;padding:30px 0 0 0;z-index:1;}
.wrap-news:before{content:'';position:absolute;top:14px;left:-27px;width:calc(100vw - (565px + ((100vw - 1400px) / 2)));height:94%;z-index:-1;}
.wrap-news .tab-menu{overflow-x:auto;overflow-y:hidden;width:calc(100% - 120px);white-space:nowrap;}
.wrap-news .tab-menu > li{display:inline-block;}
.wrap-news .tab-menu > li .tab-tit{display:inline-block;position:relative;padding-bottom:7px;color:#444;font-size:18px;font-weight:400;}
.wrap-news .tab-menu > li .tab-tit:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#000;}
.wrap-news .tab-menu > li.is-current .tab-tit{color:#000;font-weight:700;}
.wrap-news .tab-menu > li.is-current .tab-tit:after{width:100%;}
.wrap-news .tab-menu > li+li .tab-tit{margin-left:30px;}
.wrap-news .tab-menu > li+li .tab-tit:hover,.wrap-news .tab-menu > li+li .tab-tit:focus{color:#000;}
.wrap-news .tab-menu > li+li .tab-tit:before{content:'';position:absolute;top:10px;left:-17px;width:3px;height:3px;background:#ceced1;}
.wrap-news .tab-cont{visibility:hidden;position:absolute;top:65px;left:0;width:100%;height:164px;opacity:0;}
.wrap-news .tab-cont:after{content:none;position:absolute;top:-9px;right:-22px;width:100px;height:100%;/*background:linear-gradient(90deg, rgba(251,251,251,0) 0%, rgba(243,244,245,1) 100%);*/}
.wrap-news .tab-cont.is-current{visibility:visible;opacity:1;}
[class*='news-slide'],[class*='news-slide'] .bx-wrapper, [class*='news-slide'] .bx-viewport, [class*='news-slide'] ul, [class*='news-slide'] li{height:100% !important;}
[class*='news-slide'] .bx-wrapper{margin:0 0px !important;}
[class*='news-slide'] .bx-viewport{/*padding:0 10px;*/}
[class*='news-slide'] li{padding-top:10px;}
[class*='news-slide'] li .news-cont{display:block;position:relative;height:130px;border-radius:25px;border:1px solid #e6e8e9;box-shadow:1px 3px 15px 0px rgba(0,0,0,.1);background:#fff;}
[class*='news-slide'] li .news-cont:hover{display:block;position:relative;height:130px;border-radius:25px;border:1px solid #e6e8e9;box-shadow: 1px 3px 15px 0px rgb(15 255 48 / 15%);background:#fff;}
[class*='news-slide'] li .cont-tit{position:relative;padding:15px;}
[class*='news-slide'] li .cont-tit:after,[class*='news-slide'] li .cont-tit:before{content:'';position:absolute;transition:all .2s;}
[class*='news-slide'] li .cont-tit:after{top:-1px;left:-1px;width:100%;height:100%;border-radius:25px 25px 35px 35px;box-sizing:content-box;}
[class*='news-slide'] li .cont-tit:before{left:calc(50% - 10px);bottom:-9px;width:20px;height:20px;transform:rotate(0);}
[class*='news-slide'] li .cont-tit strong{height:2.4em;color:#222;font-size: 16px;font-weight: 400;text-overflow:ellipsis;white-space:normal; word-break:break-all;}
[class*='news-slide'] li:hover .cont-tit strong{color:#1d3069;}
[class*='news-slide'] li .cont-tit .new{display:inline-block;width:16px;height:16px;text-indent:-9999px;vertical-align:middle;}
[class*='news-slide'] li .date{display:block;position:absolute;bottom:19px;right:28px;padding-left:20px;color:#767676;font-size:14px;font-weight:400;}
[class*='news-slide'] li .date:before{content:'';position:absolute;top:calc(50% - 8px);left:0;width:16px;height:16px;}

[class*='news-slide'] li .news-cont:hover,[class*='news-slide'] li .news-cont:focus,
[class*='news-slide'] li .news-cont:hover .cont-tit:after,[class*='news-slide'] li .news-cont:focus .cont-tit:after{ }

/*고시공고*/
[class*='news-slide'] ul.gosi_ul{}
[class*='news-slide'] ul.gosi_ul li{width:224px; float:left; list-style:none; margin-right:25px; position:relative;}

.wrap-news .tab-button{display:flex;position:absolute;top:-40px;right:0;}
.wrap-news .tab-button .slide-control{display:flex;align-items:center;justify-content:center;width:62px;height:32px;margin-right:10px;border-radius:25px;background:#fff;}
.wrap-news .tab-button .slide-control .bx-next{margin-right:0;}

/** 주요서비스 **/
.wrap-service{flex:1;position:relative;min-width:0;}
.wrap-service_m{flex:1;position:relative;min-width:0;display:none;visibility: visible;opacity: 1;}
.service-list_m{overflow: hidden; display: flex; flex-wrap: wrap; position: relative; max-height: 560px; margin: 20px 10px 20px 10px; transition: all .3s;}
.service-list_m:after{content:'';position:absolute;top:0;right:-50px;width:80px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);}
.service-list_m li{width:calc(100% / 4);margin-top:10px;text-align:center;vertical-align:top;margin-bottom: 10px;}
.service-list_m li a,.service-btn{display:block;position:relative;text-align:center;}
.service-list_m li a{width:100%;}
.service-list_m li a i {display:inline-block;padding-top:98px;line-height:1.3rem;color:#444;font-size:15px;font-weight:500;letter-spacing:-1.1px;}
.service-list_m li a i:before,.service-btn:before{content:'';position:absolute;top:0;left:50%;width:80px;height:80px;border-radius:15px;transform:translateX(-50%);transition:all .2s;background-color:#31343d;background-repeat:no-repeat;background-position:center;}
.service-list_m li a i:before{border:1px solid #eaeaee;box-shadow:1px 7px 14px 0px rgba(0,0,0,.1);background-color:#fff;}
.service-list_m li a:hover i:before,.service-list li a:focus i:before,.service-btn:hover:before,.service-btn:focus:before{background-color:#ff9919;}

.service-list_m.active{max-height:100%;}
.service-list_m.active:after{content:none;}
.service-list_m.active+.service-btn:before{background-image:url('/images/bul_close_w.png');}

.service-list{overflow:hidden;display:flex;flex-wrap:wrap;position:relative;max-height:460px;margin-top:13px;margin-left:-23px;transition:all .3s;}
.service-list li{width:100px;margin-top:20px;margin-left:32px;text-align:center;vertical-align:top;margin-bottom: 20px;}
.service-list li a,.service-btn{display:block;position:relative;text-align:center;}
.service-list li a{width:100%;}
.service-list li a i,.service-btn i{display:block;position:relative;padding-top:98px;line-height:1.3rem;color:#444;font-size:17px;font-weight:500;letter-spacing:-1.1px;}
.service-list li a i:before,.service-btn:before{content:'';position:absolute;top:0;left:50%;width:80px;height:80px;border-radius:15px;transform:translateX(-50%);transition:all .2s;background-color:#31343d;background-repeat:no-repeat;background-position:center;}
.service-list li a i:before{border:1px solid #eaeaee;box-shadow:1px 7px 14px 0px rgba(0,0,0,.1);background-color:#fff;}
.service-list li a:hover i:before,.service-list li a:focus i:before,.service-btn:hover:before,.service-btn:focus:before{background-color:#ff9919;}
.service-btn{position:absolute;top:0;right:10px;width:80px;}
.service-btn:before{background-image:url('/images/bul_more_w.png');}
.service-list.active{max-height:100%;}
.service-list.active:after{content:none;}
.service-list.active+.service-btn:before{background-image:url('/images/bul_close_w.png');}

/** story대전 & 알림창 **/
.wrap-gallery{display:flex;justify-content:space-between;justify-content: center; margin-bottom:30px; max-width:100%;}
.wrap-story{position:relative;width:calc(100%);}
.story-body{display:flex;justify-content:space-between;}
.story-cont{overflow:hidden;display:block;margin-top:10px;position:relative;width:100%;border-radius:20px;/*box-shadow:0px 7px 15px 8px rgba(0,0,0,.1);*/}
.story-cont .tag{display: inline-block; position: absolute; top: 15px; left: 15px; padding: 5px 12px; font-size: 15px; font-weight: 500; border-radius: 25px; border: 1px solid #7496e7; background: #7496e7; z-index: 1;}
.story-cont .tag.ver-01{color:#fff;}
.story-cont .tag.ver-02{color:#fff;}
.story-cont .tag.ver-03{color:#fff;}
.story-cont .tag.ver-04{color:#fff;}
.story-cont .tag.ver-05{color:#fff;}
.story-cont .tag.ver-06{color:#fff;}
.story-cont .story-img{overflow:hidden;width:100%;}
.story-cont .story-img img{width:100%;height:100%;transform:scale(1);transition:transform .3s linear;}
.story-cont:hover .story-img img{display:block;transform:scale(1.1);}
.story-cont .story-tit{height:88px;padding:20px 30px 0;background:#f3f7f5;}
.story-cont .story-tit strong{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4em;color:#000;font-size:18px;font-weight:600;text-overflow:ellipsis;}
.wrap-story .more-button{position:absolute;top:7px;right:0;}

.broadcast-body{height:calc(100% - 55px);}
.broadcast-cont{overflow:hidden;display:block;height:100%;border-radius:20px;box-shadow:4px 4px 14px 0px rgba(0,0,0,.2);background:#fff;}
.broadcast-cont .wrap-img{overflow:hidden;height:183px;}
.broadcast-cont .wrap-img img{width:100%;height:100%;transform:scale(1);transition:all .3s linear;}
.broadcast-cont:hover .wrap-img img{transform:scale(1.1);}
.broadcast-cont .wrap-cont{padding:20px 20px 0;text-align:center;}
.broadcast-cont .wrap-cont *{color:#000;font-weight:600;}
.broadcast-cont .wrap-cont span{display:inline-block; position:relative; margin-bottom:14px;padding:6px 13px 6px 36px;font-size:16px;border-radius:25px;background:#fff; border:1px solid #f5658a; color:#E13B6B;}
.broadcast-cont .wrap-cont span:before{content:''; display:block; position:absolute; width:22px; height:22px; left:6px; top:calc(50% - 11px); border-radius:50%; background-color:#f13163; background-image:url(/images/djtv_ic.png); background-position:9px center; background-repeat:no-repeat;}
.broadcast-cont .wrap-cont strong{overflow:hidden;display:block;width:100%;font-size:18px;text-overflow:ellipsis;white-space:nowrap;}

.wrap-notice{position:relative;width:calc(25% - 25px);}
.wrap-notice .wrap-tit *{display:inline-block;}
.notice-body{position:relative;}
.notice-cont .bx-viewport{overflow:hidden;border-radius:20px;box-shadow:4px 4px 14px 0px rgba(0,0,0,.2);}
.notice-cont .bx-viewport li{overflow:hidden;border-radius:20px;}
.notice-cont .bx-viewport a{display:block;width:100%;height:298px;}
.notice-cont .bx-viewport a img{display:block;width:100%;height:100%;}
.notice-controls{display:flex;align-items:center;position:absolute;top:-57px;right:0;height:32px;padding:0 13px;border-radius:25px;background:#fff;}
.notice-controls .bx-next{margin:0 26px 0 21px;}

.section-041{position:relative;padding-bottom:0px;display: inline-flex; width:100%;}
.section-041:before{content:'';position:absolute;top:0;left:50%;width:calc(100vw + 40px);height:100%;transform:translateX(-50%);z-index:-1;}
.wrap-commu{flex:1;position:relative;margin-right:50px;padding:50px 0;display: inline-block;}
.commu-sns{display:flex;position:absolute;top:50px;right:0;}
.commu-sns li+li{margin-left:10px;}

[class*='sns-']{display:block;width:34px;height:34px;border-radius:50%;text-indent:-9999px;transform:rotate(0);transition:transform .3s;background-repeat:no-repeat;}
[class*='sns-']:hover,[class*='sns-']:focus{transform:rotate(30deg);}
.sns-youtube{background-image:url('/images/ico_youtube.png');}
.sns-blog{background-image:url('/images/ico_blog.png');}
.sns-facebook{background-image:url('/images/ico_facebook.png');}
.sns-instagram{background-image:url('/images/ico_insta.png');}
.sns-kakao{background-image:url('/images/ico_kakao.png');}
.sns-twitter{background-image:url('/images/ico_twitter.png');}
.sns-band{background-image:url('/images/ico_band.png');}
.notice-cont .bx-wrapper{max-width:100% !important;}

.commu-cont{position:relative;}
.commu-cont:after{content:'';position:absolute;top:0;right:-1px;width:100px;height:100%;background:linear-gradient(90deg, rgba(251,251,251,0) 0%, rgba(243,244,245,1) 100%);}
.commu-cont .commu-slide{height:275px;margin-left:-20px;}
.commu-cont .bx-wrapper{max-width:100% !important;}
.commu-cont .bx-viewport{padding-left:20px;}
.commu-cont li{padding-top:1px;}

.commu-cont li a{overflow:hidden;display:block;border-radius:20px;box-shadow:-2px 6px 9px 8px rgba(0,0,0,.1);}
.commu-cont li a .cont-img{overflow:hidden;height:calc(100% - 95px);max-height:184px;}
.commu-cont li a .cont-img img{display:block;width:100%;height:158px;transform:scale(1);transition:transform .3s linear;}
.commu-cont li a .cont-tit{position:relative;height:95px;padding:25px 29px 0;background:#fff;}
.commu-cont li a strong{overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4em;color:#000;font-size:18px;font-weight:600;text-overflow:ellipsis;}

.commu-cont .bx-wrapper, .commu-cont .bx-viewport, .commu-cont ul, .commu-cont li{height:100% !important;}
.commu-controls [class*='bx']{position:absolute;top:50%;width:50px;height:50px;border-radius:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.8);background-position:center;background-size:auto;z-index:10;}
.commu-controls .bx-prev{left:-25px;background-image:url('/images/bul_prev.png');}
.commu-controls .bx-prev:after{content:none;}
.commu-controls .bx-next{right:-25px;margin:0;background-image:url('/images/bul_next.png');}
.commu-controls .bx-prev:after{background:transparent;}

.commu-cont li a:focus .cont-img img,.commu-cont li a:hover .cont-img img{transform:scale(1.1);}

.commu-cont1{position:relative;}
.commu-cont1 .commu-slide{}
.commu-cont1 .bx-wrapper{max-width:100% !important;}
.commu-cont1 .bx-viewport{padding-left:20px;}
.commu-cont1 .swiper-slide{padding-top:1px;}
.commu-cont1 .swiper-slide a{overflow:hidden;display:inline-block;margin-bottom:0;width:100%; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.commu-cont1 .swiper-slide > div{overflow:hidden;display:inline-block;margin-bottom:0;width:100%; border-top-left-radius:20px; border-top-right-radius:20px;}
.commu-cont1 .swiper-slide a.upsns { width: 40px;}
.commu-cont1 .swiper-slide div .cont-img{overflow:hidden;height:239px;max-height:189px;}
.commu-cont1 .swiper-slide div .cont-img img{display:block;width:100%;height:188px;transform:scale(1);transition:transform .3s linear;}
.commu-cont1 .swiper-slide a .cont-tit{position: relative;height: 95px;padding: 13px 15px 0;background: #f5f5f5;}
.commu-cont1 .swiper-slide a strong{overflow: hidden; display: inline; color: #000; font-size: 18px; font-weight: 600;}
.commu-cont1 .bx-wrapper, .commu-cont1 .bx-viewport, .commu-cont1 ul, .commu-cont1 li{;}
.commu-controls [class*='bx']{position:absolute;top:50%;width:50px;height:50px;border-radius:50%;transform:translateY(-50%);background-color:rgb(228 243 227 / 80%);background-position:center;background-size:auto;z-index:10;}
.commu-controls .bx-prev1{left:-25px;background-image:url('/images/bul_prev.png');}
.commu-controls .bx-prev1:after{content:none;}
.commu-controls .bx-next1{right:-25px;margin:0;background-image:url('/images/bul_next.png');}
.commu-controls .bx-prev1:after{background:transparent;}
.commu-cont1 .swiper-slide a:focus .cont-img img,.commu-cont1 li a:hover .cont-img img{transform:scale(1.1);}
.commu-cont2{position:relative;}
.commu-cont2 .commu-slide{height:auto;margin-left:-20px;}
.commu-cont2 .bx-wrapper{max-width:100% !important;}
.commu-cont2 .bx-viewport{padding-left:20px;}
.commu-cont2 li{padding-top:1px;}
.commu-cont2 li a{overflow:hidden;display:block;border-radius:20px;box-shadow:-2px 6px 9px 8px rgba(0,0,0,.1);}
.commu-cont2 li a .cont-img{overflow:hidden;}
.commu-cont2 li a .cont-img img{display:block;width:100%;height:auto;transform:scale(1);transition:transform .3s linear;}
.commu-cont2 li a .cont-tit{position:relative;height:auto;padding:25px 29px 0;background:#fff;}
.commu-cont2 li a strong{overflow: hidden;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #000;font-size: 18px;font-weight: 600;text-overflow: ellipsis;}
.commu-cont2 li .tag2 {  display: inline-block; position: relative; top: 50px; left: 15px; padding: 5px 12px; font-size: 15px; font-weight: 500; border-radius: 25px; z-index: 1; color:#000;}
.commu-cont2 .bx-wrapper, .commu-cont2 .bx-viewport, .commu-cont2 ul, .commu-cont2 li{height:100% !important; margin-bottom: 30px;}
.commu-cont2 li a:focus .cont-img img,.commu-cont2 li a:hover .cont-img img{transform:scale(1.1);}
.wrap-gallery2 { margin: 0 0 50px;}
.commu-body1 { display: none;width:calc(100% - 20px);margin-left:20px; }
.list-statistics{width:100%; margin-top:20px}
.list-statistics > dl{width: 100%; overflow: hidden; padding: 15px 27px 20px 190px; position: relative; background: #fff; border: 1px solid #cad0dd; border-radius: 6px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); margin-top: 15px;}
.list-statistics > dl:first-child{margin-top:0;}
.list-statistics .type-a dt .stat-ctg span{ height:46px; margin-top:-23px;}
.list-statistics .type-a dt em.stat-class-2 div img.offimg { width: 150px; height: 120px; border-radius: 10px; }
.list-statistics .type-a dt em.stat-class-2 div.heart { display: inline-block;color:#ff86de;font-size:13px;margin-top: 10px; }
.list-statistics .type-b dt .stat-ctg { background-color:#4d8dff; }
.list-statistics dt .stat-ctg{display:block; position:absolute; top:0; right:0; width:30px; height:100%; background:#ff7f82; color:#fff; text-align:center; font-size:16px; font-weight:500; padding: 18px 5px; line-height: 1.4; }
.list-statistics dt .stat-ctg span{display:block; position: absolute; top:50%; height:116px; margin-top:-58px; left:0; padding:0 5px}
.list-statistics dt strong { width:100%; display:block; font-size:20px; color:#000; margin-bottom:10px; font-weight:500; }
.list-statistics dt span { margin-left: 20px; font-size: 14px; padding-bottom: 3px; vertical-align: top; color: #919191;}
.list-statistics dd { font-size:15px; }
.list-statistics-info1 { width:100%; margin-top:10px; }
.list-statistics-info2 b{ font-weight:600; display:inline-block; }
.list-statistics-info2 div{display:inline-block; margin-top:10px;}
.list-statistics-info2 div:first-child{ margin-top:10px; }
.list-statistics-info2 { width:100%; padding-bottom:15px; border-bottom:1px dashed #e2e6ed; margin-bottom:15px}
[class*="stat-class"] { position:absolute; top:20px; left:20px; text-align: center; color:#ff86de; font-size:14px; font-weight:500; }
.list-statistics-info2 div.tel { width:100%;font-size: 13px; }
.list-statistics-info2 div.address { display: initial;font-size: 13px; }
.list-statistics-info3 .premium_sns { float:right;margin-right:10px; }
.wrap-monthly{width:345px;padding-top:25px;background:#fff;}
.wrap-monthly .wrap-tit{display:flex;align-items:center;justify-content:space-between;width:260px;margin:0 auto 14px;}
.wrap-monthly .wrap-tit .tit{font-size:24px;}
.wrap-monthly .tag-num{display:block;width:64px;height:64px;padding-top:20px;color:#fff;font-size:14px;font-weight:400;text-align:center;border-radius:50%;background:#ff9919;}
.wrap-monthly .tag-num i{display:block;font-size:18px;font-weight:500;color:#fff;}
.monthly-body{position:relative;padding-bottom:17px;z-index:0;    width: calc(100% - 40px); margin: 0 20px; border: 1px solid #f2f2f2; padding: 10px 5px 10px 5px; border-radius: 20px;}
.monthly-img{overflow:hidden;max-width:260px;width:100%;max-height:330px;height:80%;margin:0 auto 20px;border-radius:5px;border:1px solid #eee;box-sizing:border-box;}
.monthly-img img{display:block;width:100%;height:100%;}
.monthly-menu{display:flex;justify-content:center; margin-bottom:10px; }
.monthly-menu li+li{margin-left:12px;}
.monthly-menu li a{display: inline-block; padding: 5px 23px; color: #ffffff; font-size: 16px; font-weight: 600; border-radius: 30px; box-shadow: 1px 3px 8px (0,0,0,.1); background: #f9ab33;}
.monthly-menu li a:hover,.monthly-menu li a:focus{color:#fff;background:#34b915;}

/** 분야별 서비스 **/
.wrap-field{overflow:hidden;border-radius:20px 20px 0 0;}
.field-head{display:flex;align-items:center;position:relative;padding:0 40px;border:1px solid #eaeaee;border-radius:20px 20px 0 0;background:#fff;max-width:1400px;}
.field-head:before,.field-head:after{content:'';position:absolute;}
.field-head:before{top:0; left:20px; width:24px; height:calc(100% - 2px); /*background:linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);*/ z-index:2;}
.field-head:after{top:100%;left:0;width:100%;height:1px;box-shadow:0px 6px 15px 2px rgba(0,0,0,.1);z-index:1;}
.field-tab{overflow:hidden;flex:1;}
.field-tab .tab-list{white-space:nowrap;}
.field-tab .tab-list li{display:inline-block;width:auto;}
.field-tab .tab-list li a{display:block;position:relative;height:58px;padding:0 14px;line-height:58px;color:#444;font-size:16px;font-weight:500;}
.field-tab .tab-list li a:hover,.field-tab .tab-list li a:focus{ color:#0ea920;}
.field-tab .tab-list li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:0;background:#ff9919;}
.field-tab .tab-list li a i { background: #f3f3f3; border-radius: 17px; padding: 6px 14px 8px 14px; }
.field-tab .tab-list li a:hover i { background:#9f9f9f; border-radius:17px; padding:6px 14px 8px 14px; color:#fff; }
.field-tab .tab-list li.is-current a{color:#0ea920;}
.field-tab .tab-list li.is-current a i{font-weight:600; background: #0ea920; border-radius: 17px; padding: 6px 14px 8px 14px; color: #fff; }
.field-tab .tab-list li.is-current a:after{height:3px;}


.field-head .field-button{display:flex;justify-content:flex-end;width:30px;}
.field-head .button-next,.field-head .button-prev{position:relative;width:9px;height:12px;text-indent:-9999px;background-image:url('/images/bul_nav_01.png');background-repeat:no-repeat;}
.field-head .button-prev{margin-right:21px;background-position:left center;}
/*.field-head .button-prev:after{content:'';position:absolute;top:0;right:-11px;width:1px;height:12px;background:#e9e9e9;}*/
.field-head .button-next{background-position:right center;}

.field-body{overflow: hidden; height: 40px; border: 1px solid #eaeaee; border-top: none; border-radius: 0 0 20px 20px; background: #fff; min-height: auto; display: contents; }
.field-cont{display:none;position:initial;top:0;left:0;width:100%;height:100%;}
.field-cont.is-current{display:block;}

/** 분야별서비스 컨텐츠 **/
[class*='wrap-box']{display: block; height: 100%; padding: 35px; border-left: 1px solid #eaeaee; border-right: 1px solid #eaeaee; border-bottom: 1px solid #eaeaee; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
[class*='wrap-box'] a { padding-left: 10px; font-size: 15px; background: url(/images/dot1.gif) no-repeat 2px 6px; margin-right:20px; line-height: 30px; }
[class*='wrap-box'] a:hover { color:#0862ed; }
[class*='wrap-box'] [class*='field-tit']{display:inline-block;position:relative;margin-bottom:12px;padding:0 9px 6px 0;}
[class*='wrap-box'] [class*='field-tit']:before{content:'';position:absolute;bottom:0;left:-5px;width:100%;height:14px;border-radius:25px;background:#fef4f2;}
[class*='wrap-box'] [class*='field-tit'] i{display:block;position:relative;padding-left:34px;color:#222;font-size:20px;font-weight:600;}
[class*='wrap-box'] [class*='field-tit'] i:before{content:'';position:absolute;top:calc(50% - 14px);left:0;width:29px;height:28px;background-repeat:no-repeat;background-position:center;}

[class*='wrap-box'] .field-tit-budget i:before{background-image:url('/images/service/tit_01.png');}
[class*='wrap-box'] .field-tit-sejung i:before{background-image:url('/images/service/tit_02.png');}
[class*='wrap-box'] .field-tit-city i:before{background-image:url('/images/service/tit_03.png');}
[class*='wrap-box'] .field-tit-traffic i:before{background-image:url('/images/service/tit_04.png');}
[class*='wrap-box'] .field-tit-envi i:before{background-image:url('/images/service/tit_05.png');}
[class*='wrap-box'] .field-tit-welfare i:before{background-image:url('/images/service/tit_06.png');}
[class*='wrap-box'] .field-tit-health i:before{background-image:url('/images/service/tit_07.png');}
[class*='wrap-box'] .field-tit-enterprise i:before{background-image:url('/images/service/tit_08.png');}
[class*='wrap-box'] .field-tit-economy i:before{background-image:url('/images/service/tit_09.png');}
[class*='wrap-box'] .field-tit-education i:before{background-image:url('/images/service/tit_10.png');}
[class*='wrap-box'] .field-tit-work i:before{background-image:url('/images/service/tit_11.png');}
[class*='wrap-box'] .field-tit-culture i:before{background-image:url('/images/service/tit_12.png');}
[class*='wrap-box'] .field-tit-athletic i:before{background-image:url('/images/service/tit_13.png');}
[class*='wrap-box'] .field-tit-tour i:before{background-image:url('/images/service/tit_14.png');}
[class*='wrap-box'] .field-tit-adm i:before{background-image:url('/images/service/tit_15.png');}
[class*='wrap-box'] .field-tit-construction i:before{background-image:url('/images/service/tit_16.png');}

[class*='wrap-box'] .l-box{display:flex;flex:1;}
[class*='wrap-box'] .r-box{margin-left:32px;}
[class*='wrap-box'] .wrap-cont{width:100%;padding:23px 25px;border-radius:0.6rem;border:1px solid #e9eaef;background:#fff;}
[class*='wrap-box'] .field-list{}
[class*='wrap-box'] .field-list li{width:100%;}
[class*='wrap-box'] .field-list li:last-child{border-bottom:none;}
[class*='wrap-box'] .field-list a{display:block;position:relative;padding:10px 0;color:#666;font-size:16px;font-weight:400;transition:all .2s;}
[class*='wrap-box'] .field-list a:after{content:'';position:absolute;top:calc(50% - 4px);right:0;width:10px;height:9px;background-repeat:no-repeat;}
[class*='wrap-box'] .field-list a:hover,[class*='wrap-box'] .field-list a:focus{color:#2558b9;font-weight:500;}
[class*='wrap-box'] .field-list a:hover:after{}

[class*='wrap-box'] .field-list.ver-01{display: flex; flex-wrap: nowrap; justify-content: space-between; align-content: space-between; flex-direction: row;}
[class*='wrap-box'] .field-list.ver-01 li{width:calc(50% - 15px); margin-right:20px; }
[class*='wrap-box'] .field-list.ver-01 li:nth-last-child(2){border-bottom:none;}
[class*='wrap-box'] [class*='link-list']{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:0;height:100%;}
[class*='wrap-box'] [class*='link-list'] li{width:calc(50% - 10px);}
[class*='wrap-box'] [class*='link-list'] a{display:flex;align-items:center;width:100%;height:100%;padding:0 35px;font-weight:600;border-radius:0.6rem;border-width:1px;border-style:solid;background-color:#fff;}
[class*='wrap-box'] [class*='link-list'] a:hover{transform:translateY(-5px);}
[class*='wrap-box'] [class*='link-list'] a i{display:block;width:100%;position:relative;font-size:18px;}
[class*='wrap-box'] [class*='link-list'] a i:after{content:'';position:absolute;top:calc(50% - 16px);right:0;width:32px;height:32px;border-radius:50%;background-repeat:no-repeat;background-position:center;}
[class*='wrap-box'] [class*='link-list'] a img{min-width:0;}
[class*='wrap-box'] [class*='link-list'] a .logo-pc{display:block;}
[class*='wrap-box'] [class*='link-list'] a .logo-mo{display:none;}

[class*='wrap-box'] [class*='link-list'] .ver-01{color:#433c82;border-color:#b1abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-02{color:#6e2d78;border-color:#b491b9;}
[class*='wrap-box'] [class*='link-list'] .ver-03{color:#b83e52;border-color:#cb7582;}
[class*='wrap-box'] [class*='link-list'] .ver-04{color:#a42677;border-color:#b491b9;}
[class*='wrap-box'] [class*='link-list'] .ver-01.ver-back-01{background-color:#f1effb;}
[class*='wrap-box'] [class*='link-list'] .ver-02.ver-back-02{background-color:#f2eaf4;}
[class*='wrap-box'] [class*='link-list'] .ver-03.ver-back-03{border-color:#f1bcc4; background-color:#ffe9eb;}
[class*='wrap-box'] [class*='link-list'] .ver-04.ver-back-04{border-color: #9ec6c8; color:#476162; background-color:#f0f4f5;}
[class*='wrap-box'] [class*='link-list'] .ver-05{border-color:#9fc5c8;}
[class*='wrap-box'] [class*='link-list'] .ver-06{border-color:#b1abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-07{border-color:#a295da;}
[class*='wrap-box'] [class*='link-list'] .ver-08{color:#433c80;border-color:#433c80;}
[class*='wrap-box'] [class*='link-list'] .ver-09{color:#7a3585;border-color:#7a3585;}
[class*='wrap-box'] [class*='link-list'] .ver-10{border-color:#e39588;}
[class*='wrap-box'] [class*='link-list'] .ver-11{border-color:#9ec6c8;}
[class*='wrap-box'] [class*='link-list'] .ver-12{border-color:#86b2a5;}
[class*='wrap-box'] [class*='link-list'] .ver-13{border-color:#b3abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-14{border-color:#a3b7ed;;}
[class*='wrap-box'] [class*='link-list'] .ver-01 i{color:#6a2774;}
[class*='wrap-box'] [class*='link-list'] .ver-01 i:after{background-color:#f1effc;background-image:url('/images/bul_arr_05.png');}
[class*='wrap-box'] [class*='link-list'] .ver-02 i{color:#a32576;}
[class*='wrap-box'] [class*='link-list'] .ver-02 i:after{background-color:#f0eaf1;background-image:url('/images/bul_arr_06.png');}
[class*='wrap-box'] [class*='link-list'] .ver-03 i:after{background-color:#f7ebed;background-image:url('/images/bul_arr_07.png');}
[class*='wrap-box'] [class*='link-list'] .ver-04 i:after{background-color:#f8ebf4;background-image:url('/images/bul_arr_08.png');}
[class*='wrap-box'] [class*='link-list'] .ver-11 i{color:#476162;}
[class*='wrap-box'] [class*='link-list'] .ver-11 i:after{background-color:#f0f4f5;background-image:url('/images/bul_arr_10.png');}
[class*='wrap-box'] [class*='link-list'] .ver-01.ver-back-01 i:after{background-color:#e3dffc;}
[class*='wrap-box'] [class*='link-list'] .ver-02.ver-back-02 i:after{background-color:#ebdbed;}
[class*='wrap-box'] [class*='link-list'] .ver-03.ver-back-03 i:after{background-color:#f7d9db;}
[class*='wrap-box'] [class*='link-list'] .ver-04.ver-back-04 i:after{background-color:#dae7ea;background-image:url('/images/bul_arr_10.png');}

[class*='wrap-box'] .link-list-type01{align-content:space-between;}
[class*='wrap-box'] .link-list-type01 li{width:100%;}
[class*='wrap-box'] .link-list-type01 li a,[class*='wrap-box'] .link-list-type02 li a{justify-content:center;padding:0 10px;}

[class*='wrap-box'] .link-list-type02{height:calc(50% - 10px);}

[class*='wrap-box'] .quick-list{display:flex;justify-content:space-around;}
[class*='wrap-box'] .quick-list li{}
[class*='wrap-box'] .quick-list a{display:block;text-align:center;}
[class*='wrap-box'] .quick-list i{display:inline-block;color:#666;font-size:16px;font-weight:400;}
[class*='wrap-box'] .quick-list a:hover i,[class*='wrap-box'] .quick-list a:focus i{color:#b83e52;font-weight:500;}
[class*='wrap-box'] .quick-icon{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100px;height:100px;margin:0 auto 22px;border-radius:50%;background:#f8f8f8;z-index:1;}
[class*='wrap-box'] .quick-icon:before{content:'';display:block;position:absolute;top:-100%;left:-100%;width:100%;height:100%;transform:rotate(45deg) scale(1);transition:transform .3s linear;background:#f9edef;z-index:-1;}
[class*='wrap-box'] .quick-icon:hover:before{transform:scale(4);}
[class*='wrap-box'] [class*='banner']{overflow:hidden;display:block;border-radius:0.6rem;border-width:1px;border-style:solid;background-repeat:no-repeat;}
[class*='wrap-box'] [class*='banner'] i{display:inline-block;position:relative;padding-bottom:45px;}
[class*='wrap-box'] [class*='banner'] i:after{content:'';position:absolute;bottom:0;left:50%;width:32px;height:32px;border-radius:50%;transform:translateX(-50%);background-repeat:no-repeat;background-position:center;}

[class*='wrap-box'] .quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:10px;border-radius:0.6rem;border:1px solid #eae9ee;background:#fff;}
[class*='wrap-box'] .quick-link:hover{border-color:#b83e52;}

.wrap-box-budget .wrap-cont,.wrap-box-education .wrap-cont{width:calc(50% - 16px);}

.wrap-box-budget .l-box{justify-content:space-between;min-width:59%;}
.wrap-box-budget [class*='link-list']{height:100%;align-content:space-between;}
.wrap-box-budget [class*='link-list'] li{height:calc(50% - 10px);}
.wrap-box-budget .r-box{width:41%;}

.wrap-box-city .r-box{width:220px;}
.wrap-box-city .city-banner{height:100%;padding-top:33px;text-align:center;border-color:#9ec6c8;background-color:#f1faf5;background-image:url('/images/service/banner_01.png');background-position:bottom center;}
.wrap-box-city .city-banner i:after{background-color:#e3eeea;background-image:url('/images/bul_arr_10.png');}

.wrap-box-safty .r-box,.wrap-box-traffic .r-box{width:340px;}
.wrap-box-safty [class*='link-list'] li,.wrap-box-traffic [class*='link-list'] li{height:calc(50% - 10px);}

.wrap-box-envi .r-box{display:flex;justify-content:space-between;width:445px;}
.wrap-box-envi .link-list{flex:1;align-content:space-between;}
.wrap-box-envi .link-list li{width:100%;height:calc(50% - 10px);}
.wrap-box-envi .envi-banner{width:210px;margin-left:18px;padding:35px 10px 0;text-align:center;border:1px solid #c7bdef;border-radius:0.6rem;background-color:#e5e8f7;background-image:url('/images/service/banner_05.png');background-position:right bottom;}
.wrap-box-envi .envi-banner i{color:#000;font-size:18px;font-weight:500;}
.wrap-box-envi .envi-banner i:after{background-color:#d4d6eb;background-image:url('/images/bul_arr_09.png');}

[class*='wrap-box'] .cont-01{flex:1;}
[class*='wrap-box'] .cont-02{width:255px;margin-left:32px;}

.wrap-box-welfare .r-box{width:515px;}
.wrap-box-welfare .find-missing i{padding-left:60px;}
.wrap-box-welfare .find-missing i:before{content:'';position:absolute;top:50%;left:0;width:47px;height:46px;transform:translateY(-50%);background:url('/images/service/icon_0603.png') no-repeat center / contain;}
.wrap-box-welfare .link-list{height:auto;margin-bottom:19px;}
.wrap-box-welfare .link-list li{width:100%;}
.wrap-box-welfare .link-list li a{padding:25px 20px;}
.wrap-box-welfare .link-list li a i{color:#b93e53;}
.wrap-box-welfare .b-box{display:flex;height:calc(100% - 90px);}
.wrap-box-welfare .b-box .quick-link{flex:1;margin-right:17px;}
.wrap-box-welfare .b-box .quick-link i{color:#222;font-size:17px;font-weight:600;}
.wrap-box-welfare .b-box .quick-link:hover i{color:#b83e52;}
.wrap-box-welfare .b-box .link-list-type01{width:198px;}
.wrap-box-welfare .b-box .link-list-type01 li{height:calc(50% - 10px);}

.wrap-box-economy .r-box{width:430px;}
.wrap-box-economy .link-list-type01{align-content:space-between;}
.wrap-box-economy .link-list-type01 li{width:calc(50% - 10px);height:calc(50% - 10px);}
.wrap-box-economy .link-list-type01{display:flex;}
.wrap-box-economy .link-list-type01 .wrap-logo{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:58px;}
.wrap-box-economy .link-list-type01 .wrap-logo.ver-01{height:68px;}
.wrap-box-economy .link-list-type01 b{color:#000;font-size:16px;font-weight:600;}
.wrap-box-economy .cont-02{margin:0 32px 0 0;}

.wrap-box-education .l-box{justify-content:space-between;}
.wrap-box-education .r-box{width:550px;}
.wrap-box-education .link-list li{height:110px;}
.wrap-box-education .link-list li:nth-child(3),.wrap-box-education .link-list li:nth-child(4),.wrap-box-education .link-list li:nth-child(5){width:calc((100% / 3) - 8px);height:130px;margin-top:18px;}
.wrap-box-education .link-list a{justify-content:center;padding:0 10px;}

.wrap-box-culture .r-box{display:flex;justify-content:space-between;width:450px;}
.wrap-box-culture .r-box [class*='banner']{width:calc(50% - 12px);text-align:center;padding-top:35px;background-position:bottom center;}
.wrap-box-culture .r-box [class*='banner'] i{color:#000;font-size:18px;font-weight:500;}
.wrap-box-culture .r-box .event-banner{border-color:#c7bdef;background-color:#e5e9f7;background-image:url('/images/service/banner_0801.png');}
.wrap-box-culture .r-box .event-banner i:after{background-color:#d4d6ec;background-image:url('/images/bul_arr_06.png');}
.wrap-box-culture .r-box .pet-banner{border-color:#f1bcc5;background-color:#ffeaea;background-image:url('/images/service/banner_0802.png');}
.wrap-box-culture .r-box .pet-banner i:after{background-color:#f8d8db;background-image:url('/images/bul_arr_07.png');}

.wrap-box-tour .r-box{width:290px;}
.wrap-box-tour .link-list-type01 li{height:calc(50% - 10px);}
.wrap-box-tour .link-list-type01 .tour-banner{justify-content:flex-end;padding:0 45px;background-image:url('/images/service/icon_0908.png');background-position:35px bottom;}
.wrap-box-tour .link-list-type01 .tour-banner b{color:#6c2f74;font-size:16px;font-weight:500;}
.wrap-box-tour .link-list-type01 .daejeontour{background-image:url('/images/service/dajeontour_img.png'); padding-left:90px; background-color:#fff; background-size:cover;}

.wrap-box-adm .r-box{width:445px;}
.wrap-box-adm .link-list{align-content:space-between;}
.wrap-box-adm .link-list li{height:calc(50% - 10px);}
.wrap-box-adm .link-list .mayor{width:100%;}
.wrap-box-adm .link-list .mayor a{padding-left:240px;background-image:url('/images/drh/layout/main/mayor_greeting_img.png');background-repeat:no-repeat;background-position:left center; background-color:#fff;}

.wrap-box-science .r-box{width:400px;}
.wrap-box-science .link-list{align-content:space-between;}
.wrap-box-science .link-list li{height:calc(50% - 10px);}
.wrap-box-science .link-list li a{justify-content:center;}
.wrap-box-science .science-banner{height:100%;padding-top:30px;text-align:center;border-color:#f1bcc4;background-color:#ffe9eb;background-image:url('/images/service/banner_11.png');background-position:center bottom;}
.wrap-box-science .science-banner i{color:#000;font-size:22px;font-weight:500;}
.wrap-box-science .science-banner i:after{background-color:#f7d9db;background-image:url('/images/bul_arr_07.png');}

/** 배너모음 **/
.wrap-site{display:flex;align-items:center;}
.site-head{display:flex;align-items:center;justify-content:space-between;width:180px;margin-right:40px;padding-left:20px;}
.site-head b{color:#31323d;font-size:16px;font-weight:700;}
.site-head .bx-controls-direction{display:flex;align-items:center;justify-content:space-between;}
.site-head .bx-controls-direction [class*='Banner']{display:block;position:relative;width:12px;height:12px;text-indent:-9999px;background-image:url('/images/bul_nav_02.png');background-repeat:no-repeat;}
.site-head .bx-controls-direction .bxPrevBanner{background-position:left center;}
.site-head .bx-controls-direction .bxPrevBanner:after{content:'';position:absolute;top:0;right:-8px;width:1px;height:12px;background:#e9e9e9;}
.site-head .bx-controls-direction .bxNextBanner{background-position:left -29px center;}
.site-head .bx-controls-direction .bxPlayBanner{background-position:right center;}
.site-head .bx-controls-direction .bxPlayBanner.on{background-position:right center;}
.site-body{flex:1;position:relative;}
.site-body:after{content:none;position:absolute;top:0;right:-1px;width:50px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);}
.site-body .bxslider_banner li a{overflow:hidden;display:block;margin-bottom:1px;border:1px solid #e0e1e5;border-radius:10px;transition:all .2s;}
.site-body .bxslider_banner li a:hover,.site-body .bxslider_banner li a:focus{border-color:#a0b3ed; padding: 0px 10px;}
.site-body .bxslider_banner li img{display:block;width:100%;height:auto;}

/** 사이드바 **/
.side-bar{position:fixed;top:70.7%;right:10px;transform:translateY(-50%);z-index:10;}
.side-bar [class*='button']{display:block;width:46px;height:46px;margin:0 auto;border-radius:50%;box-shadow:3px 3px 5px 0px rgba(0,0,0,.2);transition:all .2s;}
.srhtop-button{margin-bottom:12px !important;text-indent:-9999px;background-color:#0ea920;background-image:url('/images/ico_srh.png');background-repeat:no-repeat;background-position:center;}
.srhtop-button:hover{background-color:#ff9919;}
.side-sns{width:64px;margin-bottom:11px;padding:25px 0;border-radius:30px 0 0 30px;box-shadow:-3px 3px 6px rgba(0,0,0,.1);background:#fff; /* display:none; */}
.side-sns li+li{margin-top:10px;}
.side-sns li [class*='sns-']{margin:0 auto;}
.top-button{padding-top:14px;text-align:center;background:#7f7d7d;}
.top-button:hover{background:#ff9919;}
.top-button i{display:inline-block;position:relative;padding-top:8px;color:#fff;font-size:10px;font-weight:500; line-height:10px}
.top-button i:before{content:'';position:absolute;top:0;left:50%;border-right:4px solid transparent;border-bottom:3px solid #fff;border-left:4px solid transparent;transform:translateX(-50%);}

.side-bar.active [class*='button']{margin-right:6px;}

/** 알림전체보기 팝업 **/
.wrap-modal{display:none;}
.wrap-modal .modal-body{display:none;overflow:hidden;position:relative;width:calc(100% - 34px);max-width:1200px;max-height:calc(100vh - 40px);border-radius:20px;z-index:9999;}
.wrap-modal .modal-body .modal-cont{overflow:auto;height:auto;height:800px;background:#fff;}
.wrap-modal .modal-body .more
.notice-tab:before{content:'';position:absolute;top:70px;left:0;width:100%;height:1px;background:#eaeaea;}
.notice-tab:after{content:'';position:absolute;bottom:0;left:0;width:calc(100% - 17px);height:70px;background:#fff;}
.notice-tab.ver-01:after{height:10px;}
.notice-tab > li{position:absolute;top:0;left:0;width:100%;}
.notice-tab > li .tab-tit{display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:260px;height:70px;color:#232323;font-size:24px;font-weight:600;border-right:1px solid #eaeaea;background:#f3f4f5;}
.notice-tab > li:nth-child(2) .tab-tit{left:260px;}
.notice-tab > li.is-current .tab-tit{color:#fff;border-right-color:#cb1838;background:#cb1838;}
.notice-tab > li .tab-cont{overflow-y:auto;display:none;position:absolute;top:70px;left:0;width:100%;height:730px;padding:40px 38px 70px;}
.notice-tab > li.is-current .tab-cont{display:block;}
.notice-tab > li .tab-cont strong{display:block;margin-bottom:15px;color:#444;font-size:20px;font-weight:600;}
.notice-tab > li .tab-cont strong b{color:#cd1529;font-size:26px;font-weight:700;}
.notice-tab .img-list{display:flex;flex-wrap:wrap;margin-left:-23px;margin-top:-23px;}
.notice-tab .img-list li{width:calc(100% / 3);margin-top:23px;}
.notice-tab .img-list.notice-news li{width:calc(100% / 4);}
.notice-tab .img-list a{display:block;margin-left:23px;}
.notice-tab .img-list .wrap-img{overflow:hidden;border-radius:10px 20px 10px 10px;}
.notice-tab .img-list .wrap-img img{width:100%;height:auto;transform:scale(1);transition:.3s linear;}
.notice-tab .img-list.main-news .wrap-img img{height:265px;}
.notice-tab .img-list.notice-news .wrap-img img{height:216px;}

.notice-tab .notice-news .wrap-img{border-radius:20px;}

.notice-tab .img-list a:hover img{transform:scale(1.1);}

.julladv { height: 3.7rem; line-height: 3.7rem; color: #a0a0a0; font-size: 1.6rem; margin-bottom: 2rem;}
.julladv>span {display: inline-block; position: relative; background: #f6f6f6; border-radius: 100%; width: 3.7rem; height: 3.7rem; line-height: 3.7rem; vertical-align: middle; margin-right: 1rem;}
.julladv>span::before { content: ''; position: absolute; width: 100%; height: 100%; background: url('/img/v2/basic.png') center center no-repeat;}
.julladv-list {padding: 0; width: 100%; font-size: 0; /* margin-top: 0; */}
.julladv-list::after {clear: both; display: block; content: '';}
.julladv-list li { letter-spacing: 0; width: 33.3%; vertical-align: top; display: inline-block; vertical-align: top; *display: inline; zoom: 1; margin-left:0px;}
.julladv-list li>div {margin: 10px; Padding: 10px; background: #fff; border: solid 1px #cad0dd; border-radius: 10px;}
.julladv-list li>div.julladv-sub { margin: 10px; Padding: 10px; background: #fffcea; border: solid 1px #cad0dd; border-radius: 10px;}
.julladv-list li>div.ad-on { border: solid 3px #f9cf00;}
.select-box { position: relative; display: inline-block; float: right;}
.select-box>select { float: right; width: 161px; padding: 5px 10px; font-size: 14px;}
.select-box>select {border: 1px solid #d9d9d9; border-radius: 5px; color: #656565; cursor: pointer;}
.office-name {color: #000; font-size: 16px; margin-bottom: 1rem; white-space: nowrap; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
.office-name:hover {color: #ffaa0a; font-size: 16px; white-space: nowrap; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
.office-name span.julladv-sub {	color: #ffc005; font-size: 18px; font-weight: 600;}
.special-list .office-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 5rem;}
.juldate_s { margin:30px 0 10px 10px; }
.juldate { margin:10px 0 10px 10px; }
.tel {font-size: 14px;}
.addr {font-size: 14px; color: #6f6f6f; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-left: 25px; background: url(/images/gps.png) left top no-repeat;}
.jul-more { padding: 6px 30px;background-color: transparent;border: 1px solid rgb(201, 201, 201);color: rgb(157, 157, 157);font-size: 14px;border-radius: 20px;margin: 20px; }
.jul-more:hover { background:#f2f2f2; }
.special-list .addr {overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 4.9rem; padding-left: 2.3rem; background: url('/img/v2/gps.png') left top no-repeat;}
.all-info-wrap { width: 100%; height: 2.7rem; line-height: 2.7rem; margin: 1rem 0;}
.srh-txt { height:114px; }
.special-list .all-info-wrap { margin-top: 2rem;}
.julladv-list .all-info-wrap { height: auto;}
.julladv-list .all-info-wrap>span { margin-right: .6rem;}
.all-info-wrap>span { margin-right: 1.2rem; display: inline-block; vertical-align: middle;}
.road {position: relative; padding-left: 8rem;}
.road::before {content: '나와의 거리'; position: absolute; font-size: .9rem; color: #656565; background: #f6f6f6; border-radius: 2rem; padding: 0 1.3rem; left: 0;}
.rev,
.like { max-width: 2.8rem; overflow: hidden; text-overflow: ellipsis; padding-left: 2.2rem; word-break: keep-all;}
.rev { background: url('/img/v2/rev.png') left center no-repeat;}
.like { background: url('/img/v2/like.png') left center no-repeat;}
.web-site {position: relative; display: inline-block; background: #f6f6f6; border-radius: 2rem; padding: 0 1.3rem 0 4rem; line-height: 3.2rem; height: 3.2rem; font-size: 1.1rem; cursor: pointer; z-index: 99;}
.web-site a { color: #d9d9d9;}
.web-site.on a { color: #656565;}
.web-site::before {position: absolute; left: 1rem; width: 100%; height: 100%; content: ''; background: url('/img/v2/site-none.png') left center no-repeat;}
.web-site.on::before { background: url('/img/v2/site.png') left center no-repeat;}
.deli.on,
.vdo.on {visibility: visible;}
.deli { margin-left: 1rem; display: inline-block; width: 3.2rem; height: 3.2rem; vertical-align: middle; background: url('/img/v2/delivery.png') center center no-repeat; visibility: hidden;}
.vdo {position: absolute; right: 0; margin-left: 1rem; display: inline-block; width: 3.2rem; height: 3.2rem; vertical-align: middle; background: url('/img/v2/video.png') center center no-repeat; visibility: hidden;}




/*추가 CSS*/




.inner-content-container {margin-top: 30px;}
.content-menu-container {height: 50px;line-height: 50px; font-size: 17px; border-bottom: 1px solid rgba(235,235,235,1);}
.content-menu-item--selected { color: #08a93b; font-weight: bold; transition: color 0.3s;}
.content-menu-item {display: inline-block; min-width: 100px;text-align: center; position: relative; cursor: pointer; line-height: 47px; border: 1px solid rgba(235,235,235,1); border-top-left-radius: 10px;border-top-right-radius:10px;}

.content-menu-item:hover {background:rgb(251 249 249);}
.content-menu-item--selected::after {opacity: 1;}
.content-menu-item::after {content: ' '; height: 3px; background-color: #5cc57e; width: 100%; bottom: -1px; left: 0; position: absolute; box-shadow: 0px 0px 10px 0px rgba(222,60,55,0.3); opacity: 0; transition: opacity 0.3s;}
.content-wrapper {padding-top: 30px;padding-bottom: 50px;}
.content-menu-item--selected::after {opacity: 1;}
ul.info_img {font-size: 1em;padding: 10px;}
ul.info_img { position: relative;background: #fff;border-radius: 4em;display: inline-block;padding: 0.35em 0.75em 0.35em 0.75em;font-size: 1.25em;cursor: default;}
ul.info_img li {display: inline-block;margin-bottom:20px;padding:10px;}
ul.info_img2 {font-size: 1em; padding: 10px;}
ul.info_img2 {position: relative; background: #fff; border-radius: 4em; display: inline-block;padding: 0.35em 0.75em 0.35em 0.75em;font-size: 1.25em;cursor: default;}
ul.info_img2 li {display: inline-block;margin-bottom:20px;padding:10px;width: calc(50% - 20px);}
.potal2 img {width: 100%;}
.potal3 img { width: 100%;}

ul.wiki-list { width:100%;  margin-bottom:25px;  overflow:hidden;  background:#fff; padding:0; }
ul.wiki-list li { width:100%;   overflow:hidden; margin-bottom: 3px; }
ul.wiki-list li h3.wiki-title { display:table;  text-align:left; width:100%;  padding:10px 0;  font-size:0;  overflow:hidden;  position:relative;  cursor:pointer;  transition:all 0.3s;  background:white; border:1px solid #e7e7e7; border-radius: 10px; }
ul.wiki-list li h3.wiki-title:after { content:'';  display:block;  width:18px;  height:18px;  position:absolute;  top:50%;  right:15px;  margin-top:-8px;  background:url(/site/tema1/img/mc-7-plus.svg) no-repeat center top;  transition:all 0.3s; }
ul.wiki-list li.active h3.wiki-title { background:#f3fefa; }
ul.wiki-list li h3.wiki-title:hover { background:#f3fefa; }
ul.wiki-list li:not(.active) h3.wiki-title:hover:after { transform:rotate(90deg); }
ul.wiki-list li.active h3.wiki-title:after { background-image:url(/site/tema1/img/mc-7-minus.svg); }
ul.wiki-list li h3.wiki-title span { display: inline-block; font-size: 15px; color: #373738; line-height: 25px; font-weight: 600; vertical-align: middle; padding:0 20px; }
ul.wiki-list li .wiki-cont { width:100%;  height:0; overflow:hidden; }
ul.wiki-list li .wiki-cont .wiki-cont-inner { display:block;  }
ul.wiki-list li .wiki-cont .cont-text { display:block; padding: 20px 20px 25px 0;  font-size:15px; vertical-align:top; text-align:left; }
ul.wiki-list li .wiki-cont .cont-text p { width:100%;  margin-bottom:0px;  font-size:15px;  color:#333;  line-height:25px;  font-weight:300; font-size:15px;padding:10px 30px; }
ul.wiki-list li .wiki-cont .cont-text .imgbox { width:100%;  font-size:0; }
ul.wiki-list li .wiki-cont .cont-text .imgbox img { width:100%;  max-width:500px }

.hrweb_daum_map_zone { height:400px;width: 100%;position: relative;border:1px solid #dad8d2;};

ul.icons {font-size: 1em; padding: 0.35em 2em 0.35em 2em;}
ul.icons {position: relative; background: #fff; border-radius: 4em; display: inline-block; padding: 0.35em 0.75em 0.35em 0.75em; font-size: 1.25em; cursor: default;}
ul.icons li {display: inline-block;}
.potal1 img {width: 120px;}
#upche_modify { border: 1px solid #e5e0e0;padding: 10px 30px;font-size: 16px;border-radius: 38px;background: #fffffe; cursor:pointer;}
#upche_modify:hover { border: 1px solid #fdc72f;color:#fff;font-weight:bold;background: #ffc744; }


/*	현담윤	*/

/*	메인	*/
/*.section {background:#FFFFFF; margin: 20px 0px; padding: 20px 30px; border-radius:20px;}*/
.section.one{ width: fit-content; max-width:100%;}
.section.one .wrap-gallery .swiper-slide{width:305px !important; margin-right:0px !important;}
.section .wrap-gallery .commu-body{max-width:100%;}
.section .wrap-gallery{margin:0px;}
.section .wrap-tit b{color:#4d4d4d;}

/*	서브 map	*/
.sub{background:#FFFFFF;}
.sub #wrap-content{max-width:100%; padding:0px; overflow: hidden !important;}
.sub .section-01 {margin: 0 auto; max-width:100%; display:none;}
.sub .section-02 {display:flex; border-radius:0px; padding:0px; margin: 0 auto; width:100%; max-width:100%; position:relative;}
.sub .section-02 #map_info { width: 100%; /*height: calc(100vh - 165px);*/ height:100vh;}
.sub .section-02 #map_info .customoverlay:nth-of-type(n) { border: 0;/*box-shadow: 1px 1px 5px #888;*/}
.sub .section-02 #map_info .customoverlay a { display: flex; text-decoration: none; border-radius: 5px; overflow: hidden;}
.sub .section-02 #map_info .customoverlay .title { display: block; text-align: center; font-size: 1.35rem; font-weight: 400; color: var(--mudblack);}
.sub .section-02 #map_info .customoverlay a:hover .title {color: var(--main-color); transition: var(--transition);}
/*.sub .section-02 #map_info .customoverlay:after {content: ''; position: absolute; margin-left: -12px; left: 50%; bottom: -12px; width: 22px; height: 12px; background: url(/image/vertex_white.png);}*/

/* add yun 2025-05-21 */
.sub .section-02 .customoverlay_img{width:50px; height:auto; background-color: var(--white);}
/* customoverlay */
.sub .section-02 #map_info .customoverlay {position: relative; bottom: 66px; left:-6px; background: var(--gra-white); padding: 5px 10px; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); transition: var(--transition);}
.sub .section-02 #map_info .customoverlay:after {content: ''; position: absolute; margin-left: -12px; left: 50%; bottom: -15px; width: 0; height: 0; border-color: transparent; border-style: solid; border-width
: 8px; border-top-color: var(--white);}
/* highlight */
.sub .section-02 #map_info .customoverlay.highlight {background: var(--gra-blue); /* 연한배경 */ border: 1px solid var(--main-color) !important; /* 파란색 테두리 */ box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;}
.sub .section-02 #map_info .customoverlay.highlight:after {border-top-color: var(--white) !important; /* 색상만 변경 */}
.sub .section-02 #map_info .customoverlay.highlight .title {font-weight: 500; color: var(--main-color);}

/* .customoverlay.highlight > a, .customoverlay.highlight > a > span {background: var(--transparent) !important;} */
/**/

.sub .section-02 #left_wrap{max-width: var(--map-list-left); min-width: var(--map-list-left); width:100%; top: var(--map-list-header-height); height: 100vh; padding-bottom:var(--map-list-header-height); overflow-y: scroll; position: relative;}
.sub .section-02 #left_wrap #list{display: flex; flex-direction: column;-webkit-box-pack: justify; justify-content: flex-start; -webkit-box-align: center; align-items: center; width: 100%;}
.sub .section-02 #left_wrap #list .list_item { box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; width: 100%; padding: 0px 20px; cursor: pointer; font-size: 15px; border-bottom: 1px solid #eee;}
.sub .section-02 #left_wrap #list .list_item .info_box {padding-top: 16px; padding-bottom: 16px; display: flex;}
.sub .section-02 #left_wrap #list .list_item .info_box .info { width: 100%; display: flex; flex-direction: column;}
.sub .section-02 #left_wrap #list .list_item .info_box .info .info_header { display: flex; padding:0px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; max-width: 320px; }
.sub .section-02 #left_wrap #list .list_item .info_box .info > * { height: 100%; display: flex; -webkit-box-align: center; align-items: center; padding-top:5px;}
.sub .section-02 #left_wrap #list .list_item .info_box .info .info_header h2 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: bold; letter-spacing: -1.6px; line-height: 1.2;}
.sub .section-02 #left_wrap #list .list_item .info_box .info .like_box {position: relative; padding-top: 8px; display: inline-flex; gap: 5px; font-weight: 500; min-height: 21.41px; width: fit-content;}
.sub .section-02 #left_wrap #list .list_item .info_box .info .like_box .like_p { display: flex; gap: 3px; -webkit-box-align: center; align-items: center; font-size: 0.875rem; font-weight: 500; line-height: 1.3125rem; letter-spacing: -0.0469rem; color: rgb(80, 80, 80);}
.sub .section-02 #left_wrap #list .list_item .info_box img.title {width: 92px; height: 92px; object-fit: cover; min-width: 92px; border-radius: 12px;}
.sub .section-02 #left_wrap #list .list_item .info_box .info .address{display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 260px; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sub .section-02 #left_wrap #list .list_item .info_box .keyword{display: inline-block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sub .section-02 #left_wrap #list_header{font-size:18px; color:#333; position: relative; border-top: 1px solid var(--silk); padding-top:10px; /*display:none;*/}
.sub .section-02 #left_wrap #list_header .header_list_item{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 10px; align-items: center;}
.sub .section-02 #left_wrap #list_header .header_list_item .lh_con{width:50%; padding: 5px 8px;}
.sub .section-02 #left_wrap #list_header .header_list_item .lh_con:last-child{width:100%;}
.sub .section-02 #left_wrap #list_header .header_list_item .lh_con:not(:has(+ .lh_con)) {width:100%;}
.sub .section-02 #left_wrap #list_header .header_list_item .lh_con > span{cursor: pointer;width:100%; border: 1px solid #c4c4c4; border-radius:20px; padding:9px 10px; display: block; font-size: 14px;}
.sub .section-02 #left_wrap #list_header .header_list_item .lh_con > span > i{color:#797979;}
.sub .section-02 #left_wrap #list_header .hide_btn{position: absolute; width: 100%;}
.sub .section-02 #left_wrap #list_header .line{margin: 1rem 1rem; border-radius: .5rem; padding: 1rem; cursor: pointer;  /*background: #bcbcbc; color: #FFF;  font-weight: bold; text-align: center;*/ }

.view-no {text-align:center; width: 100%;}

/********* 맵리스트아이템 yun 2025-04-28 *******/
.map-list-header {position: fixed; display: flex; justify-content: center; align-items: center; max-width: var(--map-list-left); width: 100%; height: var(--map-list-header-height); background: var(--white);  box-shadow: var(--shadow-bottom); z-index: 1;}
.map-list-header .sub-logo-icon {}
.map-list-header .icon-logo {width: 10rem !important; height: 5rem !important;}
.map-list-item {position: relative; overflow:hidden; width: 100%; padding: 2rem 2rem; box-sizing: border-box; transition: var(--transition);}
.map-list-item:hover {background: var(--silk);}
.map-list-item .box-wrap {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;}
.map-list-item .box-wrap .photo-box {border-radius: .3rem; width: 10rem; /*margin-left: 0; margin-right: auto; margin-top: .2rem;*/}
.map-list-item .box-wrap .photo-box img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}					
.map-list-item .box-wrap .title-box {width: calc(100% - 12rem); padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 0.2rem; font-size: 1.385rem; line-height: 1.3; font-weight: 400;}			
.map-list-item .box-wrap .title-box .title {display: flex; flex-direction: row; gap:0.5rem; font-size: 1.65rem; font-weight: 600;}
.map-list-item .box-wrap .title-box .dis {font-family: var(--number); font-size: 1.35rem; color: var(--main-color);}
.map-list-item .box-wrap .title-box .sector {/*color:var(--point-color);*/ opacity:.7;}
.map-list-item .box-wrap .title-box .desc {opacity:.7;}
.map-list-item .box-wrap .title-box .keyword {color:var(--main-color);}
.map-list-item .box-wrap .title-box .icons {display: flex; align-items: center; gap:1rem;}
.map-list-item .box-wrap .title-box .icons .icons-list {display: flex; align-items: center; gap:.3rem; font-family: var(--number); line-height:1.3;}



/********************************* 공통 yun 2025-04-10 *****************************************/

/************ footer 2025-04-10 yun ************/
.footer-wrap {display: flex; flex-direction: column; padding: 0; box-sizing: border-box; width:100%;}
.footer-wrap .inner {width:100%; background: var(--footer-bg); max-width: var(--max-width); margin:0 auto; font-size: 1.565rem; font-weight: 300; line-height: 1.3; color: var(--biz-title); position: relative;}
.footer-wrap .inner.margin {margin-top: 5rem;}
.footer-wrap .footer-list-item {display: flex; border-top: 1px solid var(--silk); border-bottom: 1px solid var(--silk); padding: var(--footer-padding); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; opacity: .7;}
.footer-wrap .footer-list-item ul {display: flex; flex-direction: row; gap: .3rem 1.5rem; flex-wrap: wrap;}
.footer-wrap .footer-list-item ul li a {display: flex; flex-direction: row; align-items: center; gap: .1rem;}
	.footer-info {display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; padding: var(--footer-padding);}
	.footer-info .info-title {font-size: 2rem; font-weight: 600;}
	.footer-info .info-list {display: flex; flex-direction: row; flex-wrap: wrap; gap: .2rem 1rem; text-align: left; justify-content: flex-start; font-size: 1.5rem;}	
	.footer-info .info-list .info-list-item {flex-shrink: 0; width: auto;}
	.footer-info .info-list .info-list-item:nth-of-type(1) {flex-grow: 1; width: 100%;}
	.footer-info .info-copyright-list {display: flex; flex-direction: row; flex-wrap: wrap; gap: .3rem; text-align:left; color: var(--ca-tt-color); font-size: 1.285rem;}
	.footer-info .info-copyright-list .info-copyright-list-ko {opacity:.8;}
	.footer-hidden {height: var(--footer-bizmenu-height); display:block;}
	.footer-hidden.none {height: var(--footer-bizmenu-height); display:none;}
	/*.footer-hidden {height: var(--footer-menu-height); display:none;}*/

/******** 플로팅버튼 ********/
.floating {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; position: fixed; bottom: 1rem; right: 1rem; z-index: 999;}
/* 탑으로버튼 */
.btn_top {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 5rem 5rem 5rem 5rem; box-shadow: var(--shadow-btn); cursor: pointer; background: var(--white); /*border: 1px solid var(--gray);*/ opacity: 1; transition: var(--transition);}
.btn_top:hover {background: var(--silk);}
.btn_top::after {content: "top"; font-size: 1.85rem; color: var(--tanblack); transition: var(--transition);}
.btn_top:hover::after {}
/* 전화버튼 */
/*.phone {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; background: var(--main-color); color: var(--white); width: 5.5rem; height: 5.5rem; border-radius: 20rem; box-shadow: var(--shadow); opacity: 1; transition: var(--transition); transition-property: all;}
.phone .icon-phone {display: block; background: url(/images/icon-phone.svg) no-repeat center center/cover; width: 3rem; height: 3rem;}
.phone .txt {font-size: 1.5rem; opacity: 1; transform: translateY(0px); transition: var(--transition); transition-property: all;}*/
/* 톡버튼 */
/*.kakao {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; background: var(--main-color); color: var(--white); width: 5.5rem; height: 5.5rem; border-radius: 20rem; box-shadow: var(--shadow); opacity: 1; transition: var(--transition); transition-property: all;}
.kakao .img::before {content: ""; display: block; background: url(/images/icon-phone.svg) no-repeat center center/contain; width: 3rem; height: 3rem;}
.kakao .txt {font-size: 1.5rem; opacity: 1; transform: translateY(0px); transition: var(--transition); transition-property: all;}*/


/************ 박스버튼 ************/
.biz-write-box-wrap {width:100%; position: relative;}
.biz-write-box-wrap .box-btn {padding: 0; gap: .8rem;}
.biz-write-box-wrap .title {display:flex; flex-direction:row; align-items: center; gap:.5rem;}
.biz-write-box-wrap .title .tt {font-size:2.285rem; font-weight:600; color: var(--biz-title);}
.biz-write-box-wrap .desc {font-size:1.65rem; font-weight:400; color: var(--main-color); transition: var(--transition); position: relative;}
.biz-write-box-wrap a:hover .desc {color: var(--main-color);}
.biz-write-box-wrap .desc:after {content: ""; display: block; background: var(--main-color); position: absolute; left:50%; transform: translateX(-50%); width: 1px; height: 1px; opacity:0; transition: var(--transition);}
.biz-write-box-wrap a:hover .desc:after {left:0; transform: translateX(0%); opacity:1; width: 100%; height: 1px; }
.biz-write-box-wrap .bg {position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(/images/banner-ad.jpg) no-repeat center / cover; filter: brightness(1.1); border-radius: 1rem; overflow: hidden;}
/* bg-color */
.biz-write-box-wrap.bg-color a {display:flex; flex-direction:row; align-items: center; justify-content: center; gap:1rem;}
.biz-write-box-wrap.bg-color .title {font-size:2rem; font-weight:500; color: var(--white); opacity:.9;}
.biz-write-box-wrap.bg-color .desc {font-size:1.65rem; font-weight:300; color: var(--white); opacity:.9; transition: var(--transition); position: relative;}
.biz-write-box-wrap.bg-color a:hover .desc {color: var(--white);}
.biz-write-box-wrap.bg-color .bg {position: absolute; top:0; left:0; width: 100%; height: 100%; background:var(--main-color); border-radius: 1rem; overflow: hidden;}
/******* 박스광고 *******/
.ad-box-wrap {width:100%; height: 100%; background: var(--main-color); color: var(--white); border-radius: 1rem; margin:2rem 0; overflow: hidden; position: relative;}
.ad-box-wrap .box-wrap {}
.ad-box-wrap .ad-box-img {display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); filter: brightness(.9); transition: var(--transition);}
.ad-box-wrap a:hover .ad-box-img {transform: scale(1.02); filter: brightness(.6);}
.ad-box-wrap a:hover .ad-box-txt {filter: brightness(1);}
.ad-box-wrap .ad-box-txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content:center; gap:0 1rem; font-size:1.8rem; font-weight:700; line-height: 1.2; text-shadow: var(--shadow); transition: var(--transition);}	
.ad-box-wrap .ad-box-txt .tt {}
.ad-box-wrap .ad-box-txt .st {font-weight:400;}
.ad-box-wrap .ad-box-txt .desc {font-weight:200; font-size: 1.5rem;}

/*position: absolute; background: var(--white); color: var(--biz-title); bottom: 0; left: 0; transform: translateY(6rem);*/
/* 슬라이드 공통 */
[class*="-slide"] .box-wrap .title-box .title {display: flex; flex-direction: row; align-items: center; gap: 0.2rem; font-size: inherit;}
[class*="main-slide"] .box-wrap .title-box .title {gap: .5rem; /*font-size: 2rem;*/}
[class*="main-slide"] .box-wrap .title-box .title .title {/* display:none; */}

[class*="data-slide"] .box-wrap .title-box .title .ell {width:100%;}
[class*="-slide"] .box-wrap .title-box .dis {font-family: var(--number); color: var(--main-color); font-size: 1.385rem; margin-top: 0; opacity:1;}
[class*="data-slide"] .box-wrap .title-box .dis {margin-right: 0; margin-left: 1rem;}

[class*="-slide"] .box-wrap .title-box .sector {/* font-weight: 300; font-size: 1.55rem; opacity:.7; */}
[class*="data-slide"] .box-wrap .title-box .sector {font-weight: 300; font-size: 1.335rem;}

[class*="-slide"] .box-wrap .title-box .desc {display:none;}
[class*="-slide"] .box-wrap .title-box .point {display: flex; align-items: center; gap:1rem; font-family: var(--number); line-height:1; color: var(--mudblack); /*font-weight: 300;*/}
[class*="-slide"] .box-wrap .title-box .point .list {display: flex; align-items: center; gap: .3rem;}
[class*="-slide"] .box-wrap .title-box .point .list span.num {/*line-height:1.2;*/}
[class*="-slide"] .box-wrap .title-box .star {background:url(/images/icon-sm-star.svg)no-repeat center / contain; width:18px; height:18px; display:none;}



/********************************* 메인 추가 yun 2025-04-10 *****************************************/
/********* 메인슬라이드-프로그래스바 yun *******/
.main-wrap-visual {display: flex; flex-direction: column; gap: 1rem; padding: var(--wide-padding); position: relative; width: 100%; height: 100%; /* background: var(--gra-gray); */}
/*.main-wrap-visual:after {content:""; position: absolute; bottom: 0; left: 0; background: var(--silk); width: 100%; height: 8px; border: 0; margin: 0; padding: 0;}*/
.main-wrap-visual h2 {font-weight: 800; font-size: 3.4rem; color:var(--biz-title);}
.main-slide {position: relative;}
.main-slide .box-wrap .img-box {height: 23rem; max-height: min(36vw, 23rem); border-radius: 1rem;}
.main-slide .box-wrap .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.main-slide .box-wrap .title-box {position: absolute; background: var(--white); color: var(--biz-title); bottom: 0; left: 0; transform: translateY(6rem); width: calc(100% - 3vw); padding-top: 3rem; display: flex; flex-direction: column; justify-content: center; gap: 1rem; font-size: 1.65rem; font-weight: 400;}
.main-slide .box-wrap .title-box .biz-title {font-size: 1.5rem; background:var(--main-color); color:var(--white); width:fit-content; padding: .7rem 1.5rem; position: absolute; left:0; top: 0; transform: translateY(-1.5rem);}

/* 슬라이드스크롤 */
.main-slide .swiper-navigation {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 8rem; gap: 5rem;/*height:6rem; bottom: -9rem; margin:2rem 0; position: relative;*/}
.main-slide .swiper-navigation .swiper-pagination {/*top: calc(100% / 2.6); left: 0; */width: calc(100% - 1vw); height: .3rem; border-radius: 0; background: var(--lightgray); position: unset;}
.main-slide .swiper-navigation .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--tanblack)!important;}
/* 슬라이드버튼 */
.main-slide .swiper-navigation .swiper-button {height: unset; width: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: .3rem;}
.main-slide .swiper-button-prev:after,
.main-slide .swiper-rtl .swiper-button-prev:after {content: ""; background: url(/images/icon-arrow-prev-white.svg)no-repeat center / contain; width: 2rem; height: 2rem;}
.main-slide .swiper-button-next:after,
.main-slide .swiper-rtl .swiper-button-next:after {content: ""; background: url(/images/icon-arrow-next-white.svg)no-repeat center / contain; width: 2rem; height: 2rem;}
.main-slide .swiper-button-next,
.main-slide .swiper-button-prev {background: var(--gray); border-radius: .2rem; width: 4rem; height: 4rem; margin-top:0; /*right:0;*/ position: unset; transition: var(--transition);}
.main-slide .swiper-button-prev,
.main-slide .swiper-container-rtl .swiper-button-next {left:0;}
.main-slide .swiper-button-next:hover, .main-slide .swiper-button-prev:hover {background: var(--tanblack);}
/*.main-slide .swiper-button-prev:after,
.main-slide .swiper-rtl .swiper-button-next:after {content: "\f104"; font-family: var(--awesome); font-size: 4rem; color:var(--white);}
.main-slide .swiper-button-next:after,
.main-slide .swiper-rtl .swiper-button-prev:after {content: "\f105"; font-family: var(--awesome); font-size: 4rem; color:var(--white);}*/

/********* 메인슬라이드-베이직 yun *******/
.basic-slide {position: relative;}
.basic-slide .box-wrap .img-box {height: 40rem; max-height: min(60vw, 40rem);  border-radius: .3rem;}
.basic-slide .box-wrap .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.basic-slide .box-wrap .img-box img {filter: brightness(.2) blur(1px);}
.basic-slide .swiper-slide-active .box-wrap .img-box img:hover {transform: scale(1.1); filter: brightness(1.1)!important;}
.basic-slide .swiper-slide-active .box-wrap .img-box img {filter: brightness(.78)!important;}
.basic-slide .box-wrap .title-box {position: absolute; background: var(--trans); color: var(--white); top: 6rem; left: 6rem; transform: translateY(0rem); width: 40%; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 1rem; font-size: 4rem; font-weight: 600; box-shadow: var(--shadow-bottom);}
.basic-slide .box-wrap .title-box .title {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap:1rem;}
.basic-slide .box-wrap .title-box .title .ell {white-space: unset; line-height: 1.2; }
.basic-slide .box-wrap .title-box .desc {font-weight: 400; font-size: 1.5rem; word-break: auto-phrase; display:block;}
.basic-slide .box-wrap .title-box .detail-btn {display:flex; border: 1px solid var(--white80); padding: 1rem 2rem; width: fit-content; font-weight: 300; font-size: 1.5rem; word-break: auto-phrase;}
.basic-slide .swiper-navigation {}
.basic-slide .swiper-navigation .swiper-pagination {left:50%; bottom:0; transform: translate(-50%, -2rem);}
.basic-slide .swiper-navigation .swiper-button {display:none;}
/* Pagination */
.basic-slide .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem; margin-right:1rem; text-align: center; line-height: 1.5rem; opacity: 1; background: var(--white);}
.basic-slide .swiper-pagination-bullet-active {background: var(--main-color);}
/* Pagination custom */
/*.basic-slide .swiper-pagination-bullet {width: 2rem; height: 2rem; text-align: center; line-height: 2rem; font-size: 1.3rem; color: var(--white); opacity: 1; background: var(--black70);}
.basic-slide .swiper-pagination-bullet-active {color: var(--white); background: var(--main-color);}*/


/********* 섹터리스트 공통 yun 2025-04-10  *******/
.sector-wrap {display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%; padding: var(--common-padding) 0 var(--wide-padding);}		
.sector-wrap:after {content:""; position: absolute; bottom: 0; left: 0; background: var(--silk); width: 100%; height: 8px; border: 0; margin: 0; padding: 0;}
	/* 섹터리스트헤더 */
	/* 슬라이드우측마진 경우에만 */
	[class*="sector-wrap-header"] {padding:2rem 2rem 2rem var(--wide-padding) !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: .5rem;}	
	.sector-all-btn {display: flex; flex-direction: row; align-items: center; justify-content:space-between; margin-left:auto; margin-right:0; gap:.5rem;}
	[class*="data-slide"] .box-wrap .title-box,
	[class*="around-slide"] .box-wrap .title-box {width: 100%; padding: 1rem 0rem; display: flex; flex-direction: column; justify-content: center; gap: .5rem; font-size: 1.435rem; font-weight: 500; }
	[class*="data-slide"] .box-wrap .title-box .biz-title, [class*="around-slide"] .box-wrap .title-box .biz-title {display:none;}
	/************** 섹터슬라이드 yun 2025-04-10 **************/	
	/********* 섹터슬라이드-데이타 yun *******/
	[class*="data-slide"] {position: relative; overflow:hidden; padding-right: 6vw; margin-left: var(--wide-padding);}
	[class*="data-slide"] .swiper-pagination {display:none;}
	[class*="data-slide"] .img-box .icons-wrap {position:absolute; bottom:0; right:0; z-index:1;}
	[class*="data-slide"] .img-box .icons-wrap div{/*position:absolute;*/ margin:0 1rem 1rem 0;}
	[class*="data-slide"] .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
	[class*="data-slide"] .box-wrap .img-box {position: relative; height: 15rem; max-height: min(22vw, 15rem); border-radius: 1rem;}	
	/* 메인/서브 슬라이드 */
	/* .section-main .data-slide .box-wrap .img-box {position: relative; height: 17rem; max-height: min(23vw, 17rem); border-radius: .3rem;}
	.section-biz .data-slide .box-wrap .img-box {position: relative; height: 16rem; max-height: min(23vw, 16rem); border-radius: .3rem;} */	
	 /* 좌우버튼 */
	.data-slide .swiper-navigation {/* position: absolute; top: calc(100% - 46rem / 2); left: 0; */ }
	.data-slide .swiper-navigation .swiper-button {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; opacity:0;}
	.data-slide .swiper-button-next, .data-slide .swiper-button-prev {top: calc(100% - 77rem / 3); width: 5rem; height: 5rem; background: var(--main-color); border-radius: .5rem;margin-top: 0; left: 0; right: auto; opacity:.7; transition:var(--transition);}
	.data-slide .swiper-button-next:hover, .data-slide .swiper-button-prev:hover {opacity:1;}
	.data-slide .swiper-button-next {left: auto; right: 0;}
	/* 좌우버튼가상요소화살표 */
	.data-slide .swiper-button-prev:after, .data-slide .swiper-container-rtl .swiper-button-next:after {content: ""; background: url(/images/icon-arrow-prev-white.svg)no-repeat center / contain; width: 3rem; height: 3rem;}
	.data-slide .swiper-button-next:after, .data-slide .swiper-container-rtl .swiper-button-prev:after {content: ""; background: url(/images/icon-arrow-next-white.svg)no-repeat center / contain; width: 3rem; height: 3rem;} 
/************** 주변매장 **************/	
/********* 섹터리스트 공통 .sector-wrap *******/
/********* 주변매장슬라이드 *******/
/*.around-slide .box-wrap .img-box {position: relative; height: 16rem; max-height: min(23vw, 16rem); border-radius: .5rem;}
.around-slide .swiper-pagination {display:none;}
.around-slide .box-wrap .img-box .icons-wrap {position:absolute; bottom:0; right:0; z-index:1;}
.around-slide .box-wrap .img-box .icons-wrap div {position:absolute;}
.around-slide .box-wrap .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}*/




/********************************* 서브 yun 2025-04-14 *****************************************/
/********* 업체상세페이지 *********/
.dview { width:100%; }
/********** 업종헤더타이틀 **********/
.dview-title-header {display:flex; align-items: center; justify-content: space-between; gap:0; padding: var(--dview-title-header-padding); box-sizing: border-box; margin: 0 auto; /*background: var(--white80); box-shadow: var(--shadow-bottom); backdrop-filter: blur(5px); top: 0;*/}
.dview-title-header .header-list {display:flex; align-items: center; gap:2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dview-title-header h2.title {font-size:2.4rem; margin-left: auto; margin-right: auto; display:none;}
.dview-title-header h2.title.on {display: block;}
.dview-title-header .icon-home {}
.dview-title-header .favorite-heart {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: .5rem;}
/********** 업종헤더타이틀 고정 .fixed **********/
.dview-title-header.fixed {background: var(--white80); box-shadow: var(--shadow-bottom); backdrop-filter: blur(5px); top: 0;}
.dview-title-header {position: fixed; max-width: var(--max-width); width: 100%; top: var(--header-height); left: 50%; transform: translateX(-50%); z-index: 5000; /*display: flex; align-items: center; width: 100%; font-size: 1.1rem; backdrop-filter: blur(0px); background: linear-gradient(rgba(0, 0, 0, 1), 45%, transparent);*/ transition: all 0.5s ease-in-out 0s;}


/********** 서브-업체포토슬라이드 **********/
.dview-photo-slider {/* margin-top: 1rem; display: flex;  */width: 100%; overflow: hidden; }
.biz-photo-slide {max-width: 100%; margin: auto; position: relative; background-color: var(--black70); outline: var(--outline);}
.biz-photo-slide .swiper-slide {height: 60rem; max-height: min(90vw, 60rem); display: flex; justify-content: center; align-items: center;}
/*.biz-photo-slide .swiper-container-autoheight, .biz-photo-slide .swiper-container-autoheight .swiper-slide {height:100%;}
.biz-photo-slide .swiper-slide img {max-width: 100%; max-height: 100%; width: auto; height: auto;} */
@media screen and (max-width:640px){
	.biz-photo-slide .swiper-slide {height: 60rem; max-height: min(70vw, 60rem);}
	/*.biz-photo-slide .swiper-slide {height: unset; max-height: min(70vw, 60rem);}*/
}

/* navigation */
.biz-photo-slide .swiper-button-prev,
.biz-photo-slide .swiper-button-next { position: absolute; top: calc(50% - 20px); transform: translateY(-50%); width: 30px; height: 30px; background-color: rgb(255 255 255 / 0%); color: #fff; border-radius: 50%; text-align: center; line-height: 30px; cursor: pointer; z-index: 1000; margin: 10px; pointer-events: auto;}
.biz-photo-slide .swiper-button-prev { left: 10px;}
.biz-photo-slide .swiper-button-next { right: 10px;}
/* Pagination fraction */
.biz-photo-slide .swiper-pagination {font-family: var(--number); font-size: 1.6rem; font-weight: 100; line-height: 1; background: var(--black70); color: var(--white); border-radius: 5rem; width: fit-content !important; padding: 1rem 2rem; bottom: 5% !important; right: 2% !important; left: unset !important; transform: translate3d(-2%, 0, 0);}


/********** 업종정보 **********/
.biz-company-wrap {display:flex; flex-direction: column; gap:3rem; width: 100%; /*overflow: hidden;*/ position: relative;}
/* 헤더타이틀 */
.biz-company-wrap .biz-header {display: flex; flex-direction: column; justify-content: center; gap: 1rem; border-bottom: 1px solid var(--silk); padding: unset !important; padding-bottom: 2vw !important;}
.biz-company-wrap .biz-header .cate {font-size:1.62rem; color:var(--ca-tt-color); font-weight: 300;}
.biz-company-wrap .biz-header .header-title {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem;}
.biz-company-wrap .biz-header .header-title h3 {font-size:2.6rem;}
.biz-company-wrap .biz-header .header-title .number {color: var(--point-color);}
.biz-company-wrap .biz-header .header-title .favorite-heart {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: .5rem; margin-left:auto; margin-right:0; cursor:pointer;}
.biz-company-wrap .biz-header .header-title .favorite-heart,
.biz-company-wrap .biz-header .header-title .share {display: flex; flex-direction: row; align-items: center; gap: .5rem; font-size:1.8rem;}
.biz-company-wrap .biz-header .zzim-area {display: flex; flex-direction: row; align-items: center; gap: 2rem;}
.biz-company-wrap .biz-header .zzim-area .star,
.biz-company-wrap .biz-header .zzim-area .review {display: flex; flex-direction: row; align-items: center; gap: .5rem;}
.biz-company-wrap .biz-header .desc {display: flex; flex-direction: row; /* align-items: center; font-weight: 300; */ gap: 1rem;  line-height: 1.5; font-size: 1.785rem; padding: 1rem 0; opacity: .6;}
.biz-company-wrap .biz-header .desc div:first-child {width:100%;}
.biz-company-wrap .biz-header .desc .closebtn {margin-top: auto; margin-bottom: 0;}
.biz-company-wrap .biz-header .desc .morebtn {margin-top: .3rem;}
.biz-company-wrap .biz-header .desc .closebtn.hidden, .biz-company-wrap .biz-header .desc .morebtn.hidden {display:none;}
.biz-company-wrap .biz-header .desc .desc-text {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} /*한줄*/
.biz-company-wrap .biz-header .desc .desc-word {white-space: wrap;}

/* 업체정보 */
.biz-company-wrap .biz-detail {padding-bottom: 2vw !important;}
.biz-company-wrap .biz-detail ul {display:flex; flex-direction: column; gap: 1.3rem; font-size: 2rem;}
.biz-company-wrap .biz-detail li {display:flex; align-items: stretch; gap: 1rem; line-height: 1.3;}
.biz-company-wrap .biz-detail li .copy {margin-top: .2rem;}
.biz-company-wrap .biz-detail li .timebtn,
.biz-company-wrap .biz-detail li .helper {margin-top: .45rem;}
.biz-company-wrap .biz-detail [class*="list-"] .icon-tag {flex-shrink: 0;}
.biz-company-wrap .biz-detail [class*="list-"] >div {flex-shrink: 0;}
.biz-company-wrap .biz-detail [class*="list-"] .keyword {flex-shrink: 1; display: flex; flex-wrap: wrap; flex-direction: row; gap:.5rem;}
.biz-company-wrap .biz-detail .list-address .address-ul {display:flex; flex-direction: column; gap:.5rem; font-size: inherit;}
.biz-company-wrap .biz-detail .list-address .address-ul li + li {margin-left: 3.5rem; font-size: 1.8rem; display: flex; align-items: center;}
.biz-company-wrap .biz-detail [class*="list-"] a {display: flex; align-items: center; gap: .5rem; color: var(--main-color);}

/*.biz-company-wrap .biz-detail .list-time div {}
.biz-company-wrap .biz-detail .list-time {display: flex; align-items: center; gap: .5rem;}*/
.biz-company-wrap .biz-detail .list-time .time-ul {display:flex; flex-direction: column; gap:.5rem;}
/* .biz-company-wrap .biz-detail .list-time .time-desc {display: flex; align-items: center; gap: .5rem;} */
.biz-company-wrap .biz-detail .list-time .time-etc {margin-left: 3.5rem; font-size: 1.8rem; line-height: 1.35; opacity: .6; display:none;}
.biz-company-wrap .biz-detail .list-time .time-etc.active {display:block;}

/*.biz-company-wrap .biz-detail .list-time .list-time-desc {display: flex; flex-direction:column; align-items: center; gap: .5rem;}
.biz-company-wrap .biz-detail .list-time .desc-time {display:none;}
.biz-company-wrap .biz-detail .list-time .desc-time.active {display:block;}*/
.biz-company-wrap .biz-detail .list-time .closebtn,
.biz-company-wrap .biz-detail .list-time .morebtn {margin-top: .3rem;}
.biz-company-wrap .biz-detail .list-time .closebtn.hidden,
.biz-company-wrap .biz-detail .list-time .morebtn.hidden {display:none;}

.biz-company-wrap .biz-detail .helper {margin-left: -0.5rem;}
.biz-company-wrap .biz-detail .list-update .update {margin-left: auto; font-size: 1.5rem; font-weight: 300; opacity: .5;}

.list-keyword .info_keyword {background: var(--black5); color: var(--biz-title); border:1px solid var(--silk); padding: .3rem 1rem .3rem; border-radius: .5rem; font-weight: 300; font-size: 1.5rem; letter-spacing: -0.05rem; line-height: 1; cursor:pointer; transition: var(--transition); white-space: nowrap;}
/*.list-keyword .info_keyword:before {content:"#"; color: var(--biz-title);}*/
.list-keyword .info_keyword:hover {background: var(--trans); color: var(--biz-title); border:1px solid var(--gray);}



/******** 폐업신고정보수정 제안하기 팝업 ********/
.pop-layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.pop-layer .pop-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--black); opacity: 0.8; filter: brightness(.5); transition: var(--transition); z-index: -1;}
.popup-case1 {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(50rem - 5vw); padding:4rem; border-radius: 2rem; overflow: hidden; background: var(--white); box-shadow: var(--shadow);}
.popup-case1 .info {display: flex; flex-direction: column; gap: 3rem;}
.popup-case1 h4.tit {display: flex; justify-content: center; align-items: center; gap: 1rem; font-size: 2.4rem}
.popup-case1 [class*="info-"] {display: flex; flex-direction: column; gap: 1rem;}
.popup-case1 [class*="info-"] .tit {display: flex; flex-direction: row; align-items: center; gap: .5rem; font-size:1.8rem;}
.popup-case1 #pop_title{font-size: 1.5rem; line-height: 1.3; opacity: .7; width: 100%; padding: 1rem; border-radius:.5rem; border: 1px solid var(--line); box-sizing: border-box;}
.popup-case1 [class*="info-"] .text-desc {font-size: 1.5rem; line-height: 1.3; opacity: .7; width: 100%; height: 13rem; padding: 1rem; border-radius:.5rem; border: 1px solid var(--line); box-sizing: border-box;}
.popup-case1 [class*="info-"] .check-box {font-size: 1.5rem; line-height: 1; opacity: 1; display: flex; align-items: center; gap: .5rem; margin-left: 0; color: var(--main-color);}
.popup-case1 [class*="info-"] .check-box input {margin-top:0;}

.popup-case1 .info-2 {border-top: 1px solid var(--line); padding-top: 2rem;}
.popup-case1 .btns-wrap {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem;}
.popup-case1 .btns-wrap span {flex:1; padding: 1rem 1rem; font-size: 1.535rem;}
.popup-case1 .btns-wrap span.pop-layer-close {background: var(--tanblack);}
.popup-case1 .btns-wrap a {font-size: 2rem; height: 5rem; width:100%; padding:1rem 2rem;}
/*파일업로드버튼*/
.popup-case1 [class*="info-"] #pop_file {display:none;}
.popup-case1 [class*="info-"] #fileuploadButton {background: var(--silk); color: var(--biz-title); border: 1px solid var(--btn-line); font-size: 1.535rem; border-radius: .3rem; padding: 1rem 2rem; cursor: pointer; transition: var(--transition);}
.popup-case1 [class*="info-"] #fileuploadButton:hover {background: var(--main-color); color: var(--white);}


/************** 비즈상세정보 yun **************/
/***** 비즈메뉴버튼 *****/
/* .biz-menu-nav {overflow: hidden; display: grid; grid-template-columns: repeat(auto-fill, minmax(16%, auto)); background-color: var(--white); padding: 1rem 0;}
.biz-menu-nav div {display: flex; align-items: center; justify-content: center; gap: .3rem; padding: 2rem 0; font-size: 2rem; color: var(--ca-tt-color); border-bottom: 3px solid var(--line); transition: var(--transition);}
.biz-menu-nav div .number {font-size: 1.35rem; color: var(--gray);}
.biz-menu-nav div:hover,
.biz-menu-nav div.active {border-color: var(--point-color); color: var(--biz-title);} */
/***** 비즈메뉴버튼 슬라이드 *****/
.biz-menu-nav {background-color: var(--white);  padding: 1rem 0;}
.biz-menu-nav .swiper-wrapper {display: flex;}
.biz-menu-nav .swiper-slide {display: flex; align-items: center; justify-content: center; gap: 0.3rem; padding: 2rem 2rem; font-size: 2rem; color: var(--ca-tt-color); border-bottom: 3px solid var(--line); transition: var(--transition);  width: auto; /* 슬라이드 너비를 콘텐츠에 맞춤 */}
.biz-menu-nav .swiper-slide .number {font-size: 1.35rem; color: var(--gray);}
.biz-menu-nav .swiper-slide:hover,
.biz-menu-nav .swiper-slide.active {border-color: var(--point-color);  color: var(--biz-title);}
/***** 비즈정보공통 *****/
/* 헤딩태그 */
[class*="biz-detail-wrap"] [class*="-header"] {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; width: 100%;}
h2.title {font-weight: 800; font-size: 3.4rem; color: var(--biz-title); padding:0;}
.total {font-weight: 800; font-size: 3.4rem; color: var(--ca-tt-color);}
/* 섹션별구분라인 가상요소 */
[class*="biz-company-wrap"]:after, [class*="biz-items-wrap"]:after, [class*="biz-photo-wrap"]:after, [class*="biz-review-wrap"]:after, [class*="biz-review-wrap2"]:after, [class*="biz-map-wrap"]:after, [class*="biz-info-wrap"]:after, [class*="biz-around-wrap"]:after, [class*="biz-write-box-wrap"]:after {content:""; position: absolute; bottom: 0; left: 0; background: var(--silk); width: 100%; height: 8px; border: 0; margin: 0; padding: 0;}
/* 섹쎤패딩값 */
[class*="biz-company-wrap"],[class*="biz-items-wrap"],[class*="biz-photo-wrap"],[class*="biz-review-wrap"],[class*="biz-review-wrap2"],[class*="biz-map-wrap"],[class*="biz-info-wrap"],[class*="biz-write-box-wrap"] {padding: var(--section-padding);}
/* 섹쎤 헤더패딩값 */
[class*="biz-"] [class*="-header"] {padding: 2rem 0;}
/* 버튼 */
[class*="biz-detail-wrap"] .all-btn {display: flex; flex-direction: row; align-items: center; justify-content:space-between; margin-left:auto; margin-right:0; gap:.5rem;}
[class*="biz-detail-wrap"] .all-btn .tt {font-size: inherit; color: inherit; margin-left: 0rem;}
/* 드롭다운버튼 */
.sector-list-dropdown {position: relative; z-index:11; width: fit-content;}	
.dropbtn .tt {/* margin-right:0.3rem; margin-left:1rem;font-size: 1.5rem;*/ }
.dropdown-content {position: absolute; z-index: 1; background-color: var(--white); box-shadow: var(--shadow); top: 3rem; left: 0rem; border-radius: .5rem; padding: 1.3rem 1.5rem; box-sizing: border-box; width:fit-content; display: none;}
.dropdown-content a {display: flex; align-items:center; gap: .2rem; color: var(--mudblack); padding:0; font-size: 1.35rem;}
.dropdown-content a:hover {color: var(--biz-title);}
.dropdown-content ul {display: flex; flex-direction: column; gap: .5rem;}
/*.dropdown-content ul li a::after {content:""; display:none; background: url(/images/icon-check.svg)no-repeat center / contain; width:1rem; height:1rem; opacity:0; transition: var(--transition);}
.dropdown-content ul li a:hover::after {content:""; display:block; background: url(/images/icon-check.svg)no-repeat center / contain; width:1rem; height:1rem; opacity:1;}*/
.sector-list-dropdown:hover .dropdown-content {display: block;}
.sector-list-dropdown:hover .dropbtn {background-color: var(--white);}
/**/
.biz-detail-wrap {display: flex; flex-direction: column; gap: 0; width: 100%; overflow: hidden;}
/****** 비즈아이템영역 ******/
.biz-items-wrap {display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%;}
	.biz-items-list {display: flex;}
	.biz-items-list .item-list {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 100%;}
	.biz-items-list .item {display: flex; align-items: center; gap: 5rem; width: 100%; min-height: 10rem; padding: 3rem 0; align-self: stretch; border-bottom: 1px solid var(--line); box-sizing: border-box; word-break: break-all;}
	.biz-items-list .item .title-box {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; flex: 1 0 0;}
	.biz-items-list .item .title-box .biz-title {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: .5rem;}
	.biz-items-list .item .title-box .biz-point {display: flex; align-items: center; justify-content: center; gap: 0; background: var(--point-color); padding: 0 1rem; color: var(--white); font-size: 1.385rem; font-weight: 300; height: 2.4rem; border-radius: 2rem;}
	.biz-items-list .item .title-box .biz-desc {font-size: 1.85rem; font-weight: 300; opacity:.8;}
	.biz-items-list .item .title-box .biz-title .price {margin-left: auto; margin-right: 0;}
	.biz-items-list .item .img-box {border-radius: .5rem;}
	.biz-items-list .item .img-box img {display: flex; width: 15rem; height: auto; justify-content: flex-end; align-items: flex-end;/* gap: 0; border: 1px solid rgba(0, 0, 0, .08); */}
	.dotted-line {flex: 1; height: 1px; background: repeating-linear-gradient( to right, #BCBCBC 0, #BCBCBC 2px, transparent 2px, transparent 10px); margin-left: 15px; margin-right: 15px; }
/****** 비즈사진영역 ******/
.biz-photo-wrap {display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%;}
	.photo-items-list {}
	.photo-items-list .item-list {display:grid; grid-template-columns: repeat(auto-fill, minmax(24%, auto)); grid-auto-rows: min(20vw, 15rem); /* gap:1rem; */ justify-content: space-between; border-radius: 2rem; box-sizing: border-box; overflow:hidden;}	
	.photo-items-list .item-list .img-box {position: relative; width: 100%; border: 1px solid rgba(0, 0, 0, .08); overflow: hidden; max-width: 25rem; max-height: min(20vw, 15rem);}	
	.photo-items-list .item-list .img-box img {position: relative; width: 100%; object-fit: cover; filter: brightness(.8); transform: translate(0, 0);}	
	.photo-items-list .item-list .img-box img:hover {transform: scale(1.1); filter: brightness(1)!important;}
	.photo-items-list .item-list .item_top{max-height: 500px; overflow: hidden;}
/****** 비즈리뷰영역 ******/
.biz-review-wrap,
.biz-review-wrap2{display: flex; flex-direction: column; gap: 2rem; position: relative; width: 100%; height: 100%;}	
	.review-items-title {display: flex; flex-direction: row; align-items: center; gap: 4rem;}
	.review-items-title .title {font-size: 2.2rem;}
	.review-items-title .star {display: flex; flex-direction: row; align-items: center; gap: .5rem; font-weight:600;}
	.review-items-list {display: flex;}
	.review-items-list .item-list {display: flex; flex-direction: column;  /*gap: 2rem; padding: 2rem 0;*/ width:100%;}
	.review-items-list .item-list .item-desc {display:grid; grid-template-columns: 1fr 6fr; gap: 2rem; justify-content: space-between; border-bottom: 1px solid var(--silk); padding: 5rem 0; box-sizing: border-box; overflow:hidden; position: relative;}		
	.review-items-list .item-list .item-desc .item-profile {width:var(--item-profile-width); height:var(--item-profile-height); background: var(--lightgray); border-radius: 50rem; overflow: hidden; position: relative;}	
	.review-items-list .item-list .item-desc .item-profile img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 2;}	
	.review-items-list .item-list .item-desc .item-profile .icon-profile {width: 100% !important; height: 100% !important; position: absolute; z-index: 1;}	
	.review-items-list .item-list .item-desc .title-box {display: flex; flex-direction: column; gap:1rem; width: 100%; overflow: hidden;}
	.review-items-list .item-list .item-desc .title-box .biz-title {display: flex; flex-direction: row; align-items: center; justify-content:space-between; gap:2rem;}
	.review-items-list .item-list .item-desc .title-box .biz-title span {font-size: 1.65rem; font-weight: 300; opacity: .5;}
	.review-items-list .item-list .item-desc .title-box .biz-title .title {}
	.review-items-list .item-list .item-desc .title-box .biz-title .date {font-size: 1.5rem; font-weight:200; opacity: .5;}
	.review-items-list .item-list .item-desc .title-box .biz-title .icon-more {margin-left:auto; margin-right:0; cursor: pointer;}
	.review-items-list .item-list .item-desc .title-box .star {display: flex; align-items: center; gap: .5rem;}
	.review-items-list .item-list .item-desc .title-box .biz-desc {font-size: 1.65rem;}
	.review-items-list .item-list .item-desc .title-box .biz-desc pre {background: none; overflow: hidden; line-height: 1.3; font-size: 1.63rem; font-weight: 300; color: var(--tanblack); white-space: break-spaces;}
	.review-items-list .item-list .item-desc .img-box-wrap {grid-column: 2 / span 1;  position: relative; display: flex; flex-direction: row; /* gap:.5rem; */ /* border-radius:1rem; */ overflow: hidden;}	
	.review-items-list .item-list .item-desc .img-box-wrap .swiper-container-android .swiper-slide, .swiper-wrapper {}
	.review-items-list .item-list .item-desc .img-box-wrap .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {}

		/********* 리뷰사진슬라이드 yun *******/
		.review-slide {position: relative; overflow:hidden; width:100%;}	
		.review-slide .box-wrap .img-box {position: relative; height: 15rem; max-height: min(15vw, 15rem); border-radius: .5rem; overflow: hidden; display: block;}
		.review-slide .box-wrap .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; }



/****** 비즈지도영역 ******/
.biz-map-wrap {display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%;}	
	.map-items-list {display:flex; flex-direction: column; justify-content: space-between; gap: 3rem; box-sizing: border-box; overflow:hidden;}	
	.map-items-list .map-img-box {overflow:hidden; border-radius: 2rem; border: 1px solid var(--black5); box-sizing: border-box;}
	.map-items-list .map-desc-box {display: flex; flex-direction: column; align-items: self-start; gap: 2rem;}
		.map-desc-box ul {display:flex; flex-direction: column; gap: .5rem; font-size: 2rem; font-weight: 600;}
		.map-desc-box [class*="map-desc-"] li {display:flex; flex-direction: row; align-items: center; gap: 1rem;}		
		.map-desc-box [class*="map-desc-"] li + li {margin-left: 3.5rem; font-size: 1.8rem; line-height: 1.35; font-weight: 300;}		
		.map-desc-box .map-desc-01 .zibun {color: var(--tanblack);}
		.map-desc-box .map-desc-01 .distance {color: var(--main-color);}
		.map-desc-box .map-desc-02 .location {}
		.map-desc-box .map-desc-02 .desc {color: var(--tanblack);}
	.map-items-list .map-link-box {display:flex; flex-direction: row; align-items: center; justify-content:space-around; /*padding: 2rem 0;*/ height:6rem; border-radius: .5rem; border: 1px solid var(--line); outline: var(--outline);}
	.map-items-list .map-link-box a {display:flex; align-items: center; justify-content:center; flex:1; height:100%; width:100%; gap:1rem; border-right: 1px solid var(--line); transition: var(--transition);}
	.map-items-list .map-link-box a:last-child {border-right: none;}
	.map-items-list .map-link-box a:hover {background: var(--btn-white-over);}
	.map-items-list .map-link-box div {display:flex; align-items: center; justify-content:center; gap:.5rem;}
	/*맵아이콘*/
	.map-items-list .map-link-box .kakaomap:after,
	.map-items-list .map-link-box .tmap:after,
	.map-items-list .map-link-box .navermap:after {content:""; display: inline-block; width:2.35rem; height:2.35rem; border-radius: 50%; border: 1px solid var(--silk);}
	.map-items-list .map-link-box .kakaomap:after {background: url(/images/icon-map-kakao.svg) no-repeat center / contain;}
	.map-items-list .map-link-box .tmap:after {background: url(/images/icon-map-t.svg) no-repeat center / contain;}
	.map-items-list .map-link-box .navermap:after {background: url(/images/icon-map-naver.svg) no-repeat center / contain;}
	/***** 카카오맵지도 *****/
	.root_daum_roughmap_landing {width: 100% !important; height: 40rem !important; max-height:min(50vw, 40rem);}
	.root_daum_roughmap .wrap_map {height: 40rem !important; max-height:min(50vw, 40rem);}
	.root_daum_roughmap [class*="border"] {border:none !important; width:0px !important;}
	.root_daum_roughmap .map {border-radius: 2rem; border: 1px solid var(--black5); box-sizing: border-box;}
	.root_daum_roughmap .cont .section_address {display: none;}
	.root_daum_roughmap .cont .section {margin:0;}
	.root_daum_roughmap .cont {display: none;}



/****** 비즈정보영역 ******/
.biz-info-wrap {display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%;}	
	/* 비즈정보탭메뉴 */
	.biz-info-tab {display: flex; flex-direction: column; gap:1rem;}
	.biz-info-tab-menu {display: flex; flex-direction: row; flex-wrap: wrap; /*grid-template-columns: repeat(auto-fit, minmax(20%, auto));*/ gap: .5rem;}
	.biz-info-tab-menu li {display: flex; align-items: center; justify-content: center; }
	.biz-info-tab-menu li a {display: flex; align-items: center; justify-content: center; background: var(--silk); color: var(--tanblack); border-radius: 10rem; font-size: 1.8rem; width:100%; padding:1rem 3rem; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.biz-info-tab-menu li a.active {background: var(--tanblack); color: var(--white);}
	.biz-info-tab-content {padding: 2rem 0; height:auto;}
	.biz-info-tab-content [class*="content"] {display: flex; flex-direction: column; justify-content: center; gap: 2rem;}
	.biz-info-tab-content [class*="content"] .tt {font-size: 2.4rem; font-weight:600;}
	.biz-info-tab-content [class*="content"] .desc-box {display: flex; flex-direction: column; justify-content: center; gap:0.5rem; line-height: 1.5;}
	.biz-info-tab-content [class*="content"] .desc-box .st {font-size: 2rem; font-weight:600; opacity: .8;}
	.biz-info-tab-content [class*="content"] .desc-box .desc {font-size: 1.65rem; font-weight:400; opacity: .5;}
	



/************ 공유하기모달 /sub05/modal_share.html ************************/
#myModal5 {}
#myModal5 .modal-content {display: flex; justify-content: center;  height: 17rem; max-height: min(50vh, 17rem); width: 30rem; max-width: min(93vw, 30rem); min-width: min(40vw, 30rem); border-radius: unset;opacity: 1;}
#myModal5 .modal-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem;}
#myModal5 .modal-wrap .modal-header {position:relative; padding:0; height:unset; background:unset; display: flex; justify-content: center; align-items: center; gap: 1rem;}
#myModal5 .modal-header .modal-title {color: var(--tanblack); font-size:1.8rem;}
#myModal5 .modal-wrap .modal-header .close {margin-right: 0; margin-left: 1rem; opacity: unset;}
#myModal5 .modal-wrap .modal-body {top:unset; display: flex; justify-content: center; gap: 1rem;}



/*********************************** 기타페이지 로그인 회원가입 *********************************/
div[data-css*="_wb_mem"] .sub-con-margin .login-add {margin: 7rem auto !important;}
div[data-css*="_wb_mem"] {width: 100% !important; margin: 0 !important;}
div[data-css*="_wb_mem"] .login-box {background: unset !important;}
div[data-css*="_wb_mem"] .login-box .log-left .log-input {border: 1px solid var(--line);}
.clearfix:before, .clearfix:after {content: unset !important;}
div[data-css*="_wb_mem"] .login-box {padding: unset !important; border: unset !important; display:flex; flex-direction: column; gap:1rem;}
div[data-css*="_wb_mem"] .login-box .log-left {display:flex; flex-direction: column; gap:1rem;}
div[data-css*="_wb_mem"] .login-box .log-left .id-box {margin-left:0 !important;}
div[data-css*="_wb_mem"] .login-box .log-left .pass-box {margin-left:0 !important;}
div[data-css*="_wb_mem"] .sub-con {}
div[data-css*="_wb_mem"] .sub-con .sub-logo-icon {display: none;} /* 로고숨김 */
div[data-css*="_wb_mem"] .sub-con .sub-logo-icon .icon-logo {width: 15rem; height: 5rem; opacity:.8;} 

div[data-css*="_wb_mem"] .login-box .log-left .id-box .txt-01 {margin-right:14px;}

div[data-css*="_wb_mem"] .mem-txt-title {margin-bottom: unset !important; color: var(--tanblack) !important;}
div[data-css*="_wb_mem"] .login-box .log-right {padding-left: 10px !important;}
div[data-css*="_wb_mem"] .mem-txt-title {font-size: 30px !important; letter-spacing: -0.03em !important; line-height: 1.1; text-align: center;}
div[data-css*="_wb_mem"] .red_01 {color: var(--main-color) !important;}
div[data-css*="_wb_mem"] .login-box .log-btn-01 {background-color: var(--main-color) !important;}
/* 이용약관동의 */
div[data-css*="_hrweb_location5"] .lnb-box nav#lnb-pc {max-width: var(--max-width) !important;}
@media screen and (max-width:500px) {
	div[data-css*="_wb_mem"] .sub-con-margin .login-add {margin: 0 auto !important;}
	.footer-wrap .inner.margin {margin-top: 0;}
}






/*************** 사진전체보기 모달 /sub05/modal_photo.html ***************/
#myModal6 .modal-dialog {width: 100% !important; height: 100% !important; border-radius: 0; }
#myModal6 .modal-content {height: inherit; max-height: unset; width: inherit; max-width: unset; min-width: unset; border-radius: 0; }
#myModal6 .modal-content .modal-wrap {height: inherit; }
#myModal6 .modal-content .modal-header {border-bottom:none;}
#myModal6 .modal-content .modal-body {height: calc(100vh - var(--modal-header-height)); width: inherit; overflow-y: auto; background: var(--black);}
#myModal6 .photo-items-list {/* height: inherit; */}
#myModal6 .photo-items-list .item-list {grid-template-columns: repeat(auto-fit, minmax(33%, auto)); grid-auto-rows: min(30vw, 80rem); border-radius: 0; height: inherit; width: inherit; margin-top: -1px;}
#myModal6 .photo-items-list .item-list .img-box {width: inherit; border: 1px solid rgba(255, 255, 255, 1); border-bottom:none; border-left:none; overflow: hidden; max-width: unset; max-height: min(30vw, 80rem);}
#myModal6 .photo-items-list .item-list .img-box img {filter: brightness(1);}
@media screen and (max-width:500px) {
#myModal6 .photo-items-list .item-list {grid-template-columns: repeat(auto-fit, minmax(50%, auto)); grid-auto-rows: min(40vw, 80rem);}
#myModal6 .photo-items-list .item-list .img-box {max-height: min(40vw, 80rem);}
}










/********************************* 모바일 *************************************/
@media screen and (max-width:900px) {
	/*  */
	
}
@media screen and (max-width:768px) {
	/* 헤더검색아이콘영역 */
	.iam-loc .sm {opacity: 1;}
	.iam-loc .icon-myloc.sm {opacity: .6;}
	.header-top .sub-logo-icon {display:flex;}
	.r-search {justify-content:left;}
	.r-search .icon-search {display:none;}
	.r-search .top-logo .desc {display:none;}
	.r-search .top-logo .desc-mobile {display:block;}
	.r-search .top-logo .icon-logo {width: 8rem !important; height: 5rem !important; margin-left:0;}
	.r-search .top-logo .icon-logo {display:none;}
	.r-search .search-icon {display: flex; justify-content: center; align-items: center; background: var(--main-color); padding:.6rem; border-radius: .6rem; }
	.r-search .search-icon .icon-search-white {width: 1.7rem !important; height: 1.7rem !important;}
	
	.user-menu {gap: 1rem;}
	.user-menu li a {padding: 0; border:none; border-radius:unset;}
	.user-menu li a .sm {/*width: 2.5rem !important; height: 2.5rem !important;*/ opacity: .8;}
	/*.user-menu li i {display:none;}*/
	/* 헤더 */
	h2.title {font-size: 2.4rem;}
	
	
	
}

@media screen and (max-width:500px) {
	/* 헤더 */	
	.search-tag-loc-wrap {flex-direction: column;}
	.wrap-srh {display: flex; flex-direction: column;}
	.wrap-srh {padding: 0 var(--common-padding) var(--common-padding);}
	.user-menu li.write{display:none;} /*등록수정요청*/	
	.user-menu:last-child i {display:block;}
	.user-menu li a [class*="icon-"] {display:none;}
	/*검색팝업레이어*/
	.header-search .header-search-top {display:none;}
	.search-bar-wrap .title {font-size: 2.5rem;}
	.search-info-wrap .stitle {font-size: 2rem;}
	.search-info-wrap .desc {font-size: 1.5rem;}
	/*메인슬라이드*/
	[class*="-slide"] .box-wrap .title-box .title {flex-direction: column; align-items: flex-start;}
	[class*="data-slide"] .box-wrap .title-box .dis {margin-left: 0;}
	/*등록수정팝업레이어*/
	.popup-case1 {width: calc(100% - 10vw);}
	/*비즈*/
	.review-items-title .title {font-size: 1.85rem;}
	.review-items-list .item-list .item-desc {grid-template-columns: 1fr 10fr; gap: 1rem;}
	.biz-company-wrap .biz-detail ul {font-size: 1.8rem;}
	.biz-company-wrap .biz-header .header-title h3 {font-size: 2.2rem;}
	.biz-info-tab-menu li a {font-size: 1.58rem;}
	.map-desc-box ul,.map-desc-box [class*="map-desc-"] li + li {font-size: 1.65rem;}
	.biz-company-wrap .biz-detail li.list-site a {font-size: 1.5rem;}
	/*배너*/
	.biz-write-box-wrap .title .tt {font-size: 1.85rem;}
	.biz-write-box-wrap .desc {font-size: 1.5rem;}
	/*맵*/
	.sub .section-02 #left_wrap {width: 100%;}	
	/* 푸터 */	
	
}



/******************** responsive *******************/
@media all and (max-width:680px){	
	:root {
		--wide-padding: 4vw;
		--common-padding: 3vw;
		--search-padding: 5vw 5vw 8vw;
		--header-height: 5rem;
		--dview-title-header-padding: 4vw;
		--footer-padding: 3vw 2vw;
		--logo-width: 12rem;
		--item-profile-width: 4rem;
		--item-profile-height: 4rem;
	}
}

/* font */
/*@media all and (max-width:768px){
	:root{font-size:1.3vw !important;}
}
@media all and (max-width:680px){
	:root{font-size:1.68vw !important;}
}
@media all and (max-width:500px){
	:root{font-size:0.6rem !important;}
}*/