@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
#sub #header {position:absolute;}

.gra-tt{background: linear-gradient(100deg, rgba(172, 121, 48, 1) 0%, rgba(217, 168, 84, 1) 50%, rgba(173, 122, 50, 1) 100%);color: transparent !important;-webkit-background-clip: text;}

.fz15 {font-size:15px; letter-spacing:-.03em;}
.fz17 {font-size:17px; letter-spacing:-.03em;}
.fz18 {font-size:18px; letter-spacing:-.03em;}
.fz20 {font-size:20px; letter-spacing:-.03em;}
.fz24 {font-size:24px; letter-spacing:-.03em;}
.fz28 {font-size:28px; letter-spacing:-.03em;}
.fz40 {font-size:40px; letter-spacing:-.03em;}

.contain.ty2 {max-width:1260px;}

.color24 {color:#242424 !important;}
.color-1 {color:#06152a !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.doc-cnt30 {margin-bottom:30px;}
.doc-cnt40 {margin-bottom:40px;}
.doc-cnt60 {margin-bottom:60px;}
.doc-cnt100 {margin-bottom:100px;}

.wide-img {height:600px; max-width:1240px; margin:50px auto 0; transition:all 0.5s ease-in-out; background-position:50% 50%; position:relative; background-image:url('../images/sub/sub0101_1.jpg'); background-size:cover; background-repeat:no-repeat;}
.wide-img .txt {position:absolute; top:-30px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; width:100%; text-align:center;}
.wide-img .fz40 {margin-bottom:25px; font-weight:700; color:#000; line-height:1.2em;}
.wide-img .fz40 span {color:#cb9f58; background:-webkit-linear-gradient(359deg, #aa762d, #cb9f58,#aa762d, #cb9f58); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.wide-img .fz28 {font-weight:500; color:#242424; line-height:1.429em;}

.widimg .wide-img {margin-top:0; max-width:1920px; transition:all 0.5s ease-in-out; }
.widimg .wide-img .txt {top:90px; transition:all 0.5s ease-in-out;}

.sub01-1 .fz20 {line-height:1.5em;}
.sub01-1 .fz40 {line-height:1.5em; color:#cb9f58; background:-webkit-linear-gradient(359deg, #aa762d, #cb9f58,#aa762d, #cb9f58); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700;}
.sub01-1 ul {margin:0 -15px; display:flex;}
.sub01-1 ul li {padding:0 15px; width:33.3333%;}
.sub01-1 .box {padding:40px 0 30px; border-radius:15px; background-image:url('../images/sub/border.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.sub01-1 strong {font-size:33px; margin:12px 0 15px; font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.3em; display:block;}
.sub01-1 p {line-height:1.722em;}

.connect-mem {display:flex;}
.connect-mem .col-l {flex:1 570px; max-width:570px;}
.connect-mem .col-r {padding-top:25px; flex:1; position:relative;}
.connect-mem .col-r .main-viewmore {top:30px; color:#878787; right:0;}
.connect-mem .col-r .main-viewmore:hover {color:#001940;}

.connect-mem .image {max-width:500px; margin-right:70px; background-image:url('../images/bbs/membg.jpg'); background-size:cover; background-repeat:no-repeat;}
.connect-mem .thumb {position:relative; padding-bottom:127.6%; overflow:hidden;}
.connect-mem .thumb img {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.connect-mem .top {color:#242424;}
.connect-mem .top .name {padding-right:20px; line-height:1.2em; font-weight:600;}
.connect-mem .item {padding:0 0 35px 22px; border-left:1px solid #ddd;}
.connect-mem .item:last-child {padding-bottom:0; border-left:1px solid #fff;}
.connect-mem .list {display:flex;}
.connect-mem .list ul {width:50%;}
.connect-mem .tit {margin-bottom:22px; font-weight:700; color:#242424; line-height:1.3em; position:relative;}
.connect-mem .tit:before {width:5px; height:30px; left:-25px; top:0; background-image:url('../images/bbs/bar.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.connect-mem ul li {padding-left:10px; line-height:1.78em; position:relative;}
.connect-mem ul li:before {font-size:20px; top:-1px; position:absolute; content:'· '; left:0; color:#06152a; font-weight:700;}

.sec3-items.ty2 li a {height:100px;}
.sec3-items.ty2 .tit {font-size:24px;}
.sec3-items li.active a {background-color:#fff;}
.sec3-items li.active a:after {border-color:#cca260;}
.sec3-items li.active a .tit {color:#ad7b32;}
.sec3-items.ty2 li.active .tit,
.sec3-items.ty2 li:hover .tit {border-bottom:0;}
.sec3-items.ty2 li.active a:before,
.sec3-items.ty2 li:hover a:before {width:18px; height:18px; right:15px; top:30px; background-image:url('../images/sub/plus.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:''; display: none;}

.real-cont, #sub-sec {padding:60px 0 130px;}
#sub-sec .contain {position:relative;}
#sub-sec .main-viewmore {top:10px;}
.sub-tit {margin-bottom:45px; text-align:center;}
.sub-tit .tit {margin-bottom:30px; font-weight:700; color:#ad7b32; letter-spacing:-.03em; line-height:1.3em;}
.sub-tit p {font-weight:700; letter-spacing:-.03em; line-height:1.429em;}

.sec2-slider1.no-slide .flex {margin:0 -10px -20px; display:flex; flex-wrap:wrap;}
.sec2-slider1.no-slide .flex .item {margin-bottom:20px; width:25%; display:none; transition:all 0.6s;}
.sec2-slider1.no-slide .flex .item.on {display:block;animation: showNav 500ms ease-in-out both;}
@keyframes showNav {
  from {opacity: 0;
  transform: scale(0)}
  to {opacity: 1;
  transform: scale(1)}
}

.sub-content {display:flex;}
.sub-content .col-l {flex: 1 300px; max-width: 300px; width: 1%;}
.sub-content .col-l .tit {margin-bottom:25px; color:#242424;}
.sub-content .col-l ul li {margin-bottom:15px;}
.sub-content .col-l ul li a {color:#898989;}
.sub-content .col-l ul li.active a {font-weight:600; color:#001940; text-decoration:underline;}
.sub-content .col-r {flex: 1 1 auto; width: 1%;}
.sub-content .col-r .sec4bot .box {overflow: hidden; box-shadow: 1px 1px 7px rgba(0,0,0,.1);}
.sub-content .sec4bot {padding:25px 0 30px; border-top:2px solid #868686; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap;}
.sub-content .sec4bot .item {margin-bottom:10px; width:33.3333%;}
.sub-content .sec4bot .item:hover .box {background-color:#fffdfa;}

.success-detail {margin-top:60px; border-top:2px solid #242424;}
.success-detail .item {padding:35px 0; display:flex; color:#242424; border-bottom:1px dashed #ddd;}
.success-detail .left {flex:1 300px; max-width:300px; padding-left:52px; line-height:1.4em; font-weight:600; letter-spacing:-.03em; position:relative;}
.success-detail .left:before {width:5px; height:30px; left:37px; top:4px; background-image:url('../images/bbs/bar.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.success-detail .in {flex:1;}
.success-detail .in .box {padding:35px 40px; line-height:1.722em; background-color:#f9f9f9; border-radius:10px; color:#242424;}

#sub .local-tab ul li a {width:200px; height:60px; color:#898989;}
#sub .local-tab ul li.active a {color:#fff;}
#sub .mapflex {display:block;}
#sub .mapflex .col-l {max-width:100%; flex:1 100%;}
#sub .mapflex .col-r {padding-left:0;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.addrinfo-wrap {margin-top:55px; display:flex;}
.addrinfo-wrap .sam {padding-left:80px; width:50%;}
.addrinfo-wrap .leftbar {position:relative;}
.addrinfo-wrap .leftbar:before {position:absolute; content:''; top:50%; left:-80px; width:60px; height:1px; background-color:#010a17;}
.addrinfo-wrap .subway {display:flex;}
.subway b {padding: 0 7px; font-weight: 400;}
.addrinfo-wrap .subway span {width:50px; height:25px;}
.addrinfo-wrap .subway span.line-1 {margin-right:10px; margin-bottom:0;}
.addrinfo-wrap strong.color-1 {margin-bottom:12px; display:block;}

.m-quick {display: none;}
/* .m-quick .in {border-top:2px solid #d6a759; } */
.m-quick .in {display:flex; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; border-top:2px solid transparent; transition: all 0.1s ease-in-out; border-image: linear-gradient(200deg, #d6a758 0%, #ad7a32 100%); border-image-slice: 1; z-index: 100;}
.m-quick a {height: 62px; font-size: 14px; width: 50%; border-right:1px solid rgba(221,221,221,.4); display:flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(270deg, rgba(171,119,46,1) 0%, rgba(217,168,83,1) 50%, rgba(179,129,58,1) 100%); color: #fff;}	
.m-quick a img {height:22px;}
.m-quick a:last-child {border-right: 0;}
.m-quick a:hover {background-color: #06152a; color: #fff;}
.m-quick a:hover .on {display: block;}
.m-quick a .on {display: none;}
.m-quick a:hover .off {display: none;}

#bo_v_img{display:block;}
#bo_v_img img{display:block;max-width:446px;margin-right:5px;margin-bottom:5px;border:6px solid #8d8d8d;}
/* #bo_v_img img{display:block;max-width:446px;margin-right:5px;margin-bottom:5px;border:6px solid #ad7a32; box-sizing: border-box; border-top: 6px solid transparent; border-image: linear-gradient(90deg, #d6a758 0%, #ad7a32 100%); border-image-slice: 1;} */