@charset "euc-kr";

/* 1055 * 580 */

html, body{letter-spacing:-1px; word-break: keep-all; background:#f6f6f6;}

.box1{border-radius:8px; overflow:hidden;}
.box1 > .tit{background:#eee; font-size:18px; color:#474a56; padding:15px 0; font-weight:800; display: flex; justify-content: center;}
.box1 .inner{display: flex;padding: 30px;background:#fff;align-items: center;}
.box1 .inner .thumb{width: 290px;}
.box1 .inner .dec{margin: 0 0 0 30px;word-break: keep-all;}
.box1 .inner .dec > .tit{display: flex; font-size:22px; font-weight:800; color:#b62222;}
.box1 .inner .dec > .tit .new{color:#ed3535; font-size:16px; border:1px solid #ed3535; height:29px; line-height:30px; padding:0 18px; border-radius:13px; margin:0 10px 0 0;}
.box1 .inner .dec .txt{font-size:16px; color:#5a5a5a; margin:12px 0 0;}

.box2{margin:15px 0 0;padding: 20px 30px;border-radius:8px;overflow:hidden;background:#fff;}
.box2 .form_group{margin:0 0 20px;}
/* .box2 > .list{width: 2323px;} */
.box2 > .list > ul{overflow: hidden;/* width: 1002px; */display: flex;flex-wrap: wrap;gap: 10px;margin: 0 0 20px;}
.box2 > .list > ul > li{/* width: 241px; */border-radius:7px;overflow:hidden;/* float: left; *//* margin: 0px 9px 19px 0; */border:1px solid #dadbdd;/* flex: 1 auto; */flex: 0 0 calc((100% - 30px) / 4);}
.box2 > .list > ul > li .tit{text-align:center; background:#f6f6f6; width:100%; height:100px;padding:15px 25px 0;}
.box2 > .list > ul > li .tit > .inner{max-height: 38px;color:#474a56;font-size:14px;line-height:1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: keep-all;}
.box2 > .list > ul > li .thumb{text-align:center;height:115px;margin: -40px 0 0;}
.box2 > .list > ul > li .thumb img{max-width:175px; max-height:115px; overflow:hidden; border:1px solid #dadbdd;}
.box2 > .list > ul > li .info{padding:12px 30px; font-size:15px;}
.box2 > .list > ul > li .info .s1{color:#000;}
.box2 > .list > ul > li .info .s2{margin:0 0 0 8px; color:#b62222;}
.box2 > .list > ul > li .info .s3{float:right; color:#888; font-size:14px; margin:1px 0 0;}


select.select{display:inline-block; background:#f6f6f6 url(img/btn_arrow1.png) no-repeat right center; background-size:30px; text-overflow:inherit; border:none; border-radius:6px !important; height:37px; line-height:37px; color:#1b1b1b; padding: 0 32px 0 13px; width:auto; font-size:15px; font-weight:600;}
select.select2:focus{border:1px solid #0b84c9 !important;}

.btn_st1{height: 40px; line-height:40px; color: #fff; font-size: 15px; padding: 0 32px; border-radius: 8px; background: #5a5a5a; min-width: 210px; transition: all .1s; font-weight: 600;}

.slider1{padding:25px 100px; background:#fff;}
.slider1 *:after{display:none;}
.slider1 .swiper-wrapper{}
.slider1 .swiper-slide{width:24%; padding:0 14px; opacity:0; transition:all 0.4s 0s; text-align:center;}
.slider1 .swiper-slide:before{position:absolute; left:0; top:0; width:100%; height:100%; background:url(img/ico_play.png) no-repeat center; background-size:20%; content:''; z-index:2;}
.slider1 .swiper-slide.swiper-slide-active,
.slider1 .swiper-slide.swiper-slide-prev,
.slider1 .swiper-slide.swiper-slide-next{opacity:1;}
.slider1 .arrow{background:url(img/ico_slider_arrow.png) no-repeat center; background-size:46%; width:10%; height:100%; top:0; margin:0;}
.slider1 .swiper-button-prev{left:0;}
.slider1 .swiper-button-next{right:0; transform:rotate(180deg);}

.tbl_type1{width: 100%; table-layout: fixed;}
.tbl_type1 th{background: #888; color:#fff; font-size: 15px; padding: 15px 0 15px; line-height: 1; overflow: hidden; font-weight: 500;}
.tbl_type1 td{font-size: 13px; background: #fff; padding: 10px 5px; text-align: center; border-bottom: 1px solid #eaecef;}
.tbl_type1 td.left{text-align:left; padding: 10px 15px;}
.tbl_type1 td .pic_box{ display: flex; align-items: center;}
.tbl_type1 td .pic_box .thumb{width:90px; overflow:hidden; margin:0 5px 0 0;}
.tbl_type1 td .pic_box .thumb + ul{}
.tbl_type1 td .pic_box .thumb + ul li strong{color:#1563d8;}

#detail_wrap{text-align:center; padding:20px 50px 20px; word-break: keep-all; background:#fff;}
.tit_vol{background:#7a7a98; color:#fff; font-size:16px; padding:10px 30px 10px 10px; border-radius:30px; margin:0 0 20px; text-align:left;}
.tit_vol span{display:inline-block; background:#3c3c5b; color:#ffff89; font-size:15px; padding:10px 30px; border-radius:30px; margin:0 10px 0 0;}
.tit_des{text-align:left; margin:0 0 20px; font-size:16px;}
h2.num{background:#8686a2; padding:10px 20px; color:#fff; font-size:16px; text-align:left; margin:50px 0 30px;}