@charset "UTF-8";

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

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

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

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


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

/* #wrap #header .outer .inner .home{display: block; position: absolute; top: 10px; right: 5px; width: 40px; height: 40px; text-indent:-9999px; overflow:hidden;}
#wrap #header .outer .inner .home:after{content:''; position: absolute; top:calc(50% - 12px); left:calc(50% - 12px); display:block; width:25px; height:25px; background:url(../../images/btn_home.png) 0 0 no-repeat; background-size:cover;} */
#wrap #header .lnb .lnbHeader h2{padding-bottom:0; font-size:20px; color:#fff;}

#header .top{position:fixed; left:0; top:0; z-index:2; margin:0 auto; padding:0 15px; width:calc(100% - 30px); height:61px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #dedede; background-color:#fff;}
#header .top .lnbOpen{position:relative; padding:15px 26px 16px 8px; width:16px; height:15px; font-size:0; line-height:0; display:inline-block; border:0; background:none; cursor:pointer;}
#header .top .lnbOpen:before{content:''; position:absolute; left:8px; top:8px; width:17px; height:1px; font-size:0; line-height:0; background:#000;}
#header .top .lnbOpen:after{content:''; position:absolute; left:8px; top:auto; bottom:8px; width:17px; height:1px; font-size:0; line-height:0; background:#000;}
#header .top .lnbOpen span{width:10px; height:1px; font-size:0; line-height:0; text-align:left; display:block; text-indent:-9999px; background:#000;}

#header .top .logo{width:91px; height:41px;}
#header .top .logo a{width:100%; height:100%; display:block; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_logo_premium.png) no-repeat left top; background-size:91px 41px;}
#header .top .tel{width:22px; height:25px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/icon/m_icon_call.png) no-repeat left top; background-size:21px 25px;}

#header .lnb{position:fixed; left:-100%; top:auto; z-index:11; width:calc(100% - 53px); height:100vh; overflow:auto; background-color:#fff; transition:left 0.3s;}
#header .lnb.on{left:0;}
#header .lnb .lnbHeader{padding:21px 25px; display:flex; justify-content:space-between; align-items:center; background:#555;}
#header .lnb .lnbHeader .lnbClose{width:16px; height:16px; font-size:0; text-indent:-9999px; border:0; background:url(../../images/ftype/icon/m_icon_lnb.png) no-repeat left top; background-size:23px 86px;}

#header .lnb .lnbBody > ul > li a{position:relative; padding:14px 40px 15px 25px; font-size:17px; font-weight:400; color:#333; text-align:left; display:block; border-bottom:1px solid #e0e0e0;}
/* S : 평택 GNB 강조 */
#header .lnb .lnbBody > ul > li a.pt-strong,
#header .lnb .lnbBody > ul > li a.pt-strong.on  {color:#fea100;}
/* E : 평택 GNB 강조 */
#header .lnb .lnbBody > ul > li a:after{content: ''; position: absolute; right: 26px; top: 19px; width: 14px; height: 8px; background: url(../../images/ftype/icon/m_icon_lnb.png) no-repeat left -47px; background-size: 23px 86px;}
#header .lnb .lnbBody > ul > li a.on{color:#3694a5;}
#header .lnb .lnbBody > ul > li a.on:after{background-position:left -29px;}
#header .lnb .lnbBody > ul > li a + ul{display:none; background:#eee;}
#header .lnb .lnbBody > ul > li a + ul li{padding:0 0 0 25px;}
#header .lnb .lnbBody > ul > li a + ul li a{position:relative; padding:13px 10px 14px 27px; font-size:15px; color:#666; display:block; border-bottom:1px solid #ddd;}
#header .lnb .lnbBody > ul > li a + ul li a:after{content:''; position:absolute; left:5px; top:20px; width:3px; height:3px; border-radius:50%; background:#999;}
#header .lnb .lnbBody .telNumber{padding-top:30px; font-family:'NanumSquare'; font-size:20px; font-weight:600; color:#9e9282; text-align:center;}

