@charset "UTF-8";

/* hs */

.popup{
	display:none;
	z-index:999999;
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
.contentImg img{max-width:100%;}

.faq-etc-btn{margin-top:10px;display:flex;}
.faq_link{display:inline-block;width:96px;height:32px;background:url(/assets/skin/common/images/faq_ab_bt_link.png) no-repeat;margin-right:20px;}
.faq_dn{display:inline-block;padding:2px 15px;height:32px;background:#54f9ff;box-sizing: border-box;border-radius:20px;font-size:13px;color:#455353;margin:0 3px;}


/*************************/

/* gnb style css */
.gui_m {position:fixed; top:10px; right:10px; z-index:1; width:3.0rem; height:3.0rem; overflow:hidden; background-color: rgba(0, 0, 0, 0.3); border-radius:1.5rem; transition: all ease 0.2s;}
.gui_m p {background-color: rgba(0, 0, 0, 0.3); width:2.0rem; height:2.0rem; display:block; border-radius:1.5rem; margin:0.5rem 0.5rem;}
.gui_m nav {opacity:0;}
.gui_m:hover p {display:none;}
.gui_m:hover {width:15rem; height:18.2rem; border-radius:1rem;}
.gui_m:hover nav {padding:1rem 1rem; opacity:1;}
.gui_m:hover nav a {color:#fff; font-size:1.4rem; display:block; transition: all ease 0.2s; padding:0.4rem 0.8rem; border-radius:1.5rem; background:none;}
.gui_m:hover nav a:hover {background:#fff; color:#000; border-radius:1.5rem;}
.gui_title {border-bottom:1px solid #999; font-size:1.4rem; color:#fff; padding-bottom:0.6rem; margin-bottom:0.6rem; text-align:center;}
.gui_title:hover {background:none;}

/* modal popup */
#my_modal {display: none;}

/* popup css */
.pop_align {display:flex; align-items: center; justify-content: center; height:100vh;}
.pop_wrap0 {width:1160px; min-width:360px; height:auto; padding:0.5rem 1rem;}
.pop_wrap {width:1160px; min-width:360px; height:auto; border-radius:1rem; padding:0.5rem 1rem; box-shadow:1px 1px 10px #333;}
.pop_wrap1 {width:1410px; min-width:600px; border-radius:1rem; padding:0.5rem 1rem; box-shadow:1px 1px 10px #333;}
.pop_wrap2 {width:800px; min-width:360px; height:auto; border-radius:1rem; padding:0.5rem 1rem; box-shadow:1px 1px 10px #333;}
.p_skin0 {background:none;}
.p_skin1 {background:#fff url('/assets/skin/common/images/pop_bg01.jpg') no-repeat center; background-size:cover; border:3px solid #949493;}
.p_skin2 {background:#fff url('/assets/skin/common/images/pop_bg02.jpg') no-repeat center; background-size:cover; border:3px solid #949493;}
.p_skin3 {background:#fff url('/assets/skin/common/images/pop_bg03.jpg') no-repeat center; background-size:cover; border:3px solid #949493;}
.p_skin4 {background:#fff url('/assets/skin/common/images/pop_bg04.jpg') no-repeat center; background-size:cover; border:3px solid #949493;}
.p_skin5 {background:#fff url('/assets/skin/common/images/pop_bg05.jpg') no-repeat center; background-size:cover; border:3px solid #949493;}

.pop_tuto_wrap {position:relative; height:100vh;}
.pop_tuto_wrap img {max-width:100%;}
.pop_tuto_wrap .tuto01 {position:absolute; left:50%; top:50%; z-index:1; transform: translate(-50%, -50%);}
.pop_tuto_wrap .tuto02 {position:absolute; right:0; top:50%; z-index:1; transform: translate(0, -50%);}
.pop_tuto_wrap .tuto03 {position:absolute; left:0; top:50%; z-index:1; transform: translate(0, -50%);}
.pop_tuto_wrap .tuto04 {position:absolute; left:50%; bottom:15rem; z-index:1; transform: translate(-50%, 0);}
.pop_tuto_wrap .tuto05 {position:absolute; left:50%; top:10rem; z-index:1; transform: translate(-50%, 0); color:#fff; text-align:center; font-family: var(--entype1);}
.pop_tuto_wrap .tuto05 span {font-size:3.2rem; font-weight:700; line-height:120%;}
.pop_tuto_wrap .tuto05 p {font-size:1.8rem; margin:1rem 0;}
.pop_tuto_wrap .tuto05 a {color:#fff; background-color:rgba(255, 255, 255, 0.3); display:block; border-radius:3rem; padding:0.8rem 0; width:10rem; margin:0 auto; border:1px solid #fff; transition: all ease 0.2s;}
.pop_tuto_wrap .tuto05 a:hover {background-color:rgba(255, 255, 255, 0.6); width:12rem;}

.pop_title {display: grid; grid-template-columns: auto 1fr auto; border-bottom:0px solid var(--text-color-1); color:var(--text-color-1); padding:0; text-shadow:1px 1px 1px #333;}
.pop_title>div:nth-child(1) {font-size:2.4rem; display:none;}
.pop_title>div:nth-child(2) {}
.pop_title>div:nth-child(2) .pop_cal_3p {width:21rem; display: grid; grid-template-columns: 3rem 1fr 3rem; text-align:center; margin:0.5rem auto 0 auto;}
.pop_title>div:nth-child(2) .pop_cal_3p>div a {color:var(--text-color-1);}
.pop_title>div:nth-child(2) .pop_cal_3p>div a span {font-size:2.4rem;}
.pop_title>div:nth-child(2) .pop_cal_3p>div:nth-child(1) {margin-top:0.3rem; text-align:center;}
.pop_title>div:nth-child(2) .pop_cal_3p>div:nth-child(2) {}
.pop_title>div:nth-child(2) .pop_cal_3p>div:nth-child(3) {margin-top:0.3rem; text-align:center;}
.pop_title>div:nth-child(3) {text-align:right;}
.pop_title>div:nth-child(3) span {font-size:3.8rem; cursor:pointer; background-color:rgba(255,255,255,0); transition: all ease 0.2s; border-radius:4px;}
.pop_title>div:nth-child(3) span:hover {background-color:rgba(255,255,255,0.3);}

/* notice/event board */
.pop_con {padding:1rem 0 2rem 0;}
.pop_scroll {max-height:600px; min-height:400px; overflow-y:scroll; overflow-x:hidden;}
.pop_b1_title {display: grid; grid-template-columns: 5rem 1fr 10rem 20rem; text-align:center; font-size:1.8rem; color:var(--text-color-1); padding:1rem; border-bottom:1px solid rgba(255, 255, 255, 0.3) ;text-shadow:1px 1px 1px #666;}
.pop_b2_title {display: grid; grid-template-columns: 2fr 1fr; font-size:1.6rem; color:var(--text-color-1); padding:1rem; border-bottom:1px solid rgba(255, 255, 255, 0.5) ;}
.pop_b2_title :nth-child(1) a {background:#fff; color:#333; border-radius:2rem; padding:0.3rem 1.5rem 0.5rem 1.5rem; margin:0 1rem;}
.pop_b2_title :nth-child(2) {text-align:right;}
.pop_b1_list {display: grid; grid-template-columns: 5rem 1fr 10rem 20rem; text-align:center; font-size:1.8rem; color:var(--text-color-1); padding:1rem; border-bottom:1px solid rgba(255, 255, 255, 0.3) ;text-shadow:1px 1px 1px #666; cursor: pointer;}
.pop_b1_list:hover {background-color:rgba(255, 255, 255, 0.3);}
.pop_b1_list :nth-child(1) {}
.pop_b1_list :nth-child(2) {text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pop_b1_list :nth-child(3) {}
.pop_b1_list :nth-child(4) {}
.pop_b2_list {display: grid; grid-template-columns: 0.8fr 1.2fr; height:34rem; padding:2rem; border-bottom:1px solid rgba(255, 255, 255, 0.3); text-shadow:1px 1px 1px #666; cursor: pointer;}
.pop_b2_list:hover {background-color:rgba(255, 255, 255, 0.3);}
.pop_b2_list .pop_b2_thum {}
.pop_b2_list .pop_b2_txt {margin-left:2rem; color:var(--text-color-1); position:relative;}
.pop_b2_list .pop_b2_txt .txt_date {font-size:1.6rem; opacity:0.6;}
.pop_b2_list .pop_b2_txt .txt_title {font-size:2.4rem; margin:1rem 0;}
.pop_b2_list .pop_b2_txt .txt_subj {white-space:normal; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; opacity:0.6;}
.pop_b2_list .pop_b2_txt .txt_btn {position:absolute; left:0; bottom:0; font-size:1.4rem; border:1px solid #fff; border-radius:2.5rem; padding:0.2rem 0; display:block; width:14rem; text-align:center;}
.pop_b1_detail {display: grid; grid-template-columns: 13rem 1fr;}
.pop_b1_detail .notice-btn {}
.pop_b1_detail .notice-btn a {width:7rem; height:7rem; background-color:rgba(255, 255, 255, 0.8); display:block; display:flex; align-items: center; justify-content: center; margin:2rem auto; color:var(--point-color-1); border-radius:35rem; transition: all ease 0.1s;}
.pop_b1_detail .notice-btn a:hover {background-color:rgba(255, 255, 255, 1);}
.pop_b1_detail .notice-btn a span {font-size:3.4rem;}
.pop_b1_detail .pop_scroll {font-size:1.8rem; color:var(--text-color-1); margin:1rem 0;}
.pop_b1_detail .pop_scroll span {font-size:1.8rem;}
.pop_b1_detail .pop_scroll p {font-size:2.8rem;}
.pop_b1_detail .pop_scroll img {max-width:100%; margin-top:2rem;}

/* inquiry */
.pop_inq_write {display: grid; grid-template-rows: 1fr 1fr auto 1fr; gap:1rem; padding:2rem;}
.pop_inq_write :nth-child(1),
.pop_inq_write :nth-child(2) {}
.pop_inq_write :nth-child(3) {margin:0;}
.pop_inq_write :nth-child(4) {display:flex;justify-content:center;}
.pop_inq_write :nth-child(5) {text-align:center; margin-top:1rem;}
.pop_inq_write :nth-child(5) a {border-radius:3rem; padding:0.8rem 3rem; display:inline-block; margin:0 1rem; color:#333; background-color:rgba(255, 255, 255, 0.8);}
.pop_inq_write :nth-child(5) a:hover {background-color:rgba(255, 255, 255, 1);}
.pop_inq_ok {display: grid; grid-template-rows: auto 1fr; gap:1rem; padding:2rem;}
.pop_inq_ok :nth-child(1) {font-size:1.8rem; color:#fff; text-align:center; padding:5rem 0;}
.pop_inq_ok :nth-child(2) {text-align:center; margin-top:1rem;}
.pop_inq_ok :nth-child(2) a {border-radius:3rem; padding:0.8rem 3rem; display:inline-block; margin:0 1rem; color:#333; background-color:rgba(255, 255, 255, 0.8);}
.pop_inq_ok :nth-child(2) a:hover {background-color:rgba(255, 255, 255, 1);}

/* faq */
.accordionTitle {padding:1.8rem 2rem; position: relative; margin: 0; font-size: 1.6rem; color: var(--text-color-1); transition: ease-in-out 0.2s all; cursor: pointer; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.accordionTitle:hover {padding-left: 3rem; background-color:rgba(255, 255, 255, 0.3);}
.le_icon {background:#fff; color:#333; border-radius:3rem; width:3rem; height:3rem; display:inline-block; margin-right:2rem; text-align:center;}
.accordionTitleActive:after {content: ""; position: absolute; height: 1px; transition: ease-in-out 0.6s all; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.accordionTitleActive:after {background-image: linear-gradient(90deg, #fff, #fff); width: 100%;}
.accIcon {float: right; width: 3rem; height: 3rem; display: flex; margin-top: -0.3rem; align-items: center; justify-content: center;}
.accIcon:before,
.accIcon:after {content: ""; position: absolute; border-radius: 5rem; background-color: #fff; transition: ease 0.3s all;}
.accIcon:before {width: 2px; height: 20px;}
.accIcon:after {width: 20px; height: 2px;}
.accordionTitle:hover .accIcon:before,
.accordionTitle:hover .accIcon:after {background-color: #fff;}
.accIcon.anime.accIcon:before {transform: rotate(90deg);}
.accordion .item .text {display: grid; grid-template-columns: 3rem 1fr; gap:2rem; opacity: 0; height: 0; color: var(--text-color-1); padding: 0 2rem; position: relative; line-height: 160%; transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1); overflow: hidden; background-color:rgba(255, 255, 255, 0.2);}
.accordion .item .text img {margin-top:1rem; max-width:100%;}
.accordion .item .text.show {opacity: 1; height: auto; padding: 2rem 2rem; position: relative; z-index: 0;}

/* video youtube */
.pop_video {max-width:1160px;}
.pop_video .video_ratio {height:0; padding-top:56.25%; position:relative;}
.pop_video .video_ratio iframe, video {background: black; position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/* image */
.pop_img {max-height:90vh; height:auto; overflow-y:scroll; overflow-x:hidden; text-align:center;}
.pop_img img {max-width:100%;}

/* seminar */
.pop_cal {display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(5, 1fr);}
.pop_cal :nth-child(7n) {border-right:1px solid rgba(255, 255, 255, 0.3);}
.pop_cal > div {border-left:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.pop_cal .pop_day {font-size:1.2rem; color: var(--text-color-2); text-align:center;width:100%;}
.pop_cal .pop_day:hover {background-color:rgba(255, 255, 255, 0.3);}
.pop_cal .pop_day .cal_date {font-size:1.6rem; color: var(--text-color-1); border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:0.5rem 0; text-shadow:1px 1px 1px #333;}
.pop_cal .pop_day .cal_con {height:160px;background-color:rgba(0, 0, 0, 0.2); border-radius:0.5rem; padding:0.5rem; margin:0.5rem;}
.pop_cal .pop_day .cal_con .seminarItem{width:150px !important;height:160px;}

.pop_cal .pop_day .cal_con .cal_time {display: grid; grid-template-columns: 3rem 1fr 3rem; padding:0.5rem 0;}
.pop_cal .pop_day .cal_con .cal_time :nth-child(2n) {padding-top:0.2rem;}
.pop_cal .pop_day .cal_con .cal_time a {color: var(--text-color-2); font-size:1.2rem;}
.pop_cal .pop_day .cal_con .cal_time a:hover {color: var(--text-color-1);}
.pop_cal .pop_day .cal_con .cal_title {text-align:left; font-size:1.4rem; width:14rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pop_cal .pop_day .cal_con .cal_txt {text-align:left; white-space:normal; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; border-top:1px solid rgba(255, 255, 255, 0.3); padding-top:0.7rem; margin-top:0.7rem;}
.pop_cal .pop_day .cal_con .cal_txt p {color: var(--text-color-1);}
.pop_cal .pop_day .cal_con .cal_btn {margin:1.5rem 0 1rem 0;}
.pop_cal .pop_day .cal_con .cal_btn a {border:1px solid #fff; padding:0.1rem 2rem 0.3rem 2rem; border-radius:3rem; color: var(--text-color-2); display:black; background-color:rgba(255, 255, 255, 0.1); transition: all ease 0.2s;}
.pop_cal .pop_day .cal_con .cal_btn a:hover {color: var(--text-color-1); background-color:rgba(255, 255, 255, 0.5);}
.pop_b2_detail {display: grid; grid-template-columns: 13rem 0.9fr 1.1fr;}
.pop_b2_detail>div:nth-child(1) {}
.pop_b2_detail>div:nth-child(1) a {width:7rem; height:7rem; background-color:rgba(255, 255, 255, 0.8); display:block; display:flex; align-items: center; justify-content: center; margin:2rem auto; color:var(--point-color-1); border-radius:35rem; transition: all ease 0.1s;}
.pop_b2_detail>div:nth-child(1) a:hover {background-color:rgba(255, 255, 255, 1);}
.pop_b2_detail>div:nth-child(1) a span {font-size:3.4rem;}
.pop_b2_detail>div:nth-child(2) {margin-right:3rem;}
.pop_b2_detail>div:nth-child(2) .smn_pic {height:40rem;}
.pop_b2_detail>div:nth-child(2) .smn_pre {width:100%; text-align:right; color:var(--text-color-2); padding-top:1rem;}
.pop_b2_detail>div:nth-child(2) .smn_pre span {color:var(--text-color-1);}
.pop_b2_detail>div:nth-child(3) {font-size:1.8rem; margin:1rem 0;}
.pop_b2_detail>div:nth-child(3) .smn_sine {display:none;}
.pop_b2_detail>div:nth-child(3) .smn_date {color:var(--text-color-2);}
.pop_b2_detail>div:nth-child(3) .smn_title {font-size:2.8rem; color:var(--text-color-1);}
.pop_b2_detail>div:nth-child(3) .smn_subj {margin-bottom:2rem; color:var(--text-color-2);}
.pop_b2_detail>div:nth-child(3) .smn_info {font-size:2.2rem; color:var(--text-color-1);}
.pop_b2_detail>div:nth-child(3) .smn_txt {color:var(--text-color-2);}
.pop_b3_detail {display: grid; grid-template-columns: 13rem 1fr;}
.pop_b3_detail>div:nth-child(1) {}
.pop_b3_detail>div:nth-child(1) a {width:7rem; height:7rem; background-color:rgba(255, 255, 255, 0.8); display:block; display:flex; align-items: center; justify-content: center; margin:2rem auto; color:var(--point-color-1); border-radius:35rem; transition: all ease 0.1s;}
.pop_b3_detail>div:nth-child(1) a:hover {background-color:rgba(255, 255, 255, 1);}
.pop_b3_detail>div:nth-child(1) a span {font-size:3.4rem;}
.pop_b3_detail>div:nth-child(2) {height:50rem; padding:2rem;}

/* content player */
.pop_ctc {display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch;min-height:590px;}
.pop_ctc .ctc_left {flex-grow: 1; min-width:48rem;}
.pop_ctc .ctc_left .ctc_btitle {color: var(--text-color-1); text-indent:1rem; margin-bottom:0.5rem; position:relative;}
.pop_ctc .ctc_left .ctc_cate {display:flex; flex-direction: row; justify-content: flex-start; color: var(--text-color-1); font-size:1.6rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 {flex-grow: 1; max-width: 30rem; max-height:54rem; overflow-y:scroll; overflow-x:hidden;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 .ctc_m_cate {display:none;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul {}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul li {padding:0.8rem 1rem; font-size:1.6rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul li.on,
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul li:hover {background-color:rgba(0, 0, 0, 0.3); cursor:pointer;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {flex-grow: 1; max-width:30rem; max-height:54rem; overflow-y:scroll; overflow-x:hidden;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul {background-color:rgba(0, 0, 0, 0.1);}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li {padding:1.5rem 1rem; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li span {
	background-color: rgba(0, 0, 0, 0.7);
    font-size: 1.2rem;
    padding: 0.3rem 10px;
    display: inline-block;
    width: auto;
    text-align: center;
    border-radius: 0.5rem;
    color: var(--text-color-2);	
}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li p {text-indent:0; color: var(--text-color-2); padding: 0.5rem 0;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li i {font-size:1.4rem; line-height:2.2rem; color: var(--text-color-2); text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li.on,
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 ul li:hover {background-color:rgba(0, 0, 0, 0.3); cursor:pointer;}
.pop_ctc .ctc_right {flex-grow: 3; max-width:90rem;}
.pop_ctc .ctc_right .ctc_video_wrap {position:relative; height:50.6rem; overflow:hidden;}
.pop_ctc .ctc_right .ctc_video_wrap .ctc_video {width:100%; position:absolute; left:0; right:0; margin:0 auto;}
.pop_ctc .ctc_right .ctc_video_wrap .ctc_video::before {content:""; display:block; width:100%; height:0; padding-top:56.25%;}
.pop_ctc .ctc_right .ctc_video_wrap .ctc_video .ctc_area {position:absolute; left:0; top:0; width:100%; height:100%;}
.pop_ctc .ctc_right .ctc_media {position:relative;}
.pop_ctc .ctc_right .ctc_media .panal_btns {position:absolute; top:1rem; right:1rem; z-index:55; display:flex; gap:0.5rem;}
.pop_ctc .ctc_right .ctc_media .panal_btns a {background-color:rgba(0, 0, 0, 0.5); color: var(--text-color-2); display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; border-radius:0.5rem; padding:0.5rem;}
.pop_ctc .ctc_right .ctc_media .panal_btns a:hover {background-color:rgba(0, 0, 0, 0.8); color: var(--text-color-1);}
.pop_ctc .ctc_right .ctc_media .panal_btns a span {font-size:1.8rem;}
.pop_ctc .ctc_right .ctc_media .swiper {width:100%; height:100%;}
.pop_ctc .ctc_right .ctc_media .swiper-slide {text-align: center; background: #000; display: flex; justify-content: center; align-items: center;}
.pop_ctc .ctc_right .ctc_media .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.pop_ctc .ctc_right .ctc_media .swiper {margin-left: auto; margin-right: auto;}
.pop_ctc .ctc_right .ctc_position {display:flex; justify-content: space-between; color: var(--text-color-1); margin-bottom:-0.3rem;}
.pop_ctc .ctc_right .ctc_position .ctc_location {}
.pop_ctc .ctc_right .ctc_position .ctc_location span {vertical-align:bottom; margin-bottom:0.3rem;}
.pop_ctc .ctc_right .ctc_position .ctc_close {}
.pop_ctc .ctc_right .ctc_position .ctc_close span {font-size:3.2rem;}
.pop_ctc .ctc_right .ctc_btns {display: grid; grid-template-columns: 1fr 1fr 1fr 2fr; text-align:center;}
.pop_ctc .ctc_right .ctc_btns>div:nth-child(4) {text-align:right;}
.pop_ctc .ctc_right .ctc_btns>div a {color: var(--text-color-2); display:block; padding:0.7rem; font-size:1.8rem;}
.pop_ctc .ctc_right .ctc_btns>div a.btn_hit {float:right; font-size:1.8rem;}
.pop_ctc .ctc_right .ctc_btns>div a.btn_hit span {margin-bottom:0.3rem; margin-left:0.3rem; font-size:2.2rem;}
.pop_ctc .ctc_right .ctc_btns>div a:hover.btn_hit {background-color:rgba(0, 0, 0, 0);}
.pop_ctc .ctc_right .ctc_btns>div a:hover {color: var(--text-color-1); display:block; padding:0.7rem; background-color:rgba(0, 0, 0, 0.3);}
.pop_ctc .ctc_right .ctc_btns>div a span {vertical-align:bottom; margin-right:0.5rem; font-size:2.8rem;}

/* img slider */
.pop_slider .img-slider{text-align:center;}
.pop_slider img {width:100%; max-height:90vh;display:inline-block !important;}
/* outlink */
.pop_frame {}
.pop_frame iframe {background:#fff; width:100%; height:80vh;}

/* input/button */
.inp {font-size:1.8rem; font-family: var(--body-font); background:#fff; color:#333; border:0;}
.inp_t01 {width:100%; border-radius:2.5rem; padding:1rem 2rem;}
.txa_t01 {width:100%; border-radius:2.5rem; padding:1rem 2rem; min-height:20vh;}
.inp_s01 {font-size:1.4rem; width:18rem; border-radius:2.5rem; padding:0.5rem 1.5rem; margin-right:0.5rem;}
.inp_s02 {font-size:1.4rem; width:14rem; border-radius:2.5rem; padding:0.5rem 1.5rem; margin-right:0.5rem;}
.inp_s03 {font-size:1.4rem; width:100%; border-radius:2.5rem; padding:0.5rem 1.5rem; margin-right:0.5rem;}
.bt_s01 {font-size:1.4rem; width:6rem; border-radius:2.5rem; padding:0.5rem 1.5rem;}
.cookie_area {width:100%; height:65vh; background:none; color:var(--text-color-1); font-size:1.8rem; font-family: var(--body-font); border:0; padding:2rem;overflow:auto;}

@media (max-width: 1420px) {
.pop_wrap1 {width:100%; margin:0 1rem;}
.pop_ctc .ctc_left {min-width:28rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul li {font-size:1.2rem;}
.pop_ctc .ctc_right {max-width:90rem;}
.pop_ctc .ctc_right .ctc_btns>div a {font-size:1.4rem;}
.pop_ctc .ctc_right .ctc_btns>div a span {font-size:1.8rem; margin-bottom:0.2rem;}
.pop_ctc .ctc_right .ctc_btns>div a.btn_hit {font-size:1.4rem;}
.pop_ctc .ctc_right .ctc_btns>div a.btn_hit span {font-size:1.4rem;}
.pop_ctc .ctc_left .ctc_cate {display:block;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 .ctc_m_cate {display:block; margin-bottom:1rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 ul {display:none;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 {max-width:100%;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {max-width:100%;}
}

@media (max-width: 1250px) {
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 {max-height:49rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {max-height:49rem;}
.pop_ctc .ctc_left {min-width:24rem;}
.pop_ctc .ctc_right {max-width:80rem;}
.pop_tuto_wrap .tuto01 {width:600px; top:35%; transform: translate(-50%, -65%);}
.pop_tuto_wrap .tuto05 {top:2rem;}
}

@media (max-width: 1200px) {
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 {max-height:44rem;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {max-height:44rem;}
.pop_ctc .ctc_right {max-width:72rem;}
.pop_wrap {width:90%;}
.pop_wrap2 {width:90%;}
.pop_cal {grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(7, 1fr);}
.pop_cal :nth-child(5n) {border-right:0;}
}

@media (max-width: 810px) {
.pop_ctc .ctc_left .ctc_cate .ctc_cate1 {max-height:5rem; max-width:100%;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {max-height:34rem; max-width:100%;}
.pop_ctc .ctc_right {max-width:62rem;}
.pop_ctc .ctc_right .ctc_btns {grid-template-columns:1fr 1fr 1fr 1fr;}
.pop_ctc .ctc_right .ctc_position .ctc_location span {margin-bottom:0;}
}

@media (max-width: 760px) {
.pop_cal {grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(12, 1fr);}
.pop_cal .pop_day .cal_con .cal_title {width:18rem;}
.pop_cal .pop_day .cal_con .cal_time :nth-child(2n) {padding-top:0.4rem;}
}

@media (max-width: 730px) {
.pop_b2_title {display: block;}
.pop_b2_title :nth-child(2) {text-align:left; margin:0.5rem;}
.pop_ctc {display:flex; flex-direction: column-reverse;}
.pop_ctc .ctc_left .ctc_cate .ctc_cate2 {max-height:20rem;}
.pop_ctc .ctc_right {max-width:90rem;}
.pop_ctc .ctc_right .ctc_position .ctc_location {text-indent:1rem; padding:0.5rem 0;}
.pop_ctc .ctc_right .ctc_position .ctc_close {margin-top:0.5rem;}
.pop_ctc .ctc_left .ctc_btitle {padding:1rem 0;}
}

@media (max-width: 660px) {
.pop_tuto_wrap .tuto01 {width:90%;}
.pop_tuto_wrap .tuto02 {width:46%;}
.pop_tuto_wrap .tuto03 {width:46%;}
.pop_tuto_wrap .tuto05 {width:90%; top:6rem;}
}

@media (max-width: 620px) {
.pop_b1_title {grid-template-columns: 5rem 1fr 10rem;}
.pop_b1_list {grid-template-columns: 5rem 1fr 10rem;}
.pop_b1_title :nth-child(4) {display:none;}
.pop_b1_detail {grid-template-columns: 8rem 1fr;}
.pop_b1_detail :nth-child(1) a {width:5rem; height:5rem;}
.pop_b1_detail :nth-child(1) a span {font-size:2.4rem;}
.pop_b2_list {display: block; flex-direction: column; height:auto;}
.pop_b2_list .pop_b2_thum {height:20vh; margin-bottom:2rem;}
.pop_b2_list .pop_b2_txt {margin-left:0;}
.pop_b2_list .pop_b2_txt .txt_subj {-webkit-line-clamp:2; margin-bottom:2rem;}
.pop_b2_list .pop_b2_txt .txt_btn {position:static; width:100%;}
.pop_cal {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(18, 1fr);}
.pop_cal .pop_day .cal_con .cal_title {width:18rem;}
.pop_b2_detail {grid-template-columns: 8rem 1fr;}
.pop_b2_detail>div:nth-child(1) a {width:5rem; height:5rem;}
.pop_b2_detail>div:nth-child(1) a span {font-size:2.4rem;}
.pop_b2_detail>div:nth-child(2) {display:none;}
.pop_b2_detail>div:nth-child(3) .smn_title {font-size:2.2rem;}
.pop_b2_detail>div:nth-child(3) .smn_sine {display:block; margin-bottom:2rem;}
.pop_b2_detail>div:nth-child(3) .smn_sine .smn_pic {height:20rem;}
.pop_b2_detail>div:nth-child(3) .smn_sine .smn_pre {color:var(--text-color-2); text-align:right; margin-top:1rem;}
.pop_b2_detail>div:nth-child(3) .smn_sine .smn_pre span {color:var(--text-color-1);}
.pop_b3_detail {grid-template-columns: 8rem 1fr;}
.pop_b3_detail>div:nth-child(1) a {width:5rem; height:5rem;}
.pop_b3_detail>div:nth-child(1) a span {font-size:2.4rem;}
.pop_wrap1 {min-width:98%;}
.pop_ctc .ctc_left {min-width:auto;}
.pop_ctc .ctc_right {max-width:auto;}
.pop_ctc .ctc_right .ctc_position .ctc_location span {margin-bottom:0;}
}


.playerBigImg{
	cursor:pointer;
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	background:rgba(0,0,0,0.8);	
}
.playerBigImg img{
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);	
	max-width:100%;
	max-height:100%;
}



#sliderPopup .slick-prev,
#tab1 .slick-prev{position:absolute;top:50%;left:20px;text-indent:-9999px;background:url(/assets/skin/common/images/m_vod_le_arr.png) no-repeat;margin-top:-25px;width:18px;height:62px;border:0;z-index:10;cursor: pointer;}
#sliderPopup .slick-prev:hover,
#tab1 .slick-prev:hover{background:url(/assets/skin/common/images/m_vod_le_arr_ov.png) no-repeat var(--point-color-1);}
#sliderPopup .slick-next,
#tab1 .slick-next{position:absolute;top:50%;right:20px;text-indent:-9999px;background:url(/assets/skin/common/images/m_vod_ri_arr.png) no-repeat;margin-top:-25px;width:18px;height:62px;border:0;z-index:10;cursor: pointer;}
#sliderPopup .slick-next:hover,
#tab1 .slick-next:hover{background:url(/assets/skin/common/images/m_vod_ri_arr_ov.png) no-repeat var(--point-color-1);}
#tab1 .slick-dots{position:absolute;bottom:0;left:0;text-align:center;width:100%;}
#tab1 .slick-dots li{display:inline-block;padding:5px;}
#tab1 .slick-dots li.slick-active button{background:url(/assets/skin/common/images/dot_over.png) no-repeat;}
#tab1 .slick-dots button{border:0;text-indent:-9999px;background:url(/assets/skin/common/images/dot_default.png) no-repeat;width:12px;height:12px;}
#tab1 img{width:100%; height:auto;}
#tab1 .img-wrap{
	width:100%;
	height:507px;
	overflow:hidden;
	text-align:center;
}
#productPanel,
#videoPlayer{
	width:100%;
	height:507px;
}

@media (max-width: 1420px){
	#tab1 .img-wrap {height:auto;}
	#tab1 img {width:100%; height:auto;}
	.pop_ctc {min-height:auto;}
}

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