@charset "UTF-8"; 



/* mainList 서브 리스트 */
.mainList{max-width: 1400px; margin: 0 auto;}
.mainList .inner_wrap{max-width: 1400px; margin: 0 auto; font-size: 0; box-sizing: border-box;}

.mainList .search_wrap{text-align: center;margin: 0 0 20px 0;box-sizing: border-box;}

.mainList .search_wrap .srch_frm{border-radius: 50px;border: 1px solid #ccc;box-sizing: border-box;width: 100%;max-width: 320px;margin: 0 auto;padding: 10px 20px;text-align: left;display: inline-block;vertical-align: middle;margin: 0 1% 0 0;}

.mainList .search_wrap .srch_frm select{border: 0;display: inline-block;vertical-align: middle;width: 100%;max-width: 100px;font-size: 16px;color: #333;box-sizing: border-box;}

.mainList .search_wrap .srch_frm input[type='text']{border: 0;display: inline-block;vertical-align: middle;width: calc(100% - 100px);box-sizing: border-box;font-size: 16px;padding: 12px 0 12px 28px;}

.mainList .search_wrap a.btn_style {display: inline-block;vertical-align: top;border-radius: 50px;background: #9b22c5;color: #fff;border: 0;  padding: 10px 0;font-size: 16px; line-height: 26px;font-weight: 500; width: 100%;max-width: 100px;}

.mainList .page_list{margin: 0 0 25px 0;}
.mainList .page_list span.txt{font-size: 16px; font-weight: 500;}
.mainList .page_list span.total{color: #e60012;}

.mainList ul.listBox{font-size: 0; border-top: 2px solid #000;word-break: keep-all;}
.mainList ul.listBox li.list{padding: 30px 0; box-sizing: border-box; border-bottom: 2px dotted #e2e2e2;position: relative;}
.mainList ul.listBox li.list .list_l{display: inline-block; vertical-align: middle;max-width: 446px; margin: 0 30px 0 0;}
.mainList ul.listBox li.list .list_l img{max-width: 100%;}

.mainList ul.listBox li.list .list_r{display: inline-block; vertical-align: middle;width: calc(100% - 446px - 30px);}
.mainList ul.listBox li.list .list_r p.num{font-size: 18px; font-weight: bold;color: #fff; background:#9b22c5; width: 44px; height: 44px;display: inline-block; vertical-align: middle;border-radius: 50%; line-height: 44px; text-align: center; margin: 0 10px 0 0;position: relative;}
.mainList ul.listBox li.list .list_r p.num::after{content: ''; background: url(../img/s0102_num_icon.png) 0 0 no-repeat; width: 12px; height: 9px; position: absolute;bottom: -7px; left: 50%; transform: translateX(-50%);}
.mainList ul.listBox li.list .list_r p.tit{font-size: 28px; font-weight: bold;display: inline-block; vertical-align: middle; }
.mainList ul.listBox li.list .list_r p.exp{font-size: 18px; font-weight: 500; line-height: 28px;margin: 20px 0 30px 0;height: 56px; overflow: hidden; text-overflow: ellipsis;width: 75%;white-space: nowrap;}

.mainList ul.listBox li.list .list_r .info{}
.mainList ul.listBox li.list .list_r .info li{margin: 0 0 10px 0;}
.mainList ul.listBox li.list .list_r .info li:last-child{margin:0;}
.mainList ul.listBox li.list .list_r .info li span{font-size: 18px; font-weight: 500; line-height: 28px; display: inline-block;}
.mainList ul.listBox li.list .list_r .info li span.tit{margin: 0 10px 0 0;}
.mainList ul.listBox li.list .list_r .info li span.tit::before{content: ''; background: url(../img/s0102_spicon.png) 0 0 no-repeat; width: 20px; height: 23px; display: inline-block; vertical-align: middle;margin: 0 10px 0 0;}
.mainList ul.listBox li.list .list_r .info li:nth-child(2) span.tit::before{background-position: -20px 0;}

.mainList ul.listBox li.list .list_r a.more_btn{background:#4f576a;font-size: 16px; color: #fff;padding: 13px 0; box-sizing: border-box; width:188px; text-align: center; position: absolute;bottom: 30px; right: 0;}
.mainList ul.listBox li.list .list_r a.more_btn::after{content: ''; background: url(../img/s0102_more_icon.png)0 0 no-repeat; width: 18px; height: 18px; display: inline-block; vertical-align: top;margin: 0 0 0 10px;}

.mainList ul.listBox li.list p.nodata{font-size: 16px; text-align: center;color: #555}


.subWrap.sv_02 .mainList .search_wrap a.btn_style{background: #009dee;}
.subWrap.sv_02 .mainList ul.listBox li.list .list_r p.num{background: #009dee;}
.subWrap.sv_02 .mainList ul.listBox li.list .list_r p.num::after{background: url(../img/s0102_num_icon_02.png) 0 0 no-repeat;}

.subWrap.sv_03 .mainList .search_wrap a.btn_style{background: #309e7e;}
.subWrap.sv_03 .mainList ul.listBox li.list .list_r p.num{background: #309e7e;}
.subWrap.sv_03 .mainList ul.listBox li.list .list_r p.num::after{background: url(../img/s0102_num_icon_03.png) 0 0 no-repeat;}

.subWrap.sv_04 .mainList .search_wrap a.btn_style{background: #eca100;}
.subWrap.sv_04 .mainList ul.listBox li.list .list_r p.num{background: #eca100;}
.subWrap.sv_04 .mainList ul.listBox li.list .list_r p.num::after{background: url(../img/s0102_num_icon_04.png) 0 0 no-repeat;}


@media all and (max-width:1024px){
	.mainList ul.listBox li.list{margin: 0 auto;text-align: center;}
	.mainList ul.listBox li.list .list_l{display: block;margin: 0 auto 30px;;width: 100%;}
	.mainList ul.listBox li.list .list_r{display: block;margin: 0 auto;width: 100%;}
	.mainList ul.listBox li.list .list_r .info{margin-bottom: 20px;}
	.mainList ul.listBox li.list .list_r a.more_btn{position: static; display: block;text-align: center;margin: 0 auto 10px;}
	.mainList ul.listBox li.list .list_r p.num{margin-bottom: 10px;}
	.mainList ul.listBox li.list .list_r p.tit{margin-bottom: 10px;}
	.mainList ul.listBox li.list .list_r p.exp{width: 80%;margin: 0 auto 10px;}
	
}

@media all and (max-width:768px){
	.mainList ul.listBox li.list .list_r p.tit{font-size: 24px;}
	.mainList ul.listBox li.list .list_r p.txt{font-size: 16px;}
	.mainList ul.listBox li.list .list_r .info li span{font-size: 16px;}
	.mainList ul.listBox li.list .list_r a.more_btn{font-size: 15px;width: 160px;}
	.mainList ul.listBox li.list .list_r p.exp{width: 100%;font-size: 16px;}
}

@media all and (max-width:540px){
	.mainList .search_wrap .srch_frm{max-width: 260px;    padding: 7px 20px;}
	.mainList .search_wrap .srch_frm select{max-width: 70px;}
	.mainList .search_wrap .srch_frm input[type='text']{width: calc(100% - 70px);}
	.mainList .search_wrap a.btn_style{max-width: 80px;padding: 7px 0;}
/*	.mainList .search_wrap{display: none;}*/
}



/* listCont 리스트 세부내용*/
.listCont{}
.listCont .inner_wrap{max-width: 1060px; margin: 0 auto; font-size: 0; box-sizing: border-box;}

.listCont .top_wrap{text-align: center;padding-bottom: 30px;background: url(../img/infoBox_icon.png) right bottom no-repeat;}
.listCont .top_wrap p.num{font-size:18px; font-weight: bold; color:#9b22c5; margin: 0 0 20px 0;}
.listCont .top_wrap p.tit{font-size:28px; font-weight: bold; line-height: 28px; margin: 0 0 40px 0; position: relative;}
.listCont .top_wrap p.tit::after{content: ''; width:30px; height: 3px; background: #333;position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}
.listCont .top_wrap p.exp{font-size:18px; font-weight: 500; line-height: 28px;}
.listCont .top_wrap ul.info{margin: 0 0 30px 0;}
.listCont .top_wrap ul.info li{font-size:18px; font-weight: bold; line-height: 28px;font-weight: 500;}
.listCont .top_wrap ul.info li span.tit{font-weight: 600;    margin-right: 10px;}

.listCont .top_wrap ul.info li span.tit::before{content: ''; background: url(../img/s0102_spicon.png) 0 0 no-repeat; width: 20px; height: 23px; display: inline-block; vertical-align: middle;margin: 0 10px 0 0;}
.listCont .top_wrap ul.info li:nth-child(2) span.tit::before{background-position: -20px 0;}

.listCont .listCont_slide_wrap {max-width:1060px; margin: 0 auto 40px; position: relative; }
.listCont .listCont_slide_wrap .listCont_slide{margin: 0 0 20px 0;}
.listCont .listCont_slide_wrap .listCont_slide .item{height: 654px;}
.listCont .listCont_slide_wrap .listCont_slide .item img{ height: 100%; margin: 0 auto; display: block; object-fit: fill; }

/*.listCont .listCont_btn{}*/


.listCont .owl-thumbs button{width:18.4%; border: none; font-size: 0;background: none; padding: 0; margin: 0 2% 2% 0;cursor: pointer; height: 120px}
@media (max-width: 779px) {

.listCont .listCont_slide_wrap .listCont_slide .item{height:unset;}
.listCont .listCont_btn{position: relative; top:-150px;}
.listCont .owl-thumbs button{width:18.4%; border: none; font-size: 0;background: none; padding: 0; margin: 0 2% 2% 0;cursor: pointer; height: 74px;}
}


.listCont .listCont_btn li a{position: absolute; top: 25%; background: rgba(0,0,0,.8); padding:20px 25px; box-sizing: border-box;z-index: 9}
.listCont .listCont_btn li.prev a{left: 0px}
.listCont .listCont_btn li.next a{right: 0px}
.listCont .listCont_btn li a img{display: block;}

.listCont .owl-thumbs{width: 100%;max-width:1060px; margin:0 auto 50px;font-size: 0; box-sizing: border-box;}



.listCont .owl-thumbs button:last-child{margin: 0 0 2% 0}
.listCont .owl-thumbs button:nth-child(5n){margin: 0 0 2% 0}
/*.listCont .owl-thumbs img{width: 100%; height: 100%; object-fit: fill} */

.listCont .owl-thumbs img{width: 100%; height: 100%; object-fit: fill}


.listCont .con_wrap{margin: 0 auto; border-bottom:1px solid #ccc; }
.listCont .con_wrap p.tit{font-size:28px; font-weight: bold; line-height: 28px; margin: 0 0 40px 0; position: relative;}
.listCont .con_wrap p.exp{font-size:18px; font-weight: 500; line-height: 28px; margin: 0 0 30px 0;}
.listCont .con_wrap p.expr b{font-size:18px; font-weight: 500; line-height: 28px; font-family: "Malgun Gothic";}


.listCont .list_btn{font-size:18px; font-weight: 500; border: 1px solid #ccc; display: block; padding: 18px 0; box-sizing: border-box;width: 100%; max-width: 200px;  text-align: center; border-radius: 40px; margin:30px auto; }

.listCont .tbl_wrap {margin-bottom: 30px;}
.listCont .tbl_wrap .con_tbl th, .listCont .tbl_wrap .con_tbl td{border: 1px solid #cecece;text-align: center;padding: 10px 8px;font-size: 18px;box-sizing: border-box;}
.listCont .tbl_wrap .con_tbl{padding: 14px 8px;border-top: 2px solid #333;}

.listCont .tbl_wrap .con_tbl th {background: #f4f4f4;}
.listCont .owl-carousel .owl-item .slide_img {width: 100% !important;}

.listCont p.tbl_txt{font-size: 18px;}