#header .lnb .lnbBody .lnbBanner{margin:20px auto 0; width:calc(100% - 50px); text-align:center; background:#3694a5;}
#header .lnb .lnbBody .lnbBanner .bannerHead{padding-top:20px; font-size:15px; font-weight:600; color:#fff; line-height:21px;}
#header .lnb .lnbBody .lnbBanner .bannerBody{margin:15px 30px 0; padding-top:15px; padding-bottom:20px; border-top:1px solid #9bcad2;}
#header .lnb .lnbBody .lnbBanner .bannerBody p{font-size:11px; color:#fff; line-height:16px;}
#header .lnb .lnbBody .lnbBanner .bannerBody .btnLayerOpen{margin-top:15px; padding:9px 25px; font-size:14px; color:#fff; display:inline-block; border:1px solid #fff; background:transparent;}

#header .lnb .lnbBody .lnbBtn{padding:20px 25px 15px; display:flex; justify-content:center;}
#header .lnb .lnbBody .lnbBtn .btn{padding:7px 27px 8px; font-size:14px; color:#fff; display:inline-block; border:0; border-radius:20px; background:#0f264e;}
#header .lnb .lnbBody .lnbBtn .btn2{margin-left:7px; padding:7px 27px 8px; font-size:14px; color:#fff; display:inline-block; border:0; border-radius:20px; background:#3694a5;}

#header .lnb .lnbFoot{padding-top:30px;}
#header .lnb .lnbFoot .btnInterest{position:relative; padding:21px 0 21px 36px; width:calc(100% - 36px); font-size:16px; color:#fff; text-align:center; display:block; border:0; background:#9e9282;}
#header .lnb .lnbFoot .btnInterest:after{content:''; position:absolute; left:50%; top:14px; margin-left:-65px; width:23px; height:25px; background:url(../../images/ftype/icon/m_icon_lnb.png) no-repeat left bottom; background-size:23px 86px;}


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


/* S : location -----------------------------*/

#wrap #location{top:62px;}
#wrap .spot-area{margin-top:51px;}

#container .subBanner{position:relative; width:100%; height:150px; font-family:'NanumSquare', sans-serif; font-size:25px; font-weight:500; line-height:36px; color:#fff; letter-spacing:9px; display:flex; -webkit-box-pack:center; justify-content:center; align-items:center; flex-wrap:wrap; background:url(../../images/ftype/sub/sub_banner.jpg) no-repeat center; background-size:cover;}
#container .subBanner h2{padding-bottom:40px; font-family:'NanumSquare', sans-serif; font-size:25px; font-weight:500; color:#fff; letter-spacing:2px;}
#container .subBanner .location{position:absolute; left:50%; bottom:0; z-index:1; width:calc(100% - 30px); height:35px; display:flex; justify-content:left; border-bottom:1px solid #e5e5e5; background-color:#fff; transform:translate(-50%, 0);}
#container .subBanner .location dl{width:50%;}
#container .subBanner .location dl dt{border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
#container .subBanner .location dl dt a{position:relative; padding:12px 37px 12px 15px; font-size:11px; line-height:1; color:#222; text-align:left; letter-spacing:1px; display:block;}
#container .subBanner .location dl dt a:after{content:''; position:absolute; right:15px; top:17px; width:7px; height:4px; display:block; background:url(../../images/ftype/icon/m_icon_select.png) no-repeat left bottom; background-size:7px 4px; transform:rotate(0deg); transition:transform 0.5s;}
#container .subBanner .location dl dt a.on{color:#9c8463;}
#container .subBanner .location dl dt a.on:after{transform: rotate(180deg);}
#container .subBanner .location dl dd{display:none; background-color:#fff;}
#container .subBanner .location dl dd ul li{width:calc(100% - 1px); border:1px solid #e5e5e5; border-top:0;}
#container .subBanner .location dl dd ul li a{padding:12px 37px 12px 15px; font-size:11px; line-height:1; color:#222; text-align:left; letter-spacing:1px; display:block;}
#container .subBanner .location dl.location_depth1 dd ul li ul{display:none;}
#container .subBanner .location dl.location_depth2 dt a{color:#9c8463; border-right:1px solid #e5e5e5;}

/* E : location -----------------------------*/


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

