@charset "UTF-8";
@import url(/Module/Resources/fonts/SpoqaHanSans/SpoqaHanSans.css);
@import url(/Module/Resources/fonts/Gotham/Gotham.css);
@import url(/Module/Resources/fonts/fontawesome/css/font-awesome.min.css);
@import url(/Module/Resources/fonts/flaticon/font/flaticon.css);
@import url(/Module/Resources/fonts/ionicons/css/ionicons.min.css);

body {overflow-x:hidden;}

.sub-title-img {background-size:cover;background-position:65% 45%}
.sub-title-img.sub01 {background-image:url('/resources/images/sub/sub_top_img_01.jpg');}
.sub-title-img.sub02 {background-image:url('/resources/images/sub/sub_top_img_02.jpg');}
.sub-title-img.sub03 {background-image:url('/resources/images/sub/sub_top_img_03.jpg');}
.sub-title-img.sub04 {background-image:url('/resources/images/sub/sub_top_img_04.jpg');}
.sub-title-img.sub05 {background-image:url('/resources/images/sub/sub_top_img_05.jpg');}
.sub-title-img.sub06 {background-image:url('/resources/images/sub/sub_top_img_06.jpg');}
.sub-title-img.sub07 {background-image:url('/resources/images/sub/sub_top_img_07.jpg');}
.sub-title-img.sub08 {background-image:url('/resources/images/sub/sub_top_img_08.jpg');}
.sub-title{position:relative}
.sub-title:before{position:absolute;content:'';width:40px;height:4px;bottom:.5em;left:50%;margin-left:-20px;background:#000}
.sub-title02{font-size:46px;line-height:52px;font-weight:100}

/* SUB NAV */
.sub-nav{height:50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.sub-nav .container{height:100%;}
.location{display: flex;height:100%;list-style:none;margin:0;padding:0;}
.location > li{flex:0 0 25%;position:relative;height:100%;border-right:1px solid #e9e9e9;}
.location > li:nth-child(1){border-left:1px solid #e9e9e9}
.location li span,
.location li a{position:relative;display:flex;align-items:center;height:100%;padding:0 30px;font-family:'Spoqa Han Sans', sans-serif !important;font-size:16px;color:#2c2c2c;background:#fff;cursor:pointer;}
/*.location li a:hover{color:#45cd80;}*/
.location > li > span:after{content:'';display:block;position:absolute;right:20px;top:calc(50% - 8px);width:12px;height:12px;transform:rotate(-45deg);border-left:2px solid #000;border-bottom:2px solid #000;transition:all 0.3s ease;}
.location > li.active > span:after{transform:rotate(135deg)}
.location li ul{display:none;list-style:none;position:absolute;left:0;top:48px;left:-1px;right:-1px;height:auto;margin:0;padding:0;z-index:19;border:1px solid #e9e9e9;background:#fafafa;}
.location li.active ul{display:block}
.location li ul li:nth-child(1){margin-top:8px}
.location li ul li:nth-last-child(1){margin-bottom:6px}
.location li ul li a{padding:6px 30px;background:#fafafa;}
.location li ul li a:hover{color:#45cd80;}
.sub-title-area:after {content:"";display:block;width:;height:;}
.alert-link {font-family:"Gmarket Sans";font-weight:300;letter-spacing:0;font-size:1.625rem;}
.alert-link.sub-title-text {font-weight:700;color:#fff;}
@media (max-width:991px) {
	.location > li{flex:0 1 100%;position:relative;height:100%;border-right:1px solid #e9e9e9;}
}
@media (max-width:767px){	
	.sub-point-box {margin-top:5%;}
}
@media (max-width:575px) {
	.sub-nav{height:38px}
	.sub-nav .container{padding:0}
	.location li a,
	.location li span{font-size:13px;padding:0 18px;}
	.location > li > span:after{right:15px;top:calc(50% - 8px);width:10px;height:10px;border-width:1px;}
	.location > li.active > span:after{transform:rotate(135deg)}
	.location li ul{top:36px;}
	.location li ul li:nth-child(1){margin-top:8px}
	.location li ul li:nth-last-child(1){margin-bottom:6px}
	.location li ul li a{padding:6px 18px}
}
/*  */
.text-gray{color:#bebebe !important}
.point-color{color:#5475c7 !important}
.purple-color{color:#9451bf !important}
.sub-text-navy {color:#36395b;}
.gray-color{color:#b0b0b0}
.bg-style01{background-color:#fbfbfb;border:1px solid #e8e8e8}
.bg-style02{background-color:#373040}
.tel-btn{background-color:#5e82d6;color:#fff}
.sub-text-blue2 {color:#5e82d6}
.green-color {color:#80bb33}
.fa {border-radius:50%;text-align:center;font-weight:300 !important}
.fa-exclamation {width:15px;height:15px;background:#80bb33}


/* 빠른상담 && 카카오 상담 */
.quickConsult_box .form-control{background-color:#97939b;color:#fff}
.quickConsult_box select{background-image:linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);background-size:5px 5px, 5px 5px;background-repeat:no-repeat}
.quickConsult_box .form-control::placeholder{color:#fff}
.quickConsult_box .form-control select option{color:#fff}
.quickConsult_box .btn{background-color:#e04c8b;color:#fff}
.Consult_box_quick{background-color:#e04c8b}
.Consult_box_quick .consult_quick_ico{background-image:url('/resources/images/consult_ico01.png');background-repeat:no-repeat;width:42px;height:38px;margin-bottom:0px;display:inline-block;position:absolute;top:10px;margin-left:0;background-size:cover}

/*.Consult_box_quick:before{content:'';position:absolute;top:-15px;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #e04c8b}*/
.Consult_box_kakao{background-color:#ffe900}
.Consult_box_kakao .consult_kakao_ico{background-image:url('/resources/images/consult_ico02.png');background-repeat:no-repeat;width:36px;height:32px;margin-bottom:0px;display:inline-block;position:absolute;top:14px;margin-left:0;background-size:cover}
.Consult_box_kakao a{color:#3f1811}
.m_quickConsult_box{z-index:1003;bottom:0}
.m_quickConsult_box_form{background-color:#565258;position:relative;z-index:2;}
.box_down_btn{position:fixed;top:0;left:0;background:#000;content:"";width:100%;height:100%;opacity:0.65;z-index:2;}

/* 둘러보기 */
#floor_slide_Big .owl-dots{margin-top:0.5rem}
#floor_slide_Big .owl-nav{left:0;margin-left:0;margin-top:auto;width:100%}
#floor_slide_Big .owl-nav .owl-prev{left:-7% !important}
#floor_slide_Big .owl-nav .owl-next{right:-7% !important}
#floor_slide_thumbs .owl-item:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.4)}
#floor_slide_thumbs .owl-item.current:after{display:none}
.arrow-css{display:block;width:90px;height:90px;border-top:2px solid #6c6c6c;border-left:2px solid #6c6c6c}
.arrow-left-css{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.arrow-right-css{-webkit-transform:rotate(135deg);transform:rotate(135deg)}

/* 오시는길 */
.road_info h5, .road_info  li{font-size:16px;line-height:1.4}
.col-lg-6.left-box {-webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%;}
.col-lg-6.right-box {-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%;}
.sub0105-title {font-size:1.5rem;color:#36395b;font-weight:400;margin-bottom:50px}
.card-text {color:#333;}
.card-footer .btn {font-size:13px;position:relative;padding:0 10px 0 0;}
.card-footer .btn:after {content:"";display:block;width:5px;height:5px;border-top:1px solid #5e82d6;border-right:1px solid #5e82d6;position:absolute;top:50%;right:0;transform:rotate(45deg) translateY(-50%);}
.card-footer {padding:0;}
@media (max-width:1200px){
	.col-lg-6.left-box {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
	.col-lg-6.left-box img {width:100%;}
	.col-lg-6.right-box {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media (max-width:766px) {
	.road_info .sm-border-bottom{border-bottom:1px solid #dee2e6 !important}
	.d-flex {margin-top:4.6%;}
	.card-text {line-height:1.5}
	.col-lg-6.right-box {padding-bottom:8%;}
	.mb-type {margin-bottom:4%;}
}
@media (min-width:768px) {
	.road_info .lg-border-right{border-right:1px solid #dee2e6 !important}
}

/* CMS */
#sub_container .cms-container {width:100vw;padding-top:40px;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
@media (max-width:479px){
	.cms-container .cms.type15 .cms-column-list .cms-list-item .cms-description-box {max-width:320px}
}
@media (max-width: 991px){
	#sidebar ul.components li ul.depth-menu {display:none;}
	#sidebar .nav-item.has-depth .nav-link:after {content:'';display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-45deg);width:10px;height:10px;border-left: 2px solid #333333;border-bottom: 2px solid #333333;transition: all 0.3s ease;}
}