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


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

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

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

.perimg{text-align:center;}
.cb{clear:both;}

.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}



.blackTxt{color:#000000}
.redTxt{color:#d10000 !important}
.blTxt{color:#1a42b2 !important}
.blgrTxt{color:#345468}

.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:#fbca4d}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 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{box-shadow:0 -0.7em 0 rgba(252,242,84,0.7) inset;}
.redTxt{color:#d10000}
.ppTxt{color:#1a0182}
.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:7px; margin-bottom:3px;}
.dot_li.w_dot li{background:url("../img/dot_w_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px !important;}

.tit_nm{font-size:1.3em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:500; letter-spacing:-0.065em; padding-left:20px; background:url(../img/tit_dot.png) no-repeat left center; background-size:16px !important}

.tit_line{color:#000000; font-weight:500; font-size:1.4em; margin-bottom:20px; padding-bottom:10px; position:relative; text-align:center}
.tit_line:after{content:''; display:block; width:50px; height:1px; background:#000000; left:0; right:0; bottom:0; margin:auto; position:absolute;}

.linebox{border:1px solid #e6e6e6; padding:10px;}

@media all and (min-width:768px) {
    .bgbox{padding:30px 3%;}
    .col-02{width:47%; margin:0 1.5%; float:left;}
    .pdbox{padding:30px 3%;}
    .mEnter{display:inline;}
    .tEnter{display:block;}

    .tit_nm{font-size:1.3em; }
    .tit_dot{ font-size:1.3em; background-size:20px !Important; padding-left:20px}
    .tit_line{font-size:1.6em; margin-bottom:30px; padding-bottom:20px;}

    .dot_li li{margin-bottom:5px;}

    .linebox{padding:20px;}
    /*.font-sz .dot_li,
    .font-sz .comm_table{font-size: 1.2em;}
    .font-sz .comm_table .dot_li{font-size:inherit;}*/
}

@media all and (min-width:1200px) {
    .bgbox{padding:40px 25px;}
    .pdbox{padding:40px 25px;}
    .tEnter{display:inline;}
    .pEnter{display:block;}
    .bdLine{padding-bottom:60px; margin-bottom:60px;}

    .tit_line{font-size:1.8em; margin-bottom:40px; padding-bottom:30px; }

    .linebox{padding:30px;}


}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
    .tablist {text-align:left}
    .tablist.list04 li{width:25%}
    .tablist li{line-height:50px;}
}



.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.95em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc;padding:15px 3px;vertical-align:middle;font-weight: 400;}
.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:400; background:#f9f9fa; color:#000000}
.comm_table td.bgc{background:#fcfcfc; font-weight:400; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}

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


.time_table{width:100%;border-top:2px solid #004c7f;border-collapse:separate;font-size: 1em;border-left:1px solid #dcdcdc;}
.time_table th, .time_table td{border-bottom:1px solid #dcdcdc;padding:10px 3px;vertical-align:middle;border-right:1px solid #dcdcdc;font-weight: 400;}
.time_table th{font-weight:500}
.time_table thead th{background:#006fba; color:#ffffff; border-color:rgba(255,255,255,0.2)}
.time_table td.bgc{background:#f5f8fb; font-weight:400; color:#000000; text-align:center}


@media all and (min-width:768px) {
    .comm_table{font-size: 1em;}
    .comm_table th, .comm_table td{padding:20px 10px}
    .time_table th,
    .time_table td{padding:10px 10px}

    .counsel_table th{padding:12px 5px}

    .counsel_table td{padding:6px 5px}


}
.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: #2448a9; 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}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}
.bgtxt{display:inline-block; padding:3px 5px; line-height:100%; color:#ffffff; background:#1a42b2; font-size:0.9em; border-radius:5px;}
.bgbl{background:#006fba}
.bgbl{background:#006fba}
.bgorg{background:#ff992c}
.bggr{background:#1ec800}

@media all and (min-width:768px) {
    .conh4{font-size:2.3em;}

}

/*공통*/


.pointbox{padding:20px 10px;border:1px dashed #d3e1e6;background:#f9f9fa;font-weight: 400;/* font-size: 1.1em; */}
.iconBox{font-size:1.1em; padding-bottom:25px;  margin-bottom:20px; position:relative;}
.iconBox h4{color:#1a0182 !important; font-weight:600}
.iconBox:after{content:''; width:100%; height:5px; position:absolute; left:0; right:0; bottom:0; background:url(../img/bd_line_bg.png) repeat-x; }

.ic_blank{color:#1a0182; font-weight:500;}
.ic_blank:after{ font-family:'FontAwesome'; content:'\f08e'; display:inline-block; font-weight:600; margin-left:3px; font-size:0.9em}

.btn_rd{display:inline-block; padding:10px 20px; background:#1a42b2; border-radius:500px; color:#ffffff }
.btn_big{font-size:1.1em}
@media all and (min-width:768px) {
    .pointbox{padding:20px 20px;}

    .iconBox{padding-bottom:35px;  margin-bottom:30px;}
}

@media all and (min-width:1200px) {
    .pointbox{padding:30px 20px;}

    .iconBox{padding-bottom:55px; margin-bottom:50px;}
    .btn_rd{padding:15px 25px}
    .btn_big{padding:20px 50px}

}

.layerpop{position:relative; z-index:9999; max-width:320px;}
.layerpop_bottom{background:#333333; font-size:0.9em}
.layerpop_bottom a{line-height:36px; float:right;}

@media all and (min-width:768px) {
    .layerpop{max-width:600px}
}

@media all and (min-width:1200px) {
    .layerpop{max-width:100%}
}

/*비전 및 전략*/


/*비전*/
.vs_tit{font-weight:500; color:#1a0182; font-size:1.4em;}
.vs_tit span.tit{display:block;}
.vs_tit b{background:#1a0182; color:#ffffff; position:relative; display:block; width:80px; margin:0 auto; margin-bottom:10px; text-align:center; font-size:14px; letter-spacing:0; font-weight:600}
.vs_tit b:after{content:''; display:block; position:absolute; right:0; left:0; top:-5px; border-top:5px solid transparent; border-right:80px solid #1a0182}

.vision_li ul {display:flex; gap:20px 2%; flex-wrap:wrap; width:100%;}
.vision_li li{position:relative; overflow:hidden; border:1px solid #e6e6e6; padding:15px 10px; width:100%;}

.vision .goal{padding:20px 0px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3); border-radius:500px; max-width:700px; margin:0 auto }

.vision .goal .vs_tit{color:#62588c; font-size:1.2em }

.vision_li li img{max-width:100px; margin-bottom:10px;}
.vision_li dl{background:#ffffff;font-weight: 400;}
.vision_li dl dt{text-align:center; color:#1a0182; font-weight:500; font-size:1.1em}
.vision_li dl dt span{font-size:14px; color:#808080; display:block;}

@media all and (min-width:620px) {
    .vs_tit{font-size:2em; letter-spacing:-2px}
    .vision .goal .vs_tit{font-size:1.6em; }
    .vision_li li{width:49%; position:relative; overflow:hidden; }
    .vision_li li:nth-child(3){clear:both;}
    .vision_li dl dt{margin-bottom:20px}
    .vision_li dl dd{font-size: 1em;}

}


@media all and (min-width:1200px) {
    .vision_li ul{gap:0; border-left:1px solid #e6e6e6;}
    .vision_li li{flex:1; border-left:0;}
    .vision_li li:nth-child(3){clear:none;}
    .vision_li dd:not(:last-of-type) {margin-bottom:10px;}

}



/*시설안내*/


.info_space{overflow:hidden; position:relative; }
.info_space h4{font-weight:500; font-size:1.2em; margin-bottom:10px }
.info_space .space_li{padding:20px 10px; background:#004c7f; color:#ffffff; text-align:center}
.info_space .space_li li{display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:3px;}
.info_space .space_li li span{display:inline-block; vertical-align:middle; margin-right:3px; background:#112765; width:20px; height:20px; text-align:center; border-radius:500px; font-size:0.8em; line-height:20px; font-weight:600}

.info_space .photo{position:relative;}
.info_space .photo ul.space_dot{position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0;}
.info_space .photo ul.space_dot li{display:block; position:absolute; width:25px; height:25px; line-height:25px; text-align:center; color:#ffffff; font-size:0.8em; font-weight:600; background:#1a0181; border-radius:500px; z-index:1; cursor:pointer}
.info_space .photo ul.space_dot li:before{content:''; width:10px; height:10px; background:#1a0181; position:absolute; right:50%; margin-right:-5px; bottom:-2px; transform:rotate(-45deg); z-index:0;}
.info_space .photo ul.space_dot li.dot01{top:44%; right:36%}
.info_space .photo ul.space_dot li.dot02{top:30%; left:8%}
.info_space .photo ul.space_dot li.dot02_2{bottom:32%; right:9%}
.info_space .photo ul.space_dot li.dot03{bottom:24%; left:50%}
.info_space .photo ul.space_dot li.dot04{top:39%; left:32%}
.info_space .photo ul.space_dot li.dot05_2{top:54%; left:10%}
.info_space .photo ul.space_dot li.dot05{bottom:15%; right:13%}
.info_space .photo ul.space_dot li.dot06{top:55%; right:26%}

.space_pop .popcon{padding:0 !important;}
.space_pop .popcon:after{content:''; clear:both; display:block;}

.space_pop h1{font-weight:500}
.space_pop dl{width:94%; margin:0 auto; padding:20px; text-align:left; background:#ffffff; margin-top:-30px; position:relative;}
.space_pop dl dt{font-weight:600; margin-bottom:10px; font-size:1.2em; color:#1a0182;}
.space_pop dl dt span{display:inline-block; vertical-align:middle; margin-right:10px; background:#1a0182; width:25px; height:25px; text-align:center; border-radius:500px; font-size:0.8em; font-weight:600; line-height:25px; color:#ffffff}
.space_pop dl dd{padding-left:15px; position:relative;}
.space_pop dl dd:before{content:''; width:2px; height:100%; position:absolute; left:0; top:0px; bottom:0; background:#1a0182}

@media only screen and (min-width: 768px) {
    .info_space .space_li li{margin-bottom:0}
    .info_space .photo ul.space_dot li{width:35px; height:35px; line-height:35px; font-size:1em}
}

@media only screen and (min-width: 1024px) {
    .info_space h4{font-size:1.4em}
    .info_space .space_li{width:30%; height:100%; position:absolute; left:0; top:0; bottom:0; text-align:left; padding:3% 30px}
    .info_space .space_li li{display:block; margin-bottom:10px;}
    .info_space .space_li li span{width:30px; height:30px; line-height:30px;}

    .info_space .photo{margin-left:30%; width:70%}
    .info_space .photo img{display:block; width:100%}

    .info_space .photo ul.space_dot li.dot01{top:44%; right:38%}
    .info_space .photo ul.space_dot li.dot02{top:33%; left:10%}
    .info_space .photo ul.space_dot li.dot02_2{bottom:32%; right:9%}
    .info_space .photo ul.space_dot li.dot03{bottom:28%; left:50%}
    .info_space .photo ul.space_dot li.dot04{top:42%; left:32%}
    .info_space .photo ul.space_dot li.dot05_2{top:54%; left:10%}
    .info_space .photo ul.space_dot li.dot05{bottom:17%; right:13%}
    .info_space .photo ul.space_dot li.dot06{top:57%; right:26%}

    .space_pop dl{padding:40px; margin-top:-40px}
    .space_pop dl dt{position:absolute; font-size:1.4em}
    .space_pop dl dt span{width:40px; height:40px; line-height:40px;}
    .space_pop dl dd{margin-left:40%; padding-left:50px; font-size:1.1em}

}

@media only screen and (min-width: 1200px) {
    .info_space .space_li{width:100%; position:relative;}
    .info_space .photo{margin-left:0%; width:100%}
    .info_space .space_li li span{width:35px; height:35px; line-height:35px;}
    .info_space .space_li li{display:inline-block;}

    .info_space .photo ul.space_dot li{ transition:0.2s}
    .info_space .photo ul.space_dot li:hover{transform:translateY(-10px); transition:0.2s}
}

@media only screen and (min-width: 1400px) {
    .info_space h4{margin-bottom:20px}
    .info_space .space_li{width:25%; height:100%; position:absolute; padding-top:4%}
    .info_space .space_li li{display:block; margin-bottom:10px;}
    .info_space .photo{margin-left:25%; width:75%}
}


/*시설상세*/
.space_view:after{content:''; clear:both; display:block}
.space_view li{position:relative; overflow:hidden;margin-bottom:20px;}
.space_view dl{padding:20px 3%; background:#ffffff}
.space_view dl dt{color:#1a0182; font-weight:500; font-size:1.1em; margin-bottom:10px;}
.space_view dl dt span.num{display:inline-block; vertical-align:middle; margin-right:3px; background:#112765; width:25px; height:25px; text-align:center; border-radius:500px; font-size:0.8em; font-weight:600; line-height:25px; color:#ffffff}
.space_view dl dd{overflow:hidden;background:url("../img/dot_li.gif") no-repeat 0px 10px;padding-left:7px;margin-bottom:3px;font-weight: 400;}
.space_view dl dd:last-child{margin-bottom:0}

@media all and (min-width:620px) {
    .space_view li{width:48%; margin:0 1% 20px; float:left;position:relative; overflow:hidden; }
    .space_view li:nth-child(3),
    .space_view li:nth-child(5){clear:both;}
    .space_view dl dt{margin-bottom:10px}
    .space_view dl dd{font-size: 1em;}

}


@media all and (min-width:1200px) {
    .space_view li{width:31.33%; margin:0 1% 30px;}
    .space_view li:nth-child(3){clear:none;}
    .space_view li:nth-child(4){clear:both;}
    .space_view li:nth-child(5){clear:none;}

}



/*조직도*/
.organization{text-align:center; position:relative;}
.organization:before{content:''; width:1px; height:74.5%; left:0; right:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc}
.organization .ordep{position:relative; margin-bottom:30px; overflow:hidden}
.organization .ordep.or03{margin-bottom:50px}
.organization .ordep .orhd{display:block; padding:15px 0px; background:#808080; color:#ffffff; position:relative}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#004ea2; background:linear-gradient(45deg, #004ea2 0%, #49458c 100%); padding:15px 0px; font-size:1.2em; width:220px; left:50%; margin-left:-110px}
.organization .or02 .orhd{background:#49458c}
.organization .or03 .orhd{background:#8b3793; }
.organization .or04 .orhd{background:#787891}


.organization .or02{position:relative; overflow:hidden; max-width:800px; margin:0 auto; margin-bottom:30px}
.organization .or02:before{content:''; width:50%; height:1px; right:0%; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc; max-width:500px}
.organization .or02 .orhd{width:30%;  max-width:150px}
.organization .or02 .orhd.right{margin:0; margin-left:70%; float:right}

.organization .or03 .orhd{padding:15px 30px; width:100%; width:220px; left:50%; margin-left:-110px}
.organization .or04 .orhd{width:100%; padding:12px 0px; }

.organization .or04{overflow:hidden;}
.organization .or04{text-align:center; padding-top:50px; position:relative; font-size:0.9em}
.organization .or04:before{content:''; width:75%; height:1px; background:#dcdcdc; top:0px; left:0; right:0; margin:auto; display:block; position:absolute; }

.organization .ordep .ortree{ margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul{padding:10px 20px; text-align:left; background:#f5f5fa; border:1px solid #dcdcdc}

.organization .ordep .ortree{width:23%; margin: 0 1%; float:left; vertical-align:top; position:relative;}
.organization .ordep .ortree:before{content:''; display:block; width:1px; height:60px; background:#dcdcdc;  left:0; top:-60px; right:0; margin:auto; position:absolute;}


@media all and (min-width:620px) {
    .organization .or04{font-size:1em}
}

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

    .organization:before{height:70.5%}
    .organization .ordep .orhd{padding:20px 20px !important; font-size: 1.2em}
    .organization .or01 .orhd{font-size:1.4em; width:300px;  margin-left:-150px}
    .organization .ordep.or03{margin-bottom:80px}
    .organization .or04{padding-top:80px; max-width:1000px; margin:0 auto; font-size:1em}
    .organization .ordep .ortree ul{text-align:left; padding:25px 10px}
    .organization .ordep .ortree:before{height:80px; top:-80px}
}

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

}





/*오시는길*/
.mapbox{position:relative;}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

.address_info{background:#004c7f; color:#ffffff; padding:30px 20px;}
.address_info h4{font-size:1.4em; font-weight:600; margin-bottom:10px}
.address_info p{margin-bottom:5px; color:#ffffff}


@media all and (min-width:768px) {
    .address_info{position:absolute; left:20px; top:20px; z-index:10; text-align:left; padding:40px 30px}
}





.typebox{position:relative;}
.typebox ul.tabs {width:100%; overflow:hidden; position:relative;}
.typebox ul.tabs:before{width:100%; height:1px; background:#e0e3e7; position:absolute; bottom:0; left:0; }
.typebox ul.tabs li{display:block;float:left; width:48%; margin:0 0.5% 2px;cursor:pointer; background:#f9f9f9; color:#969696;text-align:center; position:relative; border:1px solid #e0e3e7;}
.typebox ul.tabs li:before{content:''; display:block; position:absolute; left:0; right:0; top:-1px; margin:auto; width:100%; height:2px; background:#e0e3e7 ;}
.typebox ul.tabs li:hover{color:#323232; font-weight:400}
.typebox ul.tabs li.current{color:#ffffff; background:#1a0182; font-weight:500; color:#ffffff; border-color:#1a0182}
.typebox ul.tabs li.current:before{background:#006fba ;}

.typebox ul.tabs.list07 li{width:32.33%}
.typebox ul.tabs.list03 li{width:32.33%}
.typebox ul.tabs.long li span{display:block}
.typebox ul.tabs li.on{color:#000000; background:#ffffff; font-weight:500;}
.typebox ul.tabs li.on:before{background:#0aa2f8 ;}
.typebox ul.tabs li a{display:block;  padding:10px 0; }




@media only screen and (min-width: 768px) {
    .typebox ul.tabs{text-align:center;display: flex;}
    .typebox ul.tabs li{max-width:260px; font-size:1.05em;}
    .typebox ul.tabs li a{padding:15px 0px;}
    .typebox .tabscontent{padding:50px 0px}

    .typebox ul.tabs.list04 li{width:24%}
    .typebox ul.tabs.long li span{display:inline}

}


/*운영사업*/
.businessbox{overflow:hidden;}
.businessbox .left img{ width:100%;}

@media only screen and (min-width: 640px) {
    .businessbox .left {width:30%; margin-right:3%; float:left;}
    .businessbox .right {width:67%; float:left;}
}

@media only screen and (min-width: 1024px) {
    .businessbox .left {width:22%;}
    .businessbox .right {width:75%;}
}

/*추진일정*/
.process{position:relative; overflow:hidden }
.process li{border:1px solid #e6e6e6; margin-bottom:15px; text-align:center; width:49%; float:left; margin:0 0.5% 5px;}
.process .pro{padding-top:0;}
.process .pro dd{margin-bottom:10px;}
.process .pro dd:last-child{border-top:1px dashed #d3e1e6; padding:7px; background:#f9f9f9; margin-bottom:0}
.process .pro dt{background:#004c7f; color:#ffffff; padding:10px; margin-bottom:10px;}
.process .pro dt .num{display:inline-block; width:25px; height:25px; line-height:25px; margin-left:5px; text-align:center; background:#112765; border-radius:500px}

@media only screen and (min-width: 640px) {
    .process li{width:32.33%; }
}

@media only screen and (min-width: 840px) {
    .process li{width:19%; }
}



/*운영프로그램*/
.business_img{position:relative}
.business_img ul{overflow:hidden}
.business_img ul li{margin-bottom:20px}
.business_img ul li img{width:100%}
.business_img ul li span{display:block; text-align:center; padding-top:5px;}

@media only screen and (min-width: 640px) {
    .business_img ul{display:flex; flex-wrap:wrap; gap:2%}
    .business_img ul li{width:32%;}
    .business_img ul li img{/*! height: 100px; */object-fit: cover;min-height: 300px;}
   /* .business_img ul li{width:48.5%; margin-right:3%; float:left}*/
    .business_img ul li:nth-child(even){margin-right:0%;}
    .business_img ul.list01 li{width:50%; margin:0 auto !Important; float:none}
    .business_img ul.list04 li{width:23.5%;}
}

@media only screen and (min-width: 768px) {
    /*.business_img ul.list03 li{width:30.33%; margin:0 1.5% 20px;}
    .business_img ul.list03 li:nth-child(even){margin-right:1.5%;}*/
    .business_img ul li img{/*! height: 150px; *//*! object-fit: cover; */}
}

@media only screen and (min-width: 980px) {
    .business_img ul li img{/*! height: 180px; */}
}

@media only screen and (min-width: 1500px) {
    .business_img ul li img{/*! height: 200px; */}
}

@media only screen and (min-width: 1800px) {
    .business_img ul li img{/*! height: 220px; */}
}

/*기업상담신청*/
.counselbox{padding:30px 20px; border:10px solid #f9f9f9}
.counselbox ul {overflow:hidden; max-width:600px; margin: 0 auto}
.counselbox ul li{float:left; width:50%; text-align:center; padding:0 10px}
.counselbox ul li img{width:100%; max-width:250px}
.counselbox .txt{font-size:1.1em}
.counselbox .txt p{font-size:1.2em;  margin-bottom:40px; padding-top:30px; margin-top:30px; position:relative}
.counselbox .txt p:before{content:''; display:block; position:absolute; top:0; left:0; right:0; margin:auto; width:100px; height:1px; background:#dcdcdc}
.counselbox .txt a:after{font-family:'FontAwesome'; content:'\f08e'; display:inline-block; font-weight:600; margin-left:3px; font-size:0.9em}


@media only screen and (min-width: 768px) {
    .counselbox{padding:50px 20px;}
}

@media only screen and (min-width: 1200px) {
    .counselbox{padding:80px 20px;}
    .counselbox .txt p{font-size:1.4em;   padding-top:40px; margin-top:40px;}
}

/*일자리상담/대관신청방법*/
.counsel_process ul {overflow:hidden}
.counsel_process ul li{position:relative;  border:1px dashed #7790c1; padding:15px 0; margin-bottom:30px; text-align:center;}
.counsel_process ul li:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:0; left:0; bottom:-25px; margin:auto; font-size:18px;  background:#1a0182; width:20px; height:20px; color:#ffffff; border-radius:500px}
.counsel_process ul li:last-child{margin-bottom:0}
.counsel_process ul li:last-child:after{display:none}

.counsel_process ul li img{max-width:80px;}
.counsel_process ul  li span{display:block; font-weight:500;  font-size:1.1em; color:#1a0182; }

@media all and (min-width:620px) {
    .counsel_process ul li{width:23%; margin:0 1%; float:left;position:relative; padding:25px 0px; height:180px;}
    .counsel_process ul li:after{content:'\f105'; left:auto; top:0; bottom:0; width:30px; height:30px; line-height:30px;  right:-25px; z-index:5 }
    .counsel_process ul.list03 li{width:31.33%;}
    .rent_process ul li{height:auto !important}
}

@media all and (min-width:1200px) {
    .counsel_process ul li{padding:40px 0px; height:240px}
}



.time_info{padding:20px 20px; border-top:1px solid #323232; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.time_info dl{padding-left:80px; background-position:10px center; background-repeat:no-repeat; background-size:50px !important; box-sizing:border-box; min-height:70px}
.time_info dt{font-weight:500; font-size:1.1em;  margin-bottom:5px; color:#000000}
.time_info dd.tit{font-size:1.2em; font-weight:500}
.time_info dd{background:url("../img/dot_li.gif") no-repeat 0px 10px;padding-left:10px;font-weight: 400;}
.time_info dd:last-child{margin-bottom:0;}
.time_info .time{padding-top:20px; margin-top:20px; border-top:1px solid #e6e6e6}
.time_info .time:first-child{border-top:0; margin-top:0; padding-top:0;}
.time_info dl.time01{background-image:url(../img/ic_time01.png)}
.time_info dl.time02{background-image:url(../img/ic_time02.png)}
.time_info dl.time03{background-image:url(../img/ic_time03.png)}


@media all and (min-width:640px) {
    .time_info{padding:0px 0px; border:1px solid #e6e6e6; border-top:1px solid #323232; position:relative}
    .time_info .time{width:50%; float:left; margin:0; border:0; padding:0 20px; position:relative;  text-align:center;}
    .time_info:before{content:''; width:1px; height:150px; background:#e6e6e6; position:absolute; display:block; left:0; right:0; top:0; bottom:0; margin:auto}
    .time_info .time:last-child:before{display:none}
    .time_info dl{padding:0px; padding-top:100px; padding-bottom:30px; background-position: center 20px !Important;  background-size:70px !important; box-sizing:border-box}
    .time_info dd{background:none; padding-left:0}
    .time_info dd.tit{font-size:1.4em;}
}

@media all and (min-width:1200px) {
    .time_info dl{padding:40px 0 40px 150px; background-position:30px center !important; text-align:left}
}

.photo_list{position:relative; overflow:hidden}
.photo_list .box{position:relative; margin-bottom:20px}
.photo_list .box span{display:inline-block; position:absolute; padding:5px 10px; color:#ffffff; background:#1a42b2; left:0; top:0; font-size:0.9em;}

@media all and (min-width:768px) {
    .photo_list .box{width:32% !important; margin-right:2%;}
    .photo_list .box:last-child{margin-right:0%;}
}

/*시설소개슬라이드*/
.photo_slider ul li{margin:0 5px}
.photo_slider ul li img{width:100%}
.photo_slider ul.slider_nav li{opacity:0.3}
.photo_slider ul.slider_nav li.slick-current{opacity:1}
.photo_slider ul.space_slider li{position:relative}
.photo_slider ul.space_slider li span{position:absolute; padding:0px 20px; line-height:50px; background:rgba(0,0,0,0.5); color:#ffffff; text-align:left; display:block; bottom:0; left:0; right:0;}

.space_slider{margin-bottom:10px}
.space_slider .slick-arrow{bottom:0px; top:auto; left:auto; right:52px}
.space_slider .slick-arrow.slick-next{ right:0px}

@media all and (min-width:768px) {
    .photo_slider ul.space_slider li span{font-size:1.2em}
}


/*멘토링*/
.mentor_process ul {overflow:hidden}
.mentor_process ul li{position:relative;  border:1px dashed #7790c1; padding:15px 0; margin-bottom:30px; text-align:center;}
.mentor_process ul li:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:0; left:0; bottom:-25px; margin:auto; font-size:18px;  background:#1a0182; width:20px; height:20px; color:#ffffff; border-radius:500px}
.mentor_process ul li:last-child{margin-bottom:0}
.mentor_process ul li:last-child:after{display:none}

.mentor_process ul li img{max-width:80px;}
.mentor_process ul  li span{display:block; }
.mentor_process ul  li span.tit{font-weight:500;  font-size:1.1em; color:#1a0182; }
.mentor_process ul  li span.txt{font-size: 0.9em;font-weight: 400;}

@media all and (min-width:620px) {
    .mentor_process ul li{width:46%; margin:0 1% 15px; float:left;position:relative; padding:25px 0px; height:180px;}
    .mentor_process ul li:after{content:'\f105'; left:auto; top:0; bottom:0; width:30px; height:30px; line-height:30px;  right:-25px; z-index:5 }
    .mentor_process ul.list03 li{width:31.33%;}
}

@media all and (min-width:768px) {
    .mentor_process ul li{width:23%; margin:0 1%; height:220px; }

}
@media all and (min-width:1200px) {
    .mentor_process ul li{padding:40px 0px; height:240px; }
}


/*구인구직 서식*/

.standard_down{padding:20px 20px; border-top:1px solid #323232; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.standard_down dl{padding-left:80px; background-position:10px center; background-repeat:no-repeat; background-size:50px !important; box-sizing:border-box; min-height:70px}
.standard_down dt{font-weight:500; font-size:1.1em;  margin-bottom:5px; color:#000000}
.standard_down dd.tit{font-size:1.2em; font-weight:500}
.standard_down dd:last-child{margin-bottom:0;}
.standard_down dd.down{padding-left:0; background:none; margin-top:10px}
.standard_down dd.down a{display:inline-block; line-height:36px; padding:0 10px; background:#1a42b2; color:#ffffff; font-size:0.9em; border-radius:5px}
.standard_down dl{padding-top:20px; margin-top:20px; border-top:1px solid #e6e6e6}
.standard_down dl:first-child{border-top:0; margin-top:0; padding-top:0;}
.standard_down dl.ic_counsel01{background-image:url(../img/ic_counsel01.png)}
.standard_down dl.ic_counsel02{background-image:url(../img/ic_counsel02.png)}
/*
@media all and (min-width:620px) {
.standard_down{overflow:hidden}
.standard_down dl{border-top:0; margin-top:0; padding:0; padding-top:60px !important; background-position:center top; float:left; width:50%; border:0px; text-align:center }
}
*/

@media all and (min-width:640px) {
    .standard_down{padding:0px 0px; border:1px solid #e6e6e6; border-top:1px solid #323232; overflow:hidden}
    .standard_down dl{width:50%; float:left; margin:0; border:0; padding:0 20px; position:relative;  text-align:center;}
    .standard_down dl:before{content:''; width:1px; height:150px; background:#e6e6e6; position:absolute; display:block; right:0; top:0; bottom:0; margin:auto}
    .standard_down dl:last-child:before{display:none}
    .standard_down dl{padding:0px; padding-top:100px !important; padding-bottom:30px !important; background-position: center 20px !Important;  background-size:70px !important; box-sizing:border-box}
    .standard_down dd{background:none;padding-left:0;font-weight: 400;}
    .standard_down dd.tit{font-size:1.4em;}
}

@media all and (min-width:1200px) {
    .standard_down dl{padding:40px 0 40px 170px !important; background-position:50px center !important; text-align:left}
}



/*프로그램 이미지 추가*/
.program-img{}
.program-img ul{}
.program-img ul:after{display:block; clear:both; content:"";}
.program-img li{margin-bottom: 10px;}
.program-img li:first-child{}

@media all and (min-width:768px) {
    .program-img{}
    .program-img ul{}
    .program-img li{/*! width: 21.8%; */float: left;margin: 1%;border: 1px solid #dedede;padding: 0px;margin-top: 0px;margin-bottom: 1%;}
    .program-img li:first-child{/*! width: 41%; */}
}

@media all and (min-width:1200px) {
    .program-img{}
    .program-img ul{max-width: 700px;margin: 0 auto;}
    .program-img li{/*! margin:0.5%; *//*! width: 28%; */}
}


/*기업소개 새로운스타일*/

.com_introduce2{position:relative;}
.com_introduce2  h4.ppTxt{font-size:1.1em; font-weight:500; margin-bottom:10px;}

.com_information{position:relative; margin-bottom:40px}
.com_information h4{margin-bottom:10px;}
.com_information h4 span{display:inline-block; vertical-align:middle; margin-right:5px; font-size:0.9em; }
.com_information h4 span.cate{padding:2px 6px; background:#808080; color:#ffffff;border-radius: 5px;}
.com_information h4 span.cate01{background:#e73c7c;}
.com_information h4 span.cate02{background:#ff7a45;}
.com_information h4 span.cate03{background:#ffc63e;}
.com_information h4 span.cate04{background:#9ddc3c;}
.com_information h4 span.cate05{background:#2ec4b6;}
.com_information h4 span.cate06{background:#4dabf7;}
.com_information h4 span.cate07{background:#5f6caf;}
.com_information h4 span.cate08{background:#9b5de5;}
.com_information h4 span.cate09{background:#f15bb5;}
.com_information h4 span.cate10{background:#6c757d;}
.com_information dl {margin-bottom:10px}
.com_information dt{font-weight:600; font-size:1.6em; margin-bottom:10px;}
.com_information dd{margin-bottom:10px}
.com_information dd:last-child{margin-bottom:0px}
.com_information dd.tag{color: #666;background: #f8f8f8;padding: 10px;border-radius: 10px;}
.com_information dd.cate_line span{ font-size:0.9em; display:inline-block; vertical-align:middle; /*! border:1px solid #1a0182; */ background:#1a0182; padding:3px 10px; border-radius:100px; margin-right:5px; color: #fff;}

.com_intro{/*! border:1px solid #ddd; */ border-radius: 10px; padding:15px;font-family: 'Paperozi' !important;background: #f8f7ff;}
.com_intro .short{margin-bottom:20px}
.com_intro .photo_logo .slick-arrow{background:#ffffff5c; color:#ffffff; top:auto; left:auto; bottom:10px; width:40px; height:40px;right: 10px;border: 1px solid #ffffff94;}
.com_intro .photo_logo .slick-prev{right:55px;}
.com_intro .photo_logo .slick-dots{text-align:left; margin-left:20px; bottom:10px}
.com_intro .photo_logo .slick-dots li{margin:0; margin-right:10px; width:auto; height:auto}
.com_intro .photo_logo .slick-dots li button{width:8px; height:8px; border:0; background:#ffffff; opacity:0.3}
.com_intro .photo_logo .slick-dots li.slick-active button{background:#fff; opacity:1;}

.photo_logo li img{object-fit: cover;object-position: center;/*! height: 100% !important; */min-height: 200px;border-radius: 10px;width: 100%;max-height: 200px !important;}

.com_information .table_wrap{border: 1px solid #ddd;  border-radius: 10px;margin: 20px 0px;padding: 15px;}
.com_information table{text-align:left; width: 100%;}
.com_information table th{font-weight:500;padding:3px;width:80px;}
.com_information table td{padding:3px;word-break: break-all;}
.com_information .btn_down a{display:block; line-height:40px; position:relative; background:#eee; color:#666; padding:0 20px;border-radius: 5px;}
.com_information .btn_down a:after{content:'\f090'; display:block;  font-family: var(--icon); position: absolute; right: 15px; top: 2px; font-weight: 300;  font-size: 23px;}
.com_information .btn_down a:hover{background: #ddd;}

.com_introduce2 .com_detail{margin-top:20px; margin-bottom:40px;/*! border: 1px solid #ddd; */border-radius: 10px;padding: 15px;background: #f8f7ff;}
.com_introduce2 .com_detail h5{font-size:1.4em;  font-weight:600; color: #3a32c3;margin-bottom: 15px;}
.com_introduce2 .com_detail .detail_editor{/*! margin-top:20px */}

.com_introduce2 .bottom_btn {text-align:center; margin-bottom:50px}
.com_introduce2 .bottom_btn a{line-height:40px; padding:0 20px; display:inline-block; max-width:150px; width:100%; background:#b1b1b1; color:#ffffff}
.com_introduce2 .bottom_btn a:hover{background: #a6a6a6;}

:root {
  --icon:'Material Symbols Outlined', sans-serif;
}


@media all and (min-width:768px) {
    .com_introduce2:after{content:''; clear:both;}
    .com_introduce2 .com_information{/*! float:left; */ /*! width:47%; */ /*! margin-right:3% */}
    .com_introduce2 .com_intro{padding: 30px;display: flex;flex-wrap: wrap;gap: 4%; align-items: flex-end;}
    .com_intro .short{margin-bottom:0px; width:48%}
    .com_intro .photo_logo{width:48%;}
    .com_introduce2 .com_detail{clear:both; display:flex; flex-wrap:wrap; align-items:baseline;padding: 30px;margin-top: 30px;}
    .com_information .btn_down a{max-width:300px; line-height:50px}
    .com_introduce2 .com_detail h5{ width:100%; /*! margin-right:3% */margin-bottom: 30px;}
    .com_introduce2 .com_detail .detail_editor{/*! width:50% */}
    .com_introduce2 .bottom_btn a{line-height:50px}
    
    .com_information dl{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;justify-content: flex-start;gap: 20px;}
}

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

    /*.com_introduce2 .com_information,
    .com_introduce2 .com_detail h5{width:40%; margin-right:5%}
    .com_introduce2 .com_intro,
    .com_introduce2 .com_detail .detail_editor{float:left;width:55%;}*/


    .com_information h4{margin-bottom:20px;font-size: 1.2em;}
    .com_information dl{margin-bottom:30px}
    .com_information table{margin-bottom:30px}
    .com_information dt{font-size:1.8em}
    .com_information dd{margin-bottom:15px}
    
    .photo_logo li img{min-height: 350px;max-height: 350px !important;}

}


@media all and (min-width:1200px) {
    .com_intro .short{margin-bottom:30px}
    .com_information table{width:100%; font-size:0.95em}
    .com_information dt{font-size:2em; /*! margin-bottom:20px; */ font-weight:600}
    .com_information dd{margin-bottom:20px}
    
    .com_information dt{}
    .com_information dd.tag{width:100%;margin: 0;padding: 15px 20px;font-size: 1.2em;}
    .com_information dd.cate_line{position: absolute;right: 0;top: 60px;}
    .com_introduce2 .com_detail{margin-bottom:90px;margin-top: 60px;}
    .com_information dd.cate_line span{padding:5px 10px; border-width:2px}

    .com_intro .photo_logo .slick-arrow{width:50px; height:50px}
    .com_intro .photo_logo .slick-prev{right:70px;}

    .com_introduce2 .com_detail h5{padding-bottom:20px; font-weight:600; font-size:1.6em}
    .com_information .table_wrap{margin-bottom:60px;padding: 30px;font-size: 1.1em;}
    .com_information .btn_down a{position: absolute; right:30px; bottom:30px; width: 200px;}
    .com_information table th{padding:7px;}
    
    .com_introduce2 .com_intro{gap: 10%; align-items: flex-end;}
    .com_intro .short{margin-bottom:0px; width:45%}
    .com_intro .photo_logo{width:45%;}
    .photo_logo li img{min-height: 250px;max-height: 250px !important;}
}

@media all and (min-width:1400px) {
    .com_introduce2 .com_detail{padding:50px;}
    .com_introduce2 .com_intro{padding: 50px;}
    
    .com_introduce2 .com_intro{gap: 10%; align-items: center;}
    .photo_logo li img{min-height: 350px;max-height: 350px !important;}
    .com_intro .short{margin-bottom:0px; width:35%}
    .com_intro .photo_logo{width:55%;}
}




.start_list{}
.start_list .box{
    /* border: 1px dashed #1a0182; */
    /* padding: 20px; */
    margin-bottom: 35px;
    /* background: #f9f9fa; */
}
.start_list .box:nth-child(2n) ul{/* border: 1px solid #d1000070; */}
.start_list .box:nth-child(2n) li{/* border-bottom: 1px dashed #d1000085; */}
.start_list .box:nth-child(3n) ul li{/* border-bottom: 1px dashed #444444a3; */}
.start_list .box:nth-child(3n) li{/* border-bottom: 1px dashed #4444448f; */}
.start_list .box .tlt{
    font-weight: 700;
    color: #1a0182;
    font-size: 1.5em;
    margin-bottom: 15px;
    text-align: center;
    background: #1a0182;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;
}
.start_list .box:nth-child(2n) .tlt{background: #6856e2;}

.start_list .box ul{
    border: 1px solid #ddd;
    /*! background: #f9f9f9; */
    padding: 10px;
    border-radius: 10px;
}
.start_list .box ul li{
    font-weight: 500;
    position:relative;
    padding-left: 11px;
    /* /*! margin-bottom: 10px; */ 
    /* border-bottom: 1px dashed #1a018285; */
    padding: 10px 20px;
    background: #f8f8f8;
    margin-bottom: 10px;
    text-align: center;
    align-content: center;
}
.start_list .box ul li:hover {color:#1a0182; font-weight:600;background: #ecebf4;}
.start_list .box ul li:last-child{border-bottom:0px;}
.start_list .box ul li a{position:relative;/* padding-left: 10px; */}
.start_list .box ul li a:after{
    display:block;
    clear:both;
    content:"";
    width:4px;
    height:4px;
    /* background:#1a0182; */
    position:absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}
.start_list .box:nth-child(2n) li a:after{/* background:#d10000; */}

@media all and (min-width:768px) {
    .start_list{
        /*! display: flex; */
        /*! flex-wrap: wrap; */
    }
    .start_list .box{
        /*! width: calc(33.3333% - 20px); */
        /*! margin-right: 30px; */
        /* padding: 30px; */
    }
    .start_list .box:nth-child(3n){margin-right:0px;}
    .start_list .box .tlt{
        margin-bottom: 15px;
        /* text-align: left; */
    }
    .start_list .box ul{display: flex;flex-wrap: wrap;gap: 10px;}
    .start_list .box ul li{margin-bottom: 0px;width: calc(33.333% - 10px);}
}

@media all and (min-width:1200px) {
    .start_list{}
    .start_list .box{}
    .start_list .box .tlt{}
    .start_list .box ul{padding: 20px;}
    .start_list .box ul li{width: calc(25% - 10px);}
}



/*센터입주기업*/
.cata_box{}
.cata_box .cata_list{display:flex; flex-wrap:wrap; gap:2%}
.cata_box .cata_list li{position:relative; border-radius: 15px;border: 1px solid #ddd; padding:20px;margin-bottom: 30px;cursor: pointer;}
.cata_box .cata_list li:hover{border:3px solid #6c5ce7; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.24);
}
.cata_box .cata_list li .top{position: absolute; left: 30px;top: 35px;}
.cata_box .cata_list li .top span{background: #6c5ce7;color: #fff;padding: 3px 8px;border-radius: 5px;margin-left: 5px;}
.cata_box .cata_list li .top span.t01{background: #e73c7c;}
.cata_box .cata_list li .top span.t02{background: #ff7a45;}
.cata_box .cata_list li .top span.t03{background: #ffc63e;}
.cata_box .cata_list li .top span.t04{background: #9ddc3c;}
.cata_box .cata_list li .top span.t05{background: #2ec4b6;}
.cata_box .cata_list li .top span.t06{background: #4dabf7;}
.cata_box .cata_list li .top span.t07{background: #5f6caf;}
.cata_box .cata_list li .top span.t08{background: #9b5de5;}
.cata_box .cata_list li .top span.t09{background: #f15bb5;}
.cata_box .cata_list li .top span.t10{background: #6c757d;}

.cata_box .img{margin-bottom: 15px;}
.cata_box .img img{border-radius: 15px;}

.cata_box .txt{}
.cata_box .txt h3{font-size: 1.4em;font-weight: 600;margin-bottom: 10px;}
.cata_box .txt p{color: #666;margin-bottom: 10px;}
.cata_box .txt .tag{color:#666;background: #f8f8f8;padding: 10px;border-radius: 10px;}
.cata_box .txt .tag span{margin-right: 6px;font-weight: 500;}
.cata_box .txt .tag span:hover{color:#333; font-weight:700}

@media all and (min-width:768px) {
.cata_box .cata_list li{width:49%;padding: 25px;}
.cata_box .txt ul.tag li{border-radius: 0px;border: 0px;width: auto;margin-right: 15px;}
.cata_box .txt p{color: #666;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;}
    .cata_box .img img{object-fit: cover;object-position: top center;min-height: 250px;max-height: 250px;}
}


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


@media all and (min-width:1200px) {
    .cata_box .cata_list li{width:32%;padding: 25px;}
    .cata_box .txt h3{font-size: 1.3em;margin-bottom: 15px;}
    .cata_box .txt p{font-size:0.9em;margin-bottom: 20px;line-height: 1.6;}
    .cata_box .txt .tag{font-size:0.8em;padding: 13px;}
    .cata_box .cata_list li .top span{font-size:0.8em;}
    .cata_box .img{margin-bottom: 25px;}
}


/*대관신청 팝업레이어*/
.rental_layer_popup{letter-spacing: -0.015em; display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;} .popup_inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;width:300px;} .close_btn{position:absolute;top:10px;right:10px;border:none;background:none;font-size:20px;cursor:pointer;}
.rental_layer_popup h3{font-size: 1.2em;font-weight: 700;color: #2b019b;margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;position: relative;}
.rental_layer_popup h3:before{width:60px; height:5px; background:#2b019b; position: absolute; left:0; bottom:0; content:''; display: block; }
.rental_layer_popup ul{}
.rental_layer_popup li{margin-bottom: 10px;}
.rental_layer_popup li:last-child{margin:0;}
.rental_layer_popup li strong{font-weight: 600;}
.rental_layer_popup li .p_date{}
.rental_layer_popup li .p_time{}
.rental_layer_popup li .p_company{}

@media all and (min-width:500px) {
.rental_layer_popup .popup_inner{width:500px;}
}

@media all and (min-width:1200px) {
.rental_layer_popup h3{font-size: 1.4em;margin-bottom: 20px;padding-bottom: 20px;}
}


/*홍보영상*/
.video_box{width:100%;}
.video_box iframe{width:100%;height:200px;border-radius:20px;}
.video_box .txt{text-align:center;padding:20px 0;}
.video_box .txt h3{font-size:1.1em;font-weight:500;}

.videoSwiper .swiper-button-next,
.videoSwiper .swiper-button-prev{color:#fff !important; width:50px;height:50px;background:rgba(0,0,0,.5);border-radius:50%;}
.videoSwiper .swiper-button-next:after,
.videoSwiper .swiper-button-prev:after{font-size:20px;font-weight:700;}

@media all and (min-width:768px) {
.video_box iframe{;height:350px;}
}

@media all and (min-width:980px) {
.video_box iframe{;height:500px;}
}

@media all and (min-width:1500px) {
.video_box iframe{;height:660px;}
}