@charset "utf-8";

:root {
	--point-pink: #ff73d0;
	--concert-color: #fae4ff;
	--concert-color2: #ca5ae7;
	--fanmeet-color: #ffe9ce;
	--fanmeet-color2: #faa33d;
	--festival-color: #d0e6ff;
	--festival-color2: #479af7;
	--news-color: #d0ffe2;
	--news-color2: #38cd71;
	--point-blue: #2093ff;
}

.floatmenu {display:block !important;width:150px;box-sizing:border-box;padding:22px 11px 18px;border-radius:18px;z-index:10000;position:fixed;top:300px;left:100px;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.4);background:#fff;}
.floatmenu .tit_wrap {text-align:center;margin-bottom:12px;}
.floatmenu .tit_wrap .float_tit {display:block;font-size:14px;color:#000;line-height:18px;margin-top:8px;letter-spacing:-0.02em;}
.floatmenu .float_wrap .menu_wrap {display:none;}
.floatmenu .float_wrap ul {padding:15px 0 17px;border-top:1px solid #D9D9D9;margin:0 4px;}
.floatmenu .float_wrap ul li {margin-bottom:9px;}
.floatmenu .float_wrap ul li:last-child{margin-bottom: 0;}
.floatmenu .float_wrap ul li a {display:flex;align-items:center;font-family:'NotoSans';font-size:12px;color:#000;font-weight:500;line-height:16px;;letter-spacing:-0.02em;}
.floatmenu .float_wrap ul li a:hover {color:var(--point-blue);font-weight:500;}
.floatmenu .float_wrap ul li a.on {color:var(--point-blue);font-weight:500;}
.floatmenu .float_wrap ul li a::before {content:'';display:inline-block;flex-shrink:0;width:24px;min-width:24px;height:25px;margin-right:10px;background-size:100% auto;background-repeat:no-repeat;}
.floatmenu .float_wrap ul li a:hover::before {background-position:0 -25px;}
.floatmenu .float_wrap ul li a.on::before {background-position:0 -25px;}
.floatmenu .float_wrap ul li:nth-child(1) a::before {background-image:url(../images/sub/icon_float_01.png);}
.floatmenu .float_wrap ul li:nth-child(2) a::before {background-image:url(../images/sub/icon_float_02.png);}
.floatmenu .float_wrap ul li:nth-child(3) a::before {background-image:url(../images/sub/icon_float_03.png);}
.floatmenu .float_wrap ul li:nth-child(4) a::before {background-image:url(../images/sub/icon_float_04.png);}
.floatmenu .float_wrap ul li:nth-child(5) a::before {background-image:url(../images/sub/icon_float_05.png);}
.floatmenu .float_more {text-indent:-9999px;display:block;margin:0 auto;width:calc(100% - 8px);height:22px;border-radius:4px;background:#F5F5F5 url(../images/sub/btn_floatmore.png) 50% 50% / 12px 6px no-repeat;transform:rotate(180deg);}
.floatmenu .float_more.open{transform: rotate(360deg);}

.quickmenu{display: none;}


/* sub-list */
/* .subHeader__section.--bgType1{background: #feaee0;}
.subHeader__area.--imgType1::before{width: 228px; height: 212px; bottom: 30px; right: 40px; opacity: 1; background: url(/static/front/thingsToDo/hallyu/images/sub/obg_hallyu.png) 0 0 / 100% 100% no-repeat;} */
.sorting__item input[type="radio"]:checked + label{background: var(--point-blue);}
.sorting__item input[type="radio"]:checked + label .txt{color: #ffffff;}
.list__type1__info__section .count-txt > span.point{color: var(--point-blue);}
.list__type1__search__group .col3_seclect{width: 325px; margin-right: 10px;}
.list__type1__search__group .col3_search{flex: 1;}
.card__type1__list li .info .view {display:none;}
.template__type1__title .info .template__info__list .view {display:none;}

.subHeader__section.--bgType1{background:#000;color:#fff;}
.subHeader__area {position:relative;z-index:2;}
.subHeader__area.--imgType1::before{width:376px;height:231px;bottom:30px;right:33px;opacity:1;background:url(../images/sub/obg_hallyu.png) 0 0 / 100% 100% no-repeat;}
.subHeader__group {position:absolute;width:100%;z-index:1;}


/* sub-view */
.template__type1__section h3{font-size: 24px; font-weight: 800; color: #333; margin-bottom: 20px;}

/* event list*/
.thumbnail { position: relative; }
.dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: white; font-weight: bold; padding-top: 165px; }
.thumbnail.dim::after { position: absolute; left: 50%; top: 75px; transform: translateX(-50%); content: ""; display: flex; justify-content: center; align-items: center; background-image: url(/static/front/thingsToDo/hallyu/images/sub/event_time.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 60px; height: 65px; }
.dimmed > span { display: block; color: #fff; font-size: 14px; text-align: center; }

/* hallyu tour list */
.template__type1__section.hallyuTourForm {margin-bottom: 35px;}
.hallyutour__section .tab_wrap{display: flex; flex-wrap: wrap;}
.hallyutour__section .tab_wrap a{position: relative; display: flex; align-items: center; width: calc(100% / 3); height: 80px; padding-left: 20px; font-size: 20px; color: #888; border: 1px solid #D9D9D9;}
.hallyutour__section .tab_wrap a.on{font-weight: 800; color: var(--point-blue); border: 1px solid var(--point-blue);}
.hallyutour__section .tab_wrap a span{display: flex; align-items: center; min-width: calc(100% - 70px);}

/* hallyu tour */
.course_detail > p{font-size: 20px; padding: 30px;}
.relation_cos .cos_cont{display:none;;position: relative;padding: 0 30px 30px;}
.relation_cos .detail_box{padding: 80px 100px;border:1px solid #e0e0e0;background:#fff;border-radius: 20px; }
.relation_cos .cos_cont.active{display:block;}

.relation_cos .cos_wrap ul li{position:relative;padding: 110px 0 80px; width: 240px;}
.relation_cos .cos_wrap.js_slider3 ul li{width: calc((100% - 40px) / 3);}
.relation_cos .cos_wrap.js_slider4 ul li{width: calc((100% - 60px) / 4);}
.relation_cos .cos_wrap ul li a{display:block;width: 100%; height:180px;position: relative;border-radius: 20px;}
.relation_cos .cos_wrap ul{width:100%;}
.relation_cos .cos_wrap ul li.on1:before{content:'';display:block;width:50% !important;height:2px;background:var(--point-blue);position:absolute;left:0;top: 52px;}
.relation_cos .cos_wrap ul li.on:before{content:'';display:block;width:110%;height:2px;background:var(--point-blue);position:absolute;left:0;top: 52px;}

.relation_cos ul li em{display:inline-block;position:absolute;left:50%;top:36px; transform: translateX(-50%); font-style: normal; font-weight:700;font-size:18px;line-height:28px;width:33px;height:33px;border:1px solid var(--point-blue);border-radius: 100%;background:#fff;color:var(--point-blue);}
.relation_cos ul li.on em, .relation_cos ul li.on1 em{border:1px solid var(--point-blue);background-color:var(--point-blue); color:#fff;}
.relation_cos ul li em span{font-size:0;text-indent: -9999px;}
.relation_cos ul li .img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px; overflow: hidden;}
.relation_cos ul li .img img{object-fit: cover; object-position: center; width: 100%; height: 100%;}
.relation_cos ul li .tit{position:absolute;left:50%;top:50%; transform: translate(-50%, -50%); width:100%;padding:0 20px;color:#fff;font-size:18px;font-weight:700;z-index: 10;}
.relation_cos ul li .tit span{font-size: 18px; letter-spacing:-0.5px;line-height: 1.2;display:block;overflow:hidden;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.relation_cos .cos_wrap{position:relative;padding:0 30px; text-align: center;}
.relation_cos .cos_wrap:after{content:'';display:block;height:3px;width:auto;background: url(/static/front/thingsToDo/hallyu/images/sub/bg_cos_detail.png) repeat-x;position:absolute;left:30px;right:30px;top:52px;}
.relation_cos .cos_wrap ul li a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);border-radius: 20px;}
.relation_cos .cos_wrap ul li.on1 a:after, .relation_cos .cos_wrap ul li:hover a:after{background:rgba(32,137,255,.8);}
.relation_cos .swiper-container{position: static;}
.relation_cos .coscont_wrap{position: relative;}
.relation_cos .cos_cont .title{overflow:hidden;text-align:center; margin-bottom: 40px;}
.relation_cos .cos_cont .title .spot_name{display: inline-block; margin-bottom: 18px; font-weight:800;font-size:28px;color:#000;letter-spacing: -1px;}
.relation_cos .cos_cont .spot_name a{position: relative; padding-right: 30px; line-height: 1.2; display: -webkit-box;word-break: keep-all;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.relation_cos .cos_cont .spot_name a::after{content: ''; position: absolute; bottom: 5px; right: 0; display: inline-block; width: 18px; height: 18px; background: url(/static/front/thingsToDo/hallyu/images/sub/icon_db.png) 0 0 / 100% 100% no-repeat;}
.relation_cos .cos_cont .spot_name.nodb a{pointer-events: none;}
.relation_cos .cos_cont .spot_name.nodb a::after{display: none;}
.relation_cos .cos_cont .address{font-size:20px;color:#333; font-weight: 300;}
.relation_cos .cos_cont .btn_copy{display: inline-block; text-indent: -9999px; margin-left: 5px; vertical-align: -2px; width: 18px; height: 18px; background: url(/static/front/thingsToDo/hallyu/images/sub/icon_copy.png) 0 0 / 100% 100% no-repeat;}
.relation_cos .cos_cont .length {position: relative; padding-right: 20px;}
.relation_cos .cos_cont .length p{display: inline; font-size: 20px; display: -webkit-box;word-break: keep-all;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.relation_cos .cos_cont .length.on p{display: block;}
.relation_cos .cos_cont .length .btn_more{position: absolute; bottom: 0; right: 0; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; background: url(/static/front/thingsToDo/hallyu/images/sub/icon_moreview.png) 0 0 / 100% auto no-repeat;}
.relation_cos .cos_cont .length.on .btn_more{background-position: 0 -18px;}

.relation_cos .link_article{border: 1px solid #e0e0e0; border-radius: 20px; width: 540px; height: 140px; display: flex; align-items: center; margin: 0 auto 50px;}
.relation_cos .link_article .img{width: 180px; height: 100%; border-radius: 20px; overflow: hidden;}
.relation_cos .link_article .img img{object-fit: cover; object-position: center; width: 100%; height: 100%;}
.relation_cos .link_article .txt{padding: 0 50px 0 20px; flex: 1;}
.relation_cos .link_article p{display: -webkit-box;word-break: keep-all;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.relation_cos .coscont_wrap .toast_copy{display: none; position: absolute; top: 25%; right: 30px; width: 300px; height: 50px; text-align: center; line-height: 50px; background-color: #333; color: #fff; font-size: 18px; font-weight: 700;}

.column-wrap2 { margin: 0 auto; padding: 0; background: #FFF; text-align: left; /*width:700px */}
.column-wrap2 .mT4 { margin-top: 4px }
.column-wrap2 .txtmT { margin-top: 35px }
.column-wrap2 .cap-imgwrap {text-align: center;}

/*사이즈 줄일 때*/
.column-wrap2 .fixsize { max-width: 567px !important; }

/*이미지 사이즈 조정*/
.cap-imgwrap div { width: 100% !important; max-width: 950px !important;display: block; margin-left: auto; margin-right: auto;}
.column-wrap2 img { width: 100% !important; max-width: 950px !important;display: block; margin-left: auto; margin-right: auto;}

/*2개 이미지  분리*/
.img-area-col {max-width: 950px; overflow: hidden; display: block; margin-left: auto; margin-right: auto; }
.img-area-col li { float: left; width: 49.75%; margin-left: 0.5%; /*margin-top: 5px;*/ }
.column-wrap2 [class*='img-area-col']  li:first-child {margin-left: 0;}

/*2개 이미지  분리 - 사이즈 다름*/
.img-area-col.diff .large{width: 52.05%}
.img-area-col.diff .small{width: 47.45%}

/*2개 이미지  분리 - 사이즈 다름*/
.img-area-col.diff2 .large{width: 64.5%}
.img-area-col.diff2 .small{width: 35%}

/*2개 이미지  분리 - 사이즈 다름*/
.img-area-col.diff3 .large{width: 35.55%}
.img-area-col.diff3 .small{width: 63.45%}

/*2개 이미지  1caption */
.column-wrap2 .img-wrap {position:relative; max-width:950px; display: block; margin-left: auto; margin-right: auto;}
.column-wrap2 .img-wrap .caption{position: absolute; bottom:0; width: 100%;box-sizing:border-box;}

/* schdule */
.schdule_wrap{padding: 70px 20px;}
.schdule_wrap .month{display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
.schdule_wrap .month span{font-size: 32px; font-weight: 800; margin: 0 20px;}
.schdule_wrap .month button{margin: 0 3px; width: 18px; height: 18px; background: url(/static/front/thingsToDo/hallyu/images/sub/btn_date_arrow.png) 0 0 / 100% auto no-repeat;}
.schdule_wrap .month button.prev_m{background-position: 0 -18px;}
.schdule_wrap .month button.next_m{background-position: 0 -36px;}
.schdule_wrap .month button.next_y{background-position: 0 -54px;}
.schdule_wrap .category{margin-bottom: 50px; display: flex; align-items: center; gap: 20px;}
.schdule_wrap .category a{display: flex; align-items: center; justify-content: center; min-width: 160px; padding: 0 40px; font-size: 18px; color: #000; border-radius: 25px; height: 50px; border: 1px solid #bbb;}
.schdule_wrap .category a.on, .schdule_wrap .category a:hover, .schdule_wrap .category a:focus{border: 1px solid var(--point-pink); color: #fff; background-color: var(--point-pink); }
.schdule_wrap .category a::before{content: ''; display: block; margin-right: 10px; width: 14px; height: 14px; border-radius: 50%;}
.schdule_wrap .category a.all::before{display: none;}
.schdule_wrap .category a.concert::before{background-color: var(--concert-color);}
.schdule_wrap .category a.fanmeet::before{background-color: var(--fanmeet-color);}
.schdule_wrap .category a.festival::before{background-color: var(--festival-color);}
.schdule_wrap .category a.news::before{background-color: var(--news-color);}

.schdule_wrap .month_calendar{width: 100%; table-layout: fixed;}
.schdule_wrap .month_calendar tr{border-bottom: 1px solid #bbb;}
.schdule_wrap .month_calendar thead{border-top: 1px solid #bbb;}
.schdule_wrap .month_calendar thead th{font-size: 18px; height: 40px;}
.schdule_wrap .month_calendar td{vertical-align: top; padding: 0 1px; height: 187px;}
.schdule_wrap .month_calendar td strong{font-size: 28px; font-weight: 400; display: inline-block; text-align: center; width: 45px; height: 45px; line-height: 45px; margin: 8px 0;}
.schdule_wrap .month_calendar td strong.off{color: #ccc;}
.schdule_wrap .month_calendar td strong.holiday{color: #db0202;}
.schdule_wrap .month_calendar td strong.today{background-color: var(--point-pink); color: #fff; border-radius: 50%;}
.schdule_wrap .month_calendar td ul li{display: flex; align-items: center; margin-bottom: 2px; height: 23px; padding: 0 2px;}
.schdule_wrap .month_calendar td ul li.concert{background-color: var(--concert-color);}
.schdule_wrap .month_calendar td ul li.on.concert{background-color: var(--concert-color2);}
.schdule_wrap .month_calendar td ul li.fanmeet{background-color: var(--fanmeet-color);}
.schdule_wrap .month_calendar td ul li.on.fanmeet{background-color: var(--fanmeet-color2);}
.schdule_wrap .month_calendar td ul li.festival{background-color: var(--festival-color);}
.schdule_wrap .month_calendar td ul li.on.festival{background-color: var(--festival-color2);}
.schdule_wrap .month_calendar td ul li.news{background-color: var(--news-color);}
.schdule_wrap .month_calendar td ul li.on.news{background-color: var(--news-color2);}
.schdule_wrap .month_calendar td ul li a{display: block; white-space: nowrap; font-size: 14px; overflow: hidden; width: 100%;}

.schdule_wrap .btn__group{justify-content: flex-end; margin-top: 80px;}
.schdule_wrap .btn_report{display: flex; align-items: center; justify-content: center; width: 360px; height: 70px; font-size: 18px; font-weight: 800; background-color: #333; color: #fff; border-radius: 12px;}

/* 스케줄 레이어 */
.wrap_layerpop{display: none;position: fixed;top: 0;left: 0;z-index: 400;width: 100%;height: 100%;}
.wrap_layerpop .layerpop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 110;background: #fff;width:600px;max-height:360px;overflow-y:auto;border:1px solid #bbb;box-shadow: 2px 3.464px 6.51px 0.49px rgba(0, 0, 0, 0.12),-2px -3.464px 6.51px 0.49px rgba(0, 0, 0, 0.12);}
.wrap_layerpop .box_cont {padding: 0 40px 45px;display:flex; align-items: start;}
.wrap_layerpop .box_cont > div:nth-of-type(1){ order:2; }
.wrap_layerpop .box_cont > div:nth-of-type(2){ order:1; }
.wrap_layerpop .poster{flex-shrink: 0;width: 160px;margin-left: 30px; height: auto;}
.wrap_layerpop .poster img{object-fit: contain; width:100%; height: 100%; display: block; margin: 0; padding: 0; max-width: 100%; max-height: 100%; border: 0;}
.wrap_layerpop .category{display:block;margin:45px 40px 22px;font-size:16px;font-weight: 300;font-style:normal;}
.wrap_layerpop .category:before{content:'';display:inline-block;width:12px;height:12px;border-radius: 100%;margin-right:10px;}
.wrap_layerpop .category.concert:before{background-color: var(--concert-color);}
.wrap_layerpop .category.fanmeet:before{background-color: var(--fanmeet-color);}
.wrap_layerpop .category.festival:before{background-color: var(--festival-color);}
.wrap_layerpop .category.news:before{background-color: var(--news-color);}
.wrap_layerpop .info{flex-grow: 1;color:#000;}
.wrap_layerpop .info strong.tit{display:block;padding:0 0 23px;font-size:26px;line-height: 32px;font-weight: 800;}
.wrap_layerpop .info ul li{display:flex;margin:0 0 20px;font-size:17px;line-height:24px;}
.wrap_layerpop .info ul li strong{flex-shrink: 0;margin-right:6px;font-weight: 600;}
.wrap_layerpop .info ul li p{font-weight: 300;}
.wrap_layerpop .info ul li:last-child{margin:0;}
.wrap_layerpop .info .ticketing{padding:50px 0 0;}
.wrap_layerpop .info .ticketing a{display:inline-block;padding:0 20px;height:32px;line-height: 32px;font-size:16px;font-weight:600;color:#fff;border-radius: 4px;background:var(--point-pink);}
.wrap_layerpop .btn_close{position:absolute;right:20px;top:18px;text-indent: -9999px;width:17px;height:17px;background:url(/static/front/thingsToDo/hallyu/images/sub/layer_schedule_close.png);}
.wrap_layerpop .dimmed {display:none;}

/* photocard */
.subHeader__area.photocard::after{background: #fff3fb;}
.wrap.sub.photocard{background: #fff3fb;}
.template__type1__section.photocard{border: none; padding: 0; overflow: hidden; background: transparent;}
.photocard .photo{text-align: center; padding: 100px 0 60px; background: url(/static/front/thingsToDo/hallyu/images/sub/photocard_bg.gif) 50% 0 / cover no-repeat;}
.photocard .photo p{font-size: 20px; font-weight: 600;}
.photocard .photo .preview{width: 392px; margin: 50px auto 40px;}
.photocard .photo .btn{display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}
.photocard .photo .btn .btn_pk{display: flex; align-items: center; padding: 0 24px; box-sizing: border-box; background-color: #fff; border: 1px solid var(--point-pink); height: 50px; line-height: 1; color: var(--point-pink); font-size: 20px; font-weight: 600; border-radius: 25px; min-width: 150px;}
.photocard .photo .btn label{cursor: pointer;}
.photocard .photo .btn input[type=file]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.photocard .photo label{}
.photocard .photo button{}
.photocard .photo .btn_method{display: inline-block; border-radius: 25px; margin-top: 20px; width: 300px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 600; background: var(--point-pink); color: #fff;}

.photocard .frame{background: #fff; margin-top: 3px; padding: 80px 60px;}
.photocard .frame p{font-size: 24px; font-weight: 600; margin-bottom: 30px;}
.photocard .frame .btn{display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-bottom: 40px;}
.photocard .frame .btn button{display: flex; align-items: center; padding: 0 24px; min-width: 150px; height: 50px; line-height: 1; background-color: #fff; border-radius: 25px; border: 1px solid #999; color: #999; letter-spacing: -0.5px; font-size: 18px; font-weight: 600;}
.photocard .frame .btn button.on{background-color: #333; color: #fff; border: none;}
.photocard .frame .frame_slide{position: relative; }
.photocard .frame .swiper{margin: 0 50px; position: static;}
.photocard .frame .swiper-slide a{display: block; position: relative; border-radius: 30px; overflow: hidden;}
.photocard .frame .swiper-slide a.new::after{content: ''; position: absolute; z-index: 20; top: 0; left: 0; display: inline-block; width: 99px; height: 99px; background: url(/static/front/thingsToDo/hallyu/images/sub/img_new.png) 0 0 / 100% 100% no-repeat;}
.photocard .frame .swiper-slide a.on{border: 4px solid var(--point-pink);}
.photocard .frame .swiper-slide a.on::before{content: ''; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.7);}
.photocard .frame .swiper-button-prev, .photocard .frame .swiper-button-next{width: 28px; height: 28px; margin-top: 0; transform: translateY(-50%); background: url(/static/front/thingsToDo/hallyu/images/sub/frame_arrow.png) 0 0 / 100% auto no-repeat;}
.photocard .frame .swiper-button-prev{left: 0;}
.photocard .frame .swiper-button-next{background-position: 0 -28px; right: 0;}
.photocard .frame .swiper-button-next:after, .photocard .frame .swiper-button-prev:after{display: none;}
.photocard .frame .swiper-button-prev.swiper-button-disabled, .photocard .frame .swiper-button-next.swiper-button-disabled{display: block !important;}

.photo_layer .wrap_layerpop .layerpop{overflow: hidden; display: flex; align-items: center; justify-content: center; height: 360px;}
.photopop{text-align: center;}
.photopop .btn_confirm{margin: 50px auto 0; color: #fff; background-color: #000; width: 100px; height: 32px; border-radius: 4px;}
.photopop p{font-size: 18px; margin-top: 40px;}

.photo_layer #makePop{z-index: 15000;}
.photo_layer #makePop::after{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);}
.photo_layer #makePop .layerpop{top: 150px; transform: translate(-50%, 0); width: 1000px; height: calc(100vh - 200px); padding: 110px 50px 50px; background: #ffd6f0; max-height: calc(100vh - 200px); box-shadow: none; border: none;}
#makePop .photopop{background: #fff; width: 100%; height: 100%; overflow-y: auto; border: 2px solid #000;}
#makePop .title{display: flex; width: 100%; align-items: center; justify-content: center; line-height: 1; border-bottom: 2px solid #000; height: 100px; background: var(--point-pink); color: #fff; font-size: 36px;}
#makePop .content{padding: 80px 50px;}
#makePop .content > img + p{font-size: 20px; padding: 0 50px;}
#makePop .content ul{display: flex; flex-wrap: wrap; gap: 18px; margin-top: 80px;}
#makePop .content ul li{position: relative; border: 2px solid #333; flex: 1 0 48%; align-self: baseline; margin-top: 40px;}
#makePop .content ul li > img{position: absolute; top: -30px; left: 50%; transform: translateX(-50%);}
#makePop .content ul li div{background-color: #f4f4f4; height: 220px; padding-top: 45px;}
#makePop .content ul li p{margin: 0; padding: 24px 12px; text-align: left;}
#makePop .notice{background-color: #a9f4ff; display: flex; align-items: center; padding: 30px 80px; border-top: 2px solid #000;}
#makePop .notice strong{font-size: 24px; font-weight: 800;}
#makePop .notice ul{margin-left: 90px;}
#makePop .notice ul li{position: relative; font-size: 18px; padding-left: 20px; text-align: left;}
#makePop .notice ul li::before{content: ''; position: absolute; top: 11px; left: 0; width: 6px; height: 6px; border-radius: 50px; background-color: #222;}
#makePop .btn_close{position: absolute; z-index: 15000; top: 48px; right: 50px; display: block; width: 62px; height: 62px; border: 2px solid #000; border-bottom: none; background: #fff url(/static/front/thingsToDo/hallyu/images/sub/layer_photo_close.png) center / 17px 17px no-repeat;}

/* soon */
.soon {margin:24px auto;}

@media (max-width: 1200px) {
	.floatmenu{display: none !important;}
	/* .thingsToDo__section{padding-bottom:40px;} */
	.thingsToDo__section{padding:0 20px 98px;}

	/* sub-list */
	.subHeader__area.--imgType1::before{width: 114px; height: 106px; right: 20px; bottom: 30px;}
	.list__type1__search__group .col3_seclect{width: 100%; margin-right: 0;}

	/* sub-view */
	.template__type1__section h3{font-size: 18px; margin-bottom: 12px;}

	.quickmenu {display:block !important;position:fixed;left:0;bottom:0;width:100%;padding-top:20px;background:transparent;z-index:500;}
	.quickmenu[aria-basic='2'] .quickmenu_top_lt {width:calc(50% - 14px);}
	.quickmenu[aria-basic='2'] .quickmenu_top_rt {width:calc(50% - 14px);}
	.quickmenu[aria-basic='2'] .quickmenu_top_arrow {left:50%;opacity:1;}
	.quickmenu[aria-basic='3'] .quickmenu_top_lt {width:calc(73.5% - 14px);}
	.quickmenu[aria-basic='3'] .quickmenu_top_rt {width:calc(26.5% - 14px);}
	.quickmenu[aria-basic='3'] .quickmenu_top_arrow {left:73.5%;opacity:1;}
	.quickmenu_top {display:flex;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:20px;}
	.quickmenu_top_lt {width:50%;height:20px;background:url(../images/main/mo_quick_top.png) center top repeat-x;background-size:auto 20px;}
	.quickmenu_top_rt {width:50%;height:20px;background:url(../images/main/mo_quick_top.png) center top repeat-x;background-size:auto 20px;}
	.quickmenu_top_arrow {position:absolute;top:0;left:50%;margin-left:-14px;width:28px;height:20px;background:url(../images/main/mo_quick_arrow.png) center top no-repeat;background-size:auto 20px;opacity:0;}
	.quickmenu ul.basic_cont {display:flex;align-items:center;gap:5.56vw;height:78px;padding:0 17.78vw;background:#fff;}
	.quickmenu ul.basic_cont li {flex:1;justify-content:center;width:100%;height:100%;text-align:center;line-height:1;}
	.quickmenu ul.basic_cont li a {display:flex;align-items:center;flex-direction:column;justify-content:start;position:relative;width:100%;height:100%;font-size:12px;font-weight:500;color:rgb(0, 0, 0);line-height:120%;letter-spacing:-0.02em;text-align:center;}
	.quickmenu ul.basic_cont li a.on {color:var(--point-blue);}
	.quickmenu ul.basic_cont li a::before {content:'';display:block;flex-shrink:0;margin-top:10px;width:24px;min-width:24px;height:24px;background-size:100% auto;background-repeat:no-repeat;}
	.quickmenu ul.basic_cont li a.on::before {background-position:0 -24px;}
	.quickmenu ul.basic_cont li button {display:flex;align-items:center;flex-direction:column;justify-content:start;position:relative;width:100%;height:100%;font-size:12px;font-weight:500;color:rgb(0, 0, 0);line-height:120%;letter-spacing:-0.02em;text-align:center;}
	.quickmenu ul.basic_cont li button.on {color:var(--point-blue);}
	.quickmenu ul.basic_cont li button::before {content:'';display:block;flex-shrink:0;margin-top:10px;min-width:24px;width:24px;height:24px;background-size:100% auto;background-repeat:no-repeat;}
	.quickmenu ul.basic_cont li button.on::before {background-position:0 -24px;}
	.quickmenu ul.basic_cont li:nth-child(1) a::before {margin-bottom:10px;background-image:url(../images/main/mo_icon_float_home.png);}
	.quickmenu ul.basic_cont li:nth-child(2) button::before {margin-bottom:3px;background-image:url(../images/main/mo_icon_float_hallyu.png);}
	.quickmenu ul.basic_cont li:nth-child(3) button::before {margin-bottom:10px;background-image:url(../images/main/mo_icon_float_event.png);}
	.quickmenu ul.sub_cont {display:flex;flex-direction:column;justify-content:center;position:absolute;bottom:100px;left:50%;margin-left:-74.5px;border-radius:10px;width:149px;padding:0 10px;background:#fff;box-shadow:5px 5px 5px 0 rgba(0,0,0,0.1);}
	.quickmenu ul.sub_cont li {flex:1;justify-content:center;border-top:solid 1px #d9d9d9;width:100%;height:100%;text-align:center;line-height:1;}
	.quickmenu ul.sub_cont li a {display:flex;align-items:center;justify-content:start;position:relative;width:100%;height:100%;font-size:12px;font-weight:500;color:rgb(0, 0, 0);line-height:120%;letter-spacing:-0.02em;text-align:left;}
	.quickmenu ul.sub_cont li a.on {color:var(--point-blue);}
	.quickmenu ul.sub_cont li a::before {content:'';display:block;flex-shrink:0;margin:8px;width:24px;min-width:24px;height:24px;background-size:100% auto;background-repeat:no-repeat;}
	.quickmenu ul.sub_cont li a.on::before {background-position:0 -24px;}
	.quickmenu ul.sub_cont li:first-child {border-top:0;}

	.quickmenu ul.sub_cont.hallyu {display:none;left:50%;}
	.quickmenu ul.sub_cont.hallyu li:nth-child(1) a::before {background-image:url(../images/main/mo_icon_float_hallyu_01.png);}
	.quickmenu ul.sub_cont.hallyu li:nth-child(2) a::before {background-image:url(../images/main/mo_icon_float_hallyu_02.png);}
	.quickmenu ul.sub_cont.hallyu li:nth-child(3) a::before {background-image:url(../images/main/mo_icon_float_hallyu_03.png);}
	.quickmenu ul.sub_cont.event {display:none;left:73.5%;}
	.quickmenu ul.sub_cont.event li:nth-child(1) a::before {background-image:url(../images/main/mo_icon_float_event_01.png);}
	.quickmenu ul.sub_cont.event li:nth-child(2) a::before {background-image:url(../images/main/mo_icon_float_event_02.png);}
	.quickmenu[aria-basic='2'] ul.sub_cont.hallyu {display:flex;}
	.quickmenu[aria-basic='3'] ul.sub_cont.event {display:flex;}


	/* sub-list */
	.subHeader__area.--imgType1::before {width:313px;height:192px;bottom:30px;right:-33px;}

	/* event-list */
	.thumbnail.dim::after{ width: 50px; height: 55px; }
	.dimmed{  padding-top: 136px; }

	/* hallyu tour list */
	.template__type1__section.hallyuTourForm {
		margin-bottom: 18px;
		padding: 0;
		background: #ffffff;
		border-radius: 0px;
	}

	.hallyutour__section .tab_wrap{flex-wrap: wrap;}
	.hallyutour__section .tab_wrap a{
		display: flex; justify-content: center; align-items: center;
		border: 1px solid #D9D9D9; font-size: 15px; padding-left:0px; width: calc(100% / 3); height: 35px;}
	.hallyutour__section .tab_wrap a.on{font-weight: 800; color: var(--point-blue); border: 1px solid var(--point-blue);}

	.course_detail > p{font-size: 11px; padding: 20px 0;}
	.relation_cos .detail_box{padding: 40px 10px; border-radius: 15px;}
	.relation_cos .cos_wrap{padding: 0;}
	.relation_cos .cos_wrap:after{height: 1px; top: 30px; left: 0; right: 0;}
	.relation_cos .cos_wrap ul li{padding: 58px 0 40px;}
	.relation_cos .cos_wrap ul li.on:before{height: 1px; top: 30px;}
	.relation_cos .cos_wrap ul li.on1:before{height: 1px; top: 30px;}
	.relation_cos .cos_wrap ul li a{height: 80px;}
	.relation_cos ul li .tit span{font-size: 11px; -webkit-line-clamp: 4;}
	.relation_cos ul li em{width: 20px; height: 20px; line-height: 18px; font-size: 12px; top: 20px;}
	.relation_cos .cos_wrap ul li a:after{border-radius: 10px;}
	.relation_cos ul li .img{border-radius: 10px;}

	.relation_cos .cos_cont{padding: 0 0 40px;}
	.relation_cos .cos_cont .title{margin-bottom: 20px;}
	.relation_cos .cos_cont .title .spot_name{font-size: 17px;}
	.relation_cos .cos_cont .spot_name a{padding-right: 18px;}
	.relation_cos .cos_cont .spot_name a::after{width: 11px; height: 11px;}
	.relation_cos .cos_cont .address{font-size: 11px;}
	.relation_cos .cos_cont .btn_copy{width: 11px; height: 11px; vertical-align: -8px;}
	.relation_cos .cos_cont .length{padding-right: 15px;}
	.relation_cos .cos_cont .length p{font-size: 11px; -webkit-line-clamp: 5;}
	.relation_cos .cos_cont .length .btn_more{width: 11px; height: 11px;}
	.relation_cos .cos_cont .length.on .btn_more{background-position: 0 -11px;}

	.relation_cos .coscont_wrap .toast_copy{top: 20%; right: 0; width: 200px; height: 40px; line-height: 40px; font-size: 12px;}
	.relation_cos .link_article{width: 100%; height: 60px; border-radius: 10px; margin: 0 auto 20px;}
	.relation_cos .link_article .img{width: 80px; border-radius: 10px;}
	.relation_cos .link_article .txt{padding: 0 10px;}
	.relation_cos .link_article p{font-size: 10px;}

	.column-wrap2 [class*='img-area-col']  li {float:none; width: 100%; margin-left: 0;margin-top: 5px;}
	.column-wrap2 [class*='img-area-col']  li:first-child {margin-left: 0;margin-top: 0}
	.img-area-col .large{width: 100%  !important}
	.img-area-col .small{width: 100% !important}


	/* schdule */
	.schdule_wrap{padding: 20px 0;}
	.schdule_wrap .month{margin-bottom: 30px;}
	.schdule_wrap .month span{font-size: 17px; margin: 0 10px;}
	.schdule_wrap .month button{width: 9px; height: 9px;}
	.schdule_wrap .month button.prev_m{background-position: 0 -9px;}
	.schdule_wrap .month button.next_m{background-position: 0 -18px;}
	.schdule_wrap .month button.next_y{background-position: 0 -27px;}
	.schdule_wrap .category{flex-wrap: wrap; gap: 0; margin-bottom: 30px; border: 1px solid #bbb; border-left: none; border-top: none;}
	.schdule_wrap .category a{position: relative; flex: 0 0 50%; min-width: 0; font-size: 12px; height: 35px; border-radius: 0; padding: 0; color: #bbb; border-right: none; border-bottom: none;}
	.schdule_wrap .category a.all{width: 100%; flex: 0 0 100%;}
	.schdule_wrap .category a::before{width: 10px; height: 10px; margin-right: 5px;}
	.schdule_wrap .category a.on::after, .schdule_wrap .category a:hover::after, .schdule_wrap .category a:focus::after{content: ''; position: absolute; z-index: 10; top: -1px; right: -2px; display: inline-block; width: calc(100% + 3px); height: calc(100% + 3px); border: 2px solid var(--point-pink);}

	.schdule_wrap .month_calendar thead th{font-size: 10px; height: 20px;}
	.schdule_wrap .month_calendar td{height: 115px;}
	.schdule_wrap .month_calendar td strong{font-size: 12px; width: 20px; height: 20px; line-height: 20px; margin: 4px 0;}
	.schdule_wrap .month_calendar td ul li{height: 15px;}

	.schdule_wrap .btn__group{justify-content: center; margin-top: 40px;}
	.schdule_wrap .btn_report{font-size: 10px; height: 35px; width: 76%; border-radius: 6px;}
	.schdule_wrap .month_calendar td ul li a{font-size: 10px;}


	/* 스케줄 레이어 */
	.wrap_layerpop .layerpop {top:58px; left: 0 !important;right: 0 !important; transform: translate(0); width: auto !important;margin-left: 0 !important; max-height: calc(100% - 170px);}
	.wrap_layerpop .box_cont {flex-direction: column;}
	.wrap_layerpop .box_cont > div:nth-of-type(1){ order:1; }
	.wrap_layerpop .box_cont > div:nth-of-type(2){ order:2; }
	.wrap_layerpop .poster{width:84%;margin:0 auto; margin-bottom: 23px;}
	.wrap_layerpop .poster img{height: auto;}
	.wrap_layerpop .category {margin: 35px 35px 23px;font-weight:400;font-size: 12px; border: none;}
	.wrap_layerpop .category:before {width: 10px;height: 10px;margin-right: 6px;}
	.wrap_layerpop .info strong.tit {padding: 0 0 12px;font-size: 16px;line-height:22px;}
	.wrap_layerpop .info ul li {margin: 0 0 8px;font-size:12px;line-height:18px;}
	.wrap_layerpop .info .ticketing {padding:28px 0 0;}
	.wrap_layerpop .info .ticketing a {padding: 0 25px;height: 30px;line-height: 30px;border-radius: 2px;font-size:12px;}
	.wrap_layerpop .btn_close {right: 18px;top: 20px;width: 12px;height: 12px;background: url(/static/front/thingsToDo/hallyu/images/sub/layer_schedule_m_close.png) 0 0 / 100% 100% no-repeat;}

	/* photocard */
	.template__type1__section.photocard{border: 1px solid #e0e0e0; background: #fff; padding: 40px 10px;}
	.photocard .photo{background: #fff; padding: 0;}
	.photocard .photo p{font-size: 13px; padding: 0 20px;}
	.photocard .photo .preview{width: auto; margin: 20px auto 10px;}
	.photocard .photo .btn{gap: 7px; margin-bottom: 20px;}
	.photocard .photo .btn .btn_pk{padding: 0 13px; height: 25px; font-size: 11px; min-width: auto;}
	.photocard .photo .btn_method{width: auto; padding: 0 15px; height: 25px; line-height: 25px; font-size: 12px; }

	.photocard .frame{margin-top: 0; padding: 30px 0 0 0;}
	.photocard .frame p{font-size: 14px; margin-bottom: 12px;}
	.photocard .frame .btn{gap: 5px; margin-bottom: 15px;}
	.photocard .frame .btn button{height: 25px; padding: 0 12px; font-size: 10px; min-width: auto;}
	.photocard .frame .swiper{margin: 0 18px;}
	.photocard .frame .swiper-slide a{border-radius: 10px;}
	.photocard .frame .swiper-slide a.on{border-width: 2px;}
	/* .photocard .frame .swiper-slide a.on::before{border-radius: 10px; border-width: 2px;} */
	.photocard .frame .swiper-slide a.new::after{width: 45px; height: 45px;}
	.photocard .frame .swiper-button-prev, .photocard .frame .swiper-button-next{width: 14px; height: 14px;}
	.photocard .frame .swiper-button-next{background-position: 0 -14px;}

	.photo_layer .wrap_layerpop .layerpop{height: 180px; left: 25px !important; right: 25px !important; top: 50%; transform: translateY(-50%);}
	.photopop p{font-size: 10px; margin-top: 20px;}
	.photopop .btn_confirm{min-width: 50px; width: auto; padding: 0 20px; height: 18px; margin: 25px auto 0; font-size: 10px;}
	#cautionPop .photopop img{width: 37px}
	#savePop .photopop img{width: 57px;}

	.photo_layer #makePop .layerpop{transform: translate(0, 0); top: 90px; padding: 40px 7px 10px;}
	.photo_layer #makePop .layerpop .photopop{border-width: 1px;}
	#makePop .title{border-width: 1px; font-size: 17px; height: auto; padding: 15px;}
	#makePop .content{padding: 30px 24px 15px;}
	#makePop .content > img{width: 99px;}
	#makePop .content > img + p{padding: 0; font-size: 12px;}
	#makePop .content ul{margin-top: 30px;}
	#makePop .content ul li{border-width: 1px; margin-top: 20px;}
	#makePop .content ul li > img{width: 70px; top: -20px;}
	#makePop .content ul li p{font-size: 11px; padding: 12px 7px;}
	#makePop .content ul li div{height: 110px; padding: 23px 0 10px;}
	#makePop .content ul li div img{height: 100%;}

	#makePop .notice{flex-direction: column; padding: 15px 10px; border-width: 1px;}
	#makePop .notice strong{font-size: 13px;}
	#makePop .notice ul{margin: 10px 0 0 0; width: 100%;}
	#makePop .notice ul li{font-size: 10px; padding-left: 7px;}
	#makePop .notice ul li::before{width: 3px; height: 3px; top: 5px;}
	#makePop .btn_close{top: 9px; right: 7px; width: 31px; height: 31px; /* background-size: 12px 12px; */ border-width: 1px;}

	/* soon */
	.soon {margin:28px auto;}
	.soon .mo {width:100%;}
}