@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
body{font-size:15.5px !important;}
.bgbox{background:#f5f5fa; padding:30px 20px;}
.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;}


.contents_table{width:100%; border-top:1px solid #4e5463; border-left:1px solid #dcdcdc; border-collapse:separate; font-size:0.95em;}
.contents_table th, .contents_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle; border-right:1px solid #dcdcdc;}
.contents_table th{font-weight:400; background:#f8f8f8; color:#000000}
.contents_table td.bgc{background:#f8f8f8; font-weight:400; color:#000000}


.bd_table{border-right:1px solid #dcdcdc}
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}



.blackTxt{color:#000000}
.blgrTxt{color:#0c88e6}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; 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:#cfdb00}

.bgGray{background:#f5f5fa}
/*.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;}
.fss{font-size:0.85em}

@media all and (min-width:768px) {
.comm_table th, .comm_table td{padding:13px 10px;}

.contents_table{font-size:1em;}
.contents_table th, .contents_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:40px 30px;}
.pdbox{padding:40px 30px;}
.mEnter{display:inline-block;}
.tEnter{display:block;}

}

@media all and (min-width:1200px) {
body{font-size:16.5px !important;}

.bgbox{padding:60px 50px;}
.pdbox{padding:50px;}
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}


}

/*소개공통*/
.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}

.tablist {overflow:hidden; margin-bottom:50px; text-align:left; font-size:0;}
.tablist li{display:inline-block; width:49%; border:1px solid #e6e6e6; margin:1% 0.5%;}
.tablist li.long{width:99%;}
.tablist li a{display:block; text-align:center; padding:10px 3%}
.tablist li a:hover{background:#f5f5fa}
.tablist li.active a{background:#0f7bcd; color:#ffffff;}

.tablist li span{display:block;font-size:14px}
.tablist li b{display:block; font-size:17px}

.tablist.tab03 {text-align:center;}
.tablist.tab03 li{width:30%}
.tablist.tab03 li span{font-size:17px}
.tablist.tab04 li{width:23%}
.tablist.tab05 li{width:49%}
.tablist.tab04 li span{font-size:17px}
.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) {
.tablist {border-top:2px solid #505050; border-bottom:1px solid #c8c8c8}
.tablist li{width:14.28% !important; margin:0; border:0px;}
.tablist.tab_ic li{width: 33.3333% !important;}
.tablist li a{padding:15px 0px;}

.tablist .li06 li{width:16.6%}

.tablist.tab03 {max-width:768px}
.tablist.tab03 li{width:33.3% !important;}
.tablist.tab04 li{width:25% !important;}
.tablist.tab05 li{width:20% !important}
.tablist.tab03 li span{display:inline}
.tablist.tab04 li span{display:inline}
.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) {
.tablist.tab_ic li span:before{content:''; display:block; margin: 0 auto; width:60px; padding-top:60px; background:url(../img/ic_room01.png) no-repeat center bottom; background-size:60px auto;}
.tablist.tab_ic li.active span:before{background-position:center top;}

.tablist.tab_ic li.li00 span:before{background-image:url("../img/ic_room00.png");}
.tablist.tab_ic li.li01 span:before{background-image:url("../img/ic_room01.png");}
.tablist.tab_ic li.li02 span:before{background-image:url("../img/ic_room02.png")}
.tablist.tab_ic li.li03 span:before{background-image:url("../img/ic_room03.png")}
.tablist.tab_ic li.li04 span:before{background-image:url("../img/ic_room03.png")}
.tablist.tab_ic li.li05 span:before{background-image:url("../img/ic_room05.png")}

.tablist.tab03 li span:before{display:none}

}

/*신청현황*/

.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:#0f7bcd}
.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:#f5f5fa; position:absolute; left:0; width:25%; height:100%}

@media all and (min-width:768px) {

.acdForm .acdCon{padding:30px;}
}

/*오시는길*/
.map{background:#32383b; padding:30px 20px; color:#ffffff; overflow:hidden;}
.map b{font-size:0.8em}
.map ul{margin-top:20px; padding-top:20px; border:1px solid #ffffff; border-color:rgba(255,255,255,0.3); border-width:1px 0 0 0; font-size:0.9em}
.map ul li:before{content:'\f095'; font-family:'FontAwesome'; font-size:15px; margin-right:10px; font-size:0.9em}
.map ul li:last-child:before{content:'\f1ac'; font-size:13px}

.map2{background:#32383b}
.map2 img{width:100%;}
@media all and (min-width:768px) {
.map{font-size:1.3em}
.map div.mapbox{width:79%; float:left;}
.map a.litebox{display:block; width:18%; float:right;}
.map{padding:40px 30px}
.map ul{margin-bottom:0 !important}
.map ul li{display:inline-block; margin-right:20px;}
}

@media all and (min-width:1200px) {
.map{padding:40px 50px}
}






/*약관*/
.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:#0f7bcd; margin-bottom:20px;}
.ex_top ul{margin-bottom:20px;}

#inline-pop2 h5{font-weight:bold; font-size:1.1em; color:#0f7bcd; margin-bottom:20px;}
#inline-pop2 ul{margin-bottom:20px;}

/*190604변경
.main44 #twodepthNav{background:#0c88e6;  background:rgba(12,136,230,0.8); /*max-width:1400px; }
.main44 #twodepthNav ul li a:hover{color:#cfdb00; font-weight:600}
.main44 #twodepthNav ul li.active::after{background:#cfdb00}

.main45 #twodepthNav{background:#0c88e6;  background:rgba(12,136,230,0.8); /*max-width:1400px; }
.main45 #twodepthNav ul li a:hover{color:#cfdb00; font-weight:600}
.main45 #twodepthNav ul li.active::after{background:#cfdb00}

.main44 #sub_visual p{margin-bottom:50px !Important}
.main44 .conform_box ul li span.inbtn{background:#0c88e6}
.main44 .ins_calender a.select_on::before{border-color:#0c88e6; background:#0c88e6}
.main44 #in_schedule .space_select .select_time{background:#f5f5fa; margin-bottom:0; border-color:#dcdcdc}
.main44 #in_schedule .space_select .select_time li .btn_time.on{background:#0c88e6; border-color:#0c88e6}
.main44 #in_schedule .ins_bottom a.btn_entry{background:#0c88e6; border-color:#0c88e6}
.main44 .space_info{background:#f5f5fa}
.main44 .space_info h5{color:#323232}
.main44 .space_form h4{color:#323232}
.main44 .blgrTxt{color:#0c88e6}
.main44 input.labelauty + label{border-color:#0c88e6}
.main44 input.labelauty:checked + label{background:#0c88e6; border-color:#0c88e6}


.main44 #sub_visual .tit_h2::after{background:#cfdb00}
.main44 .syncSlider #sync2 .synced .item{background:#cfdb00}


.main44 #hs1{background:#f5f5fa}
.main44 #d_lnb_bg{border-bottom:1px solid #dcdcdc}
.main44 #d_gnb li a{color:#323232}
.main44 .ins_calender .reser_off{background:#f5f5fa}

.main44 #header{background:#ffffff}
.main44 #header a{color:#323232}
.main44 #header a:hover{color:#0c88e6}
.main44 #d_lnb li:last-child a{color:#323232}
.main44 #d_lnb_bg{background:#ffffff}
.main44 #d_lnb li .sub dd a{color:#323232}
.main44 #d_lnb li .sub dd a:hover{color:#0c88e6; font-weight:600}
body.scroll .main44 #header{background:#ffffff}
body.scroll .main44 #header a{color:#323232}
body.lnb_over .main44 #header{background:#ffffff; transition:0.5s}
.main44 #d_lnb li.on > a{color:#0c88e6}
.main44 #footer{background:#313131}
*/

/*자소서컨설팅*/
.consulting{padding:30px 0px; border-top:2px solid #323232; border-bottom:1px solid #dcdcdc;}
.consulting_info{padding-bottom:30px;  text-align:center;}
.consulting_info p{font-size:1.2em; font-weight:600; color:#0c6ee6}
.consulting_info p:before{display:inline-block; vertical-align:middle; content:'\f118'; font-family:'FontAwesome'; font-size:25px; margin-right:10px; font-weight:normal }
.consulting_info p span{display:block; color:#969696; font-size:0.95em}
.consulting_info p span b{font-size:1.2em; color:#cfdb00}
.consulting_info p.end{color:#969696}
.consulting_info p.end:before{content:'\f119';}
@media all and (min-width:768px) {
.consulting .txt{padding-left:120px; background:url(../img/ic_counselc01.png) no-repeat 10px center; background-size:80px !important;}
.consulting_info{padding-bottom:45px;}
.consulting_info p span{display:inline-block; margin-left:10px}
}


/*귀환청년*/
.home_project .txt {font-size:1.1em}
.litebox-content .pop_con{display:block !important;}


@media all and (min-width:1200px) {
.home_project .counsel_box .col-02{min-height:330px;}
}



/* 홍보영상추가*/
.bgGray2{position:relative; padding-bottom:50px;}
.bgGray2:before{content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:50%; background:#f8f8fa}
.movie_box{ position:relative;  -webkit-box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.4); 
box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.4);}
.movie_box .video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.movie_box .video-container iframe,
.movie_box .video-container object,
.movie_box .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

.tab_common {display: block !important; position:relative; top:0;} 
.tab_common ul.tabs{background:none; text-align:center;}
.tab_common ul.tabs:after{content:''; display:block; clear:both}
.tab_common ul.tabs li {display:inline-block; margin:0 10px; border:0px; border-bottom:3px solid #e6e6e6; width:130px}
.tab_common ul.tabs li a{line-height:50px; font-size:1.1em; font-weight:500; padding:0 20px; display:block}
.tab_common ul.tabs li.current{border-color:#00b0ec; background:none}
.tab_common ul.tabs li.current a{color:#00b0ec; font-weight:800}

@media all and (min-width:1200px) {
.tab_common ul.tabs li a{line-height:60px; font-size:1.3em }
}

@media all and (min-width:768px) {
.bgGray2{padding-bottom:100px;}


}


/*팝업뷰*/
#toggle-view{position:fixed; bottom:0;  z-index:100; left:0; right:0; max-width:320px }
#toggle-view .pop_btn{display:inline-block; background:#0b409c; color:#ffffff; padding:0px 10px; line-height:35px; text-align:center; border-radius:5px 5px 0 0;}
#toggle-view .popzon{background:#edf825; max-width:320px}
#toggle-view h3 {margin:0; font-size:15px; color:#ffffff;   display:inline-block; vertical-align:middle;}
#toggle-view span {	color:#ffffff; font-size:10px; display:inline-block; margin-left:10px; vertical-align:middle; background:#0b409c;  text-align:center; width:25px; height:25px; line-height:25px; border-radius:500px; font-weight:800; cursor:pointer}
#toggle-view .div {margin:5px 0;}	

@media only screen and (min-width: 768px) {
#toggle-view{text-align:left;}
}


/*20220428추가*/
/*공통*/

.tit_nm{font-weight:700; font-size:1.2em; color:#000000}
.col-01{width:100%}
.btn_down{display:inline-block; line-height:40px; text-align:center; background:#00b0ec; color:#ffffff; font-size:0.9em; font-weight:600; padding:0 10px}
@media only screen and (min-width: 768px) {
.tit_nm{font-size:1.3em}
}

@media only screen and (min-width: 1200px) {
.tit_nm{font-size:1.4em}
}

/*이용수단*/

.info_common{overflow:hidden; border:5px solid #f8f8f8; position:relative; }
.info_common .box{padding:20px 3%; border-bottom:5px solid #f8f8f8; position:relative;}
.info_common .box dt{color:#313c33; font-weight:700; font-size:1.1em; margin-bottom:5px; position:relative}
.info_common .box dd{position:relative; z-index:1; font-size:0.9em; margin-bottom:3px}
.info_common .box dd:last-child{margin-bottom:0px}
.info_common .box dd b{width:45px; float:left; text-align:center; vertical-align:middle; margin-right:5px; line-height:20px; background:#808080; color:#ffffff; font-size:0.9em; font-weight:500}
.info_common .box dd span.txt{float:left; width:calc(100% - 50px)}
.info_common .box dd:after{content:''; clear:both; display:block;}
.info_common .box dd b.c01{background:#00b0ec}
.info_common .box dd b.c02{background:#cddb00}
.info_common .box dd b.c03{background:#94958b}
.info_common .box dd:last-child span{color:#505050}
.info_common .box dd:last-child{margin-bottom:0px;}
.info_common .box:last-child{border-bottom:0px solid #e6e6e6}

.info_common .box:after{content:''; display:block; width:50px; height:50px; position:absolute; left:5%; top:0; bottom:0; margin:auto; background-size:100% !important; z-index:0}
.info_common .box.info01:after{background-image:url(../img/icon_member01.png)}
.info_common .box.info02:after{background-image:url(../img/icon_member02.png)}
.info_common .box.info03:after{background-image:url(../img/icon_member03.png)}



@media only screen and (min-width: 768px) {

.info_common .box{float:left; width:33.33%; border:0px; position:relative; padding:30px 20px; }
.info_common:before,
.info_common:after{content:''; display:block; width:5px;  position:absolute; top:0; bottom:0; right:33.33%; background:#f8f8f8}
.info_common:after{right:auto; left:33.33%;}
.info_common .box:after{left:auto; right:20px; top:20px; bottom:auto;}
}

@media only screen and (min-width: 1200px) {

.info_common .box{padding:30px;}
.info_common_info{font-size:0.9em}
.info_common .box:after{right:30px; top:50px; width:80px; height:80px; z-index:1}
.info_common .box:before{content:''; display:block; position:absolute; right:20px; top:40px; z-index:0; border-radius:500px; width:100px; height:100px;}
}

/*온라인상담신청*/
.counsel_form .form_box li .fm_list{padding:.750em 0}
.counsel_form .form_box li .fm_txt{float:right}


@media only screen and (min-width: 1200px) {
.counsel_box {display:flex}
}


/*공간신청*/
.space_form .form_select{padding:.750em .786em}






.jc_nav{
    border-top: 1px solid #000;
}
.jc_nav li{
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
}
.jc_nav .img{
    text-align: center;
    margin-bottom: 10px;
}
.jc_nav .img img{
    width: 200px;
}
.jc_nav .img a{}
.jc_nav .cont{
    text-align: center;
}
.jc_nav .cont strong{
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
}
.jc_nav .cont em{}


@media only screen and (min-width: 768px) {
	.jc_nav{}
	.jc_nav li{
    display: flex;
    padding: 0px;
    align-items: center;
}
	.jc_nav .img{
    border-right: 1px solid #dedede;
    padding: 20px 30px;
    margin-bottom: 0px;
}
	.jc_nav .img img{}
	.jc_nav .img a{}
	.jc_nav .cont{
    padding: 20px 30px;
    text-align: left;
}
	.jc_nav .cont strong{font-size: 20px;}
	.jc_nav .cont em{}
	}

@media only screen and (min-width: 1200px) {
.jc_nav{}
.jc_nav li{}
.jc_nav .img{}
.jc_nav .img img{}
.jc_nav .img a{}
.jc_nav .cont{}
.jc_nav .cont strong{}
.jc_nav .cont em{}
}



/*영상정보방침*/
.cctvcont{}
.cctvcont table{width: 100%;}
.cctvcont th{background: #f0f0f0;padding: 5px; border-top:2px solid #ddd; border-right:1px solid #ddd}
.cctvcont th:last-child{border-right:0px}
.cctvcont tr{border-bottom: 1px solid #ddd;}
.cctvcont td{border-right: 1px solid #ddd; vertical-align: middle; padding:5px; text-align: center}
.cctvcont td:last-child{border-right: 0px;}
.cctvcont .down_btn{}
.cctvcont .down_btn a{ display: block;margin: 0 auto;width: 250px;background: #5b5b5b;padding: 10px;color: #fff;font-weight: 600; text-align: center;}


@media only screen and (min-width: 980px) {
	.cctvcont th,
	.cctvcont td{padding: 10px;}
	.cctvcont .down_btn a{padding:15px;}
}