@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', sans-serif;background:#fff}
body.gnb_open {
    overflow: hidden !important;
    height: 100vh;
    touch-action: none;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {transition:all 0.30s ease-in-out;outline:none;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

.fp-watermark {display: none;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {position: fixed; width: 100%; transition: 0.3s; z-index: 9999; padding: 0 50px;}
#hd.scrolled {background: #fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_wrapper #inner{margin: 0 auto; display: flex; gap: 50px;}

#logo { line-height: 100px; width:25%;}
#logo img.scrolldown {display: inline-block;filter: brightness(0) invert(1);}
.scrolled #logo img.scrolltop {display: none;}
.scrolled #logo img.scrolldown {display: inline-block; filter: unset;}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}

.hd_lang {float: right; margin: 34px 50px 0 0; display: none;}
.hd_lang li {position: relative; float:left; padding: 0 10px;line-height:13px}
.hd_lang li:not(:last-child):after {position: absolute; display: block; content: "|"; top: 9.5px; right: -4px; font-size: 20px; font-weight: 700; color: #fff; transition: 0.3s;}
.scrolled .hd_lang li:not(:last-child):after {color: #333;}
.hd_lang li a {display: block; padding: 10px; font-size: 20px; font-weight: 700; color: #fff; transition: 0.3s;}
.scrolled .hd_lang li a {color: #333;}
.hd_lang li.on a {color: #2065ca;}
.hd_lang:after {clear: both; content: ""; display: block;}

/*전화번호*/
#hd .top-call2{display:flex;align-items:center;  width: 25%; justify-content: end;;}
#hd .top-call2 i{color:#142b55;font-size:18px;margin-right: 10px;}
#hd .top-call2 a{color:#142b55;text-decoration:none;; display: block; font-size: 24px; padding:10px 20px;border-radius:30px;font-weight:700;transition:.3s; background: #f8f8f8;}
#hd .top-call2 a:hover{background:#142b55;color:#fff;}
#hd .top-call2 a:hover i{color:#fff;}

#hd .m_top-call2{display: none;}
#hd .m_top-call2 i{color:#142b55;font-size:18px;margin-right: 10px;}
#hd .m_top-call2 a{color:#142b55;text-decoration:none;; display: block; font-size: 24px; padding:10px 20px;border-radius:30px;font-weight:700;transition:.3s; background: #f8f8f8;}
#hd .m_top-call2 a:hover{background:#142b55;color:#fff;}
#hd .m_top-call2 a:hover i{color:#fff;}
/*전화번호*/

/* 메인메뉴 */
#gnb {position:relative; width: 50%;  margin: 0 auto;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0; zoom:1;display: flex; justify-content: center;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli { line-height:100px;padding:0px;position:relative; width: 20%; text-align: center;}
#gnb .gnb_1dli:hover > a {opacity: 1;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1da{display:block; color:#fff;text-decoration:none;font-size:20px;font-weight:400;opacity:0.8}
.scrolled .gnb_1da{color:#000}
.gnb_2dli:first-child{border:0}
.gnb_2dul{display:block;position:absolute;top:90px;left:0;min-width:220px;opacity:0;transform:translateY(10px);visibility:hidden;transition:all 0.3s ease; border-radius: 10px; overflow: hidden;}
.gnb_1dli:hover>.gnb_2dul,.gnb_1dli.gnb_1dli_over>.gnb_2dul,.gnb_1dli.gnb_1dli_over2>.gnb_2dul{opacity:1;transform:translateY(0);visibility:visible;z-index:1000}
.gnb_2dul .gnb_2dul_box{padding:0}
.gnb_2dul .gnb_2dul_box li{border:0;margin:0;padding:0}
.gnb_2da{display:block;padding:16px 14px;font-size:15px;line-height:1.4;font-weight:400;color:#333;text-align:left;text-decoration:none;background:#f8f8f8;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.25s ease}
a.gnb_2da:hover{background:#142b55;color:#fff}
.gnb_2da:focus,.gnb_2da:hover{color:#fff}
.gnb_1dli_over .gnb_2dul{display:block}
.gnb_1dli_over2 .gnb_2dul{display:block;left:0}
.gnb_wrap .gnb_empty{padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a{color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty,.gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}



/* 모바일메뉴 */
#gnb_mobile{position:fixed; right: -55%; width: 50%; z-index: 1000; transition: 0.7s;}
#gnb_mobile.on {right: 0;}
.gnb_mobile_wr{z-index:1000; background: #fff; padding: 80px 40px 40px; width: 100%; height: 100vh; box-shadow: -2px 0px 5px rgba(0,0,0,0.2); overflow-y: auto;-webkit-overflow-scrolling: touch;}

#gnb_all h2 {font-size:0em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_li {width: 100%;  position: relative;}
#gnb_all .gnb_al_li .gnb_al_a {font-size: 44px; display:block;position:relative; font-weight: 700; color: #1d4073;  padding: 36px 18px; transition: 0.3s;}
#gnb_all .gnb_al_li li {display: inline-block; margin: 0 10px 10px 0; border-radius: 30px; background: #f5f5f5; transition: 0.3s;}
#gnb_all .gnb_al_li li:hover {background: #1d4073;}
#gnb_all .gnb_al_li li a {display: block; padding: 10px 26px; font-size: 24px; font-weight: 400;  color:#999; transition: 0.3s;}
#gnb_all .gnb_al_li li:hover a {color: #fff;}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

.gnb_menu_btn {float: right; margin: 28px 80px 0 0; border: 0; background: none; line-height: 40px;;; display: none;}
.gnb_menu_btn img.scrolldown {display: none;}
.scrolled .gnb_menu_btn img.scrolltop {display: none;}
.scrolled .gnb_menu_btn img.scrolldown {display: inline-block;}
#gnb_mobile .gnb_close_btn {background:none; border:0; width: 25px;vertical-align:top;font-size:28px; position: absolute; top: 25px; right: 80px;}
#gnb_mobile .gnb_close_btn img {transition: 0.3s;}
#gnb_mobile .gnb_close_btn:hover img {transform: rotate(180deg);}
#gnb_mobile .gnb_mnal {float:right;padding:0}

.gnb_al_li button {position:absolute;top: 0px; height: 124px; overflow:hidden; border:0; padding-left: 100%; background: none;}
#gnb_mobile .gnb_al_ul2{display: none;}

.m_login{text-align: center; margin-top: 30px;}
.m_login a{ font-size: 15px; border: 1px solid #cdcdcd;
  border-radius: 30px; padding: 5px 20px; font-weight: 300; color: #666; display: inline-block;}

.m_lang{text-align: center; margin-top: 84px; display: none;}
.m_lang a{font-size: 28px; font-weight: 400; border: 1px solid #777; border-radius: 30px; padding: 5px 40px; font-weight: 300; color: #777; display: inline-block; }
.m_lang a:first-child {margin-right: 10px;}
.m_lang a.on {border-color: #1d4073; font-weight: 600; background: #1d4073; color: #fff;}


@media screen and (max-width: 1501px) {
  .hd_lang {margin-right: 20px;}
  .gnb_1da {padding:0px;    font-size: 16px;}
  #hd{padding: 0 10px;}
  #logo{width:15%;}
  #hd .top-call2{width: 15%;}
  #hd .top-call2 a{font-size: 18px;}
  #hd .top-call2 i{font-size: 14px;}
  #logo img{max-width: 100%;}
  #gnb{width: 70%;}
  #hd_wrapper #inner{padding: 0;}
}

@media screen and (max-width: 1200px) {
  #gnb{margin-right: 0;}
  #logo img{max-width: 100%;}


}
@media screen and (max-width: 1100px){
  .hd_login{margin-right: 40px;}
}

@media screen and (max-width: 960px) {
  #logo {margin-left: 0;max-width: 50%; width: 100%;}
  .gnb_menu_btn {margin-right:0px; display: block;}
  #gnb_mobile {width: 100%; right: -105%;}
  #gnb_mobile .gnb_close_btn {right: 40px;}
  .gnb_mobile_wr {padding-right: 80px;}
  #gnb {display: none;}
  #hd .m_top-call2{display:block;}
  #hd .top-call2{display:none;}

}

@media screen and (max-width: 640px) {
  .hd_login{display: none;}
  .hd_lang{display: none;}
  #logo{line-height: 60px;}
  /* #logo img{height: 25px;} */
  .gnb_menu_btn{margin: 0 ; line-height: 60px;}
  .gnb_menu_btn img {margin-bottom: 5px;}
  #gnb_mobile .gnb_close_btn{top: 7px; right: 20px;}
  .gnb_mobile_wr {padding: 40px 20px 20px;}
  .gnb_al_li button {height: 54px;}
  .gnb_al_li button i {font-size: 18px;}
  #gnb_all .gnb_al_li .gnb_al_a {padding: 16px 14px; font-size: 26px;}
  #gnb_all .gnb_al_li li {margin: 0 6px 6px 0;}
  #gnb_all .gnb_al_li li a {padding: 10px 18px; font-size: 16px;}
  .m_lang {margin-top: 34px;}
  .m_lang a {padding: 4px 16px; font-size: 18px;}
  .m_lang a:first-child {margin-right: 6px;}
}

@media (max-width: 576px) {
#hd_pop { background: #fff; }
.hd_pops { left: 20px !important; right: 20px !important;  background: #fff; }
.hd_pops_con { width: 100% !important; height: auto !important; background: #fff; }
.hd_pops_con img { width: 100% !important; height: auto !important; }
} 

/*풀다운메뉴*/
.mega-open #hd{background:#fff; transition:background .3s ease,border-bottom .3s ease;}
.mega-open #logo img {display: inline-block;filter: brightness(0) invert(1);}
.mega-open #logo img.scrolltop {display: none;}
.mega-open #logo img.scrolldown {display: inline-block; filter: unset;}
.mega-open .gnb_1da{color:#000}


/* 메가바 애니메이션/호버 + 위치 고정 레이아웃 */
:root{--mega-col:240px}
#gnb_megabar{position:fixed;left:0;right:0;top:var(--gnb-top,100px);background:#fff;border-top:1px solid #ddd;display:none;z-index:4000; height: max-content;}
#gnb_megabar .mega_inner{position:relative;max-width:1280px;margin:0 auto;padding:16px 20px 22px;min-height:64px; display: flex;}
#gnb_megabar .mega_col{top:16px;width:var(--mega-col);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,left .35s cubic-bezier(.2,.7,.2,1)}
#gnb_megabar .mega_col h5{display:none}
#gnb_megabar .mega_col ul{list-style:none;margin:0;padding:0}
#gnb_megabar .mega_col li{margin:10px;padding:0}
#gnb_megabar .mega_col a{display:block;padding:10px 12px;border-radius:8px;font-size:18px;line-height:1.5;color:#142b55;text-decoration:none;transition:background .2s ease,color .2s ease}
#gnb_megabar .mega_col a:hover{background:#142b55;color:#fff}

/* 링크 밑줄 슬라이드 호버 */
#gnb_megabar .mega_col a::after{content:"";display:block;height:2px;width:0;margin-top:6px;background:currentColor;opacity:.7;transition:width .22s ease}
#gnb_megabar .mega_col a:hover::after{width:100%}

/* 열림 상태 */
body.mega-open #gnb_megabar{display:block}
body.mega-open #gnb_megabar .mega_col{opacity:1;transform:translateY(0)}

/* 기존 2뎁스 패널 숨김(중복 방지) */
#gnb .gnb_2dul{display:none !important}

/* 모바일 비표시 */
@media (max-width:960px){#gnb_megabar{display:none}}
/*풀다운메뉴*/




/* 중간 레이아웃 */
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%; zoom:1;position: relative;}
#container_page {width: 100%; margin: 0 auto 100px;}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;height:auto !important;margin: 70px auto; height:500px;font-size:1em;width:100%; max-width: 1400px; zoom:1; margin-bottom: 100px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

@media screen and (max-width: 1400px){
  #container{padding: 0 10px;}
  #container_page {padding: 0 15px;}
}
@media screen and (max-width: 640px) {
  #container {margin-bottom: 50px;margin: 50px 0px;}
  #container_page {margin-bottom: 50px;}
}


/* 풀페이지 우측 내비게이션 */
#fp-nav ul li:last-child {display: none;}
#fp-nav ul li a span {background: rgba(255, 255, 255, 0.5)!important;}
#fp-nav ul li a.active span {background: #fff!important;}
.fp-viewing-5 #fp-nav ul li a span {background: rgba(0, 0, 0, 0.5)!important;}
.fp-viewing-5 #fp-nav ul li a.active span {background: #1d4073!important;}


/*메인 슬라이드*/


#main_slider {overflow:hidden; width:100%; position: relative;}
#main_slider .slider li{width:100%; height: 100vh; position: relative;}
#main_slider .slider li:after{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.4); z-index: 10;}
#main_slider #slider01 {background:url(../images/slide_img01.jpg) no-repeat center; background-size: cover;}
#main_slider #slider02 {background:url(../images/slide_img02.jpg) no-repeat center; background-size: cover;}
#main_slider #slider03 {background:url(../images/slide_img03.jpg) no-repeat center; background-size: cover;}
#main_slider .slider_text {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding-top: 100px; opacity: 0; animation: slider_text forwards 1s; z-index: 11; padding: 0 20px;text-align: center;}
#main_slider .slider_text h2 {font-size: 30px; color: #fff; text-align: center; line-height: 1.6; word-break: keep-all;}
#main_slider .slider_text span { font-family: "DM Serif Text", serif; color: #fff; font-size: 60px;  word-break: keep-all;}
#main_slider .scroll {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); text-align: center; animation: scrolldown infinite 3s;}
#main_slider .scroll p {margin-bottom: 16px; font-size: 16px; font-weight: 400; color: #fff; text-transform: uppercase;}
#main_slider .scroll .mouse {display: inline-block; width: 36px; height: 60px; padding: 8px; border: 2px solid #fff; border-radius: 18px;}
#main_slider .scroll .bar {display: inline-block; width: 2px; height: 14px; background: #fff;}

/*관심등록*/
#main_slider .circle-wrap{position:absolute;width:180px;height:180px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;bottom:100px;left:50%;transform:translateX(-50%);text-decoration:none;}
#main_slider .circle-wrap::before{content:"";position:absolute;inset:0;border-radius:50%;background:#142b55;transform:scale(0.2);opacity:0;transition:transform .6s ease,opacity .6s ease;z-index:0;}
#main_slider .circle-wrap:hover::before{transform:scale(1);opacity:1;background:#142b55;}
#main_slider .circle-text{position:absolute;width:100%;height:100%;z-index:1;animation:rotateText 15s linear infinite;}
#main_slider .center-btn{position:relative;z-index:2;width:120px;height:120px;border-radius:50%;background:#142b55;color:#fff;font-weight:600;font-size:24px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,.15);}
@keyframes rotateText{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
/*관심등록*/



@keyframes slider_text {
  0% {
    padding-top: 100px;
    opacity: 0;
  }

  100% {
    padding-top: 0;
    opacity: 1;
  }
}

@keyframes scrolldown {
  0% {
    bottom: 80px;
  }

  30% {
    bottom: 50px;
  }

  100% {
    bottom: 80px;
  }
}

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

@media screen and (max-width: 960px) {
  #main_slider .slider_text h2 {font-size: 26px;}
}

@media screen and (max-width: 640px){
  #main_slider .slider_text{padding: 0 40px;}
  #main_slider .slider_text h2 {font-size: 20px;}
  #main_slider .slider_text span {font-size: 26px;}
  #main_slider .center-btn{font-size: 18px;width: 100px; height: 100px;}
  #main_slider .circle-wrap{width: 140px; height: 140px;}

}

/* con1 */
#con1{width:100%;height:100vh;position:relative; overflow:hidden;}
#con1 .con1_wrap{width:100%;height:100%;}
#con1 .con1-swiper{width:100%;height:100%;}
#con1 .swiper-slide{display:flex;align-items:center;height:100%;}
#con1 .inner{display:flex;align-items:center;justify-content:space-between; margin:0 auto;gap:40px;}
#con1 .txt-wrap{flex:1;color:#2e2e2e; width: 50%; padding-left: 100px;}
#con1 .txt-wrap .sub{color:#315fb5;font-size:22px;font-weight:600;margin-bottom:20px; word-break: keep-all;}
#con1 .txt-wrap h2{font-size:46px;line-height:1.4;font-weight:600;margin-bottom:60px;color:#333;font-family: "DM Serif Text", serif; word-break: keep-all;}
#con1 .desc h3{font-size:20px;color:#142b55;margin-bottom:15px;font-weight:300;font-family: "DM Serif Text", serif; letter-spacing: 1px; word-break: keep-all;}
#con1 .desc h4{font-size:24px;line-height:1.6;font-weight:600;margin-bottom:25px;color:#2e2e2e; word-break: keep-all;}
#con1 .desc ul{list-style:none;margin:0;padding:0;}
#con1 .desc ul li{font-size:20px;line-height:1.8;color:#666;}
#con1 .desc ul li p{word-break: keep-all;}
#con1 .img-wrap{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:420px; width: 50%;}
#con1 .img-wrap img{width:100%; /*filter:drop-shadow(0 10px 40px rgba(0,0,0,.12));*/}
#con1 .con1-pagination{position:absolute;z-index:6;bottom:100px;left:-41%;transform:none;}
#con1 .con1-pagination .swiper-pagination-bullet{width:40px;height:7px;border-radius:3px;background:#142b55;opacity:.35;margin:0 3px!important;transition:width .28s ease,opacity .28s ease,transform .28s ease;}
#con1 .con1-pagination .swiper-pagination-bullet-active{width:70px;opacity:1;transform:none;}
#con1 .con1-nav{position:absolute;top:46%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(49,95,181,.1);cursor:pointer;z-index:5;transition:all .3s;}
#con1 .con1-nav:hover{background:#142b55;}
#con1 .con1-nav::before{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
#con1 .con1-prev{left:20px;}
#con1 .con1-prev::before{transform:rotate(225deg);left:18px;}
#con1 .con1-next{right:20px;}
#con1 .con1-next::before{right:18px;}

#con .swiper-wrapper{height: auto;}

@media(max-width:1200px){
  #con1 .img-wrap .arch-bg{right:-18%;width:80vw;}
}
@media(max-width:1024px){
  #con1 .inner{flex-direction:column; gap:20px;; padding: 0 20px; max-width: -webkit-fill-available;}
  #con1 .txt-wrap{width: 100%; padding-left: 0;}
  #con1 .img-wrap{width: 100%;}
  #con1 .txt-wrap h2{font-size:34px;margin-bottom:30px;}
  #con1 .desc h4{font-size:20px;}
  #con1 .img-wrap{flex-direction: column; min-height:inherit;}
  #con1 .img-wrap img{ border-radius:24px; max-height: 360px;}
  #con1 .img-wrap .arch-bg{right:auto;left:50%;transform:translate(-50%,-50%);width:120vw;max-width:none;border-radius:50%;background:linear-gradient(145deg,#142b55 0%,#183d82 100%);}
  #con1 .con1-pagination{display: none;}
  #con1 .con1-pagination .swiper-pagination-bullet{width:28px;height:3px;margin:0 5px!important;}
  #con1 .con1-pagination .swiper-pagination-bullet-active{width:48px;}
}
@media(max-width:768px){
  #con1{height:auto;padding:50px 15px 0;}
  #con1 .txt-wrap .sub{font-size:16px;}
  #con1 .txt-wrap h2{font-size:24px; margin-bottom: 0px;}
  #con1 .desc ul li{font-size:14px;}
  #con1 .con1-pagination{left:20px;bottom:40px;}
  #con1 .con1-pagination .swiper-pagination-bullet{width:22px;height:3px;margin:0 4px!important;}
  #con1 .con1-pagination .swiper-pagination-bullet-active{width:36px;}
  #con1 .inner{padding: 0;}
  #con1 .desc h4{margin-bottom: 0;}
  #con1 .img-wrap img{max-height: 300px;}
}
/* con1 */

/* con2 */
#con2{width:100%;background:#f8f8f8;}
#con2 .con2_wrap{width:90%; margin:0 auto;}
#con2 .con2_wrap>h2{font-size:46px;line-height:1.4;font-weight:300;margin-bottom:30px;color:#333;font-family: "DM Serif Text", serif; word-break: keep-all; text-align: center;}

#con2 .con2-swiper{position:relative;overflow: inherit;}
#con2 .swiper-slide .inner{position:relative;width:100%;height:540px;border-radius:14px;overflow:hidden;background:#000;}
#con2 .img-wrap{position:absolute;inset:0;}
#con2 .img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 2.2s ease;}
#con2 .swiper-slide-active .img-wrap img{transform:scale(1);}
#con2 .overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:28px;padding:28px 36px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.75) 100%);color:#fff;}
#con2 .badge{display:flex;align-items:flex-end;gap:6px;padding:10px 16px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px);border-radius:10px;}
#con2 .badge strong{font-size:54px;line-height:1;font-weight:800;letter-spacing:-.02em;}
#con2 .badge span{font-size:22px;line-height:1.1;opacity:.9;}
#con2 .overlay .text{display:flex;flex-direction:column;gap:6px;}
#con2 .overlay .title{font-size:20px;font-weight:600;letter-spacing:.02em;}
#con2 .overlay .desc{font-size:15px;opacity:.9;}
/* arrows */
#con2 .con2-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.15);border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease; z-index: 999;}
#con2 .con2-prev{left:-28px;}
#con2 .con2-next{right:-28px;}
#con2 .con2-nav::before{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-top:2px solid #142b55;border-right:2px solid #142b55;transform:rotate(225deg);}
#con2 .con2-next::before{transform:rotate(45deg);}
#con2 .con2-nav:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 10px 28px rgba(0,0,0,.2);}
/* pagination pill */
#con2 .con2-pagination{position:absolute;left:0;right:0;bottom:-40px;display:flex;justify-content:center;align-items:center;gap:5px;}
#con2 .con2-pagination .swiper-pagination-bullet{width:40px;height:7px;border-radius:4px;background:#142b55;opacity:.35;transition:all .3s ease;}
#con2 .con2-pagination .swiper-pagination-bullet-active{width:70px;opacity:1;background:#142b55;}
/* more button */
#con2 .more-btn{position:absolute;right:0;bottom:-60px;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:26px;background:#142b55;color:#fff;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease;}
#con2 .more-btn::after{content:"";width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
#con2 .more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18);}
/* arch deco (optional subtle) */
#con2 .inner::after{content:"";position:absolute;left:-18%;bottom:-70%;width:80%;height:160%;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none;}
/* responsive */
@media(max-width:1200px){
  #con2 .swiper-slide .inner{height:520px;}
  #con2 .con2-prev{left:-18px;}#con2 .con2-next{right:-18px;}
}
@media(max-width:768px){
  #con2 .con2_wrap{width:94%;}
  #con2 .swiper-slide .inner{height:440px;border-radius:12px;}
  #con2 .overlay{padding:20px 18px;gap:16px;}
  #con2 .badge strong{font-size:40px;}
  #con2 .badge span{font-size:18px;}
  #con2 .overlay .title{font-size:17px;}
  #con2 .overlay .desc{font-size:14px;opacity:.85;}
  #con2 .con2-pagination{bottom:-32px;}
  #con2 .more-btn{bottom:-52px;height:44px;right: inherit;}
  #con2 .con2-nav{display: none;}
  #con2 .con2_wrap>h2{font-size: 24px;    margin-bottom: 10px;}
}
/* con2 */

/* con3 */
#con3{width:100%;height:100vh;position:relative;overflow:hidden;}
#con3 .txt-area>h2{font-size:46px;line-height:1.4;font-weight:300;margin-bottom:30px;color:#333;font-family: "DM Serif Text", serif; word-break: keep-all; text-align: center;}
#con3 .con3_wrap{width:100%;height:100%;}
#con3 .inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;gap:40px;}
#con3 .img-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:50%;}
#con3 .img-wrap img{width:100%;display:block;}
#con3 .txt-area{flex:1;position:relative;height:100%;width:50%; padding-right: 40px;}
#con3 .txt-swiper{width:100%;height:100%;}
#con3 .con3-pagination{position:absolute;z-index:6;bottom:24px;left:50%;transform:translateX(-50%);}
#con3 .con3-pagination .swiper-pagination-bullet{width:40px;height:7px;border-radius:3px;background:#142b55;opacity:.35;margin:0 3px!important;transition:width .28s ease,opacity .28s ease;}
#con3 .con3-pagination .swiper-pagination-bullet-active{width:70px;opacity:1;}

/* 탭 */
#con3 ul.tab{position:absolute;top:110px;right:0;z-index:9;display:inline-flex;align-items:center;gap:8px;padding:6px;background:rgba(255,255,255,.7);backdrop-filter:saturate(140%) blur(6px);border:1px solid #e8ecf6;border-radius:999px; }
#con3 ul.tab>li{min-width:96px;height:40px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;letter-spacing:.1px;color:#6b7a99;background:#f3f6fc;border:1px solid transparent;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .15s ease;}
#con3 ul.tab>li:hover{background:#eaf0fb;color:#4b5e88;}
#con3 ul.tab>li.selected{background:#142b55;color:#fff;border-color:#264a9c; }
#con3 ul.tab>li.selected:hover{transform:translateY(-1px);}

/* txt-area 카드형 도면 */
#con3 .plan-box{ padding:20px 24px 24px; position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease;}
#con3 .plan-box::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#142b55;}
/* #con3 .plan-box:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,95,181,.12);} */
#con3 .plan-viewport{ border-radius:10px; min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#con3 .plan-viewport img{max-width:92%;max-height:500px;height:auto;width:auto;object-fit:contain;display:block; }
#con3 .plan-meta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
#con3 .unit-info{display:flex;align-items:baseline;gap:14px;color:#6a7280;font-size:15px;}
#con3 .unit-info strong{font-family:"DM Serif Text",serif;font-size:28px;color:#142b55;line-height:1;letter-spacing:.2px;}
#con3 .unit-info span{font-size:15px;color:#8a93a8;}
#con3 .more-btn{z-index: 10;;position:static;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;background:#142b55;color:#fff;font-weight:700;box-shadow:0 6px 14px rgba(49,95,181,.18);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;}
#con3 .more-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(49,95,181,.24);opacity:.95;}
#con3 .more-btn::after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);}

/* 반응형 */
@media(max-width:1600px){
  #con3 ul.tab{left:50%;right:auto;transform:translateX(-50%);gap:6px;padding:5px;}#con3 ul.tab>li{min-width:88px;height:36px;padding:0 14px;font-size:13px;}
  #con3 .inner{flex-direction: column;}
  #con3 .img-wrap{ width: 100%; max-height: 300px; overflow: hidden;}
  #con3 .txt-area{width: 100%; padding-right: 0;}
  #con3 .txt-area>h2{text-align: left;}
}
@media(max-width:1024px){#con3{height:auto; }#con3 .inner{flex-direction:column;gap:20px;padding:0 10px;} #con3 .plan-viewport{min-height:300px;}#con3 .unit-info strong{font-size:24px;}#con3 .con3-pagination{position:static; transform:none;left:auto;bottom:auto;}}
@media(max-width:768px){#con3{padding: 60px 0 0;}#con3 .img-wrap{max-height:190px;}#con3 .txt-area>h2{font-size: 24px;margin-bottom: 10px;}#con3 .plan-box{padding:16px;gap:14px;}#con3 .plan-viewport{min-height:240px;}#con3 .unit-info strong{font-size:22px;}#con3 .unit-info span{font-size:14px;}#con3 .more-btn{height:40px;padding:0 18px;}#con3 ul.tab{top: 180px;}}
/* con3 */



/* con4 */
#con4{width:100%;position:relative;overflow:hidden;background:url(../images/con4_bg.jpg) no-repeat center/cover;transition:background .6s ease;}
#con4 ul{display:flex;width:100%;height:100%;}
#con4 ul li{flex:1;position:relative;display:flex;justify-content:center;align-items:center;text-align:center; color:#fff;}
#con4 ul li::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.55);transition:background .3s;}
#con4 ul li:hover::after{background:rgba(0,0,0,0.741);}
#con4 ul li .inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 50px;}
#con4 ul li img{width:80px;display:block;}
#con4 ul li h3{font-size:28px;line-height:1.4;font-weight:300;color:#fff;font-family:"DM Serif Text",serif;word-break:keep-all;text-align:center;}
#con4 ul li h4{font-size:20px;font-weight:600;line-height:1.6;color:#eee;word-break:keep-all;}
#con4 ul li p{font-size:18px;line-height:1.6;word-break:keep-all;color:#eee;}

#con4 ul li a{display:block;width:100%; text-decoration:none;color:inherit;}
#con4 ul li a:hover{text-decoration:none;}


@media screen and (max-width:1400px){
#con4::before,#con4::after{content:"";position:absolute;background:#eee;z-index:5;}
#con4::before{width:1px;height:100%;top:0;left:50%;transform:translateX(-50%);} /* 세로선 */
#con4::after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%);} /* 가로선 */
#con4 ul{flex-wrap:wrap;}
#con4 ul li{width:50%;flex:auto;}
#con4 ul li img{width:60px;}
#con4 ul li h3{font-size:22px;}
#con4 ul li .inner{gap:10px;padding:20px;}
#con4{margin-top:100px;}
#con4 ul li h4{font-size:18px;}
#con4 ul li p{font-size:16px;}
}

@media screen and (max-width:960px){
  #con4 ul{}
#con4 ul li{width: 100%;}
#con4 ul li:nth-of-type(1){padding-top: 60px;}
#con4::before{display: none;}
#con4::after{display: none;}
/* #con4 ul li .inner{padding: 10px 10px 0 10px;} */
#con4 ul li .inner{ }
#con4 ul li h4{display: none;}
#con4 ul li p{display: none;}
}
/* con4 */

/* con5 */
#con5{width:100%;height:100vh;position:relative; overflow:hidden;}
#con5 .con5_wrap{width:100%;height:100%;}
#con5 .inner{display:flex;align-items:center;justify-content:space-between; margin:0 auto;gap:40px;}
#con5 .txt-wrap{flex:1;color:#2e2e2e; width: 50%; padding-left: 100px;}
#con5 .txt-wrap .sub{color:#315fb5;font-size:22px;font-weight:600;margin-bottom:20px; word-break: keep-all;}
#con5 .txt-wrap h2{font-size:46px;line-height:1.4;font-weight:600;margin-bottom:30px;color:#333;font-family: "DM Serif Text", serif; word-break: keep-all;}
#con5 .desc h3{font-size:20px;color:#142b55;margin-bottom:15px;font-weight:300;font-family: "DM Serif Text", serif; letter-spacing: 1px; word-break: keep-all;}
#con5 .desc h4{font-size:24px;line-height:1.6;font-weight:600;margin-bottom:25px;color:#2e2e2e; word-break: keep-all;}
#con5 .desc ul{list-style:none;margin:0;padding:0;}
#con5 .desc ul li{font-size:20px;line-height:1.8;color:#666;}
#con5 .desc ul li p{word-break: keep-all;}
#con5 .img-wrap{flex:1;display:flex;justify-content:center;align-items:center;position:relative;  width: 50%;}


#con5 .site-info{display:flex;justify-content:space-between;align-items:flex-start;gap:24px; padding:50px 30px;background:#f4f6fa;border:1px solid #d8dfe8;border-radius:14px;color:#142b55;}
#con5 .info-left{flex:1;min-width:0;}
#con5 .info-left .row2 {align-items: center;}
#con5 .info-right{display:flex;align-items:flex-end;}
#con5 .info-row{display:flex;align-items:flex-start;gap:12px;}
#con5 .info-row+.info-row{margin-top:18px;}
#con5 .ico{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#e1e7f0;color:#142b55;flex:none;}
#con5 .ico img{max-width: 100%;}
#con5 .label{display:inline-block;margin-right:10px;font-weight:800;color:#142b55;font-size: 24px;}
#con5 .info-txt{flex:1;min-width:0;}
#con5 .info-txt .addr{margin: 15px 0;}
/* #con5 .info-txt .addr:first-of-type{margin-top:2px;} */
#con5 .info-txt p{font-size:20px;line-height:1.7;color:#142b55;}
#con5 .info-txt p b{font-weight:800;color:#0d1c33;}
#con5 .info-sep{display:block;width:100%;height:1px;background:#d8dfe8;margin:20px 0;}
#con5 .tel{font-size:22px;font-weight:800;color:#142b55;text-decoration:none;}
#con5 .btn-more{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:26px;background:#142b55;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.05) inset;transition:background .3s;}
#con5 .btn-more:hover{background:#1c3b7a;}
@media screen and (max-width:960px){#con5 .site-info{flex-direction:column;gap:8px;padding:22px;border-radius:12px;}#con5 .tel{font-size:20px;}#con5 .btn-more{align-self:flex-start;padding:5px 10px;border-radius:24px;}}


@media(max-width:1024px){
  #con5 .inner{flex-direction:column; gap:20px;; padding: 0 20px; max-width: -webkit-fill-available;}
  #con5 .txt-wrap{width: 100%; padding-left: 0;}
  #con5 .txt-wrap h2{font-size:34px;margin-bottom:30px;}
  #con5 .desc h4{font-size:20px;}
  #con5 .img-wrap{ overflow: hidden;width: 100%;}
  #con5 .img-wrap iframe{height: 250px;width: 100%;}
  #con5 .site-info{padding: 15px;}
  #con5 .ico{width: 40px; height: 40px;}
  #con5 .label{font-size: 20px;}
  #con5 .info-txt p{font-size: 16px;}
  #con5 .info-left{width: 100%;}
  #con5 .info-sep{margin: 10px 0;}
  #con5 .txt-wrap .sub{margin-bottom:0 ;}
  #con5 .info-txt .addr{margin: 5px 0;}
}
@media(max-width:768px){
  #con5{height:auto;padding:0 10px;}
  #con5 .txt-wrap .sub{font-size:16px;}
  #con5 .txt-wrap h2{font-size:24px; margin-bottom: 10px;}
  #con5 .desc ul li{font-size:14px;}
  #con5 .inner{padding:80px 0 0;}
  #con5 .desc h4{margin-bottom: 0;}
  #con5 .label{font-size: 16px;}
  #con5 .info-txt p{font-size: 14px;}
  #con5 .tel{font-size: 16px;}
  #con5 .label{margin-right: 0;}
  #con5 .info-sep{margin: 5px;}
}
/* con5 */



/* 하단 레이아웃 */
#ft {height: auto!important; min-height: auto!important; padding: 54px 80px; background: #333;}
#ft #ft_wr {position: relative;}
#ft #ft_logo {margin-bottom: 40px;}
#ft #ft_con span {display: inline-block; font-size: 16px; font-weight: 300; color: #ddd; word-break: keep-all;line-height: 1.5;}
#ft #ft_con span a {color: #ddd;}
#ft #ft_con p {margin-top: 18px;}
#ft #ft_menu {position: absolute; bottom: 0; right: 0;}
#ft #ft_menu a {display: inline-block; font-size: 16px; font-weight: 700; color: #fff; white-space: nowrap;}
#ft #ft_menu a:not(:last-child) {margin-right: 70px;}

@media screen and (max-width: 1200px) {
  #ft #ft_menu {position: static; margin-top: 30px; padding-top: 30px; border-top: 1px solid #555;}
}

@media screen and (max-width: 960px) {
  #ft {padding: 30px;}
  #ft #ft_logo {margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
  #ft {padding: 30px 20px;}
  #ft #ft_logo img {height: 25px;}
  #ft #ft_con p {margin-top: 10px;}
  #ft #ft_menu {display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; padding-top: 20px;}
  #ft #ft_menu a {padding: 0 5px; font-size: 14px;}
  #ft #ft_menu a:not(:last-child) {margin-right: 0;}
}



/*a1*/
#a1{padding:70px 10px;max-width:1400px;margin:0 auto;}
#a1 .img-col img{width:100%;height:100%;object-fit:cover;border-radius:16px}
#a1 .card-title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e9eef5;margin:0; display: none;}
#a1 .card-title .eyebrow{display:none;padding:10px 20px;border-radius:999px;background:#f2f6fb;color:#315fb5;font-size:24px;font-weight:700;letter-spacing:.04em}
#a1 .card-title .brand{font-size:18px;font-weight:700;color:#142b55}
#a1 .kv{margin:0;border-top:0;border-radius:0}
#a1 .kv .row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:0;border-top:1px solid #edf1f6}
#a1 .kv .row:first-child{border-top:0}
#a1 .kv dt{padding:14px 16px;background:#f7f9fc;color:#1c2a44;font-weight:800;font-size:18px;border-right:1px solid #edf1f6}
#a1 .kv dd{padding:14px 18px;color:#4b5563;line-height:1.6;font-size:16px}
#a1 .kv .row:nth-child(even) dd{background:#fcfdff}
#a1 .kv .row:nth-child(even) dt{background:#f4f7fb}
#a1 .note{margin:0;padding:12px 18px;border-top:1px dashed #e5ebf2;text-align:right;color:#9aa4b2;font-size:14px;display:none}

@media screen and (max-width:1024px){
  #a1{display:block;gap:18px;padding:30px 10px;}
  #a1 .img-col{width:100%;margin-bottom:18px}
  #a1 .img-col img{height:360px;border-radius:16px}
  #a1 .card{width:100%}
  #a1 .kv .row{grid-template-columns:120px 1fr}
  #a1 .kv dt{font-size:16px}
  #a1 .kv dd{font-size:15px}
}

@media screen and (max-width:640px){
  #a1{gap:14px}
  #a1 .img-col img{height:auto;border-radius:12px}
  #a1 .card{border-radius:12px}
  #a1 .card-title{padding:16px 16px}
  #a1 .kv .row{grid-template-columns:1fr}
  #a1 .kv dt{border-right:0;border-bottom:1px solid #edf1f6;border-top:1px solid #edf1f6;padding:10px 12px;font-size:14px}
  #a1 .kv .row:first-child dt{border-top:0}
  #a1 .kv dd{padding:12px 12px;font-size:14px}
  #a1 .card-title .brand{font-size:16px}
}
/*a1*/

/*a2*/
#a2{padding:70px 10px 0;max-width:1400px;margin:0 auto}
#a2 .a2-wrap{display:flex;align-items:stretch;gap:30px}
#a2 .map-area{flex:1; overflow:hidden}
#a2 .map-area img{max-width: 100%;border: 1px solid #ddd;border-radius: 20px;}
#a2 .map-area iframe{width:100%;height:500px;border:0}
#a2 .info-area{display:flex;flex-direction:column;justify-content:center;padding:30px;background:#f8f8f8;border-radius:20px}
#a2 .info-area h3{font-size:28px;line-height:1.5;color:#142b55;font-weight:400;margin-bottom:30px}
#a2 .info-area h3 b{font-weight:700;color:#1d4073}
#a2 .info-box{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #edf1f6}
#a2 .info-box:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
#a2 .info-box h4{font-size:20px;font-weight:700;color:#1c2a44;margin-bottom:10px}
#a2 .info-box p{font-size:18px;color:#444;line-height:1.7;margin-bottom:8px}
#a2 .info-box p span{display:inline-block; color:#315fb5;font-weight:700;line-height: 40px;}
#a2 .tel{font-weight:800;color:#1f4aa2;text-decoration:none}
#a2 .tel:hover{text-decoration:underline}

#a2 .wrap_02{margin-top: 70px;flex-direction: row-reverse;}

/* 지도 버튼형 */
#a2 .info-box a{margin-right:0;text-decoration:none}
#a2 .info-box a.link{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:12px;font-size:15px;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 16px rgba(17,24,39,.06);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;margin-right:8px;border:1px solid transparent}
#a2 .info-box a.link:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(17,24,39,.10);filter:saturate(1.05)}
#a2 .info-box a.link:active{transform:translateY(0);box-shadow:0 6px 16px rgba(17,24,39,.06)}
#a2 .info-box a.link::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:currentColor;opacity:.8}
#a2 .info-box a.link.naver{background:#03c75a;color:#fff;border-color:#03c75a}
#a2 .info-box a.link.kakao{background:#fee500;color:#171717;border-color:#e6cf00}
#a2 .info-box a.link.google{background:#fff;color:#4285f4;border-color:#cfd8e3}

/* tablet */
@media screen and (max-width:1024px){
  #a2{padding:30px 10px}
  #a2 .a2-wrap{flex-direction:column}
  #a2 .map-area iframe{height:400px}
  #a2 .info-area{padding:24px}
  #a2 .info-area h3{font-size:24px;margin-bottom:24px}
  #a2 .info-box a.link{height:42px;padding:0 14px;margin-right:6px}
}

/* mobile */
@media screen and (max-width:640px){
  #a2 .map-area iframe{height:320px}
  #a2 .info-area{padding:20px;border-radius:12px}
  #a2 .info-area h3{font-size:22px;margin-bottom:20px}
  #a2 .info-box h4{font-size:18px}
  #a2 .info-box p{font-size:15px}
  #a2 .info-box a.link{height:40px;padding:0 12px;font-size:14px;border-radius:10px;margin-right:6px}
  #a2 .info-box a.link::before{display: none;}
}
/*a2*/

/*b1*/
#b1{width:100%;padding:70px 10px; }
#b1 .b1_wrap{max-width:1280px;margin:0 auto;}
#b1 #tab_box .tab{display:flex;justify-content:center;gap:10px;margin-bottom:70px;}
#b1 #tab_box .tab li{padding:12px 30px;background:#f4f6fa;border-radius:30px;font-size:18px;color:#555;cursor:pointer;transition:all .3s ease;}
#b1 #tab_box .tab li.selected{background:#142b55;color:#fff;}
#b1 #tab_box .tab li.selected a{color: #fff;}
#b1 .tab_con{display:none;}
#b1 .tab_con.on{display:block;}
@media(max-width:640px){
  #b1 #tab_box .tab{margin-bottom: 30px;}
  #b1 #tab_box .tab li{font-size: 14px; padding: 12px 15px;}
}

/*59a*/
#b1 #house59a .title-area{text-align:center;margin-bottom:50px; width: 30%;}
#b1 #house59a .title-area h2{font-size:80px;font-weight:700;color:#222;line-height:1;}
#b1 #house59a .title-area h2 span{font-size:90px;color:#2b5fb6;}
#b1 #house59a .title-area h2 sup{font-size:36px;}
#b1 #house59a .title-area h2 b{font-weight:700;margin-left:10px;color:#444;}
#b1 #house59a .title-area .unit{font-size:22px;color:#666;margin-top:10px;}
#b1 #house59a .info-area{display:flex;justify-content:center;margin-bottom:60px;width: 70%;}
#b1 #house59a .img-area{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px;}
#b1 #house59a .img-area .img-wrap{flex:1 1 45%;border:1px solid #eee;border-radius:10px;overflow:hidden;}
#b1 #house59a .img-area .img-wrap img{width:100%;display:block;}
#b1 #house59a .keymap-area{text-align:center;border-radius: 20px; background: #f8f8f8; padding: 30px;}
#b1 #house59a .keymap-area img{max-width:320px;width:100%;margin-bottom:15px;}
#b1 #house59a .keymap-area .note{font-size:16px;color:#666;line-height:1.6; word-break: keep-all;}

#b1 #house59a .fx{display: flex; align-items: center; gap: 30px;}

@media(max-width:1024px){
#b1 #house59a .title-area h2{font-size:60px;}
#b1 #house59a .info-table{width:100%;}
#b1 #house59a .img-area{flex-direction:column;}
}

@media(max-width:960px){
  #b1{padding: 30px 10px;}
  #b1 #house59a .fx{flex-direction: column;gap: 0;}
  #b1 #house59a .title-area{width: 100%; margin-bottom: 20px;}
  #b1 #house59a .title-area h2 span{font-size: 40px;}
  #b1 #house59a .title-area h2{font-size: 30px;}
  #b1 #house59a .title-area h2 sup{font-size: 20px;}
  #b1 #house59a .title-area h2 b{margin-left: 3px;}
  #b1 #house59a .title-area .unit{font-size: 20px;}
  #b1 #house59a .info-area{width: 100%;margin-bottom: 20px;}
  #tab_box .tab{margin-bottom: 30px;}
  #b1 #house59a .img-area{gap: 20px;margin-bottom: 20px;}
}
/*59a*/

/*59b*/
#b1 #house59b .title-area{text-align:center;margin-bottom:50px; width: 30%;}
#b1 #house59b .title-area h2{font-size:80px;font-weight:700;color:#222;line-height:1;}
#b1 #house59b .title-area h2 span{font-size:90px;color:#2b5fb6;}
#b1 #house59b .title-area h2 sup{font-size:36px;}
#b1 #house59b .title-area h2 b{font-weight:700;margin-left:10px;color:#444;}
#b1 #house59b .title-area .unit{font-size:22px;color:#666;margin-top:10px;}
#b1 #house59b .info-area{display:flex;justify-content:center;margin-bottom:60px;width: 70%;}
#b1 #house59b .img-area{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px;}
#b1 #house59b .img-area .img-wrap{flex:1 1 45%;border:1px solid #eee;border-radius:10px;overflow:hidden;}
#b1 #house59b .img-area .img-wrap img{width:100%;display:block;}
#b1 #house59b .keymap-area{text-align:center;border-radius: 20px;background: #f8f8f8; padding: 30px;}
#b1 #house59b .keymap-area img{max-width:320px;width:100%;margin-bottom:15px;}
#b1 #house59b .keymap-area .note{font-size:16px;color:#666;line-height:1.6; word-break: keep-all;}

#b1 #house59b .fx{display: flex; align-items: center; gap: 30px;}

@media(max-width:1024px){
#b1 #house59b .title-area h2{font-size:60px;}
#b1 #house59b .info-table{width:100%;}
#b1 #house59b .img-area{flex-direction:column;}
}

@media(max-width:960px){
  #b1 #house59b .fx{flex-direction: column;gap: 0;}
  #b1 #house59b .title-area{width: 100%; margin-bottom: 20px;}
  #b1 #house59b .title-area h2 span{font-size: 40px;}
  #b1 #house59b .title-area h2{font-size: 30px;}
  #b1 #house59b .title-area h2 sup{font-size: 20px;}
  #b1 #house59b .title-area h2 b{margin-left: 3px;}
  #b1 #house59b .title-area .unit{font-size: 20px;}
  #b1 #house59b .info-area{width: 100%;margin-bottom: 20px;}
  #b1 #house59b .img-area{gap: 20px;margin-bottom: 20px;}
}
/*59b*/

/* gallery */
#b1 .gallery-area{margin-top:60px}
#b1 .plan-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#b1 .plan-gallery li{position:relative;border:1px solid #eee;border-radius:10px;overflow:hidden}
#b1 .plan-gallery li img{width:100%;height:100%;display:block;object-fit:cover}
#b1 .plan-gallery li .label{position:absolute;right:0;bottom:0;background:#142b55;color:#fff;font-size:18px;font-weight:500;padding:5px 20px;border-top-left-radius:10px}

/* layout: 1행(거실) 전체, 2행 2칸, 3행 4칸 */
#b1 .plan-gallery li:nth-child(1){grid-column:1/5;aspect-ratio:16/9}
#b1 .plan-gallery li:nth-child(2){grid-column:1/3;aspect-ratio:4/3}
#b1 .plan-gallery li:nth-child(3){grid-column:3/5;aspect-ratio:4/3}
#b1 .plan-gallery li:nth-child(4){grid-column:1/2;aspect-ratio:3/4}
#b1 .plan-gallery li:nth-child(5){grid-column:2/3;aspect-ratio:3/4}
#b1 .plan-gallery li:nth-child(6){grid-column:3/4;aspect-ratio:3/4}
#b1 .plan-gallery li:nth-child(7){grid-column:4/5;aspect-ratio:3/4}

/* 반응형 */
@media(max-width:1024px){
#b1 .plan-gallery{grid-template-columns:repeat(2,1fr)}
#b1 .plan-gallery li:nth-child(1){grid-column:1/3}
#b1 .plan-gallery li:nth-child(2){grid-column:1/2}
#b1 .plan-gallery li:nth-child(3){grid-column:2/3}
#b1 .plan-gallery li:nth-child(4){grid-column:1/2}
#b1 .plan-gallery li:nth-child(5){grid-column:2/3}
#b1 .plan-gallery li:nth-child(6){grid-column:1/2}
#b1 .plan-gallery li:nth-child(7){grid-column:2/3}
}
@media(max-width:640px){
#b1 .gallery-area{margin-top: 20px;}
#b1 .plan-gallery{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:6px 2px 12px;border-radius:12px;-webkit-overflow-scrolling:touch;}
#b1 .plan-gallery li{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:4/3;grid-column:auto}
#b1 .plan-gallery::-webkit-scrollbar{height:6px}
#b1 .plan-gallery::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}
#b1 .plan-gallery li .label{font-size:14px;padding:3px 8px}
}
/* gallery */

/*b1*/

/*b2*/
#b2{width:100%;padding:70px 10px; }
#b2 .b2_wrap{max-width:1280px;margin:0 auto;}
#b2 #tab_box .tab{display:flex;justify-content:center;gap:10px;margin-bottom:70px;}
#b2 #tab_box .tab li{padding:12px 30px;background:#f4f6fa;border-radius:30px;font-size:18px;color:#555;cursor:pointer;transition:all .3s ease;}
#b2 #tab_box .tab li.selected{background:#142b55;color:#fff;}
#b2 .tab_con{display:none;}
#b2 .tab_con.on{display:block;}
#b2 #tab_box .tab li.selected a{color: #fff;}
@media(max-width:640px){
  #b2 #tab_box .tab{margin-bottom: 30px;}
  #b2 #tab_box .tab li{font-size: 14px; padding: 12px 15px;}
}

/*84a*/
#b2 #house84a .title-area{text-align:center;margin-bottom:50px; width: 30%;}
#b2 #house84a .title-area h2{font-size:80px;font-weight:700;color:#222;line-height:1;}
#b2 #house84a .title-area h2 span{font-size:90px;color:#2b5fb6;}
#b2 #house84a .title-area h2 sup{font-size:36px;}
#b2 #house84a .title-area h2 b{font-weight:700;margin-left:10px;color:#444;}
#b2 #house84a .title-area .unit{font-size:22px;color:#666;margin-top:10px;}
#b2 #house84a .info-area{display:flex;justify-content:center;margin-bottom:60px;width: 70%;}
#b2 #house84a .img-area{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px;}
#b2 #house84a .img-area .img-wrap{flex:1 1 45%;border:1px solid #eee;border-radius:10px;overflow:hidden;}
#b2 #house84a .img-area .img-wrap img{width:100%;display:block;}
#b2 #house84a .keymap-area{text-align:center;border-radius: 20px; background: #f8f8f8; padding: 30px;}
#b2 #house84a .keymap-area img{max-width:320px;width:100%;margin-bottom:15px;}
#b2 #house84a .keymap-area .note{font-size:16px;color:#666;line-height:1.6; word-break: keep-all;}

#b2 #house84a .fx{display: flex; align-items: center; gap: 30px;}

@media(max-width:1024px){
#b2 #house84a .title-area h2{font-size:60px;}
#b2 #house84a .info-table{width:100%;}
#b2 #house84a .img-area{flex-direction:column;}
}

@media(max-width:960px){
  #b2 #house84a .fx{flex-direction: column;gap: 0;}
  #b2 #house84a .title-area{width: 100%; margin-bottom: 20px;}
  #b2 #house84a .title-area h2 span{font-size: 40px;}
  #b2 #house84a .title-area h2{font-size: 30px;}
  #b2 #house84a .title-area h2 sup{font-size: 20px;}
  #b2 #house84a .title-area h2 b{margin-left: 3px;}
  #b2 #house84a .title-area .unit{font-size: 20px;}
  #b2 #house84a .info-area{width: 100%;margin-bottom: 20px;}
  #b2 #house84a .img-area{gap: 20px;margin-bottom: 20px;}
}
/*84a*/

/*84b*/
#b2 #house84b .title-area{text-align:center;margin-bottom:50px; width: 30%;}
#b2 #house84b .title-area h2{font-size:80px;font-weight:700;color:#222;line-height:1;}
#b2 #house84b .title-area h2 span{font-size:90px;color:#2b5fb6;}
#b2 #house84b .title-area h2 sup{font-size:36px;}
#b2 #house84b .title-area h2 b{font-weight:700;margin-left:10px;color:#444;}
#b2 #house84b .title-area .unit{font-size:22px;color:#666;margin-top:10px;}
#b2 #house84b .info-area{display:flex;justify-content:center;margin-bottom:60px;width: 70%;}
#b2 #house84b .img-area{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px;}
#b2 #house84b .img-area .img-wrap{flex:1 1 45%;border:1px solid #eee;border-radius:10px;overflow:hidden;}
#b2 #house84b .img-area .img-wrap img{width:100%;display:block;}
#b2 #house84b .keymap-area{text-align:center;border-radius: 20px; background: #f8f8f8; padding: 30px;}
#b2 #house84b .keymap-area img{max-width:320px;width:100%;margin-bottom:15px;}
#b2 #house84b .keymap-area .note{font-size:16px;color:#666;line-height:1.6; word-break: keep-all;}

#b2 #house84b .fx{display: flex; align-items: center; gap: 30px;}

@media(max-width:1024px){
#b2 #house84b .title-area h2{font-size:60px;}
#b2 #house84b .info-table{width:100%;}
#b2 #house84b .img-area{flex-direction:column;}
}

@media(max-width:960px){
  #b2 #house84b .fx{flex-direction: column;gap: 0;}
  #b2 #house84b .title-area{width: 100%; margin-bottom: 20px;}
  #b2 #house84b .title-area h2 span{font-size: 40px;}
  #b2 #house84b .title-area h2{font-size: 30px;}
  #b2 #house84b .title-area h2 sup{font-size: 20px;}
  #b2 #house84b .title-area h2 b{margin-left: 3px;}
  #b2 #house84b .title-area .unit{font-size: 20px;}
  #b2 #house84b .info-area{width: 100%;margin-bottom: 20px;}
  #b2 #house84b .img-area{gap: 20px;margin-bottom: 20px;}
}
/*84b*/

/* gallery */
#b2 .gallery-area{margin-top:60px}
#b2 .plan-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#b2 .plan-gallery li{position:relative;border:1px solid #eee;border-radius:10px;overflow:hidden}
#b2 .plan-gallery li img{width:100%;height:100%;display:block;object-fit:cover}
#b2 .plan-gallery li .label{position:absolute;right:0;bottom:0;background:#142b55;color:#fff;font-size:18px;font-weight:500;padding:5px 20px;border-top-left-radius:10px}

/* 1행: 거실 | 주방 (반반) */
#b2 .plan-gallery li:nth-child(1){grid-column:1/4;aspect-ratio:14/9}
#b2 .plan-gallery li:nth-child(2){grid-column:4/7;aspect-ratio:14/9}
/* 2행: 안방 | 드레스룸 (반반) */
#b2 .plan-gallery li:nth-child(3){grid-column:1/4;aspect-ratio:14/9}
#b2 .plan-gallery li:nth-child(4){grid-column:4/7;aspect-ratio:14/9}
/* 3행: 현관 | 펜트리 | 욕실 (3등분) */
#b2 .plan-gallery li:nth-child(5){grid-column:1/3;aspect-ratio:2.5/3}
#b2 .plan-gallery li:nth-child(6){grid-column:3/5;aspect-ratio:2.5/3}
#b2 .plan-gallery li:nth-child(7){grid-column:5/7;aspect-ratio:2.5/3}

/* 반응형 */
@media(max-width:1024px){
#b2 .plan-gallery{grid-template-columns:repeat(2,1fr)}
#b2 .plan-gallery li:nth-child(1){grid-column:1/2}
#b2 .plan-gallery li:nth-child(2){grid-column:2/3}
#b2 .plan-gallery li:nth-child(3){grid-column:1/2}
#b2 .plan-gallery li:nth-child(4){grid-column:2/3}
#b2 .plan-gallery li:nth-child(5){grid-column:1/2}
#b2 .plan-gallery li:nth-child(6){grid-column:2/3}
#b2 .plan-gallery li:nth-child(7){grid-column:1/3}
}

@media(max-width:640px){
#b2 .gallery-area{margin-top:20px}
#b2 .plan-gallery{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:6px 2px 12px;border-radius:12px;-webkit-overflow-scrolling:touch}
#b2 .plan-gallery li{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:4/3;grid-column:auto}
#b2 .plan-gallery::-webkit-scrollbar{height:6px}
#b2 .plan-gallery::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}
#b2 .plan-gallery li .label{font-size:14px;padding:3px 8px}
}
/* gallery */


/*b2*/

/*c1*/
#c1{padding:70px 10px;max-width:1400px;margin:0 auto;}
#c1 img{max-width: 100%;}
#c1 h3{font-size: 40px; color: #333;    line-height: 1.6;     word-break: keep-all;}
#c1 p{font-size: 20px; color: #666;    line-height: 1.6;}
#c1 .tbl-stat tbody td{text-align: center;}

@media(max-width:960px){
  #c1{padding:30px 10px 0px;}
}
/*c1*/

/*c2*/
#c2{padding:70px 10px;max-width:1400px;margin:0 auto;}
#c2 img{max-width: 100%;}
#c2 h3{font-size: 40px; color: #333;    line-height: 1.6;     word-break: keep-all;}
#c2 p{font-size: 20px; color: #666;    line-height: 1.6;}

@media(max-width:960px){
  #c2{padding:30px 10px 0px;}
}
/*c2*/

/*c3*/
#c3{max-width: 1400px; margin: 0 auto; padding: 70px 10px;overflow: hidden;}
#c3 .con {margin-bottom: 80px;}
#c3 .con:last-child {margin-bottom: 0;}

#c3 .con1 {display: flex;}
#c3 .con1 .left {width: 50%; background-color: #70a0d3; padding: 50px; display: flex; flex-direction: column; justify-content: space-between;}
#c3 .con1 .left .top h2 {font-size: 36px; color: #fff; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
#c3 .con1 .left .top h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #fff; bottom: 0; left: 0;}
#c3 .con1 .left .top h3 {font-size: 20px; color: #fff; font-weight: 600;}
#c3 .con1 .left .bottom h4 {font-size: 18px; line-height: 28px; font-weight: 500; color: #fff; margin-bottom: 20px;}
#c3 .con1 .left .bottom ul {display: flex ; flex-wrap: wrap;}
#c3 .con1 .left .bottom ul li {font-size: 16px; color: #fff; border: 1px solid #fff; padding: 5px 10px; border-radius: 15px; margin-right: 10px; margin-bottom: 10px;}
#c3 .con1 .left .bottom ul li:last-child {margin-right: 10px;}
#c3 .con1 .right {width: 50%;}
#c3 .con1 .right img {width: 100%;}

#c3 .con2 .box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
#c3 .con2 .box:last-child {margin-bottom: 0;}
#c3 .con2 .box .imgwrap {width: 45%;}
#c3 .con2 .box .imgwrap img {width: 100%;}
#c3 .con2 .box .txtwrap {width: 50%;}
#c3 .con2 .box .txtwrap h3 {font-size: 18px; margin-bottom: 20px; color:#142b55;}
#c3 .con2 .box .txtwrap h2 {font-size: 34px; margin-bottom: 30px;}
#c3 .con2 .box .txtwrap p {margin-bottom: 10px; color: #666; font-size: 20px; line-height: 28px;}
#c3 .con2 .box .txtwrap p span{font-weight: 600;}

@media screen and (max-width: 1100px) {
	#c3 .con1 {flex-direction: column-reverse;}
	#c3 .con1 .left {width: 100%;}
	#c3 .con1 .right {width: 100%;}
}

@media screen and (max-width: 960px) {
  #c3{padding: 30px 10px;}
	#c3 .con1 .left {padding: 40px;}
	#c3 .con1 .left .top h2 {font-size: 30px;}
	#c3 .con1 .left .top h3 {font-size: 18px; margin-bottom: 50px;}
	#c3 .con1 .left .bottom h4 {font-size: 16px; line-height: 26px; margin-bottom: 15px;}
	#c3 .con1 .left .bottom ul li {font-size: 14px;}

  #c3 .con{margin-bottom: 20px;}
	#c3 .con2 .box {flex-direction: column; margin-bottom: 80px;}
	#c3 .con2 .box:nth-child(2n) {flex-direction: column-reverse;}
	#c3 .con2 .box .imgwrap {width: 100%; margin-bottom: 20px;}
	#c3 .con2 .box .txtwrap {width: 100%;}
	#c3 .con2 .box .txtwrap h2 {font-size: 24px;}
	#c3 .con2 .box .txtwrap p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#c3 .con1 .left {padding: 30px;}
	#c3 .con1 .left .top h2 {font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;}
	#c3 .con1 .left .top h2::after {width: 20px;}
	#c3 .con1 .left .bottom h4 {font-size: 14px; line-height: 24px;}
	#c3 .con1 .left .bottom ul li {font-size: 12px;}

	#c3 .con2 .box {margin-bottom:30px;}
	#c3 .con2 .box .txtwrap h3 {font-size: 14px;}
	#c3 .con2 .box .txtwrap h2 {font-size: 20px;margin-bottom: 0;}
	#c3 .con2 .box .txtwrap p {font-size: 14px; line-height: 24px;}
	#c3 .con2 .box .txtwrap ul {flex-direction: column; gap: 10px;}
}
/*c3*/




/*d1*/
#d1{max-width: 1400px; margin: 0 auto; padding: 70px 10px;overflow: hidden;}
#d1 .con {margin-bottom: 80px;}
#d1 .con:last-child {margin-bottom: 0;}

/*아이콘박스*/
#d1 #centric-info{width:100%;background:#0f2b4c;padding:10px 20px 50px 20px;color:#fff;text-align:center;    border-radius: 20px;}
#d1 #centric-info .inner{max-width:1280px;margin:0 auto;}
#d1 #centric-info .logo-area{display:flex;flex-direction:column;align-items:center;gap:10px;}
#d1 #centric-info .logo-area img{max-width:100%; display: block;}
#d1 #centric-info .logo-area h3{font-size:28px;line-height:1.4;font-weight:600;word-break: keep-all;}
#d1 #centric-info .logo-area h3 span{font-weight:300;opacity:.8;}
#d1 #centric-info .premium-list{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:30px;}
#d1 #centric-info .premium-list li{flex:1 1 160px;min-width:150px;max-width:200px;border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:18px 10px;}
#d1 #centric-info .premium-list li:hover{background:rgba(255,255,255,0.1);}
#d1 #centric-info .premium-list h4{font-size:16px;color:#8ec5ff;font-weight:600;margin-bottom:8px;word-break: keep-all;}
#d1 #centric-info .premium-list p{font-size:18px;line-height:1.4;font-weight:400;word-break: keep-all;}
#d1 #centric-info .info-txt{font-size:24px;line-height:1.6;color:#fff;opacity:.9;}
#d1 #centric-info .info-txt b{color:#8ec5ff;font-weight:600;}
@media(max-width:768px){
  #d1{padding: 30px 10px;}
  #d1 #centric-info{padding:10px ;}
#d1 #centric-info .premium-list{gap:10px;}
#d1 #centric-info .premium-list li{flex:1 1 calc(50% - 10px); max-width: none;}
#d1 #centric-info .logo-area img{width:100px;}
#d1 #centric-info .info-txt{font-size:16px;}
}
/*아이콘박스*/

/*사당지도*/
#d1 #sadang-map{margin-top: 50px;}
#d1 #sadang-map .map-head{ margin:0 auto 20px;background:#173357;color:#fff; padding:18px 22px;}
#d1 #sadang-map .map-head h2{font-size:26px;line-height:1.5;font-weight:600;margin:0; word-break: keep-all;}
#d1 #sadang-map .map-head h2 b{color:#8ec5ff;font-weight:800;}
#d1 #sadang-map .map-body{ margin:0 auto;position:relative; overflow:hidden;background:#f7f9fc;}
#d1 #sadang-map .map-body img{width:100%;display:block;height:auto;}
#d1 #sadang-map .map-badge{position:absolute;left:20px;bottom:20px;width:120px;height:120px;border-radius:50%;background:rgba(15,43,76,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.15);}
#d1 #sadang-map .map-badge img{max-width:80%;height:auto;display:block;}
#d1 #sadang-map .map-caption{ margin:10px auto 0;font-size:14px;color:#7a8597;text-align:right;}
@media(max-width:1024px){
#d1 #sadang-map .map-head h2{font-size:22px;}
#d1 #sadang-map .map-badge{width:90px;height:90px;left:14px;bottom:14px;}
}
@media(max-width:640px){
  #d1 #sadang-map{margin-top: 20px;}
#d1 #sadang-map .map-head{padding:14px 16px; margin: 0;}
#d1 #sadang-map .map-head h2{font-size:18px;}
#d1 #sadang-map .map-caption{text-align:left;font-size:12px;}
}
/*사당지도*/

/*입지환경*/
#life-premium{width:100%;padding:50px 0 0;background:#fff;}
#life-premium .lp-head{margin:0 auto 24px;background:#173357;color:#fff;padding:18px 24px;}
#life-premium .lp-head h2{margin:0;font-size:26px;line-height:1.5;font-weight:700;word-break: keep-all;}
#life-premium .lp-head h2 b{color:#8ec5ff;}
#life-premium .lp-grid{margin:0 auto;}
#life-premium .lp-card{display:flex;align-items:center;gap:30px;background:#f7f9fc; border-radius:12px;padding:50px;margin-bottom: 30px;}
#life-premium .lp-card:nth-of-type(even){flex-direction: row-reverse;}
#life-premium .lp-card>div:nth-of-type(1){width: 50%;display: flex; gap: 30px; align-items: center;}
#life-premium .lp-card>div:nth-of-type(2){width: 50%;}
#life-premium .lp-card img{max-width: 100%;}
#life-premium .lp-icon{width:64px;height:64px;border-radius:50%;background:#e9f2ff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#life-premium .lp-icon img{width:60px;height:60px;object-fit:contain;display:block;}
#life-premium .lp-text h3{margin:0 0 6px;font-size:28px;color:#2b5fb6;font-weight:800;word-break: keep-all;}
#life-premium .lp-text ul{margin:0;padding-left:16px;color:#333;line-height:1.7;}
#life-premium .lp-text li{list-style:disc;font-size:20px;color:#666;word-break: keep-all;}
#life-premium .lp-thumb{width:100%;height:120px;border-radius:10px;overflow:hidden;background:#ddd;}
#life-premium .lp-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
#life-premium .lp-wide{margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#life-premium .lp-wide figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid #e6eaf0;}
#life-premium .lp-wide img{width:100%;display:block;height:100%;object-fit:cover;}
@media(max-width:1024px){
#life-premium .lp-grid{grid-template-columns:1fr;gap:14px;}
#life-premium .lp-card{grid-template-columns:72px 1fr 180px;}
#life-premium .lp-head h2{font-size:22px;}
}

@media(max-width:960px){
  #life-premium .lp-card{padding: 20px;flex-direction: column;gap: 10px;}
  #life-premium .lp-card>div:nth-of-type(1){width: 100%;}
  #life-premium .lp-card>div:nth-of-type(2){width: 100%;}

  #life-premium .lp-card:nth-of-type(even){flex-direction: column;}
}
@media(max-width:640px){
  #life-premium{padding: 20px 0 0;}
#life-premium .lp-card{grid-template-columns:56px 1fr;grid-template-rows:auto 140px;}
#life-premium .lp-thumb{grid-column:1/3;height:140px;}
#life-premium .lp-text h3{font-size:18px;}
#life-premium .lp-head h2{font-size:18px;}
#life-premium .lp-wide{grid-template-columns:1fr;gap:10px;}
#life-premium .lp-text li{font-size: 16px;}
#life-premium .lp-icon{display: none;}
}
/*입지환경*/


#d1 .con1 {display: flex;}
#d1 .con1 .left {width: 50%; background-color: #70a0d3; padding: 50px; display: flex; flex-direction: column; justify-content: space-between;}
#d1 .con1 .left .top h2 {font-size: 36px; color: #fff; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
#d1 .con1 .left .top h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #fff; bottom: 0; left: 0;}
#d1 .con1 .left .top h3 {font-size: 20px; color: #fff; font-weight: 600;}
#d1 .con1 .left .bottom h4 {font-size: 18px; line-height: 28px; font-weight: 500; color: #fff; margin-bottom: 20px;}
#d1 .con1 .left .bottom ul {display: flex ; flex-wrap: wrap;}
#d1 .con1 .left .bottom ul li {font-size: 16px; color: #fff; border: 1px solid #fff; padding: 5px 10px; border-radius: 15px; margin-right: 10px; margin-bottom: 10px;}
#d1 .con1 .left .bottom ul li:last-child {margin-right: 10px;}
#d1 .con1 .right {width: 50%;}
#d1 .con1 .right img {width: 100%;}

#d1 .con2 .box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
#d1 .con2 .box:last-child {margin-bottom: 0;}
#d1 .con2 .box .imgwrap {width: 45%;}
#d1 .con2 .box .imgwrap img {width: 100%;}
#d1 .con2 .box .txtwrap {width: 50%;}
#d1 .con2 .box .txtwrap h3 {font-size: 18px; margin-bottom: 20px; color:#142b55;}
#d1 .con2 .box .txtwrap h2 {font-size: 34px; margin-bottom: 30px;}
#d1 .con2 .box .txtwrap p {margin-bottom: 10px; color: #666; font-size: 20px; line-height: 28px;}
#d1 .con2 .box .txtwrap p span{font-weight: 600;}

@media screen and (max-width: 1100px) {
	#d1 .con1 {flex-direction: column-reverse;}
	#d1 .con1 .left {width: 100%;}
	#d1 .con1 .right {width: 100%;}
}

@media screen and (max-width: 960px) {
	#d1 .con1 .left {padding: 40px;}
	#d1 .con1 .left .top h2 {font-size: 30px;}
	#d1 .con1 .left .top h3 {font-size: 18px; margin-bottom: 50px;}
	#d1 .con1 .left .bottom h4 {font-size: 16px; line-height: 26px; margin-bottom: 15px;}
	#d1 .con1 .left .bottom ul li {font-size: 14px;}

	#d1 .con2 .box {flex-direction: column; margin-bottom: 80px;}
	#d1 .con2 .box:nth-child(2n) {flex-direction: column-reverse;}
	#d1 .con2 .box .imgwrap {width: 100%; margin-bottom: 20px;}
	#d1 .con2 .box .txtwrap {width: 100%;}
	#d1 .con2 .box .txtwrap h2 {font-size: 24px;}
	#d1 .con2 .box .txtwrap p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#d1 .con1 .left {padding: 30px;}
	#d1 .con1 .left .top h2 {font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;}
	#d1 .con1 .left .top h2::after {width: 20px;}
	#d1 .con1 .left .bottom h4 {font-size: 14px; line-height: 24px;}
	#d1 .con1 .left .bottom ul li {font-size: 12px;}

	#d1 .con2 .box {margin-bottom: 50px;}
	#d1 .con2 .box .txtwrap h3 {font-size: 14px;}
	#d1 .con2 .box .txtwrap h2 {font-size: 20px;}
	#d1 .con2 .box .txtwrap p {font-size: 14px; line-height: 24px;}
	#d1 .con2 .box .txtwrap ul {flex-direction: column; gap: 10px;}
}
/*d1*/

/*d2*/
#d2{max-width: 1400px; margin: 0 auto; padding: 70px 10px;overflow: hidden;}
#d2 .con {margin-bottom: 80px;}
#d2 .con:last-child {margin-bottom: 0;}

#d2 .con1 {display: flex;}
#d2 .con1 .left {width: 50%; background-color: #70a0d3; padding: 50px; display: flex; flex-direction: column; justify-content: space-between;}
#d2 .con1 .left .top h2 {font-size: 36px; color: #fff; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
#d2 .con1 .left .top h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #fff; bottom: 0; left: 0;}
#d2 .con1 .left .top h3 {font-size: 20px; color: #fff; font-weight: 600;}
#d2 .con1 .left .bottom h4 {font-size: 18px; line-height: 28px; font-weight: 500; color: #fff; margin-bottom: 20px;}
#d2 .con1 .left .bottom ul {display: flex ; flex-wrap: wrap;}
#d2 .con1 .left .bottom ul li {font-size: 16px; color: #fff; border: 1px solid #fff; padding: 5px 10px; border-radius: 15px; margin-right: 10px; margin-bottom: 10px;}
#d2 .con1 .left .bottom ul li:last-child {margin-right: 10px;}
#d2 .con1 .right {width: 50%;}
#d2 .con1 .right img {width: 100%;}

#d2 .con2 .box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
#d2 .con2 .box:last-child {margin-bottom: 0;}
#d2 .con2 .box .imgwrap {width: 45%;}
#d2 .con2 .box .imgwrap img {width: 100%;}
#d2 .con2 .box .txtwrap {width: 50%;}
#d2 .con2 .box .txtwrap h3 {font-size: 18px; margin-bottom: 20px; color:#142b55;}
#d2 .con2 .box .txtwrap h2 {font-size: 34px; margin-bottom: 30px;}
#d2 .con2 .box .txtwrap p {margin-bottom: 10px; color: #666; font-size: 20px; line-height: 28px;}
#d2 .con2 .box .txtwrap p span{font-weight: 600;}

@media screen and (max-width: 1100px) {
	#d2 .con1 {flex-direction: column-reverse;}
	#d2 .con1 .left {width: 100%;}
	#d2 .con1 .right {width: 100%;}
}

@media screen and (max-width: 960px) {
  #d2{padding: 30px 10px;}
	#d2 .con1 .left {padding: 40px;}
	#d2 .con1 .left .top h2 {font-size: 30px;}
	#d2 .con1 .left .top h3 {font-size: 18px; margin-bottom: 50px;}
	#d2 .con1 .left .bottom h4 {font-size: 16px; line-height: 26px; margin-bottom: 15px;}
	#d2 .con1 .left .bottom ul li {font-size: 14px;}

	#d2 .con2 .box {flex-direction: column; margin-bottom: 80px;}
	#d2 .con2 .box:nth-child(2n) {flex-direction: column-reverse;}
	#d2 .con2 .box .imgwrap {width: 100%; margin-bottom: 20px;}
	#d2 .con2 .box .txtwrap {width: 100%;}
	#d2 .con2 .box .txtwrap h2 {font-size: 24px;}
	#d2 .con2 .box .txtwrap p {font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#d2 .con1 .left {padding: 30px;}
	#d2 .con1 .left .top h2 {font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;}
	#d2 .con1 .left .top h2::after {width: 20px;}
	#d2 .con1 .left .bottom h4 {font-size: 14px; line-height: 24px;}
	#d2 .con1 .left .bottom ul li {font-size: 12px;}

	#d2 .con2 .box {margin-bottom: 50px;}
	#d2 .con2 .box .txtwrap h3 {font-size: 14px;}
	#d2 .con2 .box .txtwrap h2 {font-size: 20px;}
	#d2 .con2 .box .txtwrap p {font-size: 14px; line-height: 24px;}
	#d2 .con2 .box .txtwrap ul {flex-direction: column; gap: 10px;}
}
/*d2*/

/*d3*/
  #d3{max-width: 1400px; margin:0 auto; text-align: center;}
/*d3*/


/* 서브 페이지 끝 */


#top_btn {position: fixed; width: 40px; height: 40px; bottom: 10px; right: 10px; border: 2px solid #1d4073; border-radius: 100%; font-size: 22px; background: rgba(255, 255, 255, 0.5); color: #1d4073; text-align: center; backdrop-filter: blur(2px); transition: 0.3s; z-index: 1001;}
#top_btn:hover {background:#1d4073; color: #fff;}

/* 게시물 선택복사 선택이동 */
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#1d4073;color:#fff;cursor:pointer;border-radius:3px;transition: 0.3s;}
.btn_submit:hover {background:#1e509b}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec; font-size: 14px;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin-top: 20px; text-align: center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

@media screen and (max-width: 640px) {
#fp-nav.fp-right{right: 5px !important;}

}