.con h3{font-size:1.5rem; color:#333; margin-bottom:2rem; margin-top:3.5rem; z-index:1;}
.con h3 span{position:relative;}
.con h3 span:after{ content : ""; display : block; position : absolute; left:0; bottom:0; width :100%; height : 0.9rem;  background:#9a8cf1; opacity: 0.3; z-index:-1;}
.con h3:first-child{margin-top:0;}
.con h4{color:#6256ac; font-weight:800;position:relative; font-size:1.5rem; letter-spacing:-0.05em; font-family: 'SUITE'; margin:1.5rem 0; padding-bottom:.75rem;}
.con h4 em{ font-weight:300; display:block; font-family:'Montserrat','Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';}
.con h4:after{ content : ""; display : block; position : absolute; left:0; bottom:0; width :2.5rem; height : 2px;  background:#c4c4c4; }
.con h5{color:#2d2d2d; font-weight:500;position:relative; font-size:1.3rem; margin-top:1rem;}
.con p.ing{text-align:center;}
.cpd{padding:3.5rem 0;}
.bul > li{padding-left:1.5rem; background: url("/images/default/content/bul.png") no-repeat 0 0.3rem; background-size:0.4rem 0.7rem; margin-top:0.75rem;}
.bul li:first-child{margin-top:0;}
.bul li.list{background:#fff;}


/*지도*/
.map .root_daum_roughmap{width: 100% !important; height: 23rem; position:relative; z-index:0;}
.map .root_daum_roughmap .wrap_map{height: 100% !important;}
.map_bx{background: #3b4481; padding: 1.25rem 3rem; display: flex; color: #fff; align-items: center; font-weight: 500; margin-bottom: 3rem; width: 100%;}
.map_bx .map_tit{font-size: 1.1rem; padding-right: 4rem; border-right: 1px solid rgba(232,239,245,0.3);}
.map_bx .map_txt{display: flex;}
.map_bx .map_txt .map_add{margin-right: 1.5rem; font-family: 'GmarketSans'; margin-left: 1.4rem;}
.map_bx .map_txt img{margin-left: 5px; vertical-align: middle; width: 1.3rem;}
.map_bx .map_txt a{display:block; width:2.5rem; height:2.5rem; background:#fff; color:#313969;font-size:1rem; text-align:center; line-height:2.5rem; margin-left:1rem; transition: all 0.3s ease-in-out 0s;}
.map_bx .map_txt a:hover{background:#313969; color:#fff;}

/*사업단 소개*/
.gre01{position:relative; }
.gre01 .gre01_txt{background:#fff; width:33rem; z-index:1; padding-right:1rem; padding-bottom:1rem; margin-top:4rem;}
.gre01 .gre01_txt h2{color:#6256ac; font-size:2rem; margin-bottom:2.5rem;}
.gre01 .gre01_txt h5{margin-bottom:1rem;}
.gre01 .gre01_img{position:absolute; right:0px; top:0px; z-index:-1; width:42rem;}

.org{margin-top:4rem; position:relative;}
.org .org_img{position:relative; }
.org .org_img:after{ content : "Y-STAR"; display : block; position : absolute; right:-15rem; bottom:0%; color:#f8f4f8; font-size:9rem; font-weight:800; line-height: 1; font-family: 's-core-dream-extrabold'; z-index: -1;}

.toon_img{margin-top:4rem;}
.toon_img ul{overflow: hidden; margin:-1%; }
.toon_img ul li{width:14.6%; margin:1%; float:left; position: relative; text-align:center;}
.toon_img ul li span{font-size:.9rem; line-height:1.2; }
.toon_img ul li img{max-width:100%;}

.table-wrap{margin-top:4rem;}
/* 표 */
.table-wrap { display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-bottom: 1px solid #ddd;}
.table-wrap table { position: relative; left:1px; width:calc( 100% - 2px); margin-bottom: -1px; font-size:.9rem;}
.table-wrap th { padding:.6rem 1rem; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap;  }
.table-wrap td {padding:.6rem .5rem;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center; word-break: keep-all; }
.table-wrap td a.sb{font-size:.75rem; box-sizing:border-box; border:1px solid #AE0055; padding:.25rem .5rem;}
.table-wrap td a.sb.print{color:#AE0055;background:#fff;border:1px solid #AE0055;font-weight:600;}
.table-wrap td a.sb.print:hover{color:#fff;background:#AE0055;}
.table-wrap td a.sb.print i:hover{color:#fff;font-size:.8rem;}

.table-wrap td button.sb1{font-size:.75rem; box-sizing:border-box; padding:.4rem .5rem; color:#fff;}
.table-wrap td button.sb1.cancel1{color:#1E6AA5;background:#fff url(/images/default/content/x_icon1.png) no-repeat 10px 50%; ;border:1px solid #1E6AA5;font-weight:600;padding-left:1.5rem;}
.table-wrap td button.sb1.cancel1:hover{color:#fff;background:#1E6AA5 url(/images/default/content/x_icon1_on.png) no-repeat 10px 50%;}
.table-wrap td button.sb1.cancel2{color:#747474;background:#fff url(/images/default/content/x_icon2.png) no-repeat 10px 50%;;border:1px solid #747474;font-weight:600;padding-left:1.5rem;}
.table-wrap td button.sb1.cancel2:hover{color:#fff;background:#747474 url(/images/default/content/x_icon2_on.png) no-repeat 10px 50%;;}

.table-wrap tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }
.table-wrap td > ul > li{text-align:left;}
.table-wrap td > ul > li{padding-left:.65rem; font-size:.8rem; line-height:1.7; margin-top:.25rem; color:#555;background:url(/images/default/content/bul.png) no-repeat 0 10px;word-break:keep-all;}
.table-wrap td ul li:first-child{margin-top:0;}
.table-wrap td > ul > li > ul > li{font-size:.75rem;color:#888;} 

.table-wrap img.icon{margin-bottom:.5rem;}
.table-wrap td a.sbtn{font-size:14px; display:block; width:11rem; margin:0 auto; height:2rem; line-height:2rem; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05); text-align:center; border:1px solid #ccc;}
.table-wrap td a.sbtn img{vertical-align:middle; margin-right:3px;}
.table-wrap td b{font-weight:500;}
 .table-list td.t_l{text-align:left;}

.table-list{ width: 100%;  border: 1px solid #ddd; border-top: 2px solid #6256ac; position: relative; left: -1px; width: 100%; margin-bottom: -1px; font-size:.9rem;}
.table-list th { padding:.6rem 1rem; border-bottom: 1px solid #ddd;  background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap;  }
.table-list td {padding:.6rem .5rem;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center; word-break: keep-all; }
 .table-list02{left:0;margin-bottom:0;}
.table-list td.point{color:#e01d42;}

.ci01{position:relative; background: #D6E2EF url('/images/default/content/ci1.png')no-repeat 90% center; border-radius:1rem;padding:2rem; margin-top:1.5rem;}
.ci01 h4{color:#121212; font-weight:300; font-family: 'SUITE'; margin-top:0;}
.ci01:after{ content : ""; display : block; position : absolute; left:-30%; bottom:0; width :200%; height : 30%;  background:#f7f7f7; z-index:-2;}


.ci02{position:relative; padding:1.5rem 0 3.5rem; margin-bottom: -4.5rem;}
.ci02:after{ content : ""; display : block; position : absolute; left:-30%; bottom:0; width :200%; height : 100%;  background:#f7f7f7; z-index:-2;}
.ci02_cir{overflow:hidden;}
.ci02_cir li{float:left;margin-left:-1rem; width:11rem; height:11rem; border-radius:50%; background: rgba(255,255,255,0.6); border: 2px solid #DFE4F2; text-align:center; padding:4rem 1rem;}
.ci02_cir li:first-child{margin-left:0}
.ci02_cir li:last-child{position:relative; margin-left:0; float:right; background:#6256ac; color:#fff; border: 2px solid #6256ac;}
.ci02_cir li:last-child:before{ content : ""; display : block; position : absolute; left :-10rem; top:50%; margin-left:-5rem; margin-top:-17px;  width : 10rem; height : 35px;  background: url("/images/default/content/ci_arr.png") no-repeat right top;}

.ci02_box{overflow:hidden; border:1px solid #6256ac; padding:2rem; background:#fff; margin-top:2rem;}
.ci02_box li{text-align:center; width:20%; float:left; position:relative;  color:#121212;font-family: 'SUITE'; font-weight:600;}
.ci02_box li img{width:4.35rem;}
.ci02_box li:after{ content : ""; display : block; position : absolute; left:0; top:0; width :1px; height : 100%;  background:#ddd; }
.ci02_box li:first-child:after{display:none;}
.ci02_box li span{color:#6256ac}

.ci02_logo{overflow:hidden;  margin-top:2rem;}
.ci02_logo li{width:50%; float:left; padding:0 5rem; border-left:1px solid #ddd;}
.ci02_logo li:first-child{border-left:none;}
.ci02_logo li h3{font-size:1.2rem;}
.ci02_logo li ul li{margin-bottom:.5rem; padding:0; border-left:none;}
.ci02_logo li ul li.grad1{width:100%;}
.ci02_logo li ul li.grad1 div{height:2rem; width:100%; background:linear-gradient(90deg, #1CD3A3, #8710D9);}
.ci02_logo li ul li.grad2 div{background:linear-gradient(90deg, #A7EEDB, #BF9CEE);}

/*프로젝트 소개*/
.over1 div{overflow:hidden;}
.over1 div p{width:40%; float:left;}
.over1 div p img{max-width:100%;}
.over1 div div{width:60%; float:left; padding-left:4rem; line-height:1.3;}
.over1 div div b{color:#6256ac; margin-right:10px; font-size:1.3rem;}

.over2{border-top:1px solid #ddd; margin-top:3.5rem;}
.over2 p span{position:relative; display:block;}
.over2 p span:after{ content : "Y-STAR"; display : block; position : absolute; width:100%; top:5%; text-align:center; left:0; line-height:1.0; color:#f8f4f8; z-index:-1; font-size:10rem;font-family: 's-core-dream-extrabold'; }


.over3{background: url("/images/default/content/related_bg.jpg") no-repeat center center; background-size:cover;}
.over3 b{display:block; font-size:1.1rem;}
.over3 p{position:absolute; right:0; bottom:-3.5rem;}

.over4{ margin-bottom:-4.5rem;}
.over4 div{text-align:center;}
.over4 div img{/*width:24rem;*/ padding-top:2.5rem;}
.over4 div p{position:absolute;}
.over4 div p span{display:block; border:3px solid #ddd; padding:2rem; position:relative; width:15rem;border-radius:1rem;}
.over4 div p span em{position:absolute; left:50%; top:-1.5rem; background:#fff; padding:0 10px;transform:translateX(-50%); font-size:2rem; color:#6256ac; font-family: 'SUITE'; font-weight:800;}
.over4 div p.p01{left:0; top:2rem;}
.over4 div p.p02{left:0; bottom:2rem;}
.over4 div p.p03{right:0; top:2rem;}
.over4 div p.p04{right:0; bottom:2rem;}


/*사업추진체계*/
.vision{position:relative; background: url("/images/default/content/vision_bg.jpg") no-repeat center center; background-size:cover;border-radius:1rem;padding:2rem; margin-top:1.5rem;}
.vision:after{ content : ""; display : block; position : absolute; left:-30%; bottom:0; width :200%; height : 30%;  background:#f7f7f7; z-index:-2;}
.vision h5{margin-top:0; color:#222;}
.vision b{display:block; text-transform:uppercase;}

.aim{position:relative; padding:3.5rem 0; }
.aim:after{ content : ""; display : block; position : absolute; left:-30%; bottom:0; width :200%; height : 100%;  background:#f7f7f7; z-index:-2;}
.aim ul{overflow:hidden; border:1px solid #6256ac; padding:2rem 0; background:#fff; display:flex; flex-wrap:wrap;}
.aim ul li{position:relative; font-size:1.05rem; color:#333; flex-basis: calc(100%/3); display: flex; align-items: center; flex-direction: column; gap:1.5rem;}
.aim ul li:after{ content : ""; display : block; position : absolute; left:0; top:0; width :1px; height : 100%;  background:#ddd; }
.aim ul li:first-child:after{display:none;}
.aim ul li p{text-align:center;}
/*
.aim ul li b{display:block;font-size:1.2rem; margin-top:0.25rem; color:#121212; font-family:'SUITE'; font-weight:700;}*/

.task{overflow:hidden;}
.task li{text-align:center; width:25%; float:left;}
.task li div{width:8.65rem; height:8.65rem; color:#fff; background: url("/images/default/content/poly1.png") no-repeat center center; background-size:100% 100%; margin:0 auto; padding-top:2rem;}
.task li div em{display:block;font-size:3rem; font-family: 'poppins'; font-weight:500; line-height:1.0;}
.task li b{display:block; margin-top:1rem; margin-bottom:0.25rem;}
.task li:nth-child(2) div{background: url("/images/default/content/poly2.png") no-repeat center center; background-size:100% 100%;}
.task li:nth-child(3) div{background: url("/images/default/content/poly3.png") no-repeat center center; background-size:100% 100%;}
.task li:nth-child(4) div{background: url("/images/default/content/poly4.png") no-repeat center center; background-size:100% 100%;}

.effect{position:relative; padding:3.5rem 0; margin-bottom:-4.5rem;}
.effect:after{ content : ""; display : block; position : absolute; left:-30%; bottom:0; width :200%; height : 100%; background: linear-gradient(45deg, #f4e0e9, #d4dfed); z-index:-2;}
.effect ul{width:35%; float:left;}
.effect ul li{margin-top:0.25rem; position:relative;}
.effect ul.arr li:after{ content : ""; display : block; position : absolute; right:7%; top:5px; width :1.75rem; height : 0.85rem; background: url("/images/default/content/arr.png") no-repeat center center; background-size:100% 100%; }
.effect p{width:15%; float:left; display:block; text-align:center;font-family: 's-core-dream-medium'; font-size:1.8rem; margin-top:1.5rem;}
.effect img{position:absolute; right:-25%; bottom:1rem;}

@media (max-width:1030px){
.aim ul{flex-direction:column;}
.aim ul li{flex-basis:100%;}
.aim ul li:after{display:none;}
}



/*공간소개*/
.space{overflow:hidden; margin-top:4rem;}
.space .simg{width:28%; float:left; margin-right:2%;}
.space .simg li{position:relative;}
.space .simg li img{width:100%; border-radius:1.2rem;}
.space .simg li p{position:absolute; left:0px; bottom:0px; background:rgba(98,86,172,0.7); color:#fff; border-radius:0 0 1.2rem 1.2rem; padding:.5rem 1rem; width:100%; text-align:center;}
.space .simg h4 em{font-size:1.3rem}
.space .ground{width:70%; float:left;}
.bx-wrapper .bx-pager{right:.3rem; top:.3rem;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#7700ac !important;}


.ground{position:relative; overflow:hidden;}
.ground p{}
.ground p img{box-shadow:0px 15px 30px rgba(0, 0, 0, 0.15); width:100%;}
.ground h3{font-family: 'SUITE'; color:#6256ac;}
.ground h3 span{font-family: 's-core-dream-medium';}
.ground .box{background:#fff; padding:3rem; color:#494949;position:relative; border-radius:1rem; border:1px solid #6256ac; min-height:19rem;}
.ground .box_h{border:1px solid #8f85c5;}
.ground .box_e{border:1px solid #dda0cb;}
.ground .box img.icon{position:absolute; right:-2rem; bottom:-3rem; width:14.95rem;}

.ground ul li.pr{padding-right:12rem;} 
.ground .h3_t{color:#6256ac;}
.ground .h3_t span:after{ background:#e4cbe6; }
.ground .h3_h{color:#8f85c5;}
.ground .h3_h span:after{ background:#d7d4e8; }
.ground .h3_e{color:#dda0cb;}
.ground .h3_e span:after{ background:#efdce9; }

.ground.back{position:relative; margin-bottom:-4.5rem; padding-bottom:4.5rem; margin-top:3rem; }
.ground.back:after{ content : ""; display : block; position : absolute; left:0; bottom:0; width :100%; height : 90%;  background:#f7f7f7; z-index:-2;}

/*공간소개 20201029 수정*/
.room1 .space h3{font-family: 'SUITE'; color:#6256ac; font-size:2.2rem;}
.room1 .space h3 span{font-family: 'SUITE'; font-weight:900;}
.room1 .space img{display: flex; justify-content: center; margin:0 auto;}
.room1 .space .simg{width:100%; float:none;margin-top:2rem; }
.room1 .space .simg li{position:relative; width:31.3%}
.room1 .space .simg li img{width:100%; border-radius:1.2rem;}
.room1 .space .simg li p{position:absolute; left:0px; bottom:0px; background:rgba(98,86,172,0.7); color:#fff; border-radius:0 0 1.2rem 1.2rem; padding:.5rem 1rem; width:100%; text-align:center;}
.room1 .space .simg h4 em{font-size:1.3rem}


/*공간안내 20221219 수정*/
.room1 .space-tit {position:relative;}
.room1 .space-tit a.vr-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:10.5rem;height:3rem;background:#54c2bf;line-height:3rem;color:#fff;padding:0 1rem 0 2rem;border-radius:0.5rem;}
.room1 .space-tit a.vr-btn:after{content:'';display:block;position:absolute;width:0.7rem;height:0.85rem;background:url(/images/default/content/vr-icon.png)no-repeat center center;background-size:cover;right:1.4rem;top:50%;transform:translateY(-50%);}
.room-h-img{border:1px solid #ddd;background:url(/images/default/content/vr-bg.png)no-repeat center center;padding:3rem 1rem ;text-align:center;border-radius:0.75rem;background-size:cover;position:relative;}
.room-h-img a{display:inline-block;width:6.5rem;height: 1.9rem;position:absolute;background:#fff;line-height:1.9rem;font-size:0.8rem;border-radius:0.4rem;box-shadow: 5px 0 7px rgb(81 81 81 / 29%);}
.room-h-img a span{width:1.2rem;height:1.2rem;background:#f8f0ff;border-radius:50%;color:#6256ac;position:absolute;left:0.5rem;line-height:1.2rem;text-align:center;top:50%;transform:translateY(-50%);font-weight:600;}


@media (max-width:767px){
	.room-h-img{display:none;}
	.room1 .space-tit{margin-bottom:5rem;}
	.room1 .space-tit a.vr-btn{right:inherit;top:120%;transform:translateY(0%);}

}

.room-h-img a.room01 {left:55%;}
.room-h-img a.room02 {left:76.5%;top:27%;}
.room-h-img a.room03 {left:82%;top:13%;}
.room-h-img a.room04 {left:68%;top:13%;}
.room-h-img a.room05 {left:58%;top:38%;}
.room-h-img a.room06 {left:48%;top:50%;}
.room-h-img a.room07 {left:35%;top:52%;}
.room-h-img a.room08 {left:25.5%;top:42%;}
.room-h-img a.room09 {left:40%;top:26%;}
.room-h-img a.room10 {left:28%;top:25%;}

.room-h-img a.room03,
.room-h-img a.room04,
.room-h-img a.room05,
.room-h-img a.room06,
.room-h-img a.room07,
.room-h-img a.room08,
.room-h-img a.room09,
.room-h-img a.room10{padding-left:1rem;}


/*아래 박스*/
.room-h-img a.room01:after,
.room-h-img a.room02:after,
.room-h-img a.room03:after,
.room-h-img a.room04:after,
.room-h-img a.room09:after,
.room-h-img a.room10:after{content:'';display:block;position:absolute;width:0.7rem;height:0.55rem;background:url(/images/default/content/vr-bx-point.png)no-repeat center center;background-size:cover;left:50%;transform:translateX(-50%);}
.room-h-img a.room01:hover:after,
.room-h-img a.room02:hover:after,
.room-h-img a.room03:hover:after,
.room-h-img a.room04:hover:after,
.room-h-img a.room09:hover:after,
.room-h-img a.room10:hover:after{content:'';display:block;position:absolute;width:0.7rem;height:0.55rem;background:url(/images/default/content/vr-bx-point-on.png)no-repeat center center;background-size:cover;left:50%;transform:translateX(-50%);}


/*오른쪽 박스*/
.room-h-img a.room05:after,
.room-h-img a.room08:after
{content:'';display:block;position:absolute;width:0.55rem;height:0.7rem;background:url(/images/default/content/vr-bx-point-r.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translate(100%,-50%);}
.room-h-img a.room05:hover:after,
.room-h-img a.room08:hover:after
{content:'';display:block;position:absolute;width:0.55rem;height:0.7rem;background:url(/images/default/content/vr-bx-point-r-on.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translate(100%,-50%);}


/*탑박스*/
.room-h-img a.room07:after{content:'';display:block;position:absolute;width:0.7rem;height:0.55rem;background:url(/images/default/content/vr-bx-point-b.png)no-repeat center center;background-size:cover;right:50%;top:0;transform:translate(50%,-100%);}

.room-h-img a.room07:hover:after
{content:'';display:block;position:absolute;width:0.7rem;height:0.55rem;background:url(/images/default/content/vr-bx-point-b-on.png)no-repeat center center;background-size:cover;right:50%;top:0;transform:translate(50%,-100%);}

/*왼쪽 박스*/
.room-h-img a.room06:after{content:'';display:block;position:absolute;width:0.55rem;height:0.7rem;background:url(/images/default/content/vr-bx-point-l.png)no-repeat center center;background-size:cover;left:0;top:50%;transform:translate(-100%,-50%);}
.room-h-img a.room06:hover:after{content:'';display:block;position:absolute;width:0.55rem;height:0.7rem;background:url(/images/default/content/vr-bx-point-l-on.png)no-repeat center center;background-size:cover;left:0;top:50%;transform:translate(-100%,-50%);}
.room-h-img a:hover{background:#6256ac;color:#fff;}
.room-h-img a:hover span{background:#34094f;color:#fff;}
.swiper_wrap{position:relative;margin-top:1rem;}
.swiper_wrap .swiper-button-prev, .swiper_wrap .swiper-button-next{margin:0; width:2.5rem; height:2.5rem; top:50%; transform:translateY(-50%); z-index:1000; position:absolute; cursor:pointer; background:#fff; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4);  border-radius:50%; }
.swiper_wrap .swiper-button-prev{left:.5rem;}
.swiper_wrap .swiper-button-prev:after{ content : "\e93b"; display : block;font-size:1.2rem; font-weight:500; text-align:center; position : absolute; left:0px; top:0; width : 100%; height : 100%; line-height:2.5rem; font-family:'xeicon'; color:#a15d98; }
.swiper_wrap .swiper-button-next{right:.5rem;}
.swiper_wrap .swiper-button-next:after{ content : "\e93e"; display : block;font-size:1.2rem; font-weight:500;text-align:center; position : absolute; left:0px; top:0; width : 100%; height : 100%; line-height:2.5rem; font-family:'xeicon'; color:#a15d98; }


.room1 .space .ground{position:relative; overflow:hidden;width:100%; float:none; padding:1rem; border:1px solid #ddd; margin-top:2rem;}
.room1 .ground h4{position:relative; }
.room1 .ground h4 a.vrBtn{font-family: 'SUITE'; position:absolute; right:0px; bottom:0px; background:#6256ac; color:#fff; font-size:1rem; padding:.4rem .8rem; border-radius:3px;}
.room1 .ground h4 a.vrBtn:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.45);}
.room1 .ground p img{box-shadow:0px 15px 30px rgba(0, 0, 0, 0.15); width:100%;}
.room1 .ground .box{background:#fff; padding:3rem; color:#494949;position:relative; border-radius:1rem; border:1px solid #6256ac; min-height:19rem;}
.room1 .ground .box_h{border:1px solid #6256ac;}
.room1 .ground .box_e{border:1px solid #6256ac;}
.room1 .ground .box img.icon{position:absolute; right:1rem; bottom:-3rem; width:14.95rem;}

.room1 .t_table{margin-top:0;}

.room1 .ground ul li.pr{padding-right:12rem;} 

.room1 .ground.back{position:relative; margin-bottom:-4.5rem; padding-bottom:4.5rem; margin-top:3rem; }
.room1 .ground.back:after{ content : ""; display : block; position : absolute; left:0; bottom:0; width :100%; height : 90%;  background:#f7f7f7; z-index:-2;}

.room-vr-list:not(:last-child){margin-bottom:2rem;}
.room-vr-list{border:1px solid #ddd;border-radius:0.5rem;padding:1.5rem;display:flex;}
.room-vr-list h5{font-size:1.2rem;padding-bottom:1.5rem;margin-bottom:1.2rem;border-bottom:1px solid #ddd;display:block;position:relative;}
.room-vr-list h5 span{font-size:0.9rem;color:#5e5e5e;}
.room-vr-list h5 a{position: absolute;right: 0;top:0;width: 7.75rem;height: 2.5rem;background: #66b3eb;line-height: 2.5rem;color: #fff;padding: 0 1rem;border-radius: 0.5rem;font-size:1rem;font-weight:400;}
.room-vr-list h5 a:after{
content: '';display: block;position: absolute;width: 0.7rem;height: 0.85rem;background: url(/images/default/content/vr-icon.png)no-repeat center center;background-size: cover;right: 1.4rem;top: 50%;transform: translateY(-50%);}

.room-vr-list .img-zone{flex-basis:calc(100% - 45rem);display:flex;justify-content:center;align-items:center;}
.room-vr-list .txt-zone{flex-basis:45rem;}
.room-vr-list .txt-zone ul{background:#f6f7f9;border-radius:0.5rem;padding:1rem;display:flex;flex-wrap:wrap;margin-bottom:-0.85rem;}
.room-vr-list .txt-zone ul li{flex-basis:calc(100% / 3);position:relative;padding-left:0.7rem;margin-bottom:0.85rem;font-size:1rem;}
.room-vr-list .txt-zone ul li:after {content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#6256ac;top:0.8em;left:0;}
.room-vr-list .txt-zone ul li a{display:inline-block;background:#969cac;color:#fff;padding:0.25rem 0.5rem;border-radius:5px;font-size:0.9rem;}
.room-vr-list .txt-zone ul li span{display:inline-block;width:8rem;}
.room-vr-list .txt-zone ul.none li span{width:auto;margin-right:0.5rem;}

@media (max-width:1300px){
	.room-vr-list{display:block;}
}
@media (max-width:1030px){
	.room-vr-list .txt-zone ul li{flex-basis:calc(100% / 2);}
}
@media (max-width:767px){
	.room-vr-list .txt-zone ul li{flex-basis:100%;}
	.room-vr-list h5 a{display:block;position:relative;}
}


/*티그라운드 참여인력*/
.tg_mem  li .name h3:after{width:70px !important;}
.tg_mem  li .name span {margin-right:0.8rem;}
.tg_mem  li .name span.author{margin-right:0;font-size:0.8rem;}

/*서포터즈소개*/
.sup01{overflow:hidden; margin:2rem -1% 0;}
.sup01 > div{width:23%; margin:0 1%; float:left; border:1px solid #D6E2EF; border-radius:5px;padding:1rem; min-height: 20.5rem;}
.sup01 > div img{display:block; margin:0 auto;}
.sup01 > div h3{text-align:center; font-size:1.2rem; margin-top: 1rem;    min-height: 3.1rem; font-family: 's-core-dream-medium';}
.sup01 > div ul li{font-size:.75rem}
.sup01 > div:last-child{background:linear-gradient(-45deg, #E4CBE6, #D6E2EF);}
.sup01 > div:last-child h3{color:#6256ac;}

.sup02{margin-top:2rem; background:url("/images/default/content/support_bg.jpg")no-repeat left top; background-size:cover; border-radius:5px; text-align:center; padding:2rem;}
.sup02 b{color:#6256ac;}

.sup03_mem{overflow:hidden; margin:2rem -1% -1%;}
.sup03_mem li{position:relative; width:31.3%; margin:1% 1%; float:left; border:1px solid #D6E2EF; padding:1rem; overflow:hidden;}
.sup03_mem li:after{ content : ""; display : block; position : absolute; right : -25px; bottom : -25px; width : 50px; height : 50px; background : #eddeef; transform: rotate(45deg );}
.sup03_mem li img{ float:left; width:45%; border:1px solid #ddd;}
.sup03_mem li div{ float:left; width:55%; padding-left:1rem; font-size: 1.5rem; font-weight: 700; letter-spacing: 1rem;}
.sup03_mem li .name h3{position:relative; font-size:1rem; border-bottom:1px solid #ddd; padding-bottom:.5rem; margin-top:2rem;}
.sup03_mem li .name h3:after{ content : ""; display : block; position : absolute; left : 0; bottom : 0;  width : 44px; height : 3px; background : #6256ac; }
.sup03_mem li .name h3 span:after{display:none;}

/*내 원데이클래스*/
.app_top{font-size: 0.85rem; background: #fff; border: 1px solid #ddd; padding: 0.75rem 1rem; margin-bottom: 2.5rem;}
.app_top p{display: inline-block;    height: 1.65rem;    line-height: 1.65rem;}
.app_top p b {color: #eb2d2f;}
.app_top div{float:right;  text-align:right;}
.app_top .boardSearch {margin:0px;}
.app_top .boardSearch form { margin:0; padding:0; }
.app_top .boardSearch form fieldset { display:inline; margin:0;  }
*:first-child+html .app_top .boardSearch form fieldset { border:none;} /*ie7*/
.app_top .boardSearch form fieldset {  } /*ie*/
.app_top .boardSearch select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none; border: none; }
.app_top .boardSearch select { line-height:1.65rem; height:1.65rem; background-image:none;  vertical-align:top; -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	border: none !important; padding: 0 !important;  background:url('/images/default/content/sel_icon.png') no-repeat 96% center; color:#464646; width:5rem;  display:inline-block;}
.app_top .boardSearch input[type="text"] { height:1.65rem; width:calc(100% - 50%);  border: none;  margin:0;vertical-align:top; display:inline-block; padding: 0 !important;}
.app_top .boardSearch input[type="button"].search{width:1.65rem; text-indent:-9999px; background:url('/images/default/content/btn_search.png') no-repeat 0 0; background-size:100% 100%; color:#000; height:1.65rem; outline:none; border:none;vertical-align:top; display:inline-block; cursor:pointer;}

.aplist_wrap > li{padding:1.5rem; overflow:hidden; border-top:1px solid #ddd;}
.aplist_wrap > li:last-child{ border-bottom:1px solid #ddd;}
.aplist_wrap > li:hover{background:#fff; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);}
.aplist_wrap li .aimg{float:left; border-bottom:none; width:13rem; height: 9rem;position:relative;}
.aplist_wrap li .aimg span{position:absolute; max-width:100%; max-height:100%;  width:auto; height:auto;   margin:auto; top:0; bottom:0; left:0; right:0;}

.aplist_wrap li .atxt{float:left; width:50%; margin-left:1.5rem;}
.aplist_wrap li .atxt p{font-size:.85rem; color:#898989; padding-bottom:0.5rem}
.aplist_wrap li .atxt p span{color:#121212; display:inline-block; margin-right:0.5rem;}
.aplist_wrap li .atxt p.subject{font-size:1.15rem; color:#121212; padding-bottom:0.75rem}
.aplist_wrap li .atxt p.date{color:#EB2D2F;}

.aplist_wrap li .abtn{float:right;width:15%; }
.aplist_wrap li .abtn a.b_btn{width:100%; height:3.25rem; line-height:3.25rem; text-align:center; display:block; border-radius:3px; margin: 1rem 0;     padding-right: 1.5rem;}
.aplist_wrap li .abtn a.btn_can{background:#EB2D2F url("/images/default/content/btn_can.png")no-repeat 75% center; color:#fff; }
.aplist_wrap li .abtn a.btn_can:hover{background:#d1282b url("/images/default/content/btn_can.png")no-repeat 75% center;}
.aplist_wrap li .abtn a.btn_com{background:#fff url("/images/default/content/btn_com.png")no-repeat 75% center; color:#484848; border:2px solid #ddd;cursor:default; }
.aplist_wrap li .abtn a.btn_end{background:#f0f0f0; color:#484848; border:2px solid #ddd; cursor:default; padding:0; margin-top:3rem;}
.aplist_wrap li .abtn a.btn_ing{background:#fff url("/images/default/content/btn_ing.png")no-repeat 75% center; color:#aaa; border:2px solid #ddd;cursor:default; }
.aplist_wrap li .abtn p{font-size:0.7rem; color:#EB2D2F; text-align:center;}
.aplist_wrap li.app_end:hover{box-shadow:none; background:#f0f0f0;}

em.s_btn{display:inline-block; border-radius:3px; padding:0.25rem; color:#fff; font-size:0.6rem; vertical-align:bottom;}
em.red_bg{background:#EB2D2F;}
em.blue_bg{background:#0098E0;}
em.glay_bg{background:#737373;}


/*내 이벤트*/
.eventList .e_list{width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top: .5rem;}
.eventList .e_list li{width: 23%; margin-right: 2.6666666%; padding-bottom: 1rem; margin-bottom: 2rem; border: 1px solid #ddd;}
.eventList .e_list li:hover {background: #fff;box-shadow: 0px 0px 15px rgb(0 0 0 / 30%);}
.eventList .e_list li:nth-of-type(4n){margin-right: 0%;}
.eventList .e_list li .type {display: inline-block; line-height: .8rem; margin-bottom: .2rem; color: #000; font-size: .65rem;}
.eventList .e_list li .sorting{display: block; margin-bottom: .9rem; }
.eventList .e_list li a{display:block; position: relative; width: 100%;  margin-bottom: 1rem;}
.eventList .e_list li a .gimg{height:100%; overflow:hidden;}
.eventList .e_list li a .gimg span{width:100%; padding-top: 140%; display: block; }
.ev_end{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; top: 0; left: 0;}
.eventList .e_list li dl{overflow:hidden; padding: 0 1rem;}
.eventList .e_list li dl dt{font-size:1.15rem; color: #000; line-height:1.3rem; margin-bottom:.75rem;}
.eventList .e_list li dl dt .listTitle{display:block;height:2.6rem; overflow: hidden;}
.eventList .e_list li dl dd{font-size: .8rem; color:#666;line-height:1.2rem;}
.eventList .e_list li dl dd .stxt a{display: initial;}
.eventList .e_list li .btnArea{position: relative; width: 100%;}

.eventList .e_list li .btnArea span{font-size: .9rem; text-align: center; background: #000; width: 7rem; height: 2.5rem; line-height: 2.5rem; display: block; margin:0 auto;}
.eventList .e_list li .btnArea span:hover{background-color: #444; box-shadow:.25rem .1rem 2rem rgba(0,0,0,0.2); -webkit-transition: all .3s; transition: all .3s;}
.eventList .e_list li .btnArea span a{display: block; color: #fff;}
.eventList .e_list li .btnArea .disabled {cursor: default; pointer-events: none;}
.eventList .e_list li .btnArea .disabled span {background: #e5e5e5; color: #999;}
.eventList .e_list li.end .thumb:before{display:block;content:'';width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0.5;filter:alpha(opacity=50);}


/*찾아오시는길*/
.loca{position:relative; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);border:2px solid #28282e; }
.loca p{position:absolute; bottom:10px; right:10px; background-color:#fff;  border:1px solid #0085d0; padding:0px 10px 5px; z-index:1000;}
.loca p a{color:#0085d0; font-size:12px; font-weight:bold;}

.way{margin-top:50px; position:relative; box-sizing:border-box; padding-left:300px; }
.way h4{position:absolute; left:0; top:0; color:#000; font-size:23px; font-weight:500; letter-spacing:-0.06em; padding-left:30px; text-align:left;}
.way h4 span{position:relative;  display:block; }
.way h4:after{display:none;}
.way:before{content:'';display : block; position : absolute; left :0; top:0px;  width :3px; height :100%; background : #6256ac; }
.way p{border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;  box-sizing:border-box; position:relative; line-height:1.6;}
.way p b{font-weight:400; color:#6256ac;  margin-right:10px;}
.way ul.tel{overflow:hidden;border-bottom:1px solid #ddd; padding-bottom:15px;}
.way ul.tel li{width:33.33%; float:left;}
.way ul.tel b{font-weight:600; color:#6256ac; margin-right:10px;}

/*대관 리스트*/
.rentList{}
.rentList ul{position:relative; margin:-1%; overflow:hidden;}
.rentList ul li{width:23%; margin:1%; float:left; position:relative; overflow:hidden; transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);background:#fff; border:solid 1px #ddd; border-radius:0.5rem; }

.rentList ul li a{display:block;}
.rentList ul li a .gimg{height:12.65rem;  overflow:hidden;}
.rentList ul li a .gimg span{width:100%; height:100%; display: inline-block;}
.rentList ul li a .icon{position:absolute; left:0.5rem; top:0.8rem;font-size:.65rem;}
.rentList ul li a .icon span{background: #333; color:#fff; padding:.3rem .5rem; font-size:0.8rem; font-weight:500; display:inline-block; width:3rem; height:3rem; border-radius:0.25rem; word-break: break-all; display:flex; align-items:center; justify-content: center; text-align:center;}
.rentList ul li a .imgtxt{ color:#464646;  padding:1rem;}
.rentList p.subject{font-size:1rem; font-weight:500;display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;word-break:break-all; line-height: 1.3em;height: 2.6em; color:#121212;}
.rentList p.subject strong{color:#C0C0C0; font-weight:500;}

.rentList p.date{ padding: 1rem 0 0.5rem; color: #888; font-size:.7rem; font-weight:400;}
.rentList p.date em{padding-left:.5rem;position:relative;}

.rentList p.date strong{position:relative; padding-left:.5rem; font-weight:400;}
.rentList p.date strong:before{content:'\ea15';display : block; position : absolute; left :-0.25rem; top:-2px;font-family : xeicon; }
.rentList p.icon{position:absolute; left:.75rem; top:-0.5rem;font-size:.65rem;}
.rentList p.icon span{padding:.3rem .5rem; margin-left:-4px; font-weight:500;}
.rentList p.icon span:first-child{margin-left:0;}

.rentList p.icon span.ing01{background:#016BE5; color:#fff; }
.rentList p.icon span.ing02{background:#eb2d2f; color:#fff;}
.rentList p.icon span.ing03{background:#363636; color:#fff; }

/*대관 뷰*/
.rentView{}
.rent_cel{margin-top:2rem;}
.rent_cel .fl-head { display: flex;}
.rent_cel .fl{width:50%; }
.rent_cel .calState{padding-left:1rem;}
.rent_cel .fl h5{margin-bottom:1rem;text-align:center;}
.rent_cel .fl ul{overflow:hidden; margin:-1%;}
.rent_cel .fl ul li{float:left; width:31.3%; margin:1%; text-align:center; border:1px solid #ddd; line-height:1.5;}
.rent_cel .fl ul li span{display:inline-block; padding:.25rem 0;}
.rent_cel .fl ul li strong{display:block; color:#fff; padding:.25rem 0;}
.rent_cel .fl ul li strong.ing1{background:#6256ac;}
.rent_cel .fl ul li strong.ing2{background:#2196f3;}
.rent_cel .fl ul li strong.stop{background:#ff4040;}
.rent_cel .fl ul li strong.ready{background:#2e8c26;}

.rentCon{position:relative; background:#fff; padding:1.5rem 2.5rem 2.5rem; margin:2.5rem 0; border:1px solid #ddd; line-height: 1.6;}
.rentCon h4{ text-align:left;font-size:1.15rem; padding:0 0 0.4rem; border-bottom: 1px solid #ddd; margin-bottom:1rem; color:#333;}
.rentCon .chks{display:block; margin-bottom:1rem;}
.rentCon .chks label{margin-bottom:0.5rem;}
.rentCon .online_tb select{min-width:10%;}
.rentCon .online_tb .cname{width:50%;}
.rentCon .online_tb p{font-size:.8rem; margin-top:.25rem;}

.rentCheck {height: 32rem;}
.rentCheck .chks{float:left;clear: both;margin-bottom:0;}
.rentCheck .chks label{font-size:0.9rem;}
.rentCheck .chks:not(:last-child){margin-bottom:0.5rem !important;}
.rentCon .online_tb .check-bx{text-align:center;}
.rentCon .check_tb th{border:1px solid #e2e2e2;}
.rentCon .check_tb td{border:1px solid #e2e2e2;font-size:0.9rem;}

.rentCon .calZone .calendar_Top{text-align:center; margin-bottom:.5rem;}
.rentCon .calZone table.calendar {}
.rentCon .calZone table.calendar thead tr{}
.rentCon .calZone table.calendar thead tr th { padding:0.5rem 0; width:14.28%;  font-weight:500;}
.rentCon .calZone table.calendar thead tr th.sun {color:#FF3A20;}
.rentCon .calZone table.calendar thead tr th.sat {color:#1098F7;}
.rentCon .calZone table.calendar tbody tr td {cursor:pointer; width:2.75rem; height:2.75rem; line-height:2.75rem; text-align:center; vertical-align:top;}
.rentCon .calZone table.calendar tbody tr td.used {cursor:pointer; background:#F5F5F5;}
.rentCon .calZone table.calendar tbody tr td.used.sel {cursor:pointer; border:2px solid #333;}
.rentCon .calZone table.calendar tbody tr td img {position:relative; cursor:pointer;}
.rentCon .calZone table.calendar tbody tr td.today{ position:relative;  color:#fff; z-index:0;}
.rentCon .calZone table.calendar tbody tr td.today:before{ content : ""; display : block; position : absolute; left : 50%; top : 50%;  width : 2.75rem; height : 2.75rem; background : #6256ac; border-radius:2rem; z-index:-1; transform:translate(-50%, -50%);}
.rentCon .calZone table.calendar td span {cursor:pointer;}
.rentCon .calZone table.calendar td.active { position:relative;  z-index:0; cursor:pointer;}
.rentCon .calZone table.calendar td.active:before{content : ""; display : block; position : absolute; left : 50%; top : 50%;  width : 2.75rem; height : 2.75rem; background : #f6f4ff; border-radius:2rem; z-index:-1; transform:translate(-50%, -50%);}

/*프로그램 뷰*/
.prowrap{position:relative; background:#fff; padding:2.5rem; border:1px solid #ddd;}
.prowrap .proimg_con{display: flex; align-items: center;}
.prowrap .pro_img{flex-basis:45%; box-sizing:border-box; -webkit-box-shadow: 0px 20px 40px -20px rgba(128,128,128,1);-moz-box-shadow:  0px 20px 40px -20px rgba(128,128,128,1);box-shadow:  0px 20px 40px -20px rgba(128,128,128,1); }
.prowrap .pro_img .img{width:100%; padding-top:100%;}
.prowrap .pro_txt{flex-basis:55%; box-sizing:border-box; position:relative; padding-left:3rem;}
.prowrap h3{font-size:1.5rem; font-weight:700; color:#1b1b1b; letter-spacing:-0.03em; margin-bottom:2rem;}

.prowrap .pro_txt ul{ font-size:1rem;}
.prowrap .pro_txt ul li{position:relative; padding-left:6rem; box-sizing:border-box; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #ddd;}
.prowrap .pro_txt ul li > span{color:#111; position:absolute; left:0; top:0; font-weight:500;}
.prowrap .pro_txt ul li em{color:#eb2d2f;font-weight:500;}
.prowrap .pro_txt .pro_btn{margin-top:2rem;}
.prowrap .pro_txt .pro_btn button{display:block; width:100%; background:#eb2d2f; color:#fff; font-size:1rem; padding:0.6rem 0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); font-weight:500;}
.prowrap .pro_txt .pro_btn button:hover{-webkit-box-shadow: 0px 30px 50px -20px rgba(128,128,128,1);-moz-box-shadow:  0px 30px 50px -20px rgba(128,128,128,1);box-shadow:  0px 30px 50px -20px rgba(128,128,128,1);}
.prowrap .pro_txt .pro_btn a{cursor:pointer;text-align:center;display:block; width:100%; background:#eb2d2f; color:#fff; font-size:1rem; padding:0.6rem 0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); font-weight:500;}
.prowrap .pro_txt .pro_btn a:hover{-webkit-box-shadow: 0px 30px 50px -20px rgba(128,128,128,1);-moz-box-shadow:  0px 30px 50px -20px rgba(128,128,128,1);box-shadow:  0px 30px 50px -20px rgba(128,128,128,1);}

.prowrap ul.sns{position:absolute; right:2.5rem; top:2.5rem;}
.prowrap ul.sns li{position:relative; display:inline-block; vertical-align:top; margin:0 .1rem;}
.prowrap ul.sns li a i{ display:inline-block; width : 1.8rem; height : 1.8rem; line-height : 1.8rem; text-align:center; background : #6E6F70; color:#fff; border-radius:50%;}
.prowrap ul.sns li a i.xi-facebook{background:#3B5998}
.prowrap ul.sns li a i.xi-twitter{background:#1DA1F2}
.prowrap ul.sns li a i.xi-kakaostory{background:#FFC90A}
.prowrap ul.sns li span{position:absolute; left:-9999px;}

.proCon{position:relative; background:#fff; padding:1.5rem 2.5rem 2.5rem; margin:2.5rem 0 0; border:1px solid #ddd; line-height: 1.6;}
.proCon h4{ text-align:left;font-size:1.15rem; padding:0 0 0.4rem; border-bottom: 1px solid #ddd; margin-bottom:1rem; color:#333;}
.pnlAttachedImage{text-align:center;}
.proCon table{width:80%; margin:0 auto; font-size:17px;}
.proCon table td{padding:12px 20px; border:1px solid #ddd;}
.proCon table td:first-child{border-left:none; background-color:#5F6B85; color:#fff; text-align:center;}

.boardViewContent p > b{color:#BB0000; }

.boardButton a{cursor:pointer; display:inline-block;position:relative; overflow:hidden;  margin:0px .1rem; min-width:100px; height:2.25rem; line-height:2.25rem; box-sizing:border-box; padding:0 .75rem; z-index:0; background:#fff; border:1px solid #6256ac; color:#6256ac ;text-align:center; vertical-align:top;}
.boardButton a:hover{background:#6256ac; color:#fff;}

@media (max-width:767px){
.proCon{padding:1.5rem;}
.rent_cel .fl-head { display: block;}
}
@media (max-width:499px){
.rentCheck { overflow-x: auto;}
.boardButton .fr{padding-top:1rem;}
}


/*자료실*/
.refWrap ul { margin:-1%;}
.refWrap ul li{float:left; width:23%; margin:1%; text-align:center;}
.refWrap ul li .refImg{width:8.75rem; height: 10.75rem; position:relative; margin:0 auto 1rem; border:1px solid #ddd; box-shadow:3px 5px 10px 2px rgba(0, 0, 0, 0.1); overflow:hidden;}
.refWrap ul li .refImg img{position:absolute;   width:100%; height:100%;   margin:auto; top:0; bottom:0; left:0; right:0;}
.refWrap ul li p{display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em;}

/*대관소개 - 대관안내*/
.con_tab {margin-bottom:2rem; }
.con_tab li{display:inline-block;}
.con_tab li a{display:block; padding:.5rem 1rem; border:1px solid #ddd;}
.con_tab li.on a{background:#6256ac; color:#fff; border-color:#6256ac;}

.pro_tab {margin-bottom:2.5rem; text-align:center;}
.pro_tab li{display:inline-block; margin:0 5px;}
.pro_tab li a{display:block; padding:.5rem 1rem; background:#f5f5f5; border-radius:3rem; color:#999999;font-weight:700;}
.pro_tab li.on a{background:#f6f4ff; color:#6256ac;font-weight:800;font-size:1rem;}


.room_step{overflow:hidden;margin:1rem -2%;}
.room_step li{position:relative; float:left; width:21%; margin:0 2%; padding:1rem; border:2px solid #6256ac; text-align:center; height:5.2rem; display:block; line-height:1.1; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center; }
.room_step li:before{ content : ""; display : block; position : absolute; left :-16%; top:50%; margin-top:-0.9rem;  width : 1.7rem; height : 1.8rem;  background: url("/images/default/content/room_step_arrow.png") no-repeat left top; background-size:100%;}
.room_step li:first-child:before{display:none;}

.rumlist li{position:relative; padding-left:1.5rem; margin-top:0.75rem;}
.rumlist > li:first-child{margin-top:0;}
.rumlist span{position:absolute; left:0; top:0;}

ul.bar{margin-bottom:1.5rem;}
ul.bar li{ position: relative; padding-left:.75rem; margin-bottom:.25rem; }
ul.bar li:before{content : ""; display : block; position : absolute; left : 0; top:.6rem;  width :.4rem; height : 1px; background : #7f7f7f;}

.smblue{display:block; font-size:.7rem; color:#6256ac; line-height:1.3;}
h4{font-size:1.2rem;}

/*개인정보처리방침*/
.private{border:1px solid #b2b2b2;  padding:1rem; height:11rem; overflow-y:scroll; font-size:.8rem; color:#666;}
.private h4{font-size:1rem;}
.chks{float:right;}
.chks label{margin-right:0 !important; padding-right:0;font-size:0.8rem;position:relative;}
.chks label:before{top:2px !important;}
.chks label:after{top:0.4rem !important;}
p.txt{font-size:1rem;color:#555;padding:1rem 0;border-bottom:2px dashed #e2e2e2;}
p.txt01{border:none;padding-top:0;}
input#title{width: 100%;max-width: 500px;}
.col_bx{width: 100%;max-width: 346px;}

#quick {
    position: fixed;right: 0;bottom: 200px; z-index: 999; width: 200px;background: #fffce5;color: #000; text-align: center;font-size:15px;box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
}
#quick p{padding-top:0.5rem;}
#quick  a{display:block;padding:0.5rem;}

/*on-AIR*/
.on-air .pc_youtube{padding-top:56.25%;width:100%;position:relative;margin:0 auto;border: 10px solid;border-radius: 20px;border-image: linear-gradient(to right, #6256ac,  
#83c3f2);border-image-slice: 1;}
.on-air .pc_youtube iframe{width:100%;height:100%; position:absolute;left:0;top:0;}
.on-air .mobile_youtube{height: calc(56.25vw);width:100%;position:relative;margin:0 auto;border: 5px solid;border-radius: 20px;border-image: linear-gradient(to right, #6256ac,  
#83c3f2);border-image-slice: 1;}
.on-air .mobile_youtube iframe{width:100%;height: 100%;position:absolute;left:0;top:0;}


/********************************************************
■ 내 출석부
********************************************************/
/*캘린더 박스*/
.calendar_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.calendar_bx{width: 43.5rem;}
/* 출석체크 */
.attend_bx{width: 20rem; border: 1px solid #f4f4f4; border-top: 2px solid #9ca7b2;}
.attend_bx .attend_top{background: #f6f7f9;}
.attend_bx .attend_top h3{margin: 0; padding: .8rem; font-size: 1.05rem; font-weight: 400; color: #333; text-align: center;}
.attend_bx .attend_top h3 b{font-size: 1.5rem;}
.attend_bx .attend_cont{padding: 1rem;}
.attend_bx .attend_cont p{margin-top: .75rem; text-align: center;}
.attend_bx .attend_cont p em{color: #6256ac; font-weight: 700;}
.attend_bx .attend_cont .attend_btn{display: block; max-width: 12rem; margin: .25rem auto 1.75rem; border-radius: 2rem; padding: 1rem 2rem; text-align: center; color: #fff; background: #6256ac;}
.attend_bx .attend_cont .attend_btn span{position: relative; padding-left: 1.5rem;}
.attend_bx .attend_cont .attend_btn span:after{position: absolute; content: ''; display: block; width: 1.1rem; height: 1.1rem; left: 0; top: 50%; transform: translateY(-50%); background: url("/images/default/schedule/attend_check.png") center center / contain no-repeat;}
.attend_bx .attend_cont .attend_list{font-size: .85rem;}
.attend_bx .attend_cont .attend_list li{position: relative; padding-left: 1rem;}
.attend_bx .attend_cont .attend_list li:after{position: absolute; content:''; display: block; left: 0; top: .25rem; width: .4rem; height: .4rem; border-radius: 50%; border: .15rem solid #6256ac;}
/*캘린더*/
.calendar_Top{}
.calendar_Top h3 {display: flex; align-items: center; margin-bottom: 1rem; color: #333; letter-spacing: -0.4px; font-family: 'Noto Sans KR'; font-size: 1.5rem; font-weight: 500; text-align: center;}
.calendar_Top h3 span{margin: 0 .5rem;}
.calendar_Top h3 span:after{display: none;}
.calendar_Top h3 a{margin:0 .25rem;}
.calendar_Top h3 img {vertical-align:middle;}
.calendar {border:1px solid #f4f4f4;}
.calendar thead tr{border-top: 2px solid #9ca7b2;}
.calendar thead tr th {padding: 1rem 0; width:14.28%; border-left:1px solid #f4f4f4; background: #f6f7f9;}
.calendar thead tr th.sun {color:#F44336;}
.calendar thead tr th.sat {color:#1098F7;}
.calendar tbody tr td {position:relative; height:4.75rem; font-weight:600; font-size:0.85rem; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:0.5rem; /*font-weight:bold;*/ vertical-align:top;}
.calendar tbody tr .used {cursor:pointer; background:#F5F5F5;}
.calendar tbody tr .sel {cursor:pointer; }
.calendar tbody tr .sel:after{content : ""; display : block; position : absolute; left : 0; top:0;  width :100%; height : 100%; box-sizing:border-box; border:3px solid #E2e1ea;}
.calendar tbody tr .sat {color:#1098F7;}
.calendar tbody tr .mon {color:#F44336;}
.calendar tbody tr td > img {position:relative; display: block; width: 75%; max-width: 5rem; margin: 0 auto; cursor:pointer;}
.calendar td span {cursor:pointer; display:box;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:25px;word-break:break-all; line-height:25px;}
.calendar .today {background: #f6f4ff;}
.calendar tbody tr td .ccount{margin-top:5px; background: url("/images/default/content/cal_icon.png") no-repeat 0 center; padding-left:2rem; font-size:0.9rem;  color:#F44336; font-weight:700; background-size:1.5rem auto;}
.calendar tbody tr td .ccount em{color:#666;font-weight:500;}
.calendar tbody tr td .today .ccount{background:#E2e1ea url("/images/default/content/cal_icon.png") no-repeat 0 center;  background-size:1.5rem auto;}
.calendar2 {border:1px solid #f4f4f4;}
.calendar2 thead tr th {height:1.1rem; background:#E7E7E7;}
.calendar2 tbody tr td {height:3rem; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding-left:.5rem; padding-top:.25rem; font-weight:bold; vertical-align:top;}
.calendar2 tbody tr .sat {color:#1098F7;}
.calendar2 tbody tr .mon {color:#F44336;}
.calendar2 tbody tr td img {position:relative;  cursor:pointer;}
.ui-tooltip {font-size:12px; color:#000080; font-weight:bold;}
.form-move {position: absolute;top: .5rem;left: 0;height: 1.5rem;}
.form-move fieldset {float: left;margin-right: .25rem;border: none;padding: 0;color: #222;}
.form-move select {height: 1.5rem;border: solid 1px #abadb3;font-size: .8rem;color: #575757;}
.form-move img {vertical-align: top; float: left; margin-left:.5rem; cursor:pointer;}
.form-move a.btn{display: inline-block; width:2.5rem; height:1.5rem; line-height:1.4rem; background:#0E4583; border:1px solid #0556CF; color:#fff; font-size:.7rem; text-align:center; margin-left:.25rem; cursor:pointer;  text-shadow:0px 0px .25rem rgba(27, 104, 212, 0.6);}
.bl_tit1 {margin-bottom: 1rem; font-size:1.1rem; color:#333;}
.schedule-list {width: 100%;border-collapse: collapse;border-spacing: 0;}
.schedule-list caption {display: none;}
.schedule-list th {color: #4b4b4b;background-color: #F8F8F8; padding:0.6rem 0; font-weight: bold;border-top: solid 2px #221E1F;border-bottom: solid 1px #ddd; border-left:1px solid #ddd;}
.schedule-list th:first-child {border-left: none;}
.schedule-list td {padding:0.6rem 0;border-bottom: solid 1px #ddd; border-left:1px solid #ddd; text-align: center;}
.schedule-list td a {}
.schedule-list tbody tr td:first-child { text-align: left;border-left: none;}
.schedule-list tr.used { cursor:pointer;}
.schedule-list tr.used:hover {background:#dbdbdb;}
.schedule-list .subject{position:relative; padding-left:0.75rem;}
.schedule-list .subject:before{ content : ""; display : block; position : absolute; left :0; top:.5rem; width : 0.2rem; height : .2rem; background : #666;}
.schedule-view {width: 100%;border-collapse: collapse;border-spacing: 0;}
.schedule-view caption {display: none;}
.schedule-view th,
.schedule-view td {color: ##5f5f5f;padding: 0;border-bottom: solid 1px #bababa;}
.schedule-view th {background-color: #f7f7f7;border-right: solid 1px #bababa;}
.schedule-view td {padding: .5rem 1rem;line-height: 0.9rem;color: #5f5f5f;}
.schedule-view tbody tr:first-child th,
.schedule-view tbody tr:first-child td {border-top: 2px solid #003ea1;}
.tabs {position:relative; overflow:hidden; margin-bottom:1.25rem;}
.tabs ul li {width:5.4rem; padding-top:.4rem; text-align:center; float:left;height:1.25rem; background:#003A7B;  font-weight:bold; margin-right:.5rem; cursor:pointer; margin-top:.5rem;}
.tabs ul li a {color:#fff; display:block; height:1.25rem;}
.tabs ul li.on a {color:yellow;}
.typeWrap{position:relative; margin-top:.5rem; min-height:2rem;}
.typeWrap ul{position:absolute; left:0px; top:0px;}
.typeWrap ul li{display:inline-block; margin-right:.5rem; font-size:.9rem;}
.typeWrap ul li img{width:.9rem;}
/* 댓글슬라이드 영역 */
.commet_board{position:relative; width:calc(100% - .5rem); height:4rem; margin: 2.25rem auto .25rem; z-index: 1;}
.commet_board:after{position: absolute; content: ''; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + .5rem); height: calc(100% + .5rem); border-radius: .4rem; background: linear-gradient(#f3e7fc, #eaf1fc); z-index: -2;}
.recent_comment {position:relative; display: flex; width: 100%; margin: 0 auto; height: 4rem; line-height: 4rem; padding: 0 1.25rem; border-radius: .25rem; background: #fbf7fc; z-index: 2;}
.recent_comment h5{position:relative; width: 1.5rem;}
.recent_comment h5 a {display: block; display: block; width: 100%; height: 4rem; line-height: 4rem; font-weight:500;}
.recent_comment h5 a img{width: 100%;}
.recent_comment .slide_wrap{width: calc(100% - 5rem); height: 4rem;}
.recent_comment ul{width:100%;} 
.recent_comment ul li {width: 100%; font-size: .85rem;}
.recent_comment ul li a{display: flex; justify-content: space-between; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%; height: 4rem; padding: 0 1rem;}
.recent_comment ul li a .subject{width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 4rem; height: 8rem; text-align: left;}
.recent_comment .topdown{display: flex; justify-content: space-between; align-items: center; width: 3.5rem;}
.recent_comment .topdown div{position: relative; display: block; top: auto; right: auto; left: auto; width: 1.5rem; height: 1.5rem; border-radius: 50%; box-shadow: 0 0 .25rem rgba(0, 0, 0, .1); margin-top: 0; text-align: center;}
.recent_comment .topdown .swiper-button-next{background: url('/images/default/schedule/comment_next.png') center center / contain no-repeat;} 
.recent_comment .topdown .swiper-button-prev{background: url('/images/default/schedule/comment_prev.png') center center / contain no-repeat;}

@media (max-width:1350px){
	/*캘린더*/
	.form-move{left:1rem;}
}
@media (max-width:1300px){
	/*캘린더 박스*/
	.calendar_bx{width: calc(100% - 19rem);}

	/* 출석체크 */
	.attend_bx{width: 18rem;} 
}
@media (max-width:1030px){
	/*캘린더*/
	.calendar tbody tr td > img {width: 90%;}
}
@media (max-width:767px){
	/*캘린더 박스*/
	.calendar_wrap {display: block;}
	.calendar_bx{width: 100%}

	/* 출석체크 */
	.attend_bx{width: 100%; margin-top: 2rem;}

	/*캘린더*/
	.calendar_Top h3{justify-content: center;}
	.calendar tbody tr td{font-size:0.75rem; }
	.calendar tbody tr td .ccount,
	.calendar tbody tr .today .ccount{background:#6256ac; color:#fff; font-size:0.65rem; padding:3px; border-radius:25px; text-align:center;}
	.calendar tbody tr td .ccount em{display:none;}
	.calendar tbody tr td > img {width: 100%; margin-top: .25rem;}
}
@media (max-width:530px){
	/*캘린더*/
	.calendar_Top{text-align:center;}
	.boardViewContainer h3{text-align:center;}
	.form-move{position:relative; left:auto; top:auto; display:inline-block; margin:0 auto .5rem;}
	.typeWrap ul{padding-right:7rem;}
}


/********************************************************
■ 한줄 응원
********************************************************/
/*댓글 리스트*/
.cheer_list{border-top: 2px solid #000; font-size: .85rem;}
.cheer_list .c_date{margin-bottom: .25rem; color: #b3b3b3;}
.cheer_list .c_date b{padding-right: .25rem; color: #333;}
.cheer_list .c_txt{}
.cheer_list > li{border-bottom: 1px solid #d2d2d2; background: #fff;}
.cheer_list > li .comment_bx{padding: 1.5rem 2rem;}
.cheer_list > li .comment_bx .btn_bx{display: flex; justify-content: flex-end; margin-top: 1rem;}
.cheer_list > li .comment_bx .btn_bx span{padding: .3rem .5rem; border-radius: .25rem; border: 1px solid #ddd; font-size: .75rem; font-weight: 600; cursor: pointer;}
.cheer_list > li .comment_bx .btn_bx span.reply_clink{margin-right: auto;}

.cheer_list > li .comment_bx .btn_bx span.like{position: relative; margin-right: .5rem; padding-left: 2rem; color: #d82f53;}
.cheer_list > li .comment_bx .btn_bx span.like.on{background:#DBDBDB;}
.cheer_list > li .comment_bx .btn_bx span.like:after{position: absolute; content: ''; display: block; width: .95rem; height: .85rem; left: .5rem; top: 50%; transform: translateY(-50%); background: url('/images/default/content/like.png') center center / contain no-repeat;}

.cheer_list > li .comment_bx .btn_bx span.dislike{position: relative; padding-left: 2rem; color: #2f83d8;}
.cheer_list > li .comment_bx .btn_bx span.dislike.on{background:#DBDBDB;}
.cheer_list > li .comment_bx .btn_bx span.dislike:after{position: absolute; content: ''; display: block; width: .95rem; height: .85rem; left: .5rem; top: 50%; transform: translateY(-50%); background: url('/images/default/content/dislike.png') center center / contain no-repeat;}


/*댓글 달기*/
.cheer_list > li .reply_list{display: none; background: #f9f9f9; border-top: 1px solid #d2d2d2;}
.cheer_list > li .reply_list > li{/*margin: 0 1.5rem; padding: 1.5rem .5rem;*/padding: .5rem .5rem;border-bottom: 1px solid #d2d2d2;}
.cheer_list > li .reply_list > li.write_comment{margin: 0; padding: 1.5rem;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav {width: 100%; position: relative; overflow: hidden; text-align: center;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav.no_comment{display: none;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul{display:inline-block; zoom:1; *display:inline; margin-bottom: 1rem;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li{display:inline;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li a{display:block; float:left; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: .1rem; color:#000;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li a.on{cursor:default;  pointer-events: none; color: #fff; background: #641e91;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.first a{background: url('/images/default/content/comment_first.png') center center / 1.5rem 1.5rem no-repeat; margin-right: .25rem;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.last a{background: url('/images/default/content/comment_last.png') center center / 1.5rem 1.5rem no-repeat; margin-left: .25rem;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.prev a,
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.prev_on a{background: url('/images/default/content/comment_prev.png') center center / 1.5rem 1.5rem  no-repeat; margin-right: .25rem;}
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.next a,
.cheer_list > li .reply_list > li.write_comment .comment_page_nav ul li.next_on a{background: url('/images/default/content/comment_next.png') center center / 1.5rem 1.5rem  no-repeat; margin-left: .25rem;}
.cheer_list > li .reply_list > li.write_comment .write_wrap{display: flex; align-items: center;}
.cheer_list > li .reply_list > li.write_comment .write_wrap input{height: 2.5rem; padding: 0 1rem; border-radius: 2rem 0 0 2rem;}
.cheer_list > li .reply_list > li.write_comment .write_wrap button{min-width: 3.5rem; height: 2.5rem; margin: 0; border-radius: 0 2rem 2rem 0; color: #fff; background: #000; cursor: pointer;}

.cheer_list > li .reply_list > li.reply_close{margin: 0; padding: .5rem; border-bottom: 0; text-align: center;}
.cheer_list > li .reply_list > li.reply_close .close_btn{position: relative; padding-right: 1rem; cursor: pointer;}
.cheer_list > li .reply_list > li.reply_close .close_btn:after{position: absolute; content: "\e945"; display : block; right: 0; top: 50%; transform: translateY(-50%); font-size:1.2rem; font-weight:500; font-family:'xeicon';}

@media (max-width:767px){
	/*댓글 리스트*/
	.cheer_list > li .comment_bx{padding: .75rem 1rem;}
	/*댓글 달기*/
	.cheer_list > li .reply_list > li{margin: 0 .75rem; padding: .75rem .25rem;}
	.cheer_list > li .reply_list > li.write_comment{margin: 0; padding: .75rem;}
	.cheer_list > li .reply_list > li.write_comment .comment_page_nav {margin-bottom: .5rem;}
}

/********************************************************
■ 프로그램소개 
********************************************************/
/*원데이클래스 소개 */
.introWrap{text-align:center; padding-bottom:4.5rem; margin-bottom:-4.5rem;}
.cre_aim{text-align:center; display: table;  margin-left: auto;  margin-right: auto; position:relative; border: 6px solid #a843af; padding:2rem 4rem; border-radius:7rem; margin-top:4rem;}
.cre_aim p{position:absolute; left:50%; transform:translateX(-50%); top:-1.5rem; padding:0.5rem 2rem; color:#fff; background:#6256ac; font-size:1.1rem;border-radius:3rem;}
.cre_aim h5{font-size:1.3rem;color:#333; font-family: 'suite';}
.cre_aim b{ font-family: 'SUITE'; font-weight:900; }

.cre_program{padding-top:4rem; position:relative; display:flex; justify-content: space-between;font-size:0.9rem;}
.cre_program:before{ content : ""; display : block; position : absolute; left :50%; transform:translateX(-50%); top:0; width : 1493px; height : 253px; background:url('/images/default/content/yst02_arrow.gif')no-repeat center top; z-index:-1;}
.cre_program > div{flex-basis: 48%;}
.cre_program > div .img{ height:21.25rem; box-shadow: 8px 0px 27px rgb(0 0 0 / 9%); border-radius:1rem; padding:1rem; background:#fff; }
.cre_program > div .img img{border-radius:1rem; margin:0 auto;}
.cre_program > div .img h4{text-align:center; color:#333; font-size:1.2rem; margin-bottom:10px;}
.cre_program > div .img h4 span{position:absolute; top:0;  left:50%; transform:translateX(-50%); top: -2.6rem; font-size:0.8rem; width:2.3rem; height:2.3rem; line-height:2.3rem; text-align:center; background:#dda0cb; color:#fff; border-radius:50%;}
.cre_program > div .img h4:after{display:none;}
.cre_program > div .img ul li{ text-align:left; margin-top:10px; position:relative; padding-left:1rem;}
.cre_program > div .img ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 10px; height : 10px; border:3px solid #dda0cb; border-radius:50%; box-sizing:border-box;}
.cre_program > div .detail{ margin-top:2rem; border-radius:1rem; overflow:hidden;}
.cre_program > div .detail p{height:2rem; line-height:2rem; background:#dda0cb; text-align:center; color:#fff;}
.cre_program > div .detail ul{height:9.75rem; padding:0.5rem 1rem 1rem; background:#fcf6fa;}
.cre_program > div .detail ul li{margin-top:10px; position:relative; padding-left:20px;}
.cre_program > div .detail ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 5px; height : 5px; background: #dda0cb; border-radius:50%; box-sizing:border-box;}

.cre_program > div.p02 .img h4 span,
.cre_program > div.p02 .detail p,
.cre_program > div.p02 .detail ul li:before{background:#b0a7d5;}
.cre_program > div.p02 .img ul li:before{border-color:#b0a7d5}
.cre_program > div.p02 .detail ul{background:#f5f4fa;}

.cre_program > div.p03 .img h4 span,
.cre_program > div.p03 .detail p,
.cre_program > div.p03 .detail ul li:before{background:#8073c7;}
.cre_program > div.p03 .img ul li:before{border-color:#8073c7}
.cre_program > div.p03 .detail ul{background:#eeedf6;}

.introWrap .intro_icon{margin-top:6rem; display:flex;}
.introWrap .intro_icon li{display:inline-block; width: calc(100%/8);}
.introWrap .intro_icon li img{display:block; margin:0 auto 1.5rem;}
.tagWrap span{position:relative; display:inline-block; padding:.2rem .5rem ; border:1px solid #6256ac; color:#6256ac; font-size:.7rem; border-radius: 3px;}
.introWrap .plus{text-align:left; padding-top:1.3rem; font-size:0.85rem;}

@media (max-width:1200px){
	.cre_program{font-size:0.85rem;}
	.cre_program > div .detail ul{height:11rem; }
}
@media (max-width:1030px){
	.cre_program{font-size:0.85rem;}
	.introWrap .intro_icon{display:block;}
}
@media (max-width:767px){
	.cre_aim{padding:1.7rem 1rem 1.7rem; margin-top:3rem;}

	.cre_program{display:block;}
	.cre_program > div{margin-top:2.5rem;}
	.cre_program > div.p01{margin-top:0;}
	.cre_program > div .img{height:auto;}
	.cre_program > div .img img{width:100%;}
	.cre_program > div .detail ul{height:auto;}
	.cre_program > div .detail{ margin-top:1rem;}
}

/*프로그램소개 */
.con .arc_btn_wrap{text-align:center; padding-bottom:2.4rem;}
.con .arc_btn_wrap a{display:inline-block; background:#e1f4f6; color:#24bcac; font-weight:600; position:relative; font-family:Pretendard; font-size:1rem; border-radius:1.5rem; width:19rem; height:3rem; text-align: center; line-height: 3rem; padding:0 0.4rem 0 0.5rem;}
.con .arc_btn_wrap a:before{content:''; display:block; position:absolute; width:2rem; height:2rem;background:url('/images/default/content/link-acv.png')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); left:0.65rem;}
.con .arc_btn_wrap a:after{content:''; display:block; position:absolute; width:1.5rem; height:1.5rem;background:url('/images/default/content/linklink.png')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); right:1rem;}
.con .arc_btn_wrap a:hover{background:#24bcac; color:#fff;}
.con .arc_btn_wrap a:hover:after{background:url('/images/default/content/linklink-h.png')no-repeat center center; background-size: cover;}
.pro-wrap .clearfix{position:relative; display: flex;  flex-wrap: wrap; min-height: 20rem;align-items:center;}
.pro-wrap .con:not(:last-child){border-bottom:solid 1px #ddd; padding-bottom:2.5rem; margin-bottom:2.5rem;}
.pro-wrap .pro-img{width:36rem; }
.pro-wrap .pro-img .inner{position:relative; overflow:hidden; border-radius:1rem; height:20rem;}
.pro-wrap .pro-img .inner img{border-radius:0.5rem; }
.pro-wrap .pro-img .you-inn{height:auto;}
.pro-wrap .pro-img .swiper-button-next, .swiper-container-rtl .swiper-button-prev {width:2.3rem;height:2.3rem;background:url(/images/default/content/pro-arrow-right.png)no-repeat center center;background-size:cover;right:0;margin-top:0;transform:translateY(-50%);}
.pro-wrap .pro-img .swiper-button-prev, .swiper-container-rtl .swiper-button-next {width:2.3rem;height:2.3rem;background:url(/images/default/content/pro-arrow-left.png)no-repeat center center;background-size:cover;left:0;margin-top:0;transform:translateY(-50%);}



.pro-wrap .pro-txt{width:50%; padding-left:3rem; }
.pro-wrap .pro-txt h3{font-weight:700; margin:1.5rem 0;}
.pro-wrap .pro-txt h3 span{font-weight:700;}
.pro-wrap .pro-txt ul.txt{margin-bottom:0; font-size:.8rem;}
.pro-wrap .pro-txt ul.txt li{font-size:1rem; font-weight:600; color:#555;}
.pro-wrap .pro-txt ul.txt li:not(:last-child) {padding-bottom:0.7rem;}
.pro-wrap .pro-txt ul.txt li ul li{padding-left:1rem;font-size:.9rem;color:#888;position:relative;}
.pro-wrap .pro-txt ul.txt li ul li:after{content:'';display:block;position:absolute;width:0.5rem;height:1px;background:#888;top:0.7em;left:0;}
.pro-wrap .pro-txt .tag {font-size:.9rem;color:#6256ac;}
@media (max-width:1600px){
	.pro-wrap .pro-img{width:50%;}
	.pro-wrap .pro-txt {width:50%;}

}

@media (max-width:1300px){
	.pro-wrap .clearfix{min-height:auto;}
	.pro-wrap .pro-img .inner{height:auto; border-radius:0rem;}
	.pro-wrap .pro-img .inner img{position:relative; border-radius:1rem;}
	.pro-wrap .con:hover .pro-img .inner img{transform: scale(1);}
}

@media (max-width:1030px){
	.introWrap .intro_icon li{margin:0 2rem;}
}
@media (max-width:767px){
	.introWrap h3{font-size:2rem; margin:2rem 0;}
	.introWrap .intro_icon{overflow:hidden; margin-top:3rem;}
	.introWrap .intro_icon li{width:50%; float:left; margin:0; padding:1rem; } 

	.pro-wrap .pro-img{width:100%; }
	.pro-wrap .pro-txt{width:100%; padding:2rem 0 0; }
	.pro-wrap .pro-txt h3{margin-top: 2.5rem;}
}

/********************************************************
■ 작은모니터
********************************************************/
@media (max-width:1300px){
    .header_inner div#nav > ul > li > div{padding:0 .9rem;}  
	.con{width:100%; padding:0 1rem;}
	img{max-width:100%;}
	

	/*내 이벤트*/
	.lm_bg .left_menu ul{width:100%;}
	.nlist_con{width:100%; padding:0 1rem;}
	.on-air .pc_youtube{width:100%;}

	/*덕칠 청년 작가*/
.tg_mem  li .name span.author{display:block;margin-top:0.5rem;}

}


@media (max-width:1130px){
	.sup01 > div{    min-height: 23.5rem;}
	.sup01 > div:last-child{padding: 3rem 1rem 2rem;}

}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){	
	/*내 원데이클래스*/
	.aplist_wrap li .abtn a.b_btn{padding-right: 0;}
	.aplist_wrap li .abtn a.btn_can{background:#EB2D2F ;  }
	.aplist_wrap li .abtn a.btn_com{background:#fff ; }
	.aplist_wrap li .abtn a.btn_ing{background:#fff ; }
	

	.way{padding-left:20px; }
	.way h4{position:relative; padding-left: 0px;}

	.app_top .boardSearch input[type="text"]{width: calc(100% - 70%);}
	.rentList ul li{width:31.3%; margin:1%;}

	.refWrap ul li{width:31.3%;}
	

	/*내 이벤트*/
	.eventList .e_list li{width: 48.5%; margin-right: 3%;}
	.eventList .e_list li:nth-of-type(4n){margin-right: 3%;}
	.eventList .e_list li:nth-of-type(2n){margin-right: 0;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	/*사업단소개*/
	.gre01 .gre01_txt{width:100%; margin-top: -10rem; padding-top:2rem;}
	.gre01 .gre01_img{position:relative; width:auto;}
	.org:after{display:none;}
	.org .org_img:after{right:0; font-size:6rem;}

	.toon_img ul li{width:31.3%; }
	.ci02_box li{width:100%; margin-top:1rem;}
	.ci02_box li:first-child{margin-top:0}
	.ci02_box li:after{display:none;}
	.ci02_logo li{width:100%; padding:2rem 0; border-left:none;}
	.ci02_logo li ul li:nth-child(1), .ci02_logo li ul li:nth-child(2){width:50%;}
	.table-wrap table{width:200%;}
	.ci01{background: #D6E2EF}
	

	/*원데이클래스 신청이력*/
	.aplist_wrap > li {padding:1.5rem .5rem;}
	.aplist_wrap li .aimg{width:100%; height:14rem;}
	.aplist_wrap li .atxt{width:100%; margin-left:0; margin-top:1.5rem;}
	.aplist_wrap li .abtn{float:left; width:100%; margin:0 -1%;}
	.aplist_wrap li .abtn a.b_btn{margin:1rem 1% 0; display:inline-block; float:left; width:48%;}
	.aplist_wrap li .abtn a.btn_end{float:right; width:98%;}
	.aplist_wrap li .abtn p{float:left; width:48%; margin:1rem 1% 0;  padding-top:.5rem;}


	/*내 이벤트*/
	.eventList .e_list li{width: 100%; margin-right: 0%;}
	.eventList .e_list li:nth-of-type(3n){margin-right: 0%;}


	/*프로젝트 소개*/
	.over1 div p{width:100%; float:none; text-align:center; margin-bottom:1.5rem;}
	.over1 div div{width:100%; float:none; padding-left:0; }
	.over2 p span:after{font-size:5rem;}
	.over3.cpd{padding-bottom:0;}
	.over3 p{position:relative; right:auto; bottom:0;}
	.over4 div p{position:relative; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; margin-top:1.5rem;}
	.over4 div p span{width:100%;}


	/*사업추진체계*/
	.aim ul{padding:2rem 0;}
	.aim ul li b{font-size:1rem;}
	.task li{width:50%; margin-top:1rem;}
	.task li:nth-child(1),
	.task li:nth-child(2){margin-top:0;}
	.effect ul{width:100%; float:none;}
	.effect p{width:100%; float:none;}
	.effect img{position:relative; right:auto;bottom:0; margin-top:-3rem;}
	.effect ul.arr li:after{display:none;}
	.effect ul.arr{padding-bottom:2rem; position:relative; margin-bottom:1rem;}
	.effect ul.arr:after{ content : ""; display : block; position : absolute; left:50%; bottom:0.5rem;  width :1.75rem; height : 0.85rem; background: url("/images/default/content/arr.png") no-repeat center center; background-size:100% 100%; transform: rotate(90deg); margin-left:-0.425rem;}

	/*공간소개*/
	.space{ }
	.space .simg{width:100%;}
	.space .simg li img{}
	.space .ground{width:100%; margin-top:3rem;}


	.ground .box{padding:2rem; min-height:auto;}
	.ground .box img.icon{position:relative; bottom:auto; left:50%;transform:translateX(-50%); margin-top:1rem;}
	.ground ul li.pr{padding-right:0;}
	.room1 .ground ul li.pr{padding-right:0;}
	.ground h3{font-size:1.5rem;}
	
	.way ul.tel li{width:100%;}
	.ground p {overflow:hidden; border-radius:5px;}
	.ground p img{max-width:140%; width:auto;}

	/*덕칠 청년 작가*/
	.tg_mem  li .name span.author{display:inline;}
	.sup03_mem li .name h3:after{width:55px !important;}
	
	/*서포터즈 소개*/

	.sup03_mem li{width:98%;}
		.sup01 > div{width:100%; margin:1% 0; overflow:hidden; min-height:auto;}
	.sup01 > div > .tit{ width:100%; margin-bottom:1rem;}
	.sup01 > div h3{min-height:auto; margin-bottom:0;}
	.sup01 > div > ul.bul{ width:100%;     padding: 3% 0;}

	.rentList ul li{width:48%; margin:1%;}
	.app_top div{float:none; text-align:left;}
	.app_top .boardSearch form fieldset{display:block; width:100%;}

	/*대관 뷰*/
	.rentCon{padding:1rem;}
	.rent_cel .fl{width:100%; margin-top:1rem;}
	.rent_cel .fl h5{text-align:left;}
	.rentCon .online_tb .cname{width:100%;}
	.rentCon .check_tb_wrap {width:100%;overflow-x:auto;white-space:nowrap;}
	.rentCon .check_tb_wrap table{width:auto;}
	table.online_tb td label{width:40%;display:inline-block;}

	/*프로그램 뷰*/
	.prowrap .proimg_con{display:block;}
	.prowrap .pro_img{width:100%;}
	.prowrap .pro_txt{width:100%; margin-top:3rem; margin-bottom:1rem; padding:0;}
	.prowrap ul.sns{position:relative; right:auto; top: auto; text-align:center;}

	.room_step li{width:46%; margin:2%; height: 8.2rem;}
	.room_step li:before{left:-9%;}
	
	.con_tab{overflow:hidden;}
	.con_tab li{float:left; width:33.3%; text-align:center; font-size:.8rem; }
	.con_tab.w2 li{width:50%;}
	.con_tab li a{display:block; line-height:1.1; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center; height:3rem;}
	

	/*문의하기*/
	p.txt{font-size:0.9rem;color:#555;padding:1rem 0;border-bottom:2px dashed #e2e2e2;}
	p.txt01{border:none;padding-top:0;}


}

@media (max-width:467px){
	.refWrap ul li{width:48%;}
	.room1 .ground h4 a.vrBtn{position:relative;  right:auto; top:auto; display:inline-block;}
	.room1 .ground .box{padding	:1rem 1rem 8rem;}

	.pro_tab li a{padding:.5rem 1rem;}
}





/********************************************************
■ 경북돋움 프로젝트 사업소개
********************************************************/
.dotum{display:flex; border-radius:1rem; overflow:hidden; box-shadow: 8px 0px 27px rgb(0 0 0 / 9%);}
.dotum .img{position:relative;flex:1; background:url('/images/default/content/yst02_1.jpg')no-repeat center center; background-size:cover;}
.dotum .img:before{content : ""; display : block; position : absolute; right : 0; top:0;  width :10rem; height : 100%; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.dotum .txt{flex-basis: 55%; padding:0 2rem 2rem;}
.dotum .txt h4 em{font-size:0.9rem; display:inline; background:#6256ac; padding:0.2rem 0.5rem; color:#fff; border-radius:2rem; margin-left:0.5rem;}

@media (max-width:767px){
	.dotum{display:block;}
	.dotum .img{height:10rem;}
	.dotum .img:before{display:none;}
	.dotum .txt{padding:0 1rem 1rem;}
}

.dotum_ico{display:flex; text-align:center;}
.dotum_ico li{flex:1; position:relative;}
.dotum_ico li:not(:first-child):before{ content : ""; display : block; position : absolute; left :-25px; top:35%; width :50px; height : 10px; background:url('/images/default/content/dot_bg.gif')no-repeat center top; z-index:-1;}
.dotum_ico li div{width:10.75rem; height:10.75rem;padding:8px; border-radius: 50%;	 background:linear-gradient(to top, #f6f4ff 0%, #f4e8ff 100%); box-shadow: 8px 0px 27px rgb(0 0 0 / 9%); margin:0 auto; margin-bottom:1rem;}
.dotum_ico li div span{ display: flex; align-items: center; justify-content: center; width:100%; height:100%; background:#fff;border-radius: 50%;}
.dotum_ico li div span img{width:3.45rem;}

@media (max-width:767px){
	.dotum_ico{display:block;text-align:left;}
	.dotum_ico li{display:flex; align-items: center;}
	.dotum_ico li:not(:first-child):before{display:none;}
	.dotum_ico li div{width:6rem; height:6rem;}
	.dotum_ico li p{flex:1; padding-left:1rem;}
	.dotum_ico li p br{display:none; }
}


.dotum_aim{text-align:center; display: table;  margin-left: auto;  margin-right: auto; position:relative; border: 6px solid #a843af; padding:2.5rem 4rem 1.7rem; border-radius:7rem;}
.dotum_aim p{position:absolute; left:50%; transform:translateX(-50%); top:-1.5rem; padding:0.5rem 2rem; color:#fff; background:#6256ac; font-size:1.1rem;border-radius:3rem;}
.dotum_aim h5{font-size:1.3rem;color:#333; font-family: 'SUITE';}
.dotum_aim b{ font-family: 'SUITE'; font-weight:800;}

.dotum_program{padding-top:4rem; position:relative; display:flex; justify-content: space-between;font-size:0.9rem; position:relative;}
.dotum_program:before{ content : ""; display : block; position : absolute; left :50%; transform:translateX(-50%); top:0; width : 1493px; height : 253px; background:url('/images/default/content/yst02_arrow.gif')no-repeat center top; z-index:-1;}
.dotum_program > div{flex-basis: 31%;}
.dotum_program > div .img{ height:21.25rem; background:#fff; box-shadow: 8px 0px 27px rgb(0 0 0 / 9%); border-radius:1rem; padding:1rem; }
.dotum_program > div .img img{border-radius:1rem; margin:0 auto;}
.dotum_program > div .img h4{text-align:center; color:#333; font-size:1.2rem; margin-bottom:10px;}
.dotum_program > div .img h4 span{position:absolute; top:0;  left:50%; transform:translateX(-50%); top: -2.6rem; font-size:0.8rem; width:2.3rem; height:2.3rem; line-height:2.3rem; text-align:center; background:#dda0cb; color:#fff; border-radius:50%;}
.dotum_program > div .img h4:after{display:none;}
.dotum_program > div .img ul li{margin-top:10px; position:relative; padding-left:20px;}
.dotum_program > div .img ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 10px; height : 10px; border:3px solid #dda0cb; border-radius:50%; box-sizing:border-box;}
.dotum_program > div .detail{ margin-top:2rem; border-radius:1rem; overflow:hidden;}
.dotum_program > div .detail p{height:2rem; line-height:2rem; background:#dda0cb; text-align:center; color:#fff;}
.dotum_program > div .detail ul{height:9.75rem; padding:0.5rem 1rem 1rem; background:#fcf6fa;}
.dotum_program > div .detail ul li{margin-top:10px; position:relative; padding-left:20px;}
.dotum_program > div .detail ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 5px; height : 5px; background: #dda0cb; border-radius:50%; box-sizing:border-box;}

.dotum_program > div.p02 .img h4 span,
.dotum_program > div.p02 .detail p,
.dotum_program > div.p02 .detail ul li:before{background:#b0a7d5;}
.dotum_program > div.p02 .img ul li:before{border-color:#b0a7d5}
.dotum_program > div.p02 .detail ul{background:#f5f4fa;}

.dotum_program > div.p03 .img h4 span,
.dotum_program > div.p03 .detail p,
.dotum_program > div.p03 .detail ul li:before{background:#8073c7;}
.dotum_program > div.p03 .img ul li:before{border-color:#8073c7}
.dotum_program > div.p03 .detail ul{background:#eeedf6;}


@media (max-width:1200px){
	.dotum_program{font-size:0.85rem;}
	.dotum_program > div .detail ul{height:11rem; }
}
@media (max-width:1030px){
	.dotum_program{font-size:0.85rem;}	
}
@media (max-width:767px){
	.dotum_aim{padding:2.5rem 1rem 1.7rem; margin-top:3rem;}

	.dotum_program{display:block;}
	.dotum_program > div{margin-top:2.5rem;}
	.dotum_program > div.p01{margin-top:0;}
	.dotum_program > div .img{height:auto;}
	.dotum_program > div .img img{width:100%;}
	.dotum_program > div .detail ul{height:auto;}
	.dotum_program > div .detail{ margin-top:1rem;}
}




/********************************************************
■ 경북돋움 프로젝트 사업추진체계
********************************************************/
.con .chart{margin-top:1.5rem;}
.bul_arr{margin-top:1rem;}
.bul_arr li{text-align:left;}
.bul_arr li{padding-left:.65rem; font-size:.9rem; line-height:1.7; margin-top:.25rem; color:#555; background:url(/images/default/content/bul.png) no-repeat 0 0.4em; background-size:0.4rem auto;}
.bul_arr li:first-child{margin-top:0;}


.effect_ico{display:flex; flex-wrap: wrap; font-size:.9rem;}
.effect_ico li{width:47%; flex-shrink:0; margin:1.5%;}
.effect_ico li div{display:flex; width:100%; height: 100%; align-items: center; border:1px solid #ded7e4; border-radius:1rem; overflow:hidden;}
.effect_ico li div span{flex-basis: 23%; height: 100%; text-align:center; background:#f1ebf6; }
.effect_ico li div span:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.effect_ico li div span img{width:2.8rem;}
.effect_ico li div p{flex:1; padding:2rem 1.5rem;}

.effect_ico li:nth-of-type(2) div,
.effect_ico li:nth-of-type(3) div,
.effect_ico li:nth-of-type(6) div,
.effect_ico li:nth-of-type(7) div{border-color:#cde0ec;}
.effect_ico li:nth-of-type(2) div span,
.effect_ico li:nth-of-type(3) div span,
.effect_ico li:nth-of-type(6) div span,
.effect_ico li:nth-of-type(7) div span{background:#eef6fb;}



@media (max-width:767px){
	.effect_ico{}
	.effect_ico li{width:100%; margin:1.5% 0;}

	.effect_ico li:nth-of-type(2) div,
	.effect_ico li:nth-of-type(3) div,
	.effect_ico li:nth-of-type(6) div,
	.effect_ico li:nth-of-type(7) div{border-color:#ded7e4;}
	.effect_ico li:nth-of-type(2) div span,
	.effect_ico li:nth-of-type(3) div span,
	.effect_ico li:nth-of-type(6) div span,
	.effect_ico li:nth-of-type(7) div span{background:#f1ebf6;}

	.effect_ico li:nth-child(even) div{border-color:#cde0ec;}
	.effect_ico li:nth-child(even) div span{background:#eef6fb;}
}




.ebiz{display:flex; flex-grow:1; align-items: center; height:100%; margin-top:5rem;}
.ebiz:first-child{margin-top:0;}
.ebiz .img{ flex: 1;  position:relative; height:100%; }
.ebiz .img img{width:100%; border-radius:1rem;}

.ebiz .txt{flex: 1; padding-left:4rem;}
.ebiz .txt h5{font-size:1.3rem; color:#6256ac;font-family: 'suite'; font-weight:600;display:inline-block; border-bottom:1px solid #6256ac; margin-bottom:0;}
.ebiz .txt ul{background:#f9f9f9; padding:0.5rem 1rem; border-radius:0.5rem; font-size:0.85rem; margin-top:0;}
.ebiz .txt p{margin-top:1rem; margin-bottom:5px; font-weight:700; color:#555;}

.ebiz:nth-child(even){flex-direction:row-reverse;}
.ebiz:nth-child(even) .txt{padding-left:0; padding-right:4rem;}

@media (max-width:767px){
	.ebiz{flex-wrap: wrap; margin-top:4rem;}
	.ebiz .img,
	.ebiz .txt{width:100%; flex: auto;}
	.ebiz .txt{padding:0 !important; margin-top:2rem;}
}

/*참여인력*/
.person .person_tab ul{display:flex;}
.person .person_tab ul li{flex-basis:20%;text-align:center;position:relative;}
.person .person_tab ul li:before{content:'';display:block;position:absolute;height:3px;width:100%;background:#ddd;bottom:-2rem;left:0;}
.person .person_tab ul li.on:before{background:#6256ac;}
.person .person_tab ul li a{display:inline-block;color:#a3b4c0;}
.person .person_tab ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1.4px;height:100%;background:#dddddd;top:0;right:0;}
.person .person_tab ul li span{display:block;width:3.75rem;height:1.75rem;line-height:1.75rem;border-radius:16.5px;background:#a3b4c0;color:#fff;margin:0 auto;font-size:0.9rem;font-weight:600;}
.person .person_tab ul li.on a{color:#6256ac;font-weight:600;}
.person .person_tab ul li.on span{background:#6256ac;}

@media (max-width:767px){
	.person .person_tab ul {flex-wrap:wrap;}
	.person .person_tab ul li{margin-left:-1px;margin-top:-1px;flex-basis:33%;border:1px solid #ddd;padding:0.5rem 0}
	.person .person_tab ul li:before{display:none;}
	.person .person_tab ul li:not(:last-child):after{display:none;}

	
}

.person .person_tit{display: flex;justify-content: space-between;align-items: center;margin: 0 0 3rem 0;}
.person .person_tit h4:after{display:none;}
.person .person_tit span{font-size:0.9rem;}
.person .person_tit span em{color:#6256ac;font-weight:600;}
.person .person_tit span em:first-child{margin-right:1rem;}
.person .person_list ul{display:flex;margin:-1.5rem;flex-wrap:wrap;}
.person .person_list ul li{flex-basis:calc(100% / 5 - 3rem);margin:1.5rem;}
.person .person_list ul li .pimg{padding-top:13.5rem;background:url(/images/default/content/pimg01.jpg)no-repeat center center;background-size:cover;position:relative;border-radius:8px;}
.person .person_list ul li .pimg > div{font-weight:500;transition: all 0.5s;display:none;height:0;padding:1.5rem 0;position:absolute;background:rgba(255,255,255,0.8);bottom:0;width:100%;font-size:0.9rem;text-align:center;}
.person .person_list ul li .pimg > div span{color:#6256ac;display:block;margin-top:0.5rem;font-size:0.8rem;text-decoration: none;}
.person .person_list ul li .pimg > div p{text-decoration: underline;color:#333;font-size:0.9rem;}
.person .person_list ul li .pimg:hover div{height:65%;display:block;transition: all 0.5s;bottom:0;}
.person .person_list ul li .txt_zone{font-size:0.8rem;color:#666666;margin-top:1rem;}
.person .person_list ul li .txt_zone .name{color:#333333;font-size:1.05rem;font-weight:600;}
.person .person_list ul li .txt_zone div.cate{margin-top:1.25rem;margin-bottom:0;font-weight:600;display:inline-block;text-align:left;color:#6256ac;background: linear-gradient(to top, #f6f4ff 50%, transparent 100%);}

.person .person_list ul li:nth-child(2) .pimg{background:url(/images/default/content/pimg02.jpg)no-repeat center center;background-size:cover;position:relative;border-radius:8px;}
.person .person_list ul li:nth-child(3) .pimg{background:url(/images/default/content/pimg03.jpg)no-repeat center center;background-size:cover;position:relative;border-radius:8px;}


@media (max-width:1400px){
	.person .person_list ul{margin:-0.5rem;}
	.person .person_list ul li{flex-basis:calc(100% / 5 - 1rem);margin:0.5rem;}
}
@media (max-width:1030px){
	.person .person_list ul li{flex-basis:calc(100% / 3 - 1rem);margin:0.5rem;}
	.person .person_list ul li .pimg{padding-top:100%;}
	.person .person_list ul li .txt_zone{font-size:1.2rem;}
	.person .person_list ul li .txt_zone .name{font-size:1.3rem;}
	.person .person_tit span{display:none;}
	.person .person_tit{margin:2rem 0 1rem;}
	.person .person_tit  h4{margin:0;}
	.person .person_list ul li .txt_zone div.cate{font-size:1rem;}
}
@media (max-width:767px){
	.person .person_list ul{margin:-1rem;}
	.person .person_list ul li{flex-basis:calc(100% / 2 - 2rem);margin:1rem;}
	.person .person_list ul li .pimg{padding-top:18rem;}
}


/*참여인력 뷰페이지*/
.person_view .person_tit{margin:0;}
.person_view .person_tit h4:after{display:none;}
.person_view .person_view_wrap{display:flex;}
.person_view .person_view_wrap .img_zone{flex-basis:23.4rem;border-radius:8px;padding:0.7rem 0;background:url(/images/default/content/img_bg.jpg)no-repeat center center;background-size:cover;}
.person_view .person_view_wrap .img_zone span{padding-top:13.5rem;display:block;background:url(/images/default/content/pimg01.jpg)no-repeat center center;}
.person_view .person_view_wrap .txt_zone{flex-basis:calc(100% - 23.4rem);padding-left:3.5rem;}
.person_view .person_view_wrap .txt_zone .cate{margin-bottom:0;font-weight:600;display:inline-block;text-align:left;color:#6256ac;background: linear-gradient(to top, #f6f4ff 50%, transparent 50%);}
.person_view .person_view_wrap .txt_zone .name{font-size:2rem;font-weight:600;color:#333333;margin:1rem 0 1.5rem 0;line-height:1;}
.person_view .person_view_wrap .txt_zone .txt{font-size:1.35rem;  text-decoration: underline;  text-underline-position: under;color:#333;width: 60%;}
.person_view .person_view_wrap .txt_zone ul {margin-top:1.5rem;}
.person_view .person_view_wrap .txt_zone ul li{font-size:0.9rem;position:relative;}
.person_view .person_view_wrap .txt_zone ul li:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#333;left:0;top:0.5em;}
.person_view .person_view_wrap .txt_zone ul li span{padding-left:1rem;font-weight:500;color:#333;margin-right:3rem;}
.person_view .career {display:flex;padding:2rem 1.5rem 3.5rem;border-top:3px solid #555555;margin-top:4.5rem;border-bottom:1px solid #555;}
.person_view .career h5{font-size:1.5rem;padding-right:3.5rem;}
.person_view .career ul li{font-size:0.9rem;color:#555;position:relative;padding-left:1rem;}
.person_view .career ul li:not(:last-child){margin-bottom:0.75rem;}
.person_view .career ul li:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#b0a7d5;left:0;top:0.5em;}
.person_view .btn_wrap a{display: inline-block; background: #fff; border:1px solid #6256ac; color: #6256ac; padding: 0.8rem 4.8rem; border-radius: 2rem}
.person_view .btn_wrap a:hover{background: #6256ac; color:#fff;}


@media (max-width:1030px){
	.person_view .person_view_wrap{display:block;}
	.person_view .person_view_wrap .txt_zone{padding-left:0;margin-top:2rem;}
	.person_view .person_view_wrap .img_zone span{padding-top:18rem;}
	.person_view .person_view_wrap .txt_zone ul li{font-size:1rem;}
	.person_view .career{display:block;padding:2rem 1rem;margin-top:2rem;}
	.person_view .career h5{padding:0;margin-bottom:1rem;}
	.person_view .career ul li{font-size:1rem;}

}
@media (max-width:767px){
	.person_view .person_view_wrap .txt_zone ul li span{display:block;}
	.person_view .person_view_wrap .txt_zone ul li:not(:last-child){margin-bottom:1rem;}
}

/*문화자원 pool-공간*/
.tab_menu ul li span{display:block;width:3.75rem;height:1.75rem;line-height:1.75rem;border-radius:16.5px;background:#f5f5f5;color:#999999;margin:0 auto;font-size:0.9rem;font-weight:600; margin-top:0.7rem;}
.tab_menu ul li.on a{color:#6256ac;font-weight:600;}
.tab_menu ul li.on span{background:#f6f4ff; color:#6256ac; font-weight:800;}
.con .cul-tit {font-size:1.9rem; font-weight:600; color:#333; margin-bottom:4.5rem;}

.con .toptop2{display:flex; justify-content:space-between; align-items:center; margin-top:2rem; margin-bottom:1rem;}
.con .toptop2 .top-left{display:flex;}
.con .toptop2 .search .barbar{display:flex;}
.con .toptop2 .total{position:relative; font-size:0.8rem; /*margin-left:1.5rem;*/}
.con .toptop2 .total em:after{position:absolute; content:'';display:block;width:1rem;height:1rem;background:url(/images/total-icon.png)no-repeat center center;background-size:cover;left:-1.5rem; top:50%;transform:translateY(-50%);}
.con .toptop2 .total em{color:#6256ac; font-weight:800;}
.con .toptop2 .search{display:flex;position:relative;height:55px;}
.con .toptop2 .search select{width:150px;height:55px;border:none; border-radius:0.25rem; background:#f5f5f5 url('/images/default/content/sel_icon.png')no-repeat center right+1rem;font-size:0.8rem; font-weight:600; color:#333;padding:0 1rem; font-family: 'SUITE';margin-right:0.7rem; display:flex; align-items:center;}
.con .toptop2 .search input[type="text"] {background:none;border:none; height:55px;}
.con .toptop2 .search .bar-input{position:relative; height:55px;border: none; border-radius: 0.25rem; background:#f5f5f5;width:17.25rem;}
.con .toptop2 .search .button{position:absolute;right:0;width:23px;height:22px;background:url('/images/default/content/btn_search.png')no-repeat center center; background-size:cover; padding:0;min-width:auto;border:none;top:50%;transform:translateY(-50%);right:1rem;}


.con .top-button { display: flex; justify-content: flex-end; margin-bottom: 1rem; }
.con .top-button .button-create{ display: inline-block; min-width: 5.75rem; text-align: center; padding: 0.5rem 1.2rem; color: #333; background: #fff; border:solid 1px #333; border-radius: 5px; font-size: 0.9rem;}
.con .top-button .button-create:hover{color:#fff; background:#333; }



.con .culture_list .board{border-bottom: solid 1px #ddd; padding-bottom: 2.5rem;}
.con .culture_list > ul{display:flex; flex-wrap:wrap; margin:-1.25rem;}
.con .culture_list > ul li{width: calc(100% / 3 - 2.5rem); margin:1.25rem;}
.con .culture_list > ul li .img{height: 15.75rem; background:url(/images/default/content/cul-img01.jpg)no-repeat center center;background-size:cover;position:relative;border-radius:0.5rem;}
.con .culture_list > ul li .img .img-box{font-weight:500;transition: all 0.5s;display:none;height:0;padding:1.5rem 0;position:absolute;background:rgba(255,255,255,0.8);bottom:0;width:100%;font-size:0.9rem;text-align:center;}
.con .culture_list > ul li .img:hover .img-box{height:65%; display:flex; align-items: center; justify-content: center; transition: all 0.5s; bottom: 0;}
.con .culture_list > ul li .img:hover .img-box > div{}
.con .culture_list > ul li .img .img-box p{text-decoration:underline; color:#333; font-size:0.9rem; font-weight:700; margin-bottom:1.25rem;}
.con .culture_list > ul li .img .img-box span{color:#6256ac; font-size:0.8rem;}
.con .culture_list > ul li .txt_zone{font-size:0.8rem; color:#666; margin-top:1rem; position:relative;}
.con .culture_list > ul li .txt_zone .name{color:#333; font-size:1.05rem; font-weight:600;}
.con .culture_list > ul li .txt_zone .cate{margin-top:1.25rem; margin-bottom:0; font-weight:600; display:inline-block; text-align:left; color: #6256ac; background: linear-gradient(to top, #f6f4ff 50%, transparent 100%);}
.con .culture_list > ul li .txt_zone .workName span{margin-top:0.6rem; margin-bottom:0; font-weight:600; display:inline-block; text-align:left; color: #6256ac; background: linear-gradient(to top, #f6f4ff 50%, transparent 100%);}
.con .culture_list > ul li .txt_zone .price{font-size:1.15rem; font-weight:600; color:#333333; margin-top:1.5rem;}
.con .culture_list > ul li .txt_zone .price em{font-size:0.9rem;}
.con .culture_list > ul li .txt_zone .wishlist{position:absolute; background:#f5f5f5 url('/images/default/content/wishlist.svg')no-repeat center center; border-radius:50%; width:2.2rem; height:2.2rem; bottom:0; right:0; cursor:pointer; background-size: 1.1rem;}
.con .culture_list > ul li .txt_zone .wishlist.interest{background:#f5f5f5 url('/images/default/content/wishlist-on.svg')no-repeat center center; background-size: 1.1rem;}

@media (max-width:1500px){
	.con .toptop2 .top-name{width:100%;}
	.con .toptop2{flex-direction: column-reverse; align-items: flex-start;}
	.con .toptop2 .top-left{padding-top:1rem;}
	.con .toptop2 .search .bar-input{width:100%;}
}
@media (max-width:1030px){
	.con .culture_list > ul li{width:calc(100% / 2 - 2.5rem);}	
}

@media (max-width:767px){
	.con .culture_list > ul{margin:-1rem;}
	.con .culture_list > ul li{width:calc(100% / 1 - 2rem); margin:1rem;}	
	.con .cul-tit {margin-bottom:1.5rem;}
	
}



/*문화자원 pool-사람*/
.con .peo_list > ul{display:flex; flex-wrap:wrap; margin:-1.5rem;}
.con .peo_list > ul li{width: calc(100% / 5 - 3rem); margin:1.5rem;}
.con .peo_list > ul li .img{background:url(/images/default/content/cul-img02.jpg)no-repeat center center;}

@media (max-width:1030px){
	.con .peo_list > ul li{width: calc(100% / 3 - 3rem);}
	.con .peo_list > ul li .img{background-size: cover;}
}
@media (max-width:767px){
	.con .toptop2 .total{margin-bottom:1rem;}
	.con .peo_list > ul{margin:-1rem;}
	.con .peo_list > ul li{width: calc(100% / 2 - 2rem); margin: 1rem;}
}


/*문화자원 pool-축제*/
.con .fes_list > ul{display:flex; flex-wrap:wrap; margin:-1.5rem;}
.con .fes_list > ul li{width: calc(100% / 4 - 3rem); margin:1.5rem;}
.con .fes_list > ul li .img{background:url(/images/default/content/cul-img03.jpg)no-repeat center center; background-size: cover !important;}

@media (max-width:1030px){
	.con .fes_list > ul li{width: calc(100% / 3 - 3rem);}
	.con .fes_list > ul li .img{background-size: cover;}
}
@media (max-width:767px){
	.con .toptop2 .total{margin-bottom:1rem;}
	.con .fes_list > ul{margin:-1rem;}
	.con .fes_list > ul li{width: calc(100% / 2 - 2rem); margin: 1rem;}
}


/*문화자원 pool-공간 뷰페이지*/
.con .view-top{display:flex;}
.con .view-top .txt-zone{padding-left:5.4rem; padding-top:5rem; width:50%;}
.con .view-top .txt-zone .tit{display:flex; align-items:center; font-size:1.5rem; font-weight:800;}
.con .view-top .txt-zone .tit span{font-size:.7rem; border-radius:0.25rem; padding:0.3rem; background-color: #6256ac; color: #FFFFFF; margin-right:0.7rem;}
.con .view-top .txt-zone .txt{margin-top:1.6rem; font-size:1rem; text-align:left;}
.con .view-top .txt-zone .txt ul li{position:relative; padding:0.7rem 0;}
.con .view-top .txt-zone .txt ul li:first-child{padding-top:0;}
.con .view-top .txt-zone .txt ul li p{padding-left:6.5rem;}
.con .view-top .txt-zone .txt ul li p span{position:absolute; font-weight:700; left:0; padding-left:0.6rem; display: inline-block; width: 5rem;}
.con .view-top .txt-zone .txt ul li p span:after{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#6256ac;left:0;top:0.6em;}
.con .view-top .txt-zone .txt.borderlist li:not(:last-child){border-bottom:solid 1px #ddd;}
.con .view-top .txt-zone .txt.borderlist li.introduce p span{position:relative; width:auto; display:block; margin-left:-0.6rem; color:#333; font-size:1.1rem; padding-bottom:0.425rem;}
.con .view-top .txt-zone .txt ul li.introduce p{padding-left:0.6rem; font-size:1rem; color:#555;}
.con .view-top .txt-zone .txt ul li.introduce{padding:1.5rem 0;}
.con .view-top .txt-zone .artist-bx{background:#f5f5f5; border-radius:0.5rem; padding:0.96rem; display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem;}
.con .view-top .txt-zone .artist-bx p{font-size:1.05rem; color:#333; position:relative; padding-left:1.5rem;}
.con .view-top .txt-zone .artist-bx p em{font-weight:800;}
.con .view-top .txt-zone .artist-bx p:after{content:''; display:block; position:absolute; width:1rem; height:1.1rem; background:url('/images/default/content/artist-bx.svg')no-repeat center center; background-size: 1rem; top:50%;transform:translateY(-50%); left:0;}
.con .view-top .txt-zone .artist-bx .goPage{font-size:0.8rem; color:#555; position:relative; padding-right:0.75rem; line-height:1;}
.con .view-top .txt-zone .artist-bx .goPage:after{content:''; display:block; position:absolute; width:0.5rem; height:0.5rem; background:url('/images/default/content/filter-cate-arr.svg')no-repeat center center; background-size: 0.5rem; top:50%;transform:translateY(-50%) rotate(90deg); right:0;}
.con .view-top .txt-zone .artist-btn-wrap{margin-top:3rem; display:flex; align-items:center; justify-content:space-between;}
.con .view-top .txt-zone .artist-btn-wrap .wishlist{background:#f5f5f5 url('/images/default/content/wishlist.svg')no-repeat center center; border-radius:0.5rem; width:3.25rem; height:3.25rem; bottom:0; right:0; cursor:pointer; background-size: 1.3rem;}
.con .view-top .txt-zone .artist-btn-wrap .wishlist.interest{background:#f5f5f5 url('/images/default/content/wishlist-on.svg')no-repeat center center; background-size: 1.3rem;}
.con .artist-btn-wrap .inquiry{display:inline-block; width:14rem; height:3.25rem; line-height:3.25rem; font-size:1rem; color:#6256ac; border:solid 1px #6256ac; padding-left:4.4rem; position:relative; border-radius:0.5rem; font-weight:500; text-align:left; background:#fff;}
.con .artist-btn-wrap .inquiry:hover{background:#f6f4ff;}
.con .artist-btn-wrap .inquiry:after{content:''; display:block; position:absolute; width:1rem; height:1rem; background:url('/images/default/content/inquiry-btn.svg')no-repeat center center; background-size: 1rem; top:50%;transform:translateY(-50%); right:4.4rem;}
.con .artist-btn-wrap .custom{display:inline-block; width:14rem; height:3.25rem; line-height:3.25rem; font-size:1rem; color:#fff; border:solid 1px #6256ac; padding-left:3rem; position:relative; border-radius:0.5rem; background:#6256ac; font-weight:500; text-align:left;}
.con .artist-btn-wrap .custom:hover{background:#40318b;}
.con .artist-btn-wrap .custom:after{content:''; display:block; position:absolute; width:1rem; height:1rem; background:url('/images/default/content/custom-btn.svg')no-repeat center center; background-size: 1rem; top:50%;transform:translateY(-50%); right:3rem;}


/*팝업*/
.haspop .popup{position:fixed; left:50%; top:50%; width:24rem; height:auto; border-radius:1rem; overflow:hidden; background:#fff; z-index:1000; transform: translate(-50%, -50%); transition: all 0.3s ease-out 0s; display:none;}
.haspop .popup .popup-x{position : absolute; right:1.5rem; top:1.5rem; font-size:1.5rem; text-align:center; vertical-align: middle; cursor:pointer}
.haspop .popup .pop-cts{padding:2rem 1.5rem; text-align:center;}
.haspop .popup .pop-cts .tit{font-size:1.4rem; color:#222; font-weight:bold;}
.haspop .popup .pop-cts .phrase{font-size:1rem; color:#555; padding-top:0.4rem; font-weight:500;}
.haspop .popup .pop-cts .phrase em{color:#6256ac; font-weight:600; text-decoration: underline; text-underline-position:under; text-decoration-thickness:1px;}
.haspop .popup .pop-cts .num-bx{background:#f5f5f5; border-radius:0.5rem; padding:2.6rem 0; margin-top:2rem;}
.haspop .popup .pop-cts .num-bx p{font-size:1.2rem; color:#333; font-weight:500;}
.dim{background:rgba(0,0,0,0.65);position:fixed;left:0;top:0;width:100%;height:100%; z-index:999; display:none;}
@media (max-width:767px){
	.haspop .popup{width:90%;}
}



.con .view-bottom{margin-top:3.75rem; border-top:solid 3px #555; border-bottom:solid 1px #999;}
.con .view-bottom .main-txt{padding:2.5rem 1.5rem 0;}
.con .view-bottom .main-txt img{max-width:100%;}
.con .view-bottom .main-txt p{padding-top:0.5rem; padding-bottom:6rem;}
.con .view-bottom .main-txt .tit{font-size:1.5rem; line-height:1; font-weight:600; color:#333;}
.con .view-bottom .attachment{display:flex; padding:1rem 1.5rem; border-top: solid 1px #999;}
.con .view-bottom .attachment .attach-txt{font-size:1rem; color:#555; font-weight:700; position:relative; padding-right:1.5rem;}
.con .view-bottom .attachment .attach-txt:after{content:''; display:block; position:absolute; width:1px; height:20px;background:#999;top:50%;transform:translateY(-50%); right:0;}
.con .view-bottom .attachment .ViewDetail{padding-left:1.5rem;}
.con .view-bottom .attachment .ViewDetail ul li a{color:#555;}


.con .btn_wrap a {display: inline-block; background: #fff; border:1px solid #6256ac; color: #6256ac;
padding: 0.8rem 4.8rem; border-radius: 2rem;}
.con .btn_wrap a:hover{background: #6256ac; color:#fff;}
.nanum_slide{width:50%; overflow:hidden;}
	.nanum_slide .gallery-thumbs {width:80%;}
	.nanum_slide .gallery-thumbs .swiper-wrapper{flex-direction: row;height:6.4rem;}
	.nanum_slide .gallery-thumbs .swiper-slide {border:2px solid #c8c8c8;display: flex;  align-items: center;  justify-content: center;  box-sizing: border-box;  cursor: pointer;height:6.4rem; border-radius: 0.5rem;}
	.nanum_slide .gallery-thumbs .swiper-slide img{ position:absolute; top:0; left:0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top:50%; left:50%;width:100%; height:100%;}
	.nanum_slide .gallery-thumbs .swiper-slide-active{opacity:1;border:2px solid #6256ac;}
	.nanum_slide .gallery-thumbs .swiper-slide:hover {opacity:1}

	.thum-bx{position:relative; background: #f6f4ff; padding: 1.5rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem;}

	.nanum_slide .gallery-top {width: 100%;}
	.nanum_slide .gallery-top .swiper-slide {  display: flex;  align-items: center;  justify-content: center;  box-sizing: border-box;padding-top:64%; border-radius:0.5rem 0.5rem 0 0;}
	.nanum_slide .gallery-top .swiper-slide img{position:absolute; width:100%;height:100%; height:auto;top:0; bottom:0; left:0; right:0;}
	.nanum_slide .gallery-thumbs .swiper-button-next,
	.nanum_slide .gallery-thumbs .swiper-button-prev{width:1.75rem;height:1.75rem;background-size:cover;  }
	.nanum_slide .gallery-thumbs .swiper-button-next,
	.nanum_slide .gallery-thumbs .swiper-container-rtl .swiper-button-prev{background-image: url('/images/default/content/next.png'); border-radius:.5rem 0 0 .5rem; right:0;margin-top:0;transform:translateY(-50%);}

	.nanum_slide .gallery-thumbs .swiper-button-prev,
	.nanum_slide .gallery-thumbs .swiper-container-rtl .swiper-button-next{background-image: url('/images/default/content/prev.png'); border-radius:0 .5rem .5rem 0; left:0;margin-top:0;transform:translateY(-50%);}

	.nanum_slide .gallery-top .swiper-button-next.swiper-button-disabled,
	.nanum_slide .gallery-top .swiper-button-prev.swiper-button-disabled{opacity: 0;}
	.color-box {padding: .05rem .5rem;margin-right: .2rem;}

	@media (max-width:1030px){
		.con .view-top .txt-zone{padding-left:2.5rem;}
		.nanum_slide .gallery-thumbs {width:80%;}

	}
	@media (max-width:767px){
		.con .view-top{display:block;}
		.con .view-top .txt-zone{padding-left:0; padding-top:2rem; width:100%;}
		.nanum_slide{width:100%;}
		.con .view-bottom .main-txt{padding:2rem 1rem 0;}
		.con .view-bottom .attachment{padding:0.7rem 1rem;}
		.con .view-bottom .attachment .attach-txt{padding-right:1rem;}
		.con .view-bottom .attachment .ViewDetail{padding-left:1rem;}
	}

/*문화자원 pool-예술IP*/
.artcon .flex{display:flex; align-items:flex-start; justify-content:space-between;}
.artcon .right-zone{width:74%;}

.artcon .filters-con{width:21%;background:#fff;height:100%;z-index:1;display:block;}
.filters-con .filter-tit p{padding-left: 1.25rem; position: relative; background: url('/images/default/content/filter-icon.svg')no-repeat center left; background-size:0.75rem; font-size:1rem; color:#333; font-weight:600;}
.filters-con .filter-cate{background:#f9f9f9;padding:1.5rem 0.9rem; margin-top:0.75rem;}
.filters-con .filter-cate p{font-size:0.9rem; font-weight:700; color:#333;  line-height:1; position:relative;}
.filters-con .filter-cate p:after{content:''; display:block; position:absolute; width:0.75rem; height:0.45rem; background:url('/images/default/content/filter-cate-arr.svg')no-repeat center center; background-size: 0.75rem; top:50%;transform:translateY(-50%); right:0; display:none;}
.filters-con .filter-cate  .ckbx-wrap{margin-top:1rem; padding-top:1rem; border-top:solid 1px #999;}
.filters-con .filter-cate  ul li{font-size:0.8rem;}
.filters-con .filter-cate  .depth1{padding:1rem 0;}
.filters-con .filter-cate  .depth1:first-child{padding-top:0;}
.filters-con .filter-cate  .depth1:last-child{padding-bottom:0;}
.filters-con .filter-cate  .depth1:not(:last-child){border-bottom:solid 1px #ddd;}
.filters-con .filter-cate  ul li .second-ck li:not(:last-child){margin-bottom:0.75rem;}
.filters-con .filter-cate  ul li
.filters-con .filter-cate  ul li input[type="checkbox"]+ label {}
.filters-con .filter-cate  ul li input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:0}
.filters-con .filter-cate  ul li input[type="checkbox"] + label {display:inline-block;line-height:0;vertical-align:middle; position:relative; margin: 1px; padding:0 0 0 1.6rem; line-height:25px; cursor:pointer;color:#333333;font-weight:500;line-height: 1rem;}
.filters-con .filter-cate  ul li input[type="checkbox"] + label::after,
.app .app-course .filters-con .filter-cate  ul li input[type="checkbox"] + label::before {content: ''; position: absolute; border-radius: 20px;}
.filters-con .filter-cate  ul li input[type="checkbox"] + label::after {left: 0; top: 0; width: 1rem; height: 1rem; border: 1px solid #ddd;background:#fff url('/images/default/content/check-icon.svg')no-repeat center center;border-radius:5px;background-size:0.75rem;}
.filters-con .filter-cate  ul li input[type="checkbox"]:checked  + label::after {border:1px solid #6256ac;
background: #6256ac url('/images/default/content/check-icon.svg')no-repeat center center;background-size:0.5rem;}
.filters-con .filter-cate  ul li ul{margin-top:1rem; padding-left:1.6rem; max-height:10rem; overflow-y:scroll;}
.mob-filter{display:none;}
.filters-con .btn-wrap{margin-top:2rem; display:flex; gap:0.8rem;}
.filters-con .btn-wrap button.reset {font-family:'SUITE'; font-size:0.8rem; width:50%; height:2.25rem; line-height:calc(2.25rem - 2px); border:1px solid #ddd; border-radius:5px; text-align:center; padding-right:0.85rem; background:#fff url('/images/default/content/reset-icon.svg')no-repeat center right+1.5rem; display:inline-block; background-size:0.65rem;}
.filters-con .btn-wrap button.reset span{color:#333;}
.filters-con .btn-wrap button.apply{display:inline-block; width:50%; height:2.25rem; line-height:calc(2.25rem - 2px); background:#6256ac; color:#fff; border-radius:5px; border:1px solid #6256ac; font-size:0.8rem;}
.filters-con .filter-cate ul li .first-ck{position:relative;}
.filters-con .filter-cate ul li.open-wrap .first-ck img{width:0.75rem; position:absolute; top:0; right:0; cursor:pointer;}
.filters-con .filter-cate ul li.close-wrap .first-ck img{width:0.75rem; position:absolute; top:0; right:0; cursor:pointer;}
.filters-con .filter-cate .second-ck {display: block;}
.filters-con .filter-cate ul li.close-wrap .second-ck{display: none;}
.filters-con .popup-x{display:none;}


@media (max-width:1500px){
	.artcon .filters-con{display:none; position:fixed;width:100%;top:0;left:0;padding:3rem 1rem ;height:auto;z-index:10000;}
	.artcon .right-zone{width:100%;}
	.filters-con .popup-x{position : absolute; right:1rem; top:1.5rem; font-size:1.5rem; text-align:center; vertical-align: middle; cursor:pointer; display:block;}
	.mob-filter{display:block; position: relative; background: #fff url('/images/default/content/filter-icon.svg')no-repeat center left+1.5rem; width:8rem; height:2.4rem; line-height:2.4rem; background-size: 0.9rem; font-size: 0.9rem; color: #555; border:solid 1px #ddd; cursor:pointer; border-radius:2rem; text-align:right; padding-right:1.5rem;}
	.artcon .toptop2 .top-left{flex-direction:row-reverse; align-items:center; justify-content:space-between; width:100%;}

	.filters-con .btn-wrap button.reset {background:#fff url('/images/default/content/reset-icon.svg')no-repeat center right+4.5rem; background-size:0.65rem;}
}
@media (max-width:767px){
	.artcon .toptop2 .total{margin-bottom:0;}
}


/*예술가페이지*/
.artistpage .left-zone{width:21%;background:#f5f5f5;height:100%;z-index:1;display:block; text-align:center; padding:2rem 1.5rem; border-radius:0.5rem;}
.artistpage .left-zone .info-zone{padding-bottom:2.5rem;}
.artistpage .left-zone .info-zone .name{font-size:1rem; font-weight:600; color:#333; padding-top:1.3rem;}
.artistpage .left-zone .info-zone .introduce{font-size:0.8rem; color:#666; padding-top:0.3rem;}
.artistpage .left-zone .profile{border-radius:0.75rem; overflow:hidden; width:4.75rem; height:4.75rem; margin:0 auto; border:solid 1px #ddd;}
.artistpage .artist-btn-wrap{display:flex; flex-direction:column; gap:0.6rem;}
.artistpage .artist-btn-wrap .inquiry{width:13rem; padding-left:3.8rem; height:2.75rem; line-height:2.75rem;}
.artistpage .artist-btn-wrap .inquiry:after{right:3.8rem; background-size:0.95rem;}
.artistpage .artist-btn-wrap .custom{width:13rem; padding-left:2.7rem; height:2.75rem; line-height:2.75rem;}
.artistpage .artist-btn-wrap .custom:after{right:2.7rem; background-size:0.85rem;}
@media (max-width:1500px){
	.artistpage .flex{flex-direction:column;}
	.artistpage .toptop2 .top-left{flex-direction:row;}
	.artistpage .left-zone{width:100%; text-align:left;}
	.artistpage .left-zone .info-zone{display:flex; gap:1.5rem; padding-bottom:1.5rem; align-items:center;}
	.artistpage .left-zone .profile{margin:0;}
	.artistpage .artist-btn-wrap{flex-direction:row;}
	.artistpage .artist-btn-wrap .inquiry,
	.artistpage .artist-btn-wrap .custom{width:50%;}
	.artistpage .left-zone .info-zone .name{padding-top:0;}
	.artistpage .artist-btn-wrap .inquiry,
	.artistpage .artist-btn-wrap .custom{padding-left:1.5rem;}
	.artistpage .artist-btn-wrap .inquiry:after,
	.artistpage .artist-btn-wrap .custom:after{right:1.5rem;}
}
@media (max-width:767px){
	.artistpage .left-zone{padding:1.5rem;}
}


/********************************************************
■ 스토어
********************************************************/

/*스토어 작품*/
.con .no-list{display:flex; justify-content:center;}
.con .no-list img{margin-top:3.75rem;}

/*스토어 소개*/
.bg{position:relative; width:80rem; margin:0 auto; padding:3rem;}
.bg:after{content:''; display:block; position:absolute; width:100%; height:15rem; background:#f6f5fd; top:0; z-index:-1;}
.store{width:60rem; margin:0 auto;}
.store .box-in{display:flex; justify-content: center; align-items: center; background:#fff; box-shadow: 0 0 28px rgb(4 0 0 / 10%); border-radius:0.5rem; padding:3.5rem 0; margin:0 1.2rem;}
.store .box-in .txt{padding-left:3.5rem;}
.store .box-in .txt .tit{font-size:1.9rem; font-weight:700; margin-bottom:2rem;}
	
	@media (max-width:1600px){
		.bg{width:100%;}
		.store{width:100%;}

	}

	@media (max-width:1030px){
		.bg{padding:0;}
		.bg:after{display:none;}
		.store .box-in{display:block; text-align:center; }
		.store .box-in .txt{padding-left:0;}
	}

/*경북형 청년 컬쳐 비즈니스 플랫폼 구축*/
.bn-platform .top-txt-zone{position:relative; border-radius:1rem; padding:2rem;}
.bn-platform .top-txt-zone h4{margin-top:0;}
.bn-platform .top-txt-zone.top-bg01{background: url("/images/default/content/bn-platform-bg01.jpg") no-repeat center center; background-size:cover;}
.bn-platform .top-txt-zone.top-bg02{background: url("/images/default/content/bn-platform-bg02.jpg") no-repeat center center; background-size:cover;}
.bn-platform .top-txt-zone.top-bg03{background: url("/images/default/content/bn-platform-bg03.jpg") no-repeat center center; background-size:cover;}
.top-txt-zone h5{margin-top:0; color:#222;}

.bn-platform-list{display:flex; flex-wrap:wrap; margin:-1rem; padding-top:4rem;font-size:0.9rem; position:relative;}
.bn-platform-list > li{width:calc(100%/3 - 2rem); margin:1rem;}
.bn-platform-list > li .img{ min-height:26rem; background:#fff; box-shadow: 8px 0px 27px rgb(0 0 0 / 9%); border-radius:1rem; padding:1rem; text-align:center;}
.bn-platform-list > li .img img{border-radius:1rem; margin:0 auto;}
.bn-platform-list > li .img h4{text-align:center; color:#333; font-size:1.2rem; margin:2rem 0 0; padding-bottom:0;}
.bn-platform-list > li .img h4 span{position:absolute; left:50%; transform:translateX(-50%); top: -3.1rem; font-size:0.8rem; width:6rem; height:2.3rem; line-height:2.3rem; text-align:center; background:#dda0cb; color:#fff; border-radius:2rem;}
.bn-platform-list > li .img h4:after{display:none;}
.bn-platform-list > li .img ul li{margin-top:10px; position:relative; padding-left:20px; text-align:left;}
.bn-platform-list > li .img ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 10px; height : 10px; border:3px solid #dda0cb; border-radius:50%; box-sizing:border-box;}

.bn-platform-list > li:nth-child(2) .img h4 span,
.bn-platform-list > li:nth-child(2) .detail p,
.bn-platform-list > li:nth-child(2) .detail ul li:before{background:#b0a7d5;}
.bn-platform-list > li:nth-child(2) .img ul li:before{border-color:#b0a7d5}
.bn-platform-list > li:nth-child(2) .detail ul{background:#f5f4fa;}

.bn-platform-list > li:nth-child(3) .img h4 span,
.bn-platform-list > li:nth-child(3) .detail p,
.bn-platform-list > li:nth-child(3) .detail ul li:before{background:#8073c7;}
.bn-platform-list > li:nth-child(3) .img ul li:before{border-color:#8073c7}
.bn-platform-list > li:nth-child(3) .detail ul{background:#eeedf6;}

@media (max-width:1200px){
	.bn-platform-list{font-size:0.85rem;}
}
@media (max-width:1030px){
	.bn-platform-list{font-size:0.85rem;}	
}
@media (max-width:767px){
	.bn-platform-list{gap:1rem;}
	.bn-platform-list > li{width:100%;}
	.bn-platform-list > li .img{height:auto;}
	.bn-platform-list > li .img img{width:100%;}
}


/*클래스 상점*/
.market-list {border:1px solid #ddd;padding:0.5rem;border-radius:1.75rem;}
.market-list .field-list{display:flex;margin:0 -0.5rem;}
.market-list .field-list li{width:calc(100% / 7 - 1rem);margin:0 0.5rem;text-align:center;height:2.5rem;}
.market-list .field-list li a{display:block;width:100%;height:100%;border-radius:1.25rem;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:'Pretendard Variable';font-weight:bold;font-size:1rem;color:#999;}


@font-face {
    font-family: 'SUITE-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-ExtraBold.woff2') format('woff2');

    font-style: normal;
}
.field-cate{margin:1.75rem 0 1.75rem ;}
.field-cate ul {display:flex;justify-content:center;align-items:center;gap:0.75rem;}
.field-cate ul li a{min-width:7rem;height:2.5rem;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:1.25rem;color:#999999;font-weight:bold;font-family:'Pretendard Variable';border:2px solid #f5f5f5;}
.field-cate ul li.on a{border:2px solid #6256ac;color:#6256ac;background:#fff;}

.market-list .field-list li a:hover{color:#6256ac}
.market-list .field-list li.on a{background:#6256ac;color:#fff;}

.popular-class{background:#f6f5fd;padding:1.5rem 2rem 1.5rem 2rem;border-radius:1.25rem;}
.popular-class .tit-con{font-size:1.5rem;color:#333;font-weight:800;display:flex;align-items:center;margin-bottom:1.5rem;}
.popular-class .tit-con span {font-family:'Pretendard Variable';color:#fff;background:#6256ac;width:2.5rem;height:1.4rem;border-radius:0.4rem;display:flex;justify-content:center;align-items:center;font-size:0.8rem;font-weight:bold;margin-right:0.45rem;}

.class-list{display:flex;margin:-1rem;}
.class-list li {margin:1rem;width:calc(100% / 4 - 2rem);}
.class-list li .img-zone{position:relative;width:100%;padding-top: 80.58%;border-radius:0.5rem;border:1px solid #ddd;overflow:hidden;}
.class-list li .img-zone img{position:absolute;width:100%;height:100%;    object-fit: cover;transition-duration: 0.5s;left:0;top:0;}
.class-list li .tit-zone p.tit{font-size:1rem;color:#333; font-family: 'SUITE-ExtraBold';margin-top:1.25rem;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;min-height:3rem;}
.class-list li .tit-zone p.name{color:#666;font-size:0.8rem;margin-top:1rem;line-height:1;}
.class-list li .tit-zone p.price{color:#666;font-size:0.8rem;margin-top:0.5rem;}
.class-list li .tit-zone p.price em { font-family: 'SUITE-ExtraBold';color:#6256ac;font-size:1rem;}

.class-list li:hover .img-zone img{scale:1.08;transition-duration: 0.5s;}

.popular-class .class-list{margin:-0.375rem;}
.popular-class .class-list li {margin:0.375rem;width:calc(100% / 4 - 0.75rem);}


.class-list-con{margin-top:3.25rem;}
.class-list-con .total{font-size:0.8rem;margin-bottom:1rem;}
.class-list-con .total b{font-family:'Pretendard Variable';color:#333;font-weight:bold;margin-left:0.25rem;}

.youtube-con{background:#6256ac;padding:4rem 0;}

.youtube-con .youtube-tit{display:flex;justify-content:center;align-items:center;font-family: 'SUITE-ExtraBold';font-size:1.5rem;color:#fff;margin-bottom:2.5rem;}
.youtube-con .youtube-tit img{margin-right:0.5rem;}


.youtube-con .youtube-class-list {display:flex;margin:-1rem;}
.youtube-con .youtube-class-list li{width:calc(100% / 2 - 2rem);margin:1rem;}
.youtube-con .youtube-class-list li .youtube-img-zone{padding-top: 56.25%;position:relative;border-radius:0.5rem;overflow:hidden;}
.youtube-con .youtube-class-list li .youtube-img-zone img{position:absolute;left:0;top:0;width:100%;height:100%;transition-duration: 0.5s;}
.youtube-con .youtube-class-list li .tit-zone {font-size:0.9rem;color:#fff; margin-top:1.25rem;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;min-height:2.7rem;}

.youtube-con .youtube-class-list li:hover .youtube-img-zone img{scale:1.08;transition-duration: 0.5s;}

.class-link-zone{padding:5rem 0;}
.class-link-zone a.market-link {display:inline-block;height:10rem;font-family: 'SUITE-ExtraBold';font-size:1.75rem;color:#fff;padding:0 4rem;background:#4a92a0 url(/images/default/content/market-link-bg.jpg)no-repeat center right;border-radius:1rem;position:relative;overflow:hidden;width:100%;padding-top:2.5rem;}
.class-link-zone a.market-link img{margin-left:2rem;}
.class-link-zone a.market-link:after{content:'';display:block;width:25.55rem;height:18.8rem;background-size:cover;background:url(/images/default/content/market-link-img.png)no-repeat center center;top:0.8rem;right:7rem;position:absolute;}


.class-link-zone .class-link-list {display:flex;margin:-0.625rem;margin-top:2.5rem;}
.class-link-zone .class-link-list > a {display:flex;width:calc(100% / 3 -  1.25rem);margin:0.625rem;box-shadow: 5px 0px 18px rgb(0 0 0 / 8%);border-radius:1rem;height:6.25rem;padding:1.25rem 1.5rem;align-items:center;font-size:1.3rem;font-family: 'SUITE-ExtraBold';color:#333;background:#fff;border:1px solid #fff;position:relative;}
.class-link-zone .class-link-list > a span.icon-bx{width:3.85rem;height:3.85rem;border-radius:0.4rem;display:flex;justify-content:center;align-items:center;background:#6256ac;margin-right:1.75rem;}

.class-link-zone .class-link-list > a:after{content:'';display:block;position:absolute;width:2.3rem;height:2.3rem;background:#f8f8f8 url(/images/default/content/class-link-list-btn.png)no-repeat center center;background-size:0.45rem;right:1.5rem;border:1px solid #dddddd;border-radius:50%;}

.class-link-zone .class-link-list > a:hover{border:1px solid #6256ac;}
.class-link-zone .class-link-list > a:hover:after{background:#6256ac url(/images/default/content/class-link-list-btn-on.png)no-repeat center center;background-size:0.45rem;}
.class-link-zone .class-link-list > a.class-inquiry span.icon-bx{background:#44a8bc}
.class-link-zone .class-link-list > a.class-inquiry:hover{border:1px solid #44a8bc}
.class-link-zone .class-link-list > a.class-inquiry:hover:after{background:#44a8bc url(/images/default/content/class-link-list-btn-on.png)no-repeat center center;background-size:0.45rem;}
.class-link-zone .class-link-list > a.class-kakao span.icon-bx{background:#f4d623}
.class-link-zone .class-link-list > a.class-kakao:hover{border:1px solid #f4d623}
.class-link-zone .class-link-list > a.class-kakao:hover:after{background:#f4d623 url(/images/default/content/class-link-list-btn-on.png)no-repeat center center;background-size:0.45rem;}


@media (max-width:1300px){
	.class-link-zone a.market-link{padding:0 2rem;padding-top:2.5rem;}
	.class-link-zone a.market-link:after{right:2rem;width:20rem;height:14.7rem;background-size:cover;}
	.class-link-zone .class-link-list > a{font-size:1.1rem;}
	.class-link-zone .class-link-list > a span.icon-bx {width:3rem;height:3rem;margin-right:1rem;}
}

@media (max-width:1030px){
	.class-list{margin:-0.375rem;}
	.class-list li {    width: calc(100% / 4 - 0.75rem);    margin: 0.375rem;}
	.youtube-con .youtube-class-list{margin:-0.375rem;}
	.youtube-con .youtube-class-list li{   width: calc(100% / 4 - 0.75rem);    margin: 0.375rem;}

	.class-link-zone{padding:4rem 0;margin-top:4rem;}
	.class-link-zone .class-link-list > a span.icon-bx img{height:1.5rem;}
}
@media (max-width:850px){
	.class-link-zone .class-link-list{display:block;margin:0;margin-top:1.5rem;}
	.class-link-zone .class-link-list > a{width:100%;margin:0;height:auto;}
	.class-link-zone .class-link-list > a:not(:last-child){margin-bottom:1rem;}
}

@media (max-width:767px){
	.popular-class{padding:2rem 1rem;}
	.class-list{flex-wrap:wrap;margin:-0.5rem;}
	.class-list li {    width: calc(100% / 2 - 1rem);    margin: 0.5rem;}
	.youtube-con .youtube-class-list {flex-wrap:wrap;margin:-0.5rem;}
	.youtube-con .youtube-class-list li{   width: calc(100% / 2 - 1rem);    margin: 0.5rem;}
	.popular-class .class-list {flex-wrap:wrap;margin:-0.5rem;}
	.popular-class .class-list li{ width: calc(100% / 2 - 1rem);    margin: 0.5rem;}
	.market-list{overflow-x:scroll;  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */}
	.market-list .field-list li{width:auto;min-width:6rem;}
	.field-cate{overflow-x:scroll;  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */}

	.field-cate ul{justify-content: flex-start;}
	.youtube-con{padding:3rem 0;margin:3rem 0;}
	.class-list-con{margin-top:3rem;}
	.class-link-zone{padding:3rem 0 5rem 0;margin-top:3rem;}
}

@media (max-width:680px){
	.class-link-zone a.market-link{height:auto;padding:1.5rem 1rem ;}
	.class-link-zone a.market-link:after{display:none;}
	.class-link-zone a.market-link img {height:2rem;}
}

/*클래스 상점 뷰페이지*/
.class-market-view .class-view-top{display:flex;}
.class-market-view .class-view-top .left{width:50%;padding-right:3.5rem;overflow:hidden;}
.class-market-view .class-view-top .left .mySwiper2{overflow:hidden;}
.class-market-view .class-view-top .left .mySwiper2  .swiper-slide {    padding-top: 82.355%;}
.class-market-view .class-view-top .left .mySwiper2  .swiper-slide img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;}

.class-market-view .class-view-top .left .mySwiper {overflow:hidden;}
.class-market-view .class-view-top .left .mySwiper  .swiper-slide {    padding-top: 24.645%;border:1px solid #ddd;border-radius:0.5rem;overflow:hidden;}
.class-market-view .class-view-top .left .mySwiper  .swiper-slide img{max-width:100%;object-fit: cover;height:100%;width:100%;position:absolute;left:0;top:0;}


.class-market-view .class-view-top .left .mySwiper  .swiper-slide.swiper-slide-thumb-active:after{content:'';display:block;position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #6256ac;left:0;top:0;border-radius:0.5rem;}

.swiper-bottom-con{position:relative;background:#f6f4ff;padding:1.75rem 3rem;}

.class-market-view .next-btn{width:2.25rem;height:2.25rem;border-radius:0.25rem;border:1px solid #dddddd;background:#fff url(/images/default/content/class-view-right-btn.png)no-repeat center center;background-size:0.45rem;position:absolute;right:0.5rem;top:50%;margin-top:-1.125rem;cursor:pointer;}
.class-market-view .prev-btn{width:2.25rem;height:2.25rem;border-radius:0.25rem;border:1px solid #dddddd;background:#fff url(/images/default/content/class-view-left-btn.png)no-repeat center center;background-size:0.45rem;position:absolute;left:0.5rem;top:50%;margin-top:-1.125rem;cursor:pointer;}


.class-market-view .class-view-top .right{width:50%;padding-left:3.5rem;padding-top:2rem;padding-right:5rem;}
.class-market-view .class-view-top .right .tit-zone span.cate{display:inline-block;padding:0.35rem 0.5rem;border-radius:0.25rem;background:#6256ac;color:#fff;font-size:0.8rem;}
.class-market-view .class-view-top .right .tit-zone p.tit{font-size:1.5rem;color:#333;font-family: 'SUITE-ExtraBold';margin-top:0.35rem;padding-bottom:3rem;border-bottom:1px solid #333;}

.class-market-view .class-view-top .right .price{display:flex;padding:2rem 0;border-bottom:1px solid #ddd;line-height:1;}
.class-market-view .class-view-top .right .price p.tit{font-weight:700;color:#333;padding-left:1rem;position:relative;padding-right:4.5rem;}
.class-market-view .class-view-top .right .price p.tit:before{content:'';display:block;position:absolute;width:0.25rem;height:0.25rem;border-radius:50%;left:0;top:0.45rem;background:#6256ac;}

.class-market-view .class-view-top .right .price .txt-con{color:#555;font-size:1rem;}
.class-market-view .class-view-top .right .price .txt-con em{font-weight:800;color:#555;font-family: 'SUITE';}
.class-market-view .class-view-top .right .s-detail {padding:1.5rem 0 1.5rem 1rem;min-height:10.75rem;border-bottom:1px solid #ddd;}
.class-market-view .class-view-top .right .s-detail p.tit{font-weight:700;color:#333;padding-left:0;position:relative;line-height:1;}
.class-market-view .class-view-top .right .s-detail p.tit:before{content:'';display:block;position:absolute;width:0.25rem;height:0.25rem;border-radius:50%;left:-1rem;top:0.45rem;background:#6256ac;}

.class-market-view .class-view-top .right .s-detail .txt-con {color:#555;margin-top:0.9rem;}

.class-market-view .class-view-top .right .portfolio-bx {background:#f5f5f5;display:flex;justify-content:space-between;padding:1rem 1.25rem;border-radius:.5rem;margin-top:3rem;    align-items: center;}
.class-market-view .class-view-top .right .portfolio-bx .teacher-name{color:#333;font-size:1.05rem;font-weight:bold;padding-left:1.75rem;background:url(/images/default/content/teacher-name-icon.png)no-repeat center left;background-size:1rem;}
.class-market-view .class-view-top .right .portfolio-bx a{display:inline-block;width:7.5rem;line-height:2.25rem;border:1px solid #ddd;border-radius:0.25rem;background:#fff url(/images/default/content/portfolio-bx-down-icon.png)no-repeat center right+0.75rem;background-size:0.75rem;font-size:0.8rem;color:#555;font-weight:600;padding:0 0.75rem 0 0.7rem;}

.class-market-view .class-view-top .right .portfolio-bx a:hover{background:#333 url(/images/default/content/portfolio-down-icon-on.png)no-repeat center right+0.75rem;background-size:0.75rem;color:#fff;}

.class-market-view .class-view-top .right .buy-btn{background:#6256ac;color:#fff;border-radius:0.5rem;line-height:3.25rem;font-size:1rem;display:block;text-align:center;margin-top:2rem;}
.class-market-view .class-view-top .right .buy-btn:hover{background:#584c9e}


.class-view-bottom{margin-top:5rem;}
.class-view-bottom ul.view-bottom-tab {display:flex;border-bottom:1px solid #ddd;margin-bottom:1.5rem;}
.class-view-bottom ul.view-bottom-tab li{padding:0 1.5rem 0.9rem 1.5rem;font-family:'Pretendard Variable';font-weight:bold;color:#999;position:relative;cursor:pointer;}
.class-view-bottom ul.view-bottom-tab li.on {color:#6256ac;font-weight:900;}
.class-view-bottom ul.view-bottom-tab li.on:after{content:'';display:block;position:absolute;width:100%;height:3px;background:#6256ac;left:0;bottom:0;}

.class-view-bottom #class01 .g-bx,
.class-view-bottom #class03 .g-bx{background:#f8f8f8;white-space: pre-line;border-radius:0.5rem;padding:1.5rem 1.2rem 5rem 1.2rem;}

.class-view-bottom .class-view-list-btn{margin-top:1.75rem;border-top:1px solid #ddd;text-align:center;}
.class-view-bottom .class-view-list-btn a{display:block;width:11.5rem;line-height:calc(3.25rem - 2px);border:1px solid #6256ac;border-radius:1.625rem;color:#6256ac;margin:0 auto;margin-top:2.5rem;}
.class-view-bottom .class-view-list-btn a:hover{background:#6256ac;color:#fff;}
.class-view-bottom #class02 .qna-tit{color:#333;font-size:1rem;font-weight:bold;margin-bottom:1rem;}
.class-view-bottom #class02 .class-qna-list li{background:#f8f8f8;padding:0.8rem 1rem;border-radius:0.5rem;position:relative}
.class-view-bottom #class02 .class-qna-list li > div{display:flex;align-items:center;font-weight:bold;font-size:0.9rem;}
.class-view-bottom #class02 .class-qna-list li > div.class-qna-q span{width:1.1rem;height:1.1rem;background:#333;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:900;border-radius:50%;font-family: 'SUITE';font-size:0.7rem;line-height:1;margin-right:0.4rem;}
.class-view-bottom #class02 .class-qna-list li > div.class-qna-q{cursor:pointer;}

.class-view-bottom #class02 .class-qna-list li:after{content:'';display:block;width:0.75rem;height:0.45rem;background:url(/images/default/content/class-q-arrow.png)no-repeat center center;background-size:cover;right:1.5rem;top:1.2rem;position:absolute;transition: transform 0.5s ease-in-out;}
.class-view-bottom #class02 .class-qna-list li.on:after {transform: rotateX(180deg);transition: transform 0.5s ease-in-out;}
.class-view-bottom #class02 .class-qna-list li > div.class-qna-a {background:#fff;border-radius:0.25rem;padding:1rem 2rem;margin-top:0.75rem;color:#555555;font-family: 'SUITE';}
.class-view-bottom #class02 .class-qna-list li > div.class-qna-a span{width:1.1rem;height:1.1rem;background:#666;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:900;border-radius:50%;font-family: 'SUITE';font-size:0.7rem;line-height:1;margin-right:0.4rem;}
.class-view-bottom #class02 .class-qna-list li:not(:last-child){margin-bottom:0.75rem;}
.class-view-bottom #class02 .notice-bx{margin-top:2.5rem;border-top:1px dashed #e0e0e0;padding-top:2.5rem;}
.class-view-bottom #class02 .notice-bx .notice-bx-con{background:#f8f8f8;padding:1.25rem 1rem 3.5rem 1rem;border-radius:0.5rem;}
.class-view-bottom #class02 .notice-bx .notice-bx-con ul li {font-size:0.9rem;color:#555;font-weight:700;padding-left:0.5rem;position:relative;font-family: 'SUITE';}
.class-view-bottom #class02 .notice-bx .notice-bx-con ul li:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#555;left:0;top:0.55rem;}
.class-view-bottom #class02 .notice-bx .notice-bx-con ul li:not(:last-child){margin-bottom:0.25rem;}
.class-view-bottom #class02 .class-none-bx {background:#f8f8f8;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.25rem 1rem;border-radius:0.5rem;}
.class-view-bottom #class02 .class-none-bx p {color:#666;font-weight:500;margin-top:0.75rem;}

@media (max-width:1600px){
	.class-market-view .class-view-top .left{padding-right:1rem}
	.class-market-view .class-view-top .right{padding-left:1rem;padding-right:0;}
}

@media (max-width:1400px){
	.class-market-view .class-view-top .right{padding-top:0;}
}

@media (max-width:767px){
	.class-market-view .class-view-top{display:block;}
	.class-market-view .class-view-top .left{width:100%;padding-right:0;}
	.class-market-view .class-view-top .right{width:100%;padding-left:0;margin-top:1.5rem;}
	.class-market-view .class-view-top .right .tit-zone p.tit{padding-bottom:1.5rem;}

}

@media (max-width:500px){
	.class-view-bottom ul.view-bottom-tab li {width:calc(100% / 3);text-align:center;padding:0 1rem 0.9rem 1rem;}
}


/*클래스상점 강사등록*/
.class-teacher .class-teacher-tit{font-size:1.5rem;font-weight:800;margin-bottom:1rem;}

.class-teacher .class-teacher-form {background:#f5f5f5;border-radius:0.5rem;padding:1.5rem 2rem; }

.class-teacher .class-teacher-form > div{display:flex;}
.class-teacher .class-teacher-form > div:not(:last-child){margin-bottom:1.75rem;}
.class-teacher .class-teacher-form .teacher-fomr2 > div{display:flex;width:500px;align-items:center;}
.class-teacher .class-teacher-form .teacher-fomr2 > div:first-child {margin-right:4rem;}
.class-teacher .class-teacher-form > div .tit-zone{width:5.25rem;color:#333;font-size:1rem;font-weight:700;padding-right:1rem;padding-left:0.75rem;position:relative;}
.class-teacher .class-teacher-form > div .tit-zone:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#6256ac;left:0;top:0.65rem;}
.class-teacher .class-teacher-form > div .input-zone{width:calc(100% - 5.25rem)}
.class-teacher .class-teacher-form > div .input-zone input{width:100%;}
.class-teacher .class-teacher-form > div .input-zone select{width:100%;}
.class-teacher .class-teacher-form > div input,
.class-teacher .class-teacher-form > div select,
.class-teacher .class-teacher-form > div textarea{border:1px solid #ddd;padding:0 1rem;border-radius:0.5rem;background:#fff;color:#a0a0a0;font-weight:600;}

.class-teacher .class-teacher-form > div input:focus,
.class-teacher .class-teacher-form > div select:focus,
.class-teacher .class-teacher-form > div textarea:focus {border:2px solid #6256ac;}

.class-teacher .class-teacher-form > div input,
.class-teacher .class-teacher-form > div select{height:2.75rem;}

.class-teacher .class-teacher-form > div textarea{height:12.5rem;padding:1rem 1rem}
.class-teacher .class-teacher-form > div select{background:#fff url(/images/default/content/class-q-arrow.png)no-repeat center right+1rem;}


.class-teacher02{margin-top:3.25rem;}
.class-teacher02 .file-box-con {background:#f5f5f5;border-radius:0.5rem;padding:1.5rem 2rem;}
.class-teacher02 .file-box-con {}

.class-teacher02 .file-box{width:26.75rem;display: flex;justify-content: space-between;}
.class-teacher02 .file-box .upload-name {display: inline-block;height: 2.75rem;padding: 0 10px;vertical-align: middle;border: 1px solid #ddd;width: 20rem;color: #999999;background:#fff;border-radius:0.5rem;}
.class-teacher02 .file-box label {padding: 10px 20px;vertical-align: middle;cursor: pointer;height: 2.75rem;width:6rem;text-align:center;display: flex;align-items: center;justify-content: center;border-radius:0.5rem;background:#9698a0;border:1px solid #9698a0;color:#fff;font-size:0.9rem;font-weight:600;}
.class-teacher02 .file-box label:hover{background:#75767c;color:#fff;border:1px solid #75767c;}
.class-teacher02 .file-box input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.class-teacher02 .file-box:not(:last-child){margin-bottom:0.75rem;}

.class-teacher02 .file-box .file-del {width:6rem;height:2.75rem;border:1px solid #888;background:#fff;border-radius:0.5rem;color:#888;font-size:0.9rem;font-weight:bold;display:flex;justify-content:center;align-items:center;cursor:pointer;}

.class-teacher02 .file-add {margin-top:0.5rem;}
.class-teacher02 .file-add span {width:9rem;border:1px solid #9698a0;border-radius:0.5rem;height:2.75rem;font-size:0.9rem;display:flex;align-items: center;justify-content: center;cursor:pointer;background:#fff;color:#9698a0;font-weight:bold;}
.class-teacher02 .file-add span:hover{background:#9698a0;color:#fff;}

.class-teacher-list-btn input{width:15rem;line-height:3.25rem;text-align:center;display:block;margin:0 auto;border-radius:1.625rem;background:#6256ac;color:#fff;font-weight:bold;margin-top:3.5rem;border:1px solid #6256ac}
.class-teacher-list-btn input:hover{
    background: #584c9e;}


.mob-modify-btn{display:none;}

.class-teacher-modify{display:flex;}
.class-teacher-modify .teacher-info{width:19.5rem;border-top:2px solid #6256ac}
.class-teacher-modify .teacher-info > div {padding:1rem 0;border-bottom:1px solid #ddd;}
.class-teacher-modify .teacher-info b {font-size:1.15rem;color:#333;font-weight:900;margin-bottom:0.5rem;display:block;}

.class-teacher-modify .teacher-info .teacher-field {display:flex;}
.class-teacher-modify .teacher-info .teacher-field .tit {margin-right:0.55rem;}
.class-teacher-modify .teacher-info .tit {color:#333;font-size:1rem;font-weight:600;padding-left:0.8rem;position:relative;}
.class-teacher-modify .teacher-info .tit:before{content:'';display:block;position:absolute;width:5px;height:5px;background:#6256ac;border-radius:50%;left:0;top:0.55rem;}
.class-teacher-modify .teacher-info .txt-con {color:#666;font-size:1rem;margin-top:0.75rem;min-height:6rem;}


.class-teacher-modify .portfolio-down {background:#f6f4ff;border-radius:0.4rem;padding:0.75rem 0.85rem;margin-top:0.5rem;}

.class-teacher-modify .portfolio-down a {color:#666;font-size:1rem;}

.class-teacher-modify .portfolio-down a img{margin-left:0.5rem;}






.class-teacher-modify .class-teacher-bx{width:calc(100% - 19.5rem);padding-left:3.25rem;}
.class-teacher-modify .class-teacher02 .file-box {width:33rem;}

@media (max-width:1200px){
	.class-teacher-modify .class-teacher-bx{padding-left:1rem;}
	.class-teacher .class-teacher-form{padding:1.5rem 1rem;}
	.class-teacher02 .file-box-con{padding:1.5rem 1rem;}
	.class-teacher .class-teacher-form > div{display:block;}
	.class-teacher .class-teacher-form .teacher-fomr2 > div:not(:last-child){margin-bottom:1rem;}
	.class-teacher .class-teacher-form > div:not(:last-child){margin-bottom:1rem;}
	.class-teacher .class-teacher-form .teacher-fomr2 > div{width:100%;display:block;}

	.class-teacher .class-teacher-form > div .input-zone{width:100%;margin-top:1rem;}
	.class-teacher-modify .class-teacher02 .file-box{width:100%;}

	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box .upload-name{width:70%}
	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box label{width:13.5%;}
	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box .file-del{width:13.5%;}

}


@media (max-width:1030px){
	.class-teacher-modify .class-teacher-bx{display:none;padding-left:0;width:100%;padding-top:1.5rem;}
	.class-teacher-modify .teacher-info{width:100%;}

.mob-modify-btn{display:block;width:15rem;line-height:3.25rem;text-align:center;display:block;margin:0 auto;border-radius:1.625rem;background:#6256ac;color:#fff;font-weight:bold;margin-top:2rem;border:1px solid #6256ac}

.class-teacher-modify{display:block;}
}

@media (max-width:500px){
	.class-teacher02 .file-box{width:100%;}
	.class-teacher02 .file-box .upload-name{width:80%}
	.class-teacher02 .file-box label{width:18%;}

	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box .upload-name{width:55%;}
	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box label{width:21.5%;}
	.class-teacher-modify .class-teacher-bx .class-teacher02 .file-box .file-del{width:21.5%;}
}

/*클래스 상점 수업등록*/

.none-teacher-write{background:#f6f5fd;padding:3.5rem 1rem;border-radius:0.5rem;text-align:center;}
.none-teacher-write .txt-zone {color:#333;font-size:1rem;font-weight:600;margin:1.25rem 0;}
.none-teacher-write a{background:#6256ac;display:block;width:11.5rem;padding:0 1rem;color:#fff;font-weight:bold;margin:0 auto;height:3.25rem;display:flex;justify-content:center;align-items:center;border-radius:1.625rem;text-align:left;}
.none-teacher-write a:after{content:'';display:block;width:0.45rem;height:0.75rem;background-size:cover;background:url(/images/default/content/class-link-list-btn-on.png)no-repeat center center;margin-left:0.5rem;}
.none-teacher-write a:hover{background:#584c9e;}

.class-write-step{width:27.5rem;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-bottom:2rem;justify-content: space-between;gap: 1rem;font-family:'Pretendard Variable';position:relative;}
.class-write-step:after{content:'';display:block;position:absolute;width:calc(100% - 2rem);height:1px ;background:#cccccc;left:50%;transform:translateX(-50%);top:22.5%;z-index:-1;}
.class-write-step > li {text-align:center;calc(100% / 4)}
.class-write-step > li .icon-bx {width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;margin:0 auto;}
.class-write-step > li.on .icon-bx {background:#6256ac;border:1px solid #6256ac;}

.class-write-step > li .step-bx {font-size:0.7rem;font-weight:600;color:#666;margin:0.75rem 0 0.5rem 0;}
.class-write-step > li .step-tit  {font-size:0.8rem;font-weight:400;color:#666;}

.class-write-step > li.on .step-bx {font-size:0.7rem;font-weight:600;color:#6256ac;}
.class-write-step > li.on .step-tit  {font-size:0.8rem;color:#333;font-weight:600}

.class-write-bx p.key-tit{display:flex;justify-content:flex-end;font-size:0.8rem;color:#333;font-weight:700;padding-right:0.5rem;margin-bottom:0.75rem;    align-items: flex-end;}
.class-write-bx p.key-tit em.key{font-size:1rem;color:#6256ac;font-weight:700;margin-right:0.2rem;font-family: 'SUITE';}

.class-write-bx .class-write-gbx {padding:1.5rem ;border-radius:0.5rem;background:#f5f5f5;}
.class-write-bx .class-write-gbx > div {display:flex;align-items:center;}
.class-write-bx .class-write-gbx  .tit{width:5.25rem;color:#333;font-weight:700;font-size:1rem;}
.class-write-bx .class-write-gbx  .tit em.key{font-size:1rem;color:#6256ac;font-weight:700;margin-right:0.2rem;font-family: 'SUITE';}
.class-write-bx .class-write-gbx > div .input-con{width:calc(100% - 5.25rem);}
.class-write-bx .class-write-gbx > div .input-con input{border:1px solid #ddd;padding:0 1rem;border-radius:0.5rem;background:#fff;color:#a0a0a0;font-weight:600;height:2.75rem;}
.class-write-bx .class-write-gbx > div .input-con input:focus {border:2px solid #6256ac}
.class-write-bx .class-write-gbx > div .input-con .sel-bx{display:flex;width:41rem;justify-content:space-between;}
.class-write-bx .class-write-gbx > div .input-con .sel-bx select{background:#fff url(/images/default/content/class-q-arrow.png)no-repeat center right+1rem;height:2.75rem;border:1px solid #ddd;padding:0 1rem;border-radius:0.5rem;width:20rem;}
.class-write-bx .class-write-gbx > div .input-con .sel-bx select:focus{border:2px solid #6256ac}
.class-write-bx .class-write-gbx > div:not(:last-child){margin-bottom:0.75rem;}

.class-write-bx .class-write-gbx > div textarea{height:12.5rem;padding:1rem 1rem;border:1px solid #ddd;border-radius:0.5rem;background:#fff;color:#a0a0a0;font-weight:600;height:12.5rem;}
.class-write-bx .class-write-gbx02{margin-top:2rem;}
.class-write-bx .class-write-gbx02 .tit{width:100%;}

.write-btn-zone{display:flex;margin-top:3.5rem;justify-content:center;align-items:center;gap:1rem;}

.write-btn-zone a{width:10rem;height:3.25rem;background:#fff;color:#6256ac;font-weight:bold;display:flex;justify-content:center;align-items:center;border-radius:1.625rem;font-size:1rem;border:1px solid #6256ac;}
.class-write-bx  .btn_submit {width:10rem;height:3.25rem;background:#6256ac;color:#fff;font-weight:bold;display:flex;justify-content:center;align-items:center;border-radius:1.625rem;font-size:1rem;border:1px solid #6256ac;}

.class-write-bx  .btn_submit:hover{background:#584c9e}

@media (max-width:1030px){
	.class-write-bx .class-write-gbx > div .input-con .sel-bx {width:100%;}
	.class-write-bx .class-write-gbx > div .input-con .sel-bx select{width:49%}
}

@media (max-width:767px){
	.class-write-bx .class-write-gbx{padding:1.5rem 1rem;}
	.class-write-bx .class-write-gbx > div{display:block;}
	.class-write-bx .class-write-gbx > div .input-con{width:100%;}
	.class-write-step{width:100%;}
	.class-write-step > li .icon-bx img{height:1.2rem;}
	.class-write-bx .class-write-gbx > div .input-con .sel-bx select{color:#333;}
}
.class-write-bx .class-write-gbx > div .input-con .price-bx {display:flex;align-items:center;}

.class-write-bx .class-write-gbx > div .input-con .price-bx input {width:40.6rem;}
.class-write-bx .class-write-gbx > div .input-con .price-bx  p{color:#a0a0a0;margin-left:0.75rem;}


.editor {background:#fff;}

.class-write-bx02{margin-top:2rem;}
.class-write-bx .class-write-gbx .tit02{width:auto;}
.class-write-bx .class-write-gbx .tit02 span {font-size:0.9rem;color:#9698a0;font-weight:bold;font-family: 'SUITE';margin-left:0.75rem;}


.class-write-bx02 .btn-upload{width:13.15rem;line-height:2.75rem;border-radius:0.5rem;background:#9698a0;font-size:0.9rem;font-weight:bold;text-align:center;color:#fff;cursor:pointer;}
.class-write-bx02 .btn-upload:hover{background:#83858c;}

.class-write-bx02 #file-btn{display:none;}
.class-write-bx02 .add-file {}

.class-write-bx02 .file-list {display:flex;gap:0.9rem;}
.class-write-bx02 .class-write-gbx > div {display:block;}
.class-write-bx02 .class-write-gbx .file-thum {display:flex;gap:0.9rem;}
.class-write-bx02 .class-write-gbx .file-thum li{width:10rem;height:7.2rem;position:relative;border-radius:0.5rem;overflow:hidden;}
.class-write-bx02 .class-write-gbx .file-thum li img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}

.class-write-bx02 .class-write-gbx .file-thum li .file-del {width:1.75rem;height:1.75rem;position:absolute;background:#fff url(/images/default/content/file-del-icon.png)no-repeat center center;border-radius:0.25rem;right:0.5rem;bottom:0.5rem;cursor:pointer;}

.class-write-bx02 .file-list .add-btn-upload {width:10rem;height:7.2rem;border:1px solid #ddd;background:#fff url(/images/default/content/add-file-del-icon.png)no-repeat center center;border-radius:0.5rem;cursor:pointer;}
.class-write-bx02 .file-list #add-file-btn {display:none;}

@media (max-width:767px){
	.class-write-bx02 .file-list{display:block;}
	.class-write-bx02 .class-write-gbx .file-thum{margin:-0.25rem;width:100%;gap:0;}
	.class-write-bx02 .class-write-gbx .file-thum li{width:calc(100% / 4 - 0.5rem);margin:0.25rem;}

}

@media (max-width:500px){
	.class-write-bx02 .class-write-gbx .file-thum{flex-wrap:wrap;}
	.class-write-bx02 .class-write-gbx .file-thum li{width:calc(100% / 2 - 0.5rem);margin:0.25rem;}

	.class-write-bx02 .file-list .add-btn-upload{width:100%;}
	.class-write-bx .class-write-gbx > div .input-con .price-bx{display:block;}
	.class-write-bx .class-write-gbx > div .input-con .price-bx input{width:100%;}
	.class-write-bx .class-write-gbx > div .input-con .price-bx p{margin-left:0;margin-top:0.5rem;}
}


.class-write-bx .qna-gb > div{    align-items: flex-start;}
.class-write-bx .class-write-gbx .class-qna-tit {width:6.5rem;color:#333;font-weight:600;padding-top:0.9rem;font-family: 'SUITE';}
.class-write-bx .class-write-gbx .qna-list-bx{width:calc(100% - 6.5rem);}
.class-write-bx .class-write-gbx .qna-list-bx input{height:2.75rem;border-radius:0.5rem;border:1px solid #ddd;padding:0 1rem;font-weight:700;font-family: 'SUITE';}
.class-write-bx .class-write-gbx .qna-input-bx-a {margin-top:0.5rem;}
.class-write-bx .class-write-gbx .qna-list-bx input:focus{border:2px solid #6256ac;}

.class-write-bx .class-write-gbx .qna-list-bx .qna-add-btn {width:7.25rem;line-height:2.75rem;background:#9698a0;border-radius:0.5rem;display:flex;color:#fff;font-size:0.9rem;font-weight:bold;position:relative;justify-content:center;align-items:center;cursor:pointer;margin-top:0.5rem;}
.class-write-bx .class-write-gbx .qna-list-bx .qna-add-btn:after{content:'';display:block;width:0.75rem;height:0.75rem;background:url(/images/default/content/qna-btn-icon.png)no-repeat center center;background-size:cover;margin-left:0.45rem;}
.class-write-bx .class-write-gbx .qna-list-bx .qna-add-btn:hover{background:#797b80;}

.class-write-bx .qna-gb02 {margin-top:1.75rem;}

.class-write-bx .class-write-gbx .qna-list-bx > div > div:not(:last-child){margin-bottom:0.5rem;}

@media (max-width:767px){
.class-write-bx .class-write-gbx .class-qna-tit{width:100%;padding-top:0;margin-bottom:1rem;}

.class-write-bx .class-write-gbx .class-qna-tit br{display:none;}
.class-write-bx .class-write-gbx .qna-list-bx {width:100%;}
}


.mypage-market-list .total-bx{border:1px solid #ddd;padding:1rem 1.75rem;color:#333;font-family: 'SUITE';font-weight:600;margin-bottom:2.25rem;}
.mypage-market-list .total-bx b{color:#eb2d2f;font-weight:bold;}


.mypage-market-list-wrap {border-top:1px solid #ddd;}
.mypage-market-list-wrap > ul > li{padding:2rem;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.mypage-market-list-wrap > ul > li .img-zone{width:18.5rem;position:relative;padding-top:14rem;border:1px solid #ddd;border-radius:0.5rem;overflow:hidden;}
.mypage-market-list-wrap > ul > li .img-zone img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.mypage-market-list-wrap > ul > li .txt-zone{width:calc(100% - 18.5rem);padding-left:2rem;display:flex;justify-content:space-between;
gap:1rem;align-items:center;}

.mypage-market-list-wrap > ul > li .txt-zone p{font-weight:bold;font-size:1.15rem;color:#333;font-family: 'SUITE';}
.mypage-market-list-wrap > ul > li .txt-zone ul {margin-top:2rem;}
.mypage-market-list-wrap > ul > li .txt-zone ul li{font-size:0.85rem;color:#898989;font-weight:600;font-family: 'SUITE';line-height:1;}
.mypage-market-list-wrap > ul > li .txt-zone ul li:not(:last-child){margin-bottom:0.75rem;}
.mypage-market-list-wrap > ul > li .txt-zone ul li span {display:inline-block;width:3rem;color:#333;}
.mypage-market-list-wrap > ul > li .txt-zone .left{width:calc(100% - 19rem);}
.mypage-market-list-wrap > ul > li .txt-zone .right {width:19rem;display:flex;gap:0.75rem;}
.mypage-market-list-wrap > ul > li .txt-zone .right span{display:inline-block;width:calc(100% / 2 - 0.3rem);line-height:calc(3.25rem - 2px);border:1px solid #9698a0;color:#9698a0;font-weight:bold;font-family: 'SUITE';text-align:center;border-radius:0.5rem;cursor:pointer}
.mypage-market-list-wrap > ul > li .txt-zone .right span:hover{background:#9698a0;color:#fff;}
.mypage-market-list-wrap > ul > li .txt-zone .right span.class-modify{color:#8178bd;border:1px solid #6256ac;}
.mypage-market-list-wrap > ul > li .txt-zone .right span.class-modify:hover{background:#6256ac;color:#fff;}

.class-list-write-btn{margin-top:4.25rem;text-align:center;}
.class-list-write-btn a{width:15rem;height:3.25rem;background:#6256ac;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:1.625rem;margin:0 auto;
}
.class-list-write-btn a:hover{
    background: #584c9e;
	}


	@media (max-width:1400px){
		.mypage-market-list-wrap > ul > li .txt-zone{display:block;}
		.mypage-market-list-wrap > ul > li .txt-zone .right{margin-top:1.5rem;}
		.mypage-market-list-wrap > ul > li .txt-zone .right span{line-height:calc(2.75rem - 2px);}
		.mypage-market-list-wrap > ul > li .txt-zone .left{width:100%;}
	}
	@media (max-width:720px){
		.mypage-market-list-wrap > ul > li{display:block;padding:2rem 0;}
		.mypage-market-list-wrap > ul > li .txt-zone{width:100%;padding-left:0;margin-top:1rem;}

	}
	@media (max-width:500px){

	.mypage-market-list-wrap > ul > li .txt-zone .right {width:100%;}
	.mypage-market-list-wrap > ul > li .img-zone{width:100%;padding-top:71%;}
	}

/*경북형 청년 로컬 상생 플랫폼 (2025)*/
.platform-con .platform-tit {background:url(/images/default/content/platform-con-top.jpg)no-repeat center center;border-radius:1rem;padding:3.4rem;}
.platform-con .platform-tit h3{font-size:1.5rem;font-weight:800;color:#6256ac;margin-bottom:0;padding-bottom:0.75rem;position:relative;}
.platform-con .platform-tit h3:before{content:'';display:block;position:absolute;width:2.5rem;height:2px;background:#c4c4c4;left:0;bottom:0;}
.platform-con .platform-tit p{font-size:1.05rem;color:#333;margin-top:2rem;}


.platform-con-list {margin-top:2.75rem;}
.platform-con .tit {font-size:1.5rem;color:#333;font-weight:700;position:relative;display:inline-block;margin-bottom:2rem;}
.platform-con .tit:before{    content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 0.9rem;background: #9a8cf1;opacity: 0.3;z-index: -1;}
.platform-con .list-wrap {display:flex;margin:-1.75rem;}
.platform-con .list-wrap > div {margin:1.75rem;width:calc(100% / 3 - 3.5rem);box-shadow: 8px 0 21px rgb(10 2 5 / 8%);border-radius:1rem;padding:1.75rem 1.25rem 1.25rem 1.25rem;position:relative;}
.platform-con .list-wrap > div .wrap-tit {font-size:1.2rem;font-weight:800;color:#333333;text-align:center;font-family:'SUITE'}
.platform-con .list-wrap > div .wrap-tit em {display:block;font-family:'SUITE'}
.platform-con .list-wrap > div:nth-child(1) .wrap-tit  em {color:#dda0cb;}
.platform-con .list-wrap > div:nth-child(2) .wrap-tit  em {color:#b0a7d5;}
.platform-con .list-wrap > div:nth-child(3) .wrap-tit  em {color:#8073c7;}
.platform-con .list-wrap > div ul{margin-top:1rem;}
.platform-con .list-wrap > div ul li {font-size:.9rem;color:#555;font-family: 'pretendard'; padding-left:0.8rem;position:relative;}
.platform-con .list-wrap > div ul li:before{content:'';display:block;position:absolute;width:0.3rem;height:0.3rem;border-radius:50%;background:#fff;border:3px solid #dda0cb;left:0;top:0.35rem;}
.platform-con .list-wrap > div ul li:not(:last-child){margin-bottom:0.75rem;}
.platform-con .list-wrap > div a {width:13rem;height:3rem;border-radius:1.5rem;background:#e1f4f6;font-size:1rem;font-weight:700;color:#24bcac;font-family: 'pretendard';display:block;line-height:3rem;padding:0 3.5rem 0 2rem;position:relative;margin:0 auto;margin-top:0.8rem;}
.platform-con .list-wrap > div a:after{content:'';display:block;width:1.5rem;height:1.5rem;background:url(/images/default/content/platform-con-point.png)no-repeat center center;background-size:cover;right:1rem;top:50%;margin-top:-0.75rem;position:absolute;}

.platform-con .list-wrap > div:nth-child(2) ul li:before{border:3px solid #b0a7d5;}
.platform-con .list-wrap > div:nth-child(3) ul li:before{border:3px solid #8073c7;}

.platform-con .list-wrap > div:after{content:'';display:block;position:absolute;width:0.85rem;height:1.4rem;background:url(/images/default/content/platform-con-arrow.svg)no-repeat center center;background-size:cover;right:-10%;top:50%;margin-top:-0.7rem;}

.platform-con .list-wrap > div:nth-child(3):after {display:none;}

.platform-con-list > div {padding:2.5rem 0;}
.platform-con-list > div:first-child{padding-top:0;}
.platform-con-list > div:last-child{padding-bottom:0;}
.platform-con-list > div:not(:last-child){border-bottom:1px solid #ddd;}


.platform-con-list > div:last-child .list-wrap > div:after {display:none;}
@media (max-width:1400px){
	.platform-con .list-wrap > div:after{right: -8.5%;}
	.platform-con .list-wrap > div .wrap-tit{font-size:1.1rem;}
	.platform-con .list-wrap{margin:-1rem;}
	.platform-con .list-wrap > div{margin:1rem;    width: calc(100% / 3 - 2rem);}



}
@media (max-width:1200px){
	.platform-con .list-wrap > div a{width:100%;}
	.platform-con .list-wrap > div{padding:1rem;}
	.platform-con .platform-tit{padding:2rem 1rem;}

}

@media (max-width:820px){
	.platform-con .list-wrap {flex-wrap:wrap;}
	.platform-con .list-wrap > div{margin:1rem;    width: calc(100% / 2 - 2rem);}
	.platform-con .list-wrap > div:after{right: -6.5%;}
	.platform-con .list-wrap > div:nth-child(2n):after{display:none;}

}
@media (max-width:700px){
	.platform-con .list-wrap > div:after{right: -7.5%;}
}
@media (max-width:500px){
	.platform-con .list-wrap > div {width:100%;}
	.platform-con .list-wrap > div:after{display:none;}
	.platform-con .tit{font-size:1.3rem;}
}