@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
body{font-size:15px !important;}
.bgbox{background:#f5f5fa; padding:35px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.cb{clear:both;}

.comm_table{width:100%; border-top:2px solid #6d6a60; border-collapse:separate;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:bold;}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7}
.comm_table .tal{text-align:left;}

.bd_table{border-right:1px solid #dcdcdc}
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}



.blackTxt{color:#323232}
.blgrTxt{color:#345468}
.cTxt{color:#e71c5b}
.rTxt{color:#e61c5a !important}

.point_txt{position:relative; font-family:'Montserrat', 'noto'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#fbca4d}

.bgGray{background:rgba(230,230,230,0.3);}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#ffef67;}

.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:15px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0}

.line:after{content:''; display:block; width:1px; height:30px; background:#969696; margin: 20px auto;}
.fsb{font-size:1.5em !important}


@media all and (min-width:768px) {
.comm_table th, .comm_table td{padding:13px 10px;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:30.33%; margin:0 1.5%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.bgbox{padding:50px 3%;}
.pdbox{padding:40px 30px;}
.mEnter{display:inline;}
.tEnter{display:block;}

}

@media all and (min-width:1200px) {

.bgbox{padding:70px 25px;}
.pdbox{padding:50px;}
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}


}

/*공통*/

.com_top{text-align:center;}
.com_top h3{font-size:1.5em; letter-spacing:-1.5px}
.com_top p{font-size:1.1em}

.com_bg .combox{position:relative;}
.com_bg .combox.left{margin-bottom:30px;}
.com_bg .combox .txt{padding:35px 20px; background:#ffffff; position:relative; margin:0 auto;  margin-top:-50px; width:93%;}
.com_bg .combox  h4{font-weight:600; text-transform:uppercase; color:#e61c5a; margin-bottom:20px}
.com_bg .combox img{width:100%; box-shadow:0px 0px 10px 0 hsla(0,0%,0%,0.2)}

.icbox_li{text-align:center; overflow:hidden;}
.icbox_li li{background:#ffffff; box-shadow:0px 0px 10px 0 hsla(0,0%,0%,0.1); margin-bottom:30px; padding:35px 20px}
.icbox_li li img{max-width:95px;}
.icbox_li li p{display:block; margin-top:20px; padding-top:20px; position:relative; font-size:1.1em;}
.icbox_li li b{font-weight:600}
.icbox_li li p:before{content:''; width:7px; height:7px; background:#e61c5a; border-radius:500px; top:0; left:0; margin:auto; position:absolute; right:0;}

@media all and (min-width:768px) {
.com_top h3{font-size:2em;}

.com_bg .left .txt{right:0; }
.com_bg .right img{margin-left:30%; }

.com_bg .combox img{max-width:70%;}
.com_bg .combox .txt{position:absolute; width:450px; padding:35px; bottom:15%; }

.icbox_li li{float:left; width:30.33%; margin:0 1.5%; min-height:300px}
}

@media all and (min-width:1200px) {
.com_top h3{font-size:2.3em; }
.com_top p{font-size:1.3em}

.com_bg .combox .txt{width:530px; }
.icbox_li li{min-height:auto}
}


/*3depth*/
.tablist {overflow:hidden; border-left:1px solid #e6e6e6}
.tablist li{float:left; width:20%; border-right:1px solid #e6e6e6; border:1px solid #e6e6e6; border-width:1px 1px 1px 0px}
.tablist li a{display:block; line-height:40px; text-align:center; font-size:0.9em}
.tablist li a:hover{background:#f5f5fa;}
.tablist li.active a{background:#e71c5b; color:#ffffff; font-weight:600}

.tablist.list03 li{width:33.33%}
.tablist.list04 li{width:50%}
.tablist.list05 li{width:20%}
.tablist.list06 li{width:16.66%}

@media all and (min-width:768px) {
.tablist.list04 li{width:25%}
.tablist li a{line-height:50px; font-size:1em}
}



/*소개*/
.company ul li{font-weight:600; font-size:1.1em; text-align:center; margin-bottom:20px; padding-bottom:30px;  position:relative}
.company ul li span{display:block;}
.company ul li img{max-width:95px; margin-bottom:5px;}
.company .fsb span{text-decoration:underline}
.company .fsb b{color:#e61c5a}
.company p{font-size:1.1em}
.company ul li:after{content:''; width:7px; height:7px; background:#e61c5a; border-radius:500px; bottom:0; left:0; margin:auto; position:absolute; right:0;}
.company ul li:last-child:after{display:none}



@media all and (min-width:768px) {

.company ul li{float:left; width:33.33%; padding-bottom:0}
.company ul li:after{top:0; bottom:0; left:auto;}
}

@media all and (min-width:1200px) {
.company p{font-size:1.3em}

.company_bottom .combox.left{max-width:900px; margin:0 auto; margin-bottom:50px;}
.company_bottom .combox.right{max-width:1100px; margin:0 auto; }

}

/*이용팁*/
.tipbox{max-width:1000px; margin: 0 auto}
.tipbox h4{font-size:1.2em;}
.tipbox .txt{text-align:center;}



@media all and (min-width:768px) {

}


/*소개공통*/
.aboutTop{position:relative; text-align:center;}
.aboutTop h4{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c8c8c8; display:inline-block;}
.aboutTop p{font-size:1.3em}
.aboutBottom{padding:40px 0px}
.aboutTop .about_img {margin-bottom:20px;}
.aboutBottom h5:before{display:inline-block; font-family: 'FontAwesome'; display:inline-block; content:"\f059"; margin-right:10px}
.aboutBottom .col-02 img{display:inline-block; vertical-align:middle}

@media all and (min-width:768px) {
.aboutTop{margin-bottom:100px; text-align:left;}
.aboutTop h4{margin-bottom:30px; padding-bottom:30px;}
.aboutTop h4, .aboutTop p{width:50%}
.aboutTop .about_img{position:absolute; right:0; top:-20px; width:40%; box-shadow:10px 10px 20px hsla(0,0%,0%,0.2)}

.aboutBottom{padding:100px 0 100px;}
.aboutBottom .col-02.mb{margin-bottom:0 !important;}

}

.service_li{overflow:hidden; text-align:left;}
.service_li li{display:block; width:47%; margin:1% 1.5%;  text-align:center; vertical-align:top; border:1px solid #c8c8c8; padding:3% 0; float:left; min-height:220px}
.service_li li img{max-width:100px;}
.service_li span, .service_li b{display:block;}
.service_li b{font-size:1.1em; margin-bottom:5px;}

@media all and (min-width:768px) {
.service_li li{width:30.3%;}

}


.dlWrap{border-top:3px solid #808080}
.dlWrap .dlbox{padding:3% 0; padding-left:70px; background:url(../img/ic_nd01.png) no-repeat 20px center; border-bottom:1px solid #e6e6e6; background-size:50px auto !important; background-position:10px center !important;}
.dlWrap .nd01{background:url(../img/ic_nd01.png) no-repeat }
.dlWrap .nd02{background:url(../img/ic_nd02.png) no-repeat}
.dlWrap .nd03{background:url(../img/ic_nd03.png) no-repeat}
.dlWrap .nd04{background:url(../img/ic_nd04.png) no-repeat }
.dlWrap .nd05{background:url(../img/ic_nd05.png) no-repeat }

.dlWrap .dlbox dt{font-weight:bold; margin-bottom:5px}

.num_li{vertical-align:top;}
.num_li li{margin-bottom:5px;}
.num_li li b{display:inline-block; width:25px; height:25px; position:relative; color:#ffffff; font-weight:bold; z-index:2; text-align:center;}
.num_li li b:before{content:''; position:absolute; background:#323232;width:25px; height:25px; border-radius:50px; z-index:-1; left:0; top:0}
.num_li li span{margin-left:3%}

@media all and (min-width:768px) {

.dlWrap .dlbox{padding-left:90px; background-size:70px auto !important; background-position:10px center !important;}
.dlWrap .long{background-position:10px 20px !important;}
.num_li {overflow:hidden; padding:1.5% 0;}
.num_li li{display:block; text-align:center; width:30.3%; vertical-align:top; margin: 1% 1.5%; padding:10px 0px; border:1px solid #c8c8c8; float:left; min-height:120px}
.num_li li.long{background-position:10px 30px !important}
.num_li li b{display:inline-block; top:-20px}
.num_li li span{display:block; margin-left:0;}
.num_li li span.sm{font-size:0.9em;}

}

@media all and (min-width:1200px) {
.dlWrap .dlbox{padding-left:120px; background-size:85px auto !important; background-position:10px center !important;}
.dlWrap .long{background-position:10px 20px !important;}
.num_li li{width:19%; margin:1% 0.5%}
}

/*상담*/
.counsel_box {text-align:center;}
.counsel_box img{display:inline-block; margin: 0 auto; max-width:100px; margin-bottom:10px;}
.counsel_box ul{text-align:left;}
.counsel_box div{border:1px solid #c8c8c8; background:#ffffff; padding:3%}
.counsel_box div h6{color:#323232; font-weight:700; text-align:center; font-size:1.1em; padding-bottom:20px; border-bottom:1px solid #c8c8c8}

.counsel_li{vertical-align:middle; text-align:center;}
.counsel_li li{margin-bottom:10px;}
.counsel_li li:last-child{margin-bottom:0}
.counsel_li img{max-width:50px; display:block; margin:0 auto; margin-bottom:5px; vertical-align:middle;}

@media all and (min-width:768px) {
.counsel_li img{max-width:80px; }
.counsel_box div.col-03{min-height:360px;}
}
@media all and (min-width:1200px) {
.counsel_li{max-width:1000px; margin:0 auto}
.counsel_box div.col-03{min-height:370px;}
}

/*시설소개*/
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #00a097; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}

.rental_info{padding:3%; border-top:3px solid #505050; border-bottom:1px solid #c8c8c8}
.rental_info dl{padding-left:80px; background:url(../img/ic_rental01.png) no-repeat 0 center; background-size:50px 50px !important;}
.rental_info dt{font-weight:700; font-size:1.1em; margin-bottom:5px;}
.rental_info dd{margin-bottom:3px;}
.rental_info dd:last-child{margin-bottom:0;}
.rental_info .per_num{padding-top:10px; margin-top:10px; border-top:1px solid #e6e6e6}
.rental_info .per_num dl{background:url(../img/ic_rental02.png) no-repeat 0 center;}

@media all and (min-width:768px) {
.rental_info .per_num{padding:0; margin:0;  border-top:0px; border-left:1px solid #e6e6e6; padding-left:3%; background-position:30px center}

}

@media all and (min-width:1200px) {

}

/*신청현황*/

.no_data{line-height:150px;}
.acdForm{border-top:3px solid #505050}
.acdForm h4{font-size:1.1em; padding:0.750em 0.780em; border-bottom:1px solid #e6e6e6}
.acdForm h4 span{font-size:15px;  font-weight:400}
.acdForm h4 .prs{display:inline-block; padding:3px 6px; background:#808080; color:#ffffff; margin-right:5px}
.acdForm h4 .prs.ok{background:#345568}
.acdForm h4 .prs.no{background:#e10000}
.acdForm h4 .date{display:block; margin-top:5px;}

.acdForm .acdCon{padding:0.750em 0.780em; background:#fafafa; border-bottom:1px solid #e6e6e6}
.acdForm .form_box{background:#ffffff; border-top:1px solid #808080}
.acdForm .form_box li{position:relative;}
.acdForm .form_box li span{line-height:1.3 !important;}
.acdForm .form_box li span.fm_list{position:relative;}
.acdForm .form_box li:before{content:''; background:#f5f5f5; position:absolute; left:0; width:25%; height:100%}

@media all and (min-width:768px) {

.acdForm .acdCon{padding:30px;}
}






/*약관*/
.ex_top{padding:3%; border:1px solid #e6e6e6}
.provisionBox h4{font-weight:bold; font-size:1.2e; color:#323232}
.provisionBox h5{font-weight:bold; font-size:1.1em; color:#323232}
.provisionBox h6{font-weight:bold}

.ex_top h5{font-weight:bold; font-size:1.1em; color:#345568; margin-bottom:20px;}
.ex_top ul{margin-bottom:20px;}

#inline-pop2 h5{font-weight:bold; font-size:1.1em; color:#345568; margin-bottom:20px;}
#inline-pop2 ul{margin-bottom:20px;}


/*안내*/
.infobox{padding:20px; background:#f5f5fa; border:1px solid #dcdcdc; border-width:1px 0px; overflow:hidden;}
.infobox h4{width:85px; font-size:1.1em; margin-bottom:10px;}
.infobox h4:before{font-family:'FontAwesome'; content:'\f06a'; display:inline-block; margin-right:10px; color:#e71c5b}
.infobox p{position: relative; line-height:25px;}

@media all and (min-width:768px) {
.infobox h4{float:left; width:110px; margin-bottom:0;}
.infobox p{position: relative; width:calc(100% - 110px); float:left; }
}

@media all and (min-width:1200px) {
}



/*FAQ*/
.responsive-tabs-wrapper{border-bottom:1px solid #dcdcdc}
.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}

.responsive-tabs__list { font-size: 1.2em; margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__heading {padding: 17px 20px; border-top: 1px solid #dcdcdc; position: relative; font-weight:500}
.responsive-tabs__heading:after{font-family:'FontAwesome';	content:"\f002"; display: block;	position: absolute; right: 20px;	top:17px;color:#dcdcdc;}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active{background:#fafafe; color:#e71c5b; font-weight:600}
.responsive-tabs__heading--active:hover {color:#e71c5b }
.responsive-tabs__heading--active:after {color:#e71c5b; }
.responsive-tabs__panel{padding:20px; background:#fafafe}
.responsive-tabs h2:last-child{border-bottom:1px solid #dcdcdc}


/*faq 자주묻는질문*/
.faq {border-top:1px solid #323232; }
.faq h4 {font-size:1em;color:#000; }
.faq dt {padding: 15px 3%;  font-weight:normal}

.faq dt.q {position:relative; background: #fff; font-size:1em;border-bottom: 1px solid #ddd;cursor: pointer;}
.faq dt.q i:before {font-family:'FontAwesome'; content:"\f059";color:#e71c5b; font-size:1.1em; vertical-align:middle; margin-right:5px;}
.faq dt em {display:none;}
.faq dt em:before{font-family:'FontAwesome'; content:"\f105"; color:#e71c5b; }
.faq dd.a {padding:0; display:none}
.faq dd.a .qna_answer{background:#fafafe; padding:15px 3%;}

.faq pre { white-space: pre-line; display: block; padding: 0px;}
.faq .btn_group {width:100%;}

@media all and (min-width:768px) {
.faq dt {padding: 15px;}
.faq dd.a .qna_answer{padding:15px;}
.faq dt em {position:absolute; line-height:100%; height:20px; top:0; bottom:0; right:15px; margin:auto; display:block; }
}


/*내글관리*/
.question{cursor: pointer;}
.answer {display:none;}