#wrap #container{padding-top:61px;}
#container #content{position:relative; width:100%; box-sizing:border-box;}

#container #content .popBtn{margin-top:20px; text-align:right;}
#container #content .popBtn.tc{text-align:center;}
#container #content .popBtn a{display: inline-block; width:calc(50% - 7px); border:2px solid #9e9282; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 30px 10px 10px; font-size:15px; color:#9e9282;}

#wrap #contentArea #container.pg #content{padding:0}

#wrap #contentArea #container.pg #content .content{padding:0 15px;}
#wrap #contentArea #container.pg #content .select-box.type04{margin-top:40px; padding:0 15px;}

#wrap #contentArea #container .select-box .select-lists{left:15px; width:calc(100% - 30px);}


.btns.right{text-align:right;}
.btns.right + img{margin-top:20px;}
.down-btn{padding:10px 17px; font-size:11px; color:#9e9282; border:2px solid #9e9282;}
.down-btn span{position:relative; padding-left:24px; padding-right:20px; display:inline-block;}
.down-btn span:before{content:''; position:absolute; top:-1px; left:0; width:19px; height:15px; background:url(../../images/ftype/icon/m_icon_down.png) no-repeat left top; background-size:100% auto;}
.down-btn span:after{content:''; position:absolute; top:0; right:0; width:9px; height:13px; background:url(../../images/ftype/icon/m_icon_down_arrow.png) no-repeat left top; background-size:100% auto;}

/* E : content -----------------------------*/


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

#footer{position:relative; background:#333;}
#footer .inner .footPlatinumLogo{position:absolute; top:20px; left:50%; width:90px; height:44px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_platinumLogo.png) no-repeat left top; background-size:90px 44px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}
#footer .inner .footPlatinumLogo2{position:absolute; top:20px; left:50%; width:90px; height:44px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_platinumLogo2.png) no-repeat left top; background-size:90px 44px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}
#footer .inner .foot{padding-top:70px;}
#footer .inner .foot .footNavi{display:none;}
#footer .inner .foot .footNavi li a{position:relative; padding-left:25px; font-size:15px; color:#c6c5c5; display:inline-block;}
#footer .inner .foot .footNavi li:first-child a{padding-left:0;}
#footer .inner .foot .footNavi li a[data-foot]{font-weight:700; color:#fff;}

#footer .inner .foot p{font-size:14px; font-weight:400; line-height:1.6; color:#858585; text-align:center;}
#footer .inner .foot .sampleAddress{position:relative; margin-bottom:15px; padding-bottom:15px; text-align:center;}
#footer .inner .foot .sampleAddress:after{content:''; position:absolute; left:15px; right:15px; bottom:0; height:1px; background:#616161;}
#footer .inner .foot .sampleAddress .sampleNum a{font-size:20px; color:#9e9282;}
#footer .inner .foot .sampleAddress .samPleLoaction{padding-top:7px; font-size:14px; color:#d6d6d6; line-height:1.2;}
#footer .inner .foot p.copyText{position:relative; padding-top:32px;}
#footer .inner .foot p.copyText:after{content:''; position:absolute; top:15px; left:15px; right:15px; height:1px; background:#616161;}
#footer .inner .foot p.copyright{padding-top:15px; padding-bottom:48px; font-size:14px;}

#footer .inner .footLogo ul{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
#footer .inner .footLogo ul li{padding-top:15px; padding-left:15px; display:flex; justify-content:left; align-items:center;}
#footer .inner .footLogo ul li:first-child{padding-left:0; width:100%; justify-content:center;}
#footer .inner .footLogo ul li span{font-size:14px; color:#a5a5a5;}
#footer .inner .footLogo ul li strong{margin-left:10px; font-size:12px; font-weight:500; color:#fff;}
#footer .inner .footLogo ul li strong.footHanaLogo{margin-top:1px; width:80px; height:16px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/foot_hanaLogo.png) no-repeat left top; background-size:100% auto;}
#footer .inner .footLogo ul li strong.footSSyLogo{margin-top:1px; width:69px; height:13px; /* width:138px; height:26px; */ font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_ssyLogo.png) no-repeat left top; background-size: 100% auto;}
#footer .inner .footLogo ul li strong.footWooriLogo{margin-top:1px; width:78px; height:13px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_wooriLogo.png) no-repeat left top; background-size: 100% auto;}
#footer .inner .footLogo ul li strong.footKait{margin-top:1px; width:101px; height:11px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_kait.png) no-repeat left top; background-size: 100% auto;}
#footer .inner .footLogo ul li strong.footJbplus{margin-top:1px; width:76px; height:12px; font-size:0; text-indent:-9999px; background:url(../../images/ftype/bg/m_foot_jbplus.png) no-repeat left top; background-size: 100% auto;}
#footer.yeosu35{background:#405a6b;}
#footer.yeosu35 .inner .foot p{color: #a0adb5;}
#footer.yeosu35 .inner .foot{padding-left: 15px;padding-right: 15px;}
#footer.yeosu35 .inner .foot .sampleAddress .sampleNum a{color: #ffffff;}
#footer.yeosu35 .inner .foot .sampleAddress:after,
#footer.yeosu35 .inner .foot p.copyText:after{left: 0;right: 0; background:#7a858c;}
#footer.yeosu35 .inner .footLogo ul{margin-left: -15px;margin-right: -15px;}
#footer.yeosu35 .inner .footLogo ul li:first-child{padding-left:0; width:auto; justify-content:left;}
#footer.yeosu35 .inner .footLogo ul li:last-child{padding-left:0; width:100%; justify-content:center;}

#footer.backgroundType2 {background:#405a6b;}
#footer.backgroundType2 .inner .foot p{color: #a0adb5;}
#footer.backgroundType2 .inner .foot{padding-left: 15px;padding-right: 15px;}
#footer.backgroundType2 .inner .foot .sampleAddress .sampleNum a{color: #ffffff;}
#footer.backgroundType2 .inner .foot .sampleAddress:after,
#footer.backgroundType2 .inner .foot p.copyText:after{left: 0;right: 0; background:#7a858c;}
#footer.backgroundType2 .inner .footLogo ul{margin-left: -15px;margin-right: -15px;}
#footer.backgroundType2 .inner .footLogo ul li:first-child{padding-left:0; width:auto; justify-content:left;}
#footer.backgroundType2 .inner .footLogo ul li:last-child{padding-left:0; width:100%; justify-content:center;}
/* E : footer -----------------------------*/


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

.popup_box *{margin:0;padding:0}
.popup_box {position:fixed;margin:0px;padding:0px;top:0px;left:0px;width:100%;height:100%;z-index:999;}
.popup_box:after {content:"";position:fixed; top:0%; left:0%; width:100%; height:100%; background:#000; opacity:.4;filter:alpha(opacity=40); z-index:1}

.popup_box .box {position: absolute;top:8%;left:5%;width:90%;max-height:90%;background:#fff;overflow:hidden;overflow-y:scroll;z-index: 2;}
.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:fixed;top:8%;right:5%;}
.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:100%;height:265px;margin:50% auto;z-index:9999;}
.youtube_box .movie iframe{width:100%;height:100%;}
.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 -----------------------------*/
#header .lnb .lnbBody .lnbBtn._col2{display: block;}
#header .lnb .lnbBody .lnbBtn._col2 > .btn{display: block; width: 105px; margin: auto; padding: 10px 27px 11px; box-sizing: border-box;}
#header .lnb .lnbBody .lnbBtn .btn._kakao{ background: #f2d900 url(../../images/yeosu35/kakao_plus_btn.png) 6px center / 24px no-repeat; color: #3a1d1f; padding:10px 9px 11px 32px; margin: 0 auto 5px;}


/* 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:20px;}
.board-list .list-col-box ul li {width:100%;}
.board-list .list-col-box ul li + li {margin-top:20px;}
.board-list .list-col-box ul li a {position:relative; display:block; width:100%; 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:12px; 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:16px; 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:25px;}
.board-list .list-col-box ul li a .txt {width:100%; font-size:12px; 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:15px;}
.board-list .list-col-box ul li a .date {font-size:12px; color:#bcbcbc;}
/* E : notice_list_box_type */