@charset "UTF-8";

/* S : common -----------------------------*/

a{font-family:'Noto Sans KR', sans-serif !important;}

.hidden{position:absolute; top:-9999px !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden;}

/* #wrap.F-type.main{min-width:1440px;} */
#wrap.F-type{min-width:1280px;}
#wrap.F-type .inner-a{display:block;}
#wrap.F-type.main .inner-a #footer{margin-top:0;}


.tab-lists, .tab_menu {margin:70px auto 0; width:1100px; text-align:center;}

.top-banner {position:fixed; top:0px; left:0px; width:100%; height:50px; background:url(https://apt.ssyenc.com/apt/stylesheets/images/haeundae_main/top_banner.png) center center no-repeat #00a5a3; z-index:9;}
.top-banner .btn-banner {position:absolute; top:9px; left:calc(50% + 375px); display:block; width:118px; height:32px; text-indent:-9999px; overflow:hidden;}


.banner-layer {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999;}
.banner-layer:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:#000; opacity:.48;}
.banner-layer .box {position:absolute; z-index:2; top:50%; left:50%; transform: translate(-50%, -50%);}
.banner-layer .box .close {position: absolute; top:12px; right:17px; display:block; width:32px; height:32px; background:url(https://apt.ssyenc.com/apt/images/omc_main/btn_close.png) 0 0 no-repeat; text-indent:-9999px;}

/* E : common -----------------------------*/


/* S : header -----------------------------*/

body.teaser #wrap .inner-a #header .outer{position:relative; max-width:none; margin:0; font-family:'NotoSansKR', sans-serif, Arial; font-size:15px; font-weight:300; color:#333; text-align:left; text-align:unset;}


#header .top .box{position:relative; margin:0 auto; padding:0 30px; width:1260px; height:95px; display:flex; align-items:center; box-sizing:border-box;}
#header .top .box .logo{width:120px; height:auto;}
#header .top .box .logo a{width:100%; display:block; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:left top;}
#header .top .box .logo a img{display:block;}
#header .top .box .logo a img:nth-child(2) {display:none;}
#header .top .box .gnb{margin:0 auto;}
#header .top .box .gnb h2{display:none;}
#header .top .box .gnb ul{margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
#header .top .box .gnb ul li{padding:0 24px;}
#header .top .box .gnb ul a{font-size:17px; font-weight:400; color:#333; display:block;}
#header .top .box .gnb ul a.on{color:#ada396;}
#header .top .box .tel{font-size:20px; font-weight:500; display:flex; justify-content:center; align-items:center;}
#header .top .box .tel span{color:#9e9282;}
#header .top .box .tel span.number{font-family:'NanumSquare', sans-serif; font-weight:800; color:#0f264e; font-size:22px;}
#header .top .box .tel .ico-tel {display:inline-block; width:18px; height:22px; margin-top:2px; text-indent:-9999px; background:url(../../images/ftype/header_ico_tel.png) 0 0 no-repeat; overflow:hidden;}
#header.on .top .box .tel .ico-tel {background:url(../../images/ftype/header_ico_tel_on.png) 0 0 no-repeat;}

#header.evt .top .box .tel .ico-tel {background:url(../../images/ftype/header_ico_tel_on.png) 0 0 no-repeat;}
#header.evt.on .top .box .tel .ico-tel {background:url(../../images/ftype/header_ico_tel.png) 0 0 no-repeat;}

#header .top .box .btn{margin-left:30px; padding:10px 18px 10px; font-size:13px; color:#fff; display:inline-block; border:0; border-radius:20px; background-color:#0f264e;}
#header .top .box .kakao_plus_friend {display:inline-block; width:156px; height:33px; margin-left:20px; background:url(../../images/ftype/header_kakao_plus_friend.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#header .top .box .kakao_plus_friend + .btn {margin-left:20px;}

#header .top .depth2{display:none; /* position:fixed; */ position:absolute; left:0; top:95px; z-index:12; width:100%; height:auto; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#fff;}
#header .top .depth2 > ul{margin:20px auto 30px; width:1200px; display:flex; justify-content:space-between; align-items:inherit;}
#header .top .depth2 > ul > li{/* padding:15px 20px; */padding:15px 15px; flex:1; text-align:left; border-left:1px solid #dedede;}
#header .top .depth2 > ul > li > a{font-size:16px; font-weight:400; color:#2bb4b0;}
#header .top .depth2 > ul > li > ul{/* padding-top:15px; */padding-top:17px; display:block;}
#header .top .depth2 > ul > li > ul li{line-height:18px;}
#header .top .depth2 > ul > li > ul li + li {padding-top:7px;}
#header .top .depth2 > ul > li > ul li a{font-size:14px; font-weight:100; color:#666;}
/* #header .top .depth2 > ul > li > ul li a span {line-height:20px;} */
#header .top .depth2 > ul > li > ul li.on a{color:#ada396;}

/* E : header -----------------------------*/


/* S : sub_banner -----------------------------*/

.inner-f .sub_banner{position:relative; width:100%; height:305px; font-family:'NanumSquare', sans-serif; font-size:38px; font-weight:300; color:#fff; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; background:url(../../images/ftype/sub_banner.jpg) no-repeat center center;}
/* #header+.inner-f .sub_banner{padding-top:150px; background-position:center 150px;}
#header.bannerOff+.inner-f .sub_banner{padding-top:95px; background-position:center 95px;} */

.inner-f .sub_banner .sub_menu{position:absolute; top:0; left:0; width:100%; background:#009fa8;}
.inner-f .sub_banner .sub_menu .box{height:60px; display:flex; justify-content:center; align-items:center;}
.inner-f .sub_banner .sub_menu .box a{position:relative; padding-bottom:3px; font-size:17px; color:#fff; border-bottom:1px solid transparent; transition:all 0.3s ease;}
.inner-f .sub_banner .sub_menu .box a:before{content:""; transition:all 0.3s ease; transform:scale(0); position:absolute; bottom:-1px; left:0; height:1px; width:100%; background-color:#fff;}
.inner-f .sub_banner .sub_menu .box a:hover:before{transform:scale(1);}
.inner-f .sub_banner .sub_menu .box a + a{margin-left:40px;}
.inner-f .sub_banner .sub_menu .box a.on{border-color:#fff;}

.inner-f .sub_banner h2{padding-bottom:15px; font-family:'NanumSquare', sans-serif; font-size:38px; font-weight:500; color:#fff; letter-spacing:9px;}

.inner-f .sub_banner .location{position:absolute; left:50%; bottom:0; z-index:11; max-width:1100px; width:100%; height:70px; display:flex; justify-content:left; border-bottom:1px solid #e5e5e5; background-color:#fff; transform:translate(-50%, 0);}
.inner-f .sub_banner .location .home{width:78px; height:71px; display:inline-block; font-size:0; text-indent:-9999px; background:url(../../images/ftype/icon_home.png) no-repeat center;}
.inner-f .sub_banner .location dl{width:calc(50% - 37px);}
.inner-f .sub_banner .location dl dt{border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.inner-f .sub_banner .location dl dt a{position:relative; padding:27px 74px 23px 30px; height:70px; box-sizing:border-box; font-size:17px; color:#222; display:block; background-color:#fff; /* color:#9c8463; */ font-weight:500;}

.inner-f .sub_banner .location dl.location_depth2 dt a{color:#9c8463;}

.inner-f .sub_banner .location dl dt a:after{content:''; position:absolute; right:30px; top:32px; width:14px; height:8px; display:block; background:url(../../images/ftype/icon_select.png) no-repeat left bottom; transform:rotate(0deg); transition:transform 0.5s; transition:transform 0.5s;}
.inner-f .sub_banner .location dl dt a.on{color:#9c8463;}
.inner-f .sub_banner .location dl dt a.on:after{transform: rotate(180deg);}
.inner-f .sub_banner .location dl dd{display:none;}
.inner-f .sub_banner .location dl.location_depth2 dd ul li{border-right:1px solid #e5e5e5;}
.inner-f .sub_banner .location dl dd ul li{width:calc(100% - 1px); border:1px solid #e5e5e5; border-top:0;}
.inner-f .sub_banner .location dl dd ul li a{padding:22px 74px 23px 30px; font-size:17px; color:#222; display:block; background-color:#fff;}

/* E : sub_banner -----------------------------*/


/* S : content -----------------------------*/

#content > .content{margin:70px auto 130px; width:1100px; text-align:center;}
#content > .content1{margin:70px auto 130px; width:1100px;} /* 찾아오시는길 적용 */

#content > .content .popBtn{margin-top:20px; text-align:right;}


#wrap.F-type #contentArea #container .tab-lists ul li:first-child {border-left:0;}
#wrap.F-type #contentArea #container .tab-lists ul li:last-child,
#wrap.F-type #contentArea #container .tab-lists ul li {border-top:0; border-bottom:0; border-right:0;}

/* 관심고객등록 */
#wrap #contentArea #container .form-btn-area .btn-write{cursor:pointer;}

/* E : content -----------------------------*/
.etc-text2{padding-top:20px;}
.etc-text2 li{padding-left:17px; font-size:14px; line-height:20px; color:#888; text-indent:-17px;}
.scrollBody .etc-text2{padding:0 0 20px 28px;}

.btns.right{text-align:right;}
.btns.right + img{margin-top:20px;}
.down-btn{padding:11px 38px; font-size:18px; color:#fff; background:#9e9282;}
.down-btn span{position:relative; padding-left:32px; padding-right:32px;}
.down-btn span:before{content:''; position:absolute; top:0; left:0; width:29px; height:20px; background:url(../../images/ftype/icon_down.png) no-repeat left top; background-size:auto 100%;}
.down-btn span:after{content:''; position:absolute; top:3px; right:0; width:10px; height:16px; background:url(../../images/ftype/icon_down_arrow.png) no-repeat left top; background-size:auto 100%;}}

/* S : footer -----------------------------*/

#wrap .inner-a #footer{margin-top:0;}
#wrap .inner-a #footer .footer-info-area{background-color:#9e9282;height:67px;text-align:center;}
#wrap .inner-a #footer .footer-info-area .info-inner{padding:0 30px; width:100%; width:1260px; max-width:none; vertical-align:top; box-sizing:border-box;}
#wrap .inner-a #footer .footer-info-area .info-inner .txt{float:left; font-size:16px; line-height:67px; color:#fff;}
#wrap .inner-a #footer .footer-info-area .info-inner .number{position:relative; float:right; font-family:"NanumSquareR", "Noto Sans KR", sans-serif; font-size:20px; line-height:67px; font-weight:700; color:#fff;}
#wrap .inner-a #footer .footer-info-area .info-inner .number:before{content:""; position:absolute; top:50%; margin-top:-1px; left:-100px; width:80px; height:2px; background-color:#fff;}

#footer{position:relative; background:#333;}
#footer.backgroundType2{background:#405a6b;}
#footer .inner{position:relative; margin:0 auto; padding:0 30px; width:100%; width:1260px; transform:none; box-sizing:border-box;}
#footer .inner .foot_platinum{position:absolute; /* bottom:57px; */ bottom:calc(50% - 32px); left:30px; width:142px; height:64px; font-size:0; text-indent:-9999px; background:url(../../images/template/footer_logo.png) no-repeat left top;}
#footer .inner .foot{padding:54px 0 50px 198px;}
#footer .inner .foot .foot_navi{display:flex; justify-content:left; align-items:center;}
#footer .inner .foot .foot_navi li:first-child a{padding-left:0;}
#footer .inner .foot .foot_navi li a{position:relative; padding-left:25px; font-size:12px; color:#c6c5c5; display:inline-block;}
#footer .inner .foot .foot_navi li a:after{content:'·'; position:absolute; left:10px; top:1px; font-size:12px; font-weight:300; color:#c6c5c5;}
#footer .inner .foot .foot_navi li a[data-foot]{font-weight:700; color:#fff;}
#footer .inner .foot p{font-size:12px; line-height:25px; color:#c6c5c5; text-align:left;}
#footer .inner .foot p span{position:relative; padding-left:11px; display:inline-block;}
#footer .inner .foot p span:first-child{padding-left:0;}
#footer .inner .foot p span:first-child:before{display:none;}
#footer .inner .foot p span:before{content:''; position:absolute; top:6px; left:5px; width:1px; height:14px; background:#c6c5c5;}
#footer .inner .foot .total_member{}
#footer .inner .foot p.address{padding-top:20px;}
#footer .inner .foot p.copyright{font-family:'Roboto', sans-serif; font-weight:300;}
#footer .inner .foot_logo{position:absolute; /* bottom:80px; */bottom:calc(50% - 8px); right:30px;}
#footer .inner .foot_logo ul{display:flex; justify-content:right; align-items:center;}
#footer .inner .foot_logo ul li{padding-left:30px; display:flex; justify-content:left; align-items:center;}
#footer .inner .foot_logo ul li:first-child{padding-left:30px;}
#footer .inner .foot_logo ul li span{font-size:16px; color:#a5a5a5;}
#footer .inner .foot_logo ul li strong{margin-left:10px; font-size:16px; font-weight:500; color:#fff;}
#footer .inner .foot_logo ul li strong.foothanaLogo{width:112px; height:22px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/foot_hanaLogo.png) no-repeat left top;}
#footer .inner .foot_logo ul li strong.footSSyLogo{/* width:87px; height:16px; */ width:182px; height:34px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/foot_ssyLogo.png) no-repeat left top;}
#footer .inner .foot_logo ul li strong.footWooriLogo{width:108px; height:18px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/footWooriLogo.png) no-repeat left top;}
#footer .inner .foot_logo ul li strong.footAssetLogo{width:130px; height:14px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/footAssetLogo.png) no-repeat left top;}
#footer .inner .foot_logo ul li strong.footJbLogo{width:89px; height:14px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/footJbLogo.png) no-repeat left top;}

/* E : footer -----------------------------*/


/* S : popup -----------------------------*/

.popup_box *{margin:0;padding:0}
.popup_box {width:auto;position:fixed;margin:0px;padding:0px;top:110px;right:270px;z-index:999;}
.popup_box .popup_head{font-size:12px;line-height:46px;font-weight:bold;text-indent:20px;color:#fff;height:46px;background:#305197;margin:0px;padding:0px;}
.popup_box .popup_body{position:relative}
.popup_box .popup_body > img{width:100%;}
.popup_box .popup_body .popup_info{position:absolute;width:1px;height:1px;overflow:hidden;z-index:-1;}
.popup_box .popup_body .btnlink {position:absolute;overflow:hidden;text-indent:-9999px;}
.popup_box .popup_footer{background-color:#4c4c4c;padding:10px 0 8px;text-align:center;color:#fff;font-size:12px}
.popup_box .popup_footer label {margin-right:20px;}
.popup_box .popup_footer label span {color:#fff;}
.popup_box .popup_footer label input[type=checkbox] {margin:0 5px 0 0;}
.popup_box .popup_footer label span, .popup_box .popup_footer label input[type=checkbox] {vertical-align:middle;line-height:11px;}
.popup_box .popup_close{position:absolute;top:0px;right:-50px;}
.popup_box .popup_close2 {position:absolute;top:0px;right:0px;display:block; width:40px;height:40px;text-indent:-9999px;}
.popup_box .popup_close2:after {content:"";position:absolute;top:18px;left:6px; display:block;width:25px;height:2px;background:#fff;transform:rotate(135deg);} 
.popup_box .popup_close2:before {content:"";position:absolute;top:18px;left:6px; display:block;width:25px;height:2px;background:#fff;transform:rotate(-135deg);} 
.popup_box .popup_close2.blue:after, .popup_box .popup_close2.blue:before {background:#0060a9;}

.youtube_box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.youtube_box:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6; content:'';}
.youtube_box .movie{position:relative;width:850px;height:550px;margin:200px auto;z-index:9999;}
.youtube_box .movie .close{display:block;position:absolute;top:0;right:0;width:42px;height:40px;background-color:#bb162b;text-indent:-9999px;z-index:9999}
.youtube_box .movie .close:before{position:absolute;left:20px;top:11px;transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width:2px;height:20px;background:#fff;content:'';}
.youtube_box .movie .close:after{position:absolute;left:20px;top:11px;transform: rotate(135deg);-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); width:2px;height:20px;background:#fff;content:'';}

/* E : popup -----------------------------*/


@media(min-width:1440px){
	#header .top .box{padding:0 70px; width:100%;}
	#wrap .inner-a #footer .footer-info-area .info-inner{padding:0 70px; width:100%;}

	#footer .inner{padding:0 70px; width:100%;}
	#footer .inner .foot_platinum{left:70px;}
	#footer .inner .foot_logo{right:70px;}
}


/* S : notice_list_box_type */
.board-list {width:100%;}
.board-list .list-col-box {width:100%;}
.board-list .list-col-box ul {width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.board-list .list-col-box ul + ul {margin-top:25px;}
.board-list .list-col-box ul li {flex:1;}
.board-list .list-col-box ul li + li {margin-left:25px;}
.board-list .list-col-box ul li a {position:relative; display:block; width:100%; min-height:300px; padding:20px; border:1px solid #ddd; box-sizing:border-box;  text-align:left;}
.board-list .list-col-box ul li a:hover,
.board-list .list-col-box ul li a:focus,
.board-list .list-col-box ul li a:active {background:#eee;}
.board-list .list-col-box ul li a .media {font-size:14px; font-weight:700; color:#9c8463;}
.board-list .list-col-box ul li a .media + div {margin-top:10px;}
.board-list .list-col-box ul li a .tit {width:100%; font-size:18px; font-weight:700; color:#444; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ word-break: keep-all; display: block; /* Fallback for non-webkit */ display: -webkit-box; /* chrome */ -webkit-line-clamp:2;  -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; /* Fallback for non-webkit */}

.board-list .list-col-box ul li a .tit + div {margin-top:30px;}
.board-list .list-col-box ul li a .txt {width:100%; font-size:16px; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ word-break: keep-all; display: block; /* Fallback for non-webkit */ display: -webkit-box; /* chrome */ -webkit-line-clamp:5;  -webkit-box-orient: vertical; line-height: 22px; max-height: 110px; /* Fallback for non-webkit */}
.board-list .list-col-box ul li a .txt + div {margin-top:16px;}
.board-list .list-col-box ul li a .date {font-size:14px; color:#bcbcbc;}
/* E : notice_list_box_type */