@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


.new_login_wrap .tit{position:relative; text-align: center; font-size: 0;}
.new_login_wrap .tit:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: 1px; background-color: #333333;}
.new_login_wrap .tit em{position:relative; display: inline-block; line-height: 1; padding: 0 15px; background-color:#000; font-size:25px; color:#fff; font-weight: 700; z-index: 10;}
.new_login_wrap .new_login{display: block; margin-top: 37px; font-size: 0;}
.new_login_wrap .new_login .con01{position:relative; width:100%; padding: 0 0 20px 0;}
.new_login_wrap .new_login .con01:before{content:''; position:absolute; right: 0; top: auto; bottom:0; width: 100%; height: 1px; background-color: #fff;}
.new_login_wrap .new_login .con01 em{display: block; padding-bottom: 17px; font-size:14px; color:#fff; font-weight: 500; line-height: 1; border-bottom:2px solid #fff;}
.new_login_wrap .new_login .con01 .input_box{margin-top: 20px;}
.new_login_wrap .new_login .con01 .input_box input{display: block; width:100%; height:50px; border: none; background-color: #222; padding: 0 15px; margin-top: 10px; color:#fff;}
.new_login_wrap .new_login .con01 .input_box input::placeholder {font-size:12px; color:#888;}
.new_login_wrap .new_login .con01 .input_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#888;}
.new_login_wrap .new_login .con01 .input_box input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#888;}
.new_login_wrap .new_login .con01 .input_box input:first-child{margin-top: 0;}
.new_login_wrap .new_login .con01 .id_check{text-align: right; margin-top: 10px;}
.new_login_wrap .new_login .con01 .id_check label{display: inline-block; line-height: 1;}
.new_login_wrap .new_login .con01 .id_check input{position:absolute; left: -999em;}
.new_login_wrap .new_login .con01 .id_check span{position:relative; display: block; padding-left: 22px; font-size:12px; color:#fff;}
.new_login_wrap .new_login .con01 .id_check span:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 12px; height: 12px; border:1px solid #888888;}
.new_login_wrap .new_login .con01 .id_check input:checked + label span:before{background: url(../e_images/sub/login_check_pc.png)center no-repeat;}
.new_login_wrap .new_login .con01 button{display: block; width:100%; margin-top: 18px; height: 40px; text-align: center; line-height: 38px; font-size:13px; font-weight: 700; color:#fff; border: 1px solid #888888;}
.new_login_wrap .new_login .con02{width:100%; padding-left:0; padding-top: 20px;}
.new_login_wrap .new_login .con02 .box{margin-top: 18px;}
.new_login_wrap .new_login .con02 .box:first-child{margin-top: 0;}
.new_login_wrap .new_login .con02 .box em{display: block; line-height: 1; font-size:14px; font-weight: 500; color:#fff}
.new_login_wrap .new_login .con02 .box p{font-size:12px; color:#888888; margin-top: 17px;}
.new_login_wrap .new_login .con02 .box a{display: block; width:100%; margin-top: 13px; height: 40px; text-align: center; line-height: 38px; font-size:13px; font-weight: 700; color:#fff; border: 1px solid #888888;}


.new_join_wrap .tit{position:relative; text-align: center; font-size: 0;}
.new_join_wrap .tit:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: 1px; background-color: #333333;}
.new_join_wrap .tit em{position:relative; display: inline-block; line-height: 1; padding: 0 15px; background-color:#000; font-size:25px; color:#fff; font-weight: 700; z-index: 10;}
.new_join_wrap .new_join{margin-top: 37px; font-size: 0;}
.new_join_wrap .new_join .con01{position:relative; width:100%;}
.new_join_wrap .new_join .con01 em{display: block; padding-bottom: 17px; font-size:14px; color:#fff; font-weight: 500; line-height: 1; border-bottom:1px solid #fff;}
.new_join_wrap .new_join .con01 .txt_wrap{margin-top: 20px; background-color: #222222;  height:150px; overflow-y:auto;}
.new_join_wrap .new_join .con01 .txt_wrap .txt{padding: 15px 15px; font-size: 12px; color:#888888; line-height: 20px;}
.new_join_wrap .new_join .con01 .agreement{text-align: right; margin-top: 10px;}
.new_join_wrap .new_join .con01 .agreement label{display: inline-block; line-height: 1;}
.new_join_wrap .new_join .con01 .agreement input{position:absolute; left: -999em;}
.new_join_wrap .new_join .con01 .agreement span{position:relative; display: block; padding-left: 22px; font-size:12px; color:#fff;}
.new_join_wrap .new_join .con01 .agreement span:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 12px; height: 12px; border:1px solid #888888;}
.new_join_wrap .new_join .con01 .agreement input:checked + label span:before{background: url(../e_images/sub/login_check_pc.png)center no-repeat;}
.new_join_wrap .new_join .con02{margin-top: 28px;}
.new_join_wrap .new_join .submit{display: block; width:175px; height: 40px; border: 1px solid #fff; text-align: center; font-size:12px; color:#fff; background-color: #000; font-weight: 700; margin:29px auto 0; cursor:pointer}

.join_form_wrap .tit{position:relative; text-align: center; font-size: 0;}
.join_form_wrap .tit:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: 1px; background-color: #333333;}
.join_form_wrap .tit em{position:relative; display: inline-block; line-height: 1; padding: 0 15px; background-color:#000; font-size:25px; color:#fff; font-weight: 700; z-index: 10;}
.join_form_wrap p.caption{text-align: right; line-height: 1; font-size:12px; color:#fff; margin-top: 40px;}
.join_form_wrap p.caption span{color:#e01c1c}
.join_form_wrap .join_form{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; border-top:2px solid #fff; border-bottom:1px solid #fff; margin-top: 10px;}
.join_form_wrap .join_form .form_box{position:relative; width:100%;  margin-top: 20px;}
.join_form_wrap .join_form .form_box:nth-child(-n + 2){margin-top:20px;}
.join_form_wrap .join_form .form_box:first-child{margin-top: 0;}
.join_form_wrap .join_form .form_box{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width:100%;}
.join_form_wrap .join_form .form_box03{width:49%; margin-left: 0;}
.join_form_wrap .join_form .form_box > em{display: block; width:100%; line-height: 1; font-size:13px; font-weight: 500; color:#fff; margin-bottom: 5px;}
.join_form_wrap .join_form .form_box input{display: block; width:100%; height: 30px; border:none;color:#fff;  border-bottom: 1px solid #444444; background-color: #000; outline:0; }
.join_form_wrap .join_form .form_box select{display: block;width:30.62%; height: 30px; font-size:12px; border:none; border-bottom: 1px solid #444444; color:#fff;  background-color: #000;outline:0; }
.join_form_wrap .join_form .form_box > label{display: block; margin-right: 20px;}
.join_form_wrap .join_form .form_box > label input{position: absolute; left: -999em; width:1px; height:1px; }
.join_form_wrap .join_form .form_box > label span{position:Relative; display: block; line-height: 30px; font-size:12px; color:#fff; padding-left: 15px;}
.join_form_wrap .join_form .form_box > label span:before{content:''; position:Absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:12px; height:12px; border:1px solid #fff; border-radius:50%;}
.join_form_wrap .join_form .form_box > label input:checked + span:after{content:''; position:Absolute; left: 4px; top: 0; bottom: 0; margin: auto 0; width:4px; height:4px; background-color: #fff; border-radius:50%;}
.join_form_wrap .join_form .form_box02 > span{display: block; width:35px; line-height:1; font-size:12px; font-weight: 500; color:#fff; text-align: center; outline:0; }
.join_form_wrap .join_form .form_box02 input{display: block;width: calc((100% - 35px)/2); height: 30px; border:none; border-bottom: 1px solid #444444; color:#fff;  background-color: #000; outline:0; }
.join_form_wrap .join_form .form_box02 select{display: block; width: calc((100% - 35px)/2); outline:0; }
.join_form_wrap .join_form .form_box .post_search{position:absolute; display:block; top: 18px; right: 0; padding-left: 20px; color:#fff; font-size: 12px; line-height: 30px; background: url(../e_images/sub/post_search_pc.png) left center no-repeat; background-size: 12px auto;}
.join_form_wrap .join_form .form_box.address_detail{margin-top: 0;}
.join_form_wrap .join_form .form_box.address_detail input{margin-top: 0;}
.join_form_wrap .submit{display: block; width:175px; height: 40px; border: 1px solid #fff; text-align: center; font-size:12px; color:#fff; background-color: #000; font-weight: 700; margin:29px auto 0; cursor:pointer}
.join_form_wrap input::placeholder{font-size:12px; color:#666;}
.join_form_wrap input::-webkit-input-placeholder{font-size:12px; color:#666;}
.join_form_wrap input:-ms-input-placeholder{font-size:12px; color:#666;}
.join_form_wrap select{-webkit-appearance: none; -moz-appearance: none;appearance: none; background: url(../e_images/sub/sub0301_arrow_pc.png)center right no-repeat #000;}
.join_form_wrap select::-ms-expand {display: none;}

/* member */
.member_guide_wrap .tit{position:relative; text-align: center; font-size: 0; margin-bottom:40px; }
.member_guide_wrap .tit:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: 1px; background-color: #333333;}
.member_guide_wrap .tit em{position:relative; display: inline-block; line-height: 1; padding: 0 15px; background-color:#000; font-size:25px; color:#fff; font-weight: 700; z-index: 10;}
.member_guide_wrap > p{font-size:12px; color:#888; padding-left:10px; margin-bottom:15px;}
.member_guide_wrap h4.member_guide_tit{font-size:14px; color:#fff; font-weight:500; margin-top:20px; }
.member_guide_wrap .guide_type1{padding-left:10px; margin-top:10px; }
.member_guide_wrap .guide_type1 > li{margin-bottom:10px;  font-size:12px; color:#888;}
.member_guide_wrap .guide_type2{padding-left:15px; margin-top:5px; }
.member_guide_wrap .guide_type2 > li{margin-bottom:5px; font-size:12px; color:#888;}
.member_guide_wrap .guide_type2 > li p{padding-left:10px; }

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* ==main== */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%; }
.inner_none{width:100%; margin:0 auto; }

/* header */
/* #header { position:fixed; left:0; right:0; top:40px; z-index:2000;}
#header::before { display:none; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:16px; background:#fff;} */
/* #header .inner { padding:0; display:flex; justify-content:space-between; align-items:center; height:50px;} */
/* #header .header_menu { display:flex; align-items:center; position:absolute; padding:0 2.66%; width:66.666%; height:100%;}
#header .ygx_menu.on { background:#fff; border-bottom:1px solid #ddd;}
#header .ygx_menu.opacity { opacity:.2;}
#header .academy_menu { right:0; justify-content:flex-end; text-align:right;}
#header .academy_menu.on { background:#fff; border-bottom:1px solid #ddd;}
#header .academy_menu.opacity { opacity:.2;} */

/* #header h1 { display:block; justify-content:center;}
#header h1 a { display:flex; align-items:center;}
#header .ygx_menu h1 { width:77px; position:relative;}
#header .academy_menu h1 { position:relative; top:2px; width:22px;}
#header h1 .tab_img { position:absolute;}
#header h1 .tab_img.on { opacity:0;}
#header h1 .mob_img { position:absolute;}
#header h1 .mob_img.on { opacity:0;}
#header .ygx_menu.on h1 .tab_img.on { opacity:0;}
#header .academy_menu.on h1 .tab_img.on { opacity:0;}
#header .ygx_menu.on h1 .mob_img.on { opacity:1;}
#header .academy_menu.on h1 .mob_img.on { opacity:1;} */
#header { position:fixed; left:0; right:0; top:40px; padding:0 0; transition:all 0.3s ease-in-out; z-index:2000;}
#header .inner{position:Relative; width:100%; height: 78px;}
/* #header::before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:14px; background:rgba(255,255,255,.8);}
#header .inner { display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 43px;} */
#header h1 {position:absolute; left: 30px; top : 0; bottom: 0; margin: auto 0; width:83px; height: 55px; transition:.5s;}
#header h1 a{display: block; width: 100%; height: 100%; }
#header h1 img{position:absolute; left: 0; top: 0;}
#header h1 img.on{opacity: 0;}



#header .gnb { display:none; align-items:center;}
#header .gnb > li { padding:30px 25px;}
#header .gnb > li > a { display:block; font-size:16px; color:#fff; font-weight:700;}
#header .ygx_menu .gnb { margin-left:170px;}
#header .academy_menu .gnb { margin-right:256px;}

#header .ygx_wrap { display:flex; align-items:center;} 
#header .academy_wrap { display:flex; align-items:center; flex-direction:row-reverse;}

#header .header_link { display:none; justify-content:center; align-items:center; margin-left:10px;}
#header .header_link a ~ a { margin-left:10px;}
#header .header_link a.header_insta { display:block; width:15px; height:15px; background:url(../images/main/nav_ico_insta_mob.png) center no-repeat; background-size:100% auto;}
#header .header_link a.header_youtube { display:block; width:15px; height:10px; background:url(../images/main/nav_ico_youtube_mob.png) center no-repeat;  background-size:100% auto;}
#header .ygx_menu .header_link { margin-top:0;}
#header .academy_menu .header_link { margin-top:0; margin-left:0; margin-right:10px;}
#header .ygx_menu.on .header_link { display:flex; }
#header .academy_menu.on .header_link { display:flex; }

/* #header .nav_btn { display:block; position:relative; z-index:5000; width:29px; height:20px;}
#header .nav_btn01 { margin-right:10px;}
#header .nav_btn02 { margin-left:10px;}
#header .nav_btn::after { content:'MENU'; position:absolute; left:0; right:0; bottom:-18px; font-size:10px; color:#fff; font-weight:700;}
#header .nav_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#fff; transition:all .3s;}
#header .nav_btn span::before { content:''; position:absolute; left:0; top:-9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header .nav_btn span::after { content:''; position:absolute; right:0; top:9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header .nav_btn.on span { background:transparent;}
#header .nav_btn.on span::before { top:0; transform:rotate(45deg); background:#08090f;}
#header .nav_btn.on span::after { top:0; transform:rotate(-45deg); background:#08090f;}
#header .nav_btn.on::after { display:none;} */

#header .nav_btn { display:block; position:absolute; z-index:5000; width:29px; height:20px; right:2.66%; top: 0; bottom: 0; margin: auto 0;}
/* #header .nav_btn01 { margin-right:20px;}
#header .nav_btn02 { margin-left:20px;} 
#header .nav_btn::after { content:'MENU'; position:absolute; left:0; right:0; bottom:-18px; font-size:10px; color:#fff; font-weight:700;}
*/
#header .nav_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#fff; transition:all .3s;}
#header .nav_btn span::before { content:''; position:absolute; left:0; top:-9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header .nav_btn span::after { content:''; position:absolute; right:0; top:9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header .nav_btn.on span { background:transparent;}
#header .nav_btn.on span::before { top:0; transform:rotate(45deg); background:#08090f;}
#header .nav_btn.on span::after { top:0; transform:rotate(-45deg); background:#08090f;}
#header .nav_btn.on::after { display:none;}

#header.sub_header .nav_btn { display:block; position:absolute; z-index:5000; width:31px; height:20px; right:20px; top: 0; bottom: 0; margin: auto 0;}
/* #header .nav_btn01 { margin-right:20px;}
#header .nav_btn02 { margin-left:20px;} 
#header.sub_header .nav_btn::after { content:'MENU'; position:absolute; left:0; right:0; bottom:-18px; font-size:10px; color:#fff; font-weight:700;}
*/
#header.sub_header .nav_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#fff; transition:all .3s;}
#header.sub_header .nav_btn span::before { content:''; position:absolute; left:0; top:-9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header.sub_header .nav_btn span::after { content:''; position:absolute; right:0; top:9px; width:100%; height:100%; background:#fff; transition:all .3s;}
#header.sub_header .nav_btn.on span { background:transparent;}
#header.sub_header .nav_btn.on span::before { top:0; transform:rotate(45deg); background: white;}
#header.sub_header .nav_btn.on span::after { top:0; transform:rotate(-45deg); background: white;}
#header.sub_header .nav_btn.on::after { display:none;}

/* navigation */
/* .navigation { display:none; position:fixed; left: 0; top:50px; width: 100%; height: 100%; z-index: 1500;}
.navigation.ygx_navi .lnb {position:absolute; left: 0; top: 0; padding:70px 3.33%; width: 66.666%; height: 100%; background-color: #fff; font-size: 0; z-index: 50;}
.navigation.academy_navi .lnb {position:absolute; right: 0; top: 0; padding:70px 3.33%; width: 66.666%; height: 100%; background-color: #fff; font-size: 0; z-index: 50;}
.navigation .nav_bg {position:absolute; left: 0; top: -120px; width: 100%; height:calc(100% + 120px); background-color:rgba(0,0,0,0.8); z-index: 40; }
.navigation h3{ position:relative; padding:0; margin-bottom:30px;}
.navigation h3 a::after { opacity:0; content:''; position:absolute; left:0; right:0; bottom:-7px; width:100%; height:2px; background:#0094d5;}
.navigation h3 a{display:inline-block; position:relative; line-height:1.2; font-size: 15px; color:#222; font-weight:500;} */

.navigation { display:none; position:fixed; left: 0; top:0px; width: 100%; height: 100%; z-index: 1500;}
/* .navigation .lnb {position:absolute; left: 0; top: 0; padding:129px 2.6%; width: 50%; height: 100%; background-color: #fff; font-size: 0; z-index: 50;} */
.navigation .lnb {position:absolute; right: 0; top: 0; padding:70px 18px; width: 100%; height: 100%; background-color: black; font-size: 0; z-index: 50; text-align: right; font-family: 'GrotExBold';}
.navigation .sns{position: relative; height: 44px;border-bottom: 1px solid red;border-top: 1px solid red;margin-left: -50px;width: 120%;}
.navigation .sns a{display: block; margin-right: 10px;}
.navigation .sns a img{width:22px;}
.navigation .nav_bg {position:absolute; left: 0; top: -120px; width: 100%; height:calc(100% + 120px); background-color:rgba(0,0,0,0.8); z-index: 40; }
.navigation strong { display:block; margin-bottom:30px; font-size:18px; color:#0094d5; font-weight:500; font-family: 'Poppins'; line-height:1;}
.navigation h3{ position:relative; padding:0px 0px; height: 30px;}
.navigation h3 a::after { opacity:0; content:''; position:absolute; left:0; right:0; bottom:-7px; width:100%; height:2px; background:#0094d5;}
.navigation h3 a{display:inline-block; position:relative; line-height:1.2; font-size: 20px; color:white; font-weight:500;}
.navigation ul li a{display: block; font-size: 13px; color:#222; line-height: 25px;}
.navigation .kcFvGV {background: url(/img/projects/icondropdown.svg);display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  transition: all 0.2s;}
  
.navigation .kcFvGV.active {
  -webkit-transform: rotate(0.5turn);
  -ms-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}


div.jXpyHL { 
  visibility: hidden;
  position: absolute;
  top: -5px;
  left: 90px;
  width: 93px;
  padding: 15px 14px;
  border: 1px solid #00000026;
  background-color: #ffffff;
  opacity: 0;
  text-align: left;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 3;
}

div.registersubmenu {
	right: 30px;
	left: auto;
}

div.jXpyHL.show { 
  visibility: visible;
  opacity: 1;
  top: 35px;
  z-index: 10;
}

div.jXpyHL.account-wrap { 
  width: 219px;
}

div.jeA-Dzj { 
  display: block;
  margin-bottom: 5px;
  font-family: 'GrotExBold';
  font-size: 10px;
  line-height: 12px;
  cursor: pointer;
  color: #000000;
}

.shoppingcart {
	display: inline-flex;
	position: absolute;
	top: 16px;
	right: 61px;
	width: 46px;
	height: 46px;
}

/* visual_wrap */
#visual_wrap { position:relative;}
#visual_wrap::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; background:url(../e_images/main/main_bgk_mob.png) right top no-repeat; background-size:367px auto;}
#visual_wrap .video_wrap { position: relative; width: 100%; height:100%; padding-bottom: 56.25%; background-color:#000; overflow: hidden;}
/* #visual_wrap .video_wrap video{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; z-index:9;} */
#visual_wrap .video_wrap #main_video {position:absolute; left:0; right:0; top: 0; bottom: 0; width:100%; height:100%; object-fit:cover;}

/* quick_menu */
.quick_menu { display:none; justify-content:flex-end; position:fixed; left:0; right:0; top:0; transform:translateY(0); z-index:2500; padding:0 2.66%; width:100%; height:40px; border-radius:0; background:rgba(0,0,0,.5);}
.quick_menu ul { display:flex; padding:0;}
.quick_menu ul li { margin-bottom:0; width:auto; height: 40px;}
.quick_menu ul li ~ li { margin-left:19px;}
.quick_menu ul li:nth-child(1) .ico_img { width:12px;}
.quick_menu ul li:nth-child(2) .ico_img { width:14px;}
.quick_menu ul li:nth-child(3) .ico_img { width:16px;}
.quick_menu ul li:nth-child(4) .ico_img { width:12px;}
.quick_menu ul li:nth-child(5) .ico_img { width:12px;}
.quick_menu ul li:nth-child(6) .ico_img { width:12px;}
.quick_menu ul li a { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:auto; height:100%; text-align:center; line-height:1;}
.quick_menu ul li:nth-child(3) { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:auto; height:100%; text-align:center; line-height:1;}
.quick_menu ul li a strong { display:flex; align-items:center; margin-top:0; margin-left:15px; width:auto; font-size:13px; color:#fff; font-weight:400;}
.quick_menu ul li:nth-child(3) strong { display:flex; align-items:center; margin-top:0; margin-left:10px; width:auto; font-size:11px; color:#fff; font-weight:400;}
.quick_menu ul li:nth-child(3) strong a { position:relative; font-size:11px; color:#fff; padding:0 10px;}
.quick_menu ul li:nth-child(3) strong a:nth-of-type(1) { padding-left:0;}
.quick_menu ul li:nth-child(3) strong a:nth-of-type(2) { padding-right:0;}
.quick_menu ul li:nth-child(3) strong a ~ a::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:9px; background:rgba(255,255,255,.8);}

/* footer */
#footer { position:absolute; left:0; right:0; bottom:20px; line-height:1;}
#footer p{font-size:10px; color:#fff;  line-height:19px;}
#footer p em{padding-right: 6px; font-weight: 600;}
#footer p span{display: block; width: 130px;}
#footer address { font-size:10px; color:rgba(255,255,255,.6);  line-height:19px;}
#footer address em { padding-right:6px; font-weight:600;}
#footer address span { background-color: white; color: black; padding-left: 5px; width: 115px; display: inherit;}
#footer address i {display:block;  padding-right:0;}

#footer .foot_menu {position:relative; margin-top:20px; padding-left: 2.66%;}
#footer .foot_menu a{display:inline-block; font-size:10px; color:rgba(255,255,255,.6)}
#footer .foot_menu a:after{display:inline-block; width:1px; height:10px; background:rgba(255,255,255,.6); content:""; margin:0 10px; }
#footer .foot_menu a:last-child:after{display:none; }

/* == SUB == */
#wrap.sub_wrap{padding-top: 90px; background-color: #000;}
#wrap.sub_wrap.top{padding-top: 90px;}
#header.sub_header { position:absolute; top:0px; padding:0; background:#000; transition:all 0.3s ease-in-out;}
#header.sub_header::before { top:50%;}
#header.sub_header .gnb > li > a { font-size:18px;}
#header.sub_header .ygx_menu .gnb { position:relative; left:0;}
/* header event */
#header.sub_header.top { position:fixed; top:0px; margin-top:0; padding:0; transition:all 0.3s ease-in-out;}
#header.sub_header.top .ygx_wrap h1 a { width:77px;}
#header.sub_header.top .academy_wrap h1 a { width:22px;}
#header.sub_header.top .ygx_wrap { display:block; align-items:center;}
#header.sub_header.top .academy_wrap { display:block; flex-direction:row; align-items:center;}
#header.sub_header.top .ygx_wrap .header_link { margin-top:0; margin-left:0;}
#header.sub_header.top .academy_wrap .header_link { margin-top:0; margin-right:0;}

.quick_menu.sub_quick_menu { background:#000;}

#footer.sub_footer { position:static; padding:30px 0; border-top:1px solid rgba(255,255,255,.3); background:#000;}

#sub_contents {min-height:auto; background:#000; padding:50px 0 60px 0;}


/* mypage */
.mypage_wrap .con01{padding-top: 30px;}
.mypage_wrap .sub_tab_wrap{font-size: 0; text-align: left; margin-bottom:30px;}
.mypage_wrap .sub_tab_wrap li{display: inline-block; font-size: 12px; font-weight: 400; color: #888; width: 49.5%; border-bottom: 1px solid #333; cursor: pointer; vertical-align:bottom; margin-right:1%; padding:15px 0; text-align: center; }
.mypage_wrap .sub_tab_wrap li.on{display: inline-block; font-size: 12px; font-weight: 500; color: #fff; width: 49.5%; border-bottom: 2px solid #fff; padding-bottom:15px; text-align: center; }
.mypage_wrap .sub_tab_wrap li:nth-child(-n+3){padding-top:15px;}
.mypage_wrap .sub_tab_wrap li:nth-child(-n+2){padding-top:0;}
.mypage_wrap .sub_tab_wrap li:nth-child(3n){margin-right:1%;}
.mypage_wrap .sub_tab_wrap li:nth-child(2n){margin-right:0;}

.pc_tbl{display:none;}
.pc_search{display:none !important;}
#pc_filter{display:none !important;}
.mob_tbl{display:table;}
.mob_search{display:block !important;}
#mobile_filter{display:flex !important;}
.sub_tbl01 {width:100%; border-top:2px solid #ddd; text-align:center;}
.sub_tbl01 tr{border-bottom:1px solid #333;}
.sub_tbl01 tr th{padding:10px 5px; color:#fff; font-size:13px;}
.sub_tbl01 tr td{padding:10px 5px; color:#eee; font-size:12px;}
.sub_tbl01 tr td.tbl_tit01{text-align:left;}
.sub_tbl01 a.tbl_btn01{display:block; width:100%; max-width:120px; height:25px; color:#fff; font-size:12px;  background:#555; border-radius:2px; margin:0 auto; margin-top:5px;}

ul.dot_li01 li{position:relative; font-size:0; padding-left:14px;}
ul.dot_li01 li ~ li { margin-top:3px;}
ul.dot_li01 li:before{position:absolute; display:block; width:4px; height:4px; border-radius:50%; background:#fff; content:""; left:0; top:8px;}
ul.dot_li01 li b{display:inline-block; font-size:13px; width:80px; vertical-align:top; line-height:1.3;}
ul.dot_li01 li em{display:inline-block; font-size:12px; width:calc(100% - 80px); vertical-align:top;}

/* sub0101 */
.sub0101 { width:100%; height:100%;}
.sub0101 .bg_img { position:absolute; right:0; top:160px; width:336px;}
.sub0101 .sub0101_tit { padding-top:20px; line-height:1;}
.sub0101 .sub0101_tit strong { display:block; font-size:38px; color:#fff; font-weight:700;}
.sub0101 .sub0101_tit p { position:relative; margin-top:25px; font-size: 20px; color:#fff; font-weight:700; padding-left:5px;}
/* .sub0101 .sub0101_tit p::after { content:''; position:absolute; left:5px; bottom:-55px; width:1px; height:30px; background:rgba(255,255,255,.4);} */
.sub0101 .sub0101_tit strong span { margin:0 4px 0 8px; color: #000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,1px 1px 0 #fff;}
.sub0101 .sub0101_txt { margin-top:30px; padding-left:0px;}
.sub0101 .sub0101_txt p { padding-right:20px; font-size:12px; color:#fff; line-height:20px;}
.sub0101 .sub0101_txt p br { display:none;}
.sub0101 .sub0101_txt p i { display:block; height:11px;}
.sub0101_img01 { padding-top:50px;}

.contop{padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,0.2)}
.contop h3{line-height: 1; font-size: 25px; font-weight: 700; color:#fff;}
/* .artist_list{padding-top: 30px;} */
.artist_list ul{display: flex; flex-wrap: wrap; font-size:0; margin-top: 40px;}
.artist_list ul:first-child{margin-top: 0;}
.artist_list ul li{width: 48%; margin-right: 4%; margin-top: 30px;}
.artist_list ul li:nth-child(4n){margin-right: 4%;}
.artist_list ul li:nth-child(-n + 4){margin-top: 30px;}
.artist_list ul li:nth-child(3n){margin-right: 4%;}
.artist_list ul li:nth-child(-n + 3){margin-top: 30px;}
.artist_list ul li:nth-child(2n){margin-right: 0;}
.artist_list ul li:nth-child(-n + 2){margin-top: 0;}
.artist_list ul li a{position:relative; display: block;}
.artist_list ul li .img_wrap{position:Relative; padding-bottom: 137.5%; overflow: hidden;}
.artist_list ul li .img_wrap img{position:absolute; left: 0; top:0; right: 0; bottom:0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%; transition:all ease-in-out 0.3s;}
.artist_list ul li em{position:absolute; display: block; padding: 0 10px; line-height: 1; font-size:20px; font-weight: 700; color:#fff; left: 0; bottom: -10px; transition:all ease-in-out 0.3s; z-index: 10;}
.artist_list ul li .txt{position:absolute; left: 0; bottom: 0; width: 100%; height:40px; z-index: 9;}
.artist_list ul li .txt:before{content:''; position:absolute; left: 0; width: 0; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; transition:all ease-in-out 0.3s; z-index: -1;}
.artist_list ul li .txt p{position:Relative; display: inline-block; font-size: 12px; color:#fff; line-height: 40px; padding: 0 13px 0 10px; opacity: 0; transition:all ease-in-out 0.3s;}
.artist_list ul li .txt p span{position:absolute; display: block; right: 0; top:0; bottom: 0; margin: auto; width:7px; height: 7px;}
.artist_list ul li .txt p span:before{content:''; position:Absolute; right: 0; top:0; bottom:0; margin: auto 0; width: 100%; height: 1px; background-color: #fff;}
.artist_list ul li .txt p span:after{content:''; position:Absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 100%; background-color: #fff;}
.artist_list ul li:hover .img_wrap img{transform: scale(1.1)}
.artist_list ul li:hover em{bottom:33px}
.artist_list ul li:hover .txt:before{width:100%; opacity: 1; transition-delay:0.3s}
.artist_list ul li:hover .txt p{opacity: 1;transition-delay:0.3s}
.artist_list ul li.more a{padding-bottom: 137.5%;}
.artist_list ul li.more .more_wrap{position:absolute; display: flex; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction:column;}
.artist_list ul li.more .more_wrap img{width:60px;}
.artist_list ul li.more span{display: block; line-height: 1; text-align: center; font-size:13px; color:#fff; font-weight: 500; margin-top:15px;}


html.open{overflow: hidden;}
body.open{overflow: hidden;}
.artist_view_wrap{position:fixed; background-color: #000; left: 0; top: 0; width: 100%; height: 100%; padding-top: 203px; z-index: 900;}
.artist_view_wrap .loading{position:fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #000; padding-top: 15px;}
.artist_view_wrap .loading .icon{position:Absolute; left: 0; top: 0; bottom: 0; right: 0; margin :auto; width: 150px; height: 33px; }
.artist_view_wrap .loading .icon img{width:100%; height: 100%;}
.artist_view_wrap .loading .icon:after{content:''; position:Absolute; left: 0; bottom: 0; width: 100%; height: 0; background: url(../e_images/sub/loading_img02_mob.png)center bottom no-repeat;}
.artist_view_wrap .loading.on .icon:after{height:100%; transition:1s;}
.view_tit{position:fixed; left: 0; top: 110px; width: 100%; background-color: #000; padding-bottom: 30px; border-bottom:1px solid rgba(255,255,255,0.2);z-index: 910; }
.view_tit .inner{position:relative; }
.view_tit span{display: block; line-height: 1; font-size:13px; color:#fff; font-weight: 500;}
.view_tit em{position:relative; display: inline-block; font-size: 30px; margin-top: 16px; color:#fff; font-weight: 700; padding-right: 30px; line-height: 1;}
.view_tit em a{position:absolute; display: block; right: 0; bottom: 0; width:20px; height: 20px; background: url(../img/projects/view_tit_icon_mob.png)center no-repeat;}
.view_tit .back i{display: block;}
.view_tit .back{position:absolute; display: block; right: 2.66%; bottom:0; line-height: 1; width:50px; padding: 5px 0; text-align: center;  font-size: 10px; color:#fff; line-height: 13px;padding-right: 0; background: none; border: 1px solid #666666}
.artist_view{height: 100%; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.artist_view::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.artist_view .view_con_wrap{border-bottom:1px solid rgba(255,255,255,0.2); padding: 30px 0;}
.artist_view .view_con_wrap .inner{display: block;}
.artist_view .view_con01{width:100%; padding-right: 0;}
.artist_view .view_con01 .txt01 p{display: block; line-height: 1; font-size:13px; color:#fff; font-weight: 500; margin-top: 13px;}
.artist_view .view_con01 .txt01 p:first-child{margin-top: 0; position:relative; display:inline-block; padding-right:24px;}
.artist_view .view_con01 .txt01 p:first-child a{position:absolute; display: block; right: 0; bottom: -0.5px; width:16px; height: 16px; background: url(../img/projects/view_tit_icon_mob.png)center no-repeat; background-size:100%;}
.artist_view .view_con01 .txt02{margin-top: 24px;}
.artist_view .view_con01 .txt02 p{font-size:12px; color:#bbbbbb; line-height: 20px;}
.artist_view .view_con01 .txt02 a{display: inline-block; line-height: 1; margin-top: 15px; font-size:12px; color:#bbbbbb}
.artist_view .view_con02{width: 100%; margin-top: 30px;}
.artist_view .view_con02 .big_slider .video_wrap{position:relative; padding-bottom: 56.25%;}
.artist_view .view_con02 .big_slider .video_wrap iframe{position:absolute; left: 0; top: 0; width: 100%; height: 100%; }
.artist_view .view_con02 .big_slider .video_wrap iframe.hidden{display: none;}
.artist_view .view_con02 .big_slider .video_wrap .thumb{position:Absolute; left: 0; right: 0; width:100%; height:100%; z-index: 5;}
.artist_view .view_con02 .big_slider .video_wrap .cover{position:absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(/img/playtab.png)center no-repeat rgba(0,0,0,0.4); z-index: 10; cursor:pointer; transition:0.3s; opacity: 0;}
.artist_view .view_con02 .big_slider li:hover .video_wrap .cover{opacity: 1;}
.artist_view .view_con02 .bot{display: block; flex-direction:row-reverse; align-items: center; margin-top: 10px;}
.artist_view .view_con02 .small_slider{width:100%; display: none;}
.artist_view .view_con02 .small_slider .img_wrap{position:relative; padding-bottom: 56.25%;}
.artist_view .view_con02 .bot .arrow{display: flex; align-items: center; justify-content: space-between;; width: 100%; font-size: 0; margin-top: 0; padding-left: 0;}
.artist_view .view_con02 .bot .arrow .prev{display: block;}
.artist_view .view_con02 .bot .arrow .line{display: none; width:1px; height:30px; background-color: #313131; margin: 0 30px;}
.artist_view .view_con02 .bot .arrow .next{display: block;}
.artist_view .view_list{padding-top: 30px; padding-bottom: 30px;}
.artist_view .list_slider_wrap{position:relative; }
.artist_view .list_slider_wrap .swiper-button-prev{position:absolute; top:0; bottom: 20px; left:10px; margin: auto 0; width:14px; height: 26px; background: url(/img/prevarrowmob.png)center no-repeat;}
.artist_view .list_slider_wrap .swiper-button-prev:after{display: none;}
.artist_view .list_slider_wrap .swiper-button-next{position:absolute; top:0; bottom: 20px; right:10px; margin: auto 0; width:14px; height: 26px; background: url(/img/nextarrowmob.png)center no-repeat;}
.artist_view .list_slider_wrap .swiper-button-next:after{display: none;}
.artist_view .list_slider{overflow: hidden; padding-bottom: 20px;}
.artist_view .list_slider ul li a{position:relative; display: block;}
.artist_view .list_slider ul li .img_wrap{position:Relative; padding-bottom: 137.5%; overflow: hidden;}
.artist_view .list_slider ul li .img_wrap img{position:absolute; left: 0; top:0; right: 0; bottom:0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%; transition:all ease-in-out 0.3s;}
.artist_view .list_slider ul li em{position:absolute; display: block; padding: 0 10px; line-height: 1; font-size:20px; font-weight: 700; color:#fff; left: 0; bottom: -10px; transition:all ease-in-out 0.3s; z-index: 10;}
.artist_view .list_slider ul li .txt{position:absolute; left: 0; bottom: 0; width: 100%; height:40px; z-index: 9;}
.artist_view .list_slider ul li .txt:before{content:''; position:absolute; left: 0; width: 0; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; transition:all ease-in-out 0.3s; z-index: -1;}
.artist_view .list_slider ul li .txt p{position:Relative; display: inline-block; font-size: 12px; color:#fff; line-height: 40px; padding: 0 13px 0 10px; opacity: 0; transition:all ease-in-out 0.3s;}
.artist_view .list_slider ul li .txt p span{position:absolute; display: block; right: 0; top:0; bottom: 0; margin: auto; width:7px; height: 7px;}
.artist_view .list_slider ul li .txt p span:before{content:''; position:Absolute; right: 0; top:0; bottom:0; margin: auto 0; width: 100%; height: 1px; background-color: #fff;}
.artist_view .list_slider ul li .txt p span:after{content:''; position:Absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 100%; background-color: #fff;}
.artist_view .list_slider ul li:hover .img_wrap img{transform: scale(1.1)}
.artist_view .list_slider ul li:hover em{bottom:33px}
.artist_view .list_slider ul li:hover .txt:before{width:100%; opacity: 1; transition-delay:0.3s}
.artist_view .list_slider ul li:hover .txt p{opacity: 1;transition-delay:0.3s}
.artist_view .list_slider ul li.more a{padding-bottom: 137.5%;}
.artist_view .list_slider ul li.more .more_wrap{position:absolute; display: flex; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction:column;}
.artist_view .list_slider ul li.more .more_wrap img{width:60px;}
.artist_view .list_slider ul li.more span{display: block; line-height: 1; text-align: center; font-size:13px; color:#fff; font-weight: 500; margin-top:15px;}

#wrap.sub_wrap.layer{padding-top: 129px;}
#header.sub_header.layer { position:fixed; top:0px; margin-top:0; padding:0; transition:all 0.3s ease-in-out;}
#header.sub_header.layer .ygx_wrap h1 a { width:114px;}
#header.sub_header.layer .academy_wrap h1 a { width:33px;}
#header.sub_header.layer .ygx_wrap { display:flex; align-items:center;}
#header.sub_header.layer .academy_wrap { display:flex; flex-direction:row-reverse; align-items:center;}
#header.sub_header.layer .ygx_wrap .header_link { margin-top:0; margin-left:10px;}
#header.sub_header.layer .academy_wrap .header_link { margin-top:0; margin-right:10px;}


/* sub0201 */
.sub0201_wrap img{width:100%;}
.sub0201_view_wrap img{width:100%;}


.sub0301_wrap .con01{/* padding: 48px 0 0; */ padding: 0 0 0;}
.sub0301_wrap .con01 em{display: block; line-height:1; font-size:30px; color:#000; font-weight: 700; -webkit-text-stroke: 1px #fff}
.sub0301_wrap .con01 p{font-size:25px; color:#fff; font-weight: 700; line-height:1; margin-top: 20px;}
.sub0301_wrap .con02{ margin-top: 27px; font-size: 0; /* background:url(/e_images/sub/sub0301_bg01_mob.png) no-repeat right bottom; background-size:40% */}
.sub0301_wrap .con02 .inner{display: block; justify-content: space-between;}
.sub0301_wrap .con02 .form_wrap{display: flex; justify-content: space-between; flex-wrap: wrap; width:100%;}
.sub0301_wrap .con02 .form_wrap .form_box{ margin-top: 4px;}
.sub0301_wrap .con02 .form_wrap .form_box:first-child{margin-top:0;}
.sub0301_wrap .con02 .form_wrap .form_box00{width:100%; height:35px; border-bottom: 1px solid #444444;}
.sub0301_wrap .con02 .form_wrap .form_box00 select{display: block;width:100%; height: 35px; border:none; border-bottom: 1px solid #444444; color:#fff;  background-color: #000;outline:0; }

.online_select{position:relative; font-size: 0;}
.online_select em{display: block;  height: 35px; border-bottom: 1px solid #444444; color:#fff; font-size:12px; line-height: 34px; background-color: #000;outline:0; background: url(../e_images/sub/sub0301_arrow_pc.png)center right no-repeat #000; cursor:pointer}
.online_select.on em{background: url(../e_images/sub/sub0301_arrow_on_pc.png)center right no-repeat #000;}
.online_select ul{position:absolute; display: none; left: 0; top:100%; width:100%; padding: 10px 10px; background-color: #000; border: 1px solid #333333; overflow-y:scroll; z-index: 100; max-height: 200px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.online_select ul::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
.online_select ul li{margin-top: 5px;}
.online_select ul li:first-child{margin-top: 0;}
.online_select ul li label{display: block;cursor:pointer}
.online_select ul li label input{position:Absolute; left:-999em;}
.online_select ul li label span{display: block; font-size: 12px;width:100%; color:#fff; line-height: 16px;}
.online_select02{width:30.62%;}
.online_select03{width: calc((100% - 55px)/2);}
.online_select.country_sel ul li label{position:relative; padding-left: 25px;}
.online_select.country_sel ul li label img{position:absolute; left: 0; top: 0;}

.sub0301_wrap .con02 .form_wrap .form_box01{width:100%; height:35px; border-bottom: 1px solid #444444;}
.sub0301_wrap .con02 .form_wrap .form_box01 input{display: block; width:100%; height: 100%; border:none;color:#fff; background-color: #000; outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box02{display: flex; justify-content: space-between; align-items: center; width:100%; height:35px;}
.sub0301_wrap .con02 .form_wrap .form_box02 select{display: block;width:30.62%; height: 35px; border:none; border-bottom: 1px solid #444444; color:#fff;  background-color: #000;outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box03 span{display: block; width:30px; line-height:1; font-size:12px; font-weight: 500; color:#fff; text-align: center; outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box03 input{display: block;width: calc((100% - 30px)/2); height: 35px; border:none; border-bottom: 1px solid #444444; color:#fff;  background-color: #000; outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box03 select{display: block; width: calc((100% - 30px)/2); outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box04{width:100%; height:35px; border-bottom: 1px solid #444444;}
.sub0301_wrap .con02 .form_wrap .form_box04 label{position:relative; display: block; width: 100%; height: 100%;}
.sub0301_wrap .con02 .form_wrap .form_box04 label input{position:absolute; left: -999em; opacity: 0;}
.sub0301_wrap .con02 .form_wrap .form_box04 label span{position:absolute; right: 20px; bottom: 0; line-height:35px; padding-right: 18px; font-size:11px; color:#fff; background: url(../e_images/sub/sub0301_more_mob.png)center right no-repeat; cursor:pointer;}
.sub0301_wrap .con02 .form_wrap .form_box04 label p{width:100%; height: 100%; font-size: 12px; color:#666666; line-height: 45px;}
.sub0301_wrap .con02 .form_wrap .form_box05{width:100%; height:125px; border-bottom: 1px solid #444444; margin-top: 15px;}
.sub0301_wrap .con02 .form_wrap .form_box05 textarea{display: block; width:100%; height:100%; border:none; background-color: #000; outline:0; resize: none; color:#fff;}
.sub0301_wrap .con02 .submit{display: block; width: 175px; height: 40px; border: 1px solid #fff; margin-top: 30px; text-align: center;}
.sub0301_wrap .con02 .submit span{display: inline-block; line-height:38px; font-size: 12px; font-weight: 700; color:#fff; padding-right: 37px; background: url(../e_images/sub/sub0301_submit_mob.png)center right no-repeat;}
.sub0301_wrap .con02 .address_wrap{width:100%; padding-left: 0; padding-top: 0; margin-top: 38px;}
.sub0301_wrap .con02 .address_wrap ul li{margin-top: 18px;}
.sub0301_wrap .con02 .address_wrap ul li:first-child{margin-top: 0;}
.sub0301_wrap .con02 .address_wrap ul li span{display: block; line-height: 1; font-size:12px; font-weight: 700; color:#666666;}
.sub0301_wrap .con02 .address_wrap ul li em{display: block; font-size:12px; color:#fff; line-height: 1; margin-top: 10px;}
.sub0301_wrap .con02 .address_wrap p{font-size:11px; line-height: 19px; color:#aaaaaa; margin-top: 15px;}
.sub0301_wrap input::placeholder{font-size:12px; color:#666;}
.sub0301_wrap input::-webkit-input-placeholder{font-size:12px; color:#666;}
.sub0301_wrap input:-ms-input-placeholder{font-size:12px; color:#666;}
.sub0301_wrap textarea::placeholder{font-size:12px; color:#666;}
.sub0301_wrap textarea::-webkit-input-placeholder{font-size:12px; color:#666;}
.sub0301_wrap textarea:-ms-input-placeholder{font-size:12px; color:#666;}
.sub0301_wrap select{-webkit-appearance: none; -moz-appearance: none;appearance: none; font-size: 12px;background: url(../e_images/sub/sub0301_arrow_mob.png)center right no-repeat #000;}
.sub0301_wrap select::-ms-expand {display: none;}


.sub0401_wrap .txt01{width: 100%; padding-left: 0; margin-top: 18px;}
.sub0401_wrap .txt01 b{/* display: block; */ line-height: 1; font-size:25px; color:#0050e3; font-weight: 700;}
.sub0401_wrap .txt01 .class_txt{display: flex; align-items: center; margin-top: 8px;}
.sub0401_wrap .txt01 .class_txt em{display: block; line-height: 1; font-size: 25px; color:#fff; font-weight: 700; /* margin-left: 10px; */}
.sub0401_wrap .txt01 p{font-size:13px; color:#fff; line-height: 1.5; margin-top: 13px;}
.sub0401_wrap .txt01 span{display: block; line-height: 1; font-size:12px; color:#aaa; margin-top: 18px;}
.sub0401_wrap .txt02 .class_txt{display: flex; align-items: center;}
.sub0401_wrap .txt02 .class_txt em{display: block; line-height: 1; font-size: 25px; color:#fff; font-weight: 700; /* margin-left: 10px; */}
.sub0401_wrap .txt02 .class_txt b{/* display: block; */ line-height: 1; font-size:25px; color:#66D642; /* margin-left: 9px; */ align-self:flex-end; font-weight: 700;}
.sub0401_wrap .txt02 p{font-size:14px; color:#fff; line-height: 20px; margin-top: 9px; padding-right: 10px;}
.sub0401_wrap .txt02 span{display: block; line-height: 1; font-size:12px; color:#aaa; margin-top: 15px;}
.sub0401_wrap .txt02 span i{display: inline-block; font-style: normal; font-size: 12px; line-height: 1; color:#fff; margin-right: 13px;}
.sub0401_wrap .con01{position:relative; padding: 30px 0 28px; font-size: 0}
.sub0401_wrap .con01 .box{display: block; align-items: flex-end; margin-bottom:30px;}
.sub0401_wrap .con01 .box:last-child{margin-bottom:0;}
.sub0401_wrap .con01:after{content:''; position:absolute; display: none; left: 0; bottom: 0; width: 100%; height: 1px; background: url(../e_images/sub/sub0401_line01_pc.png)left bottom repeat-x;}
.sub0401_wrap .con01 .video_wrap{width: 100%;}
.sub0401_wrap .con01 .video_wrap .video{position:relative; padding-bottom: 56.25%;}
.sub0401_wrap .con01 .video_wrap .video iframe{position:absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub0401_wrap .con01 .video_wrap .video iframe.hidden{display: none;}
.sub0401_wrap .con01 .video_wrap .video .thumb{position:Absolute; left: 0; right: 0; width:100%; height:100%; z-index: 5;}
.sub0401_wrap .con01 .video_wrap .video .cover{position:absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(../e_images/sub/view_play_mob.html)center no-repeat rgba(0,0,0,0.4); z-index: 10; cursor:pointer; transition:0.3s; opacity: 0;}
.sub0401_wrap .con01 .video_wrap:hover .video .cover{opacity: 1;}
.sub0401_wrap .con01 .box02{flex-direction:row-reverse; text-align: left; margin-top: 28px; margin-bottom: 28px;}
.sub0401_wrap .con01 .box02 .txt01{padding-right: 0; padding-left: 0;}

.sub0401_wrap .con01 .box02 .txt01 .class_txt{justify-content: flex-start;}
.sub0401_wrap .con02{position:relative; padding: 35px 0 0; font-size: 0}
.sub0401_wrap .con02_new{padding: 27px 0 0; font-size: 0;}
.sub0401_wrap .con02_new ul{position:relative; display: block; padding: 10px 0;}
.sub0401_wrap .con02_new ul:before{content: ''; position:absolute; left: 50%; transform: translateX(0); width:1px; height:100%; bottom: 0; left:3px; background: none; border-left:1px dashed #666666; }
.sub0401_wrap .con02_new ul:after{display: none;}
.sub0401_wrap .con02_new ul li{display: block; align-items: flex-end; padding: 0; width: 100%; padding-left: 32px; margin-top: 20px;}
.sub0401_wrap .con02_new ul li:first-child{margin-top: 0;}
.sub0401_wrap .con02_new ul li .txt{position:relative; display: flex; align-items: center; width: 100%; justify-content:center;min-height: 80px;  border-radius:5px; border:1px solid #9b9b9b; padding: 0 24px;}
.sub0401_wrap .con02_new ul li .txt p{font-size: 12px; line-height: 18px; color:#fff; text-align: center;}
.sub0401_wrap .con02_new ul li .txt p br{display: none;}
.sub0401_wrap .con02_new ul li .txt:after{content:''; position:Absolute; right: 100%; left: auto; margin: auto 0; top:0; bottom:0; width: 32px; height: 1px; background-color: #9b9b9b;}
.sub0401_wrap .con02_new ul li .txt .circle{position:Absolute; width: 6px; height:6px; border-radius:50%; right: calc(100% + 27px); left: auto; margin: auto 0; top:0; bottom: 0; background-color: #fff; z-index: 10;}
.sub0401_wrap .con02_new ul li .txt .circle:after{content:''; position:absolute; width: 0; height: 0; left: 50%; top:50%; transform: translate(-50%,-50%); border-radius:50%; background-color: rgba(255,255,255,0.2);animation: cir 2.0s  infinite alternate ease-in-out; z-index: -1;}
.sub0401_wrap .con02_new ul li:nth-child(even){padding-bottom: 0;}
.sub0401_wrap .con02_new ul li:nth-child(odd){padding-top: 0; }
.sub0401_wrap .con02_new ul li:nth-child(odd) .txt:after{top: 0; bottom: 0}
.sub0401_wrap .con02_new ul li:nth-child(odd) .circle{top: 0; bottom: 0}
.sub0401_wrap .con02_new ul li:nth-child(1) .txt .circle:after{animation-delay: .5s;}
.sub0401_wrap .con02_new ul li:nth-child(2) .txt .circle:after{animation-delay: 1s;}
.sub0401_wrap .con02_new ul li:nth-child(3) .txt .circle:after{animation-delay: 1.5s;}
.sub0401_wrap .con02_new ul li:nth-child(4) .txt .circle:after{animation-delay: 2s;}

.sub0401_wrap .con03 {padding-top:35px;}
.sub0401_wrap .con03 .txt02 .class_txt b{color:#A9A9A9}
.sub0401_wrap .con04{padding: 27px 0 0; font-size: 0;}
.sub0401_wrap .con04 ul{position:relative; display: block; padding: 10px 0;}
.sub0401_wrap .con04 ul:before{content: ''; position:absolute; left: 50%; transform: translateX(0); width:1px; height:100%; bottom: 0; left:3px; background: none; border-left:1px dashed #666666; }
.sub0401_wrap .con04 ul:after{display: none;}
.sub0401_wrap .con04 ul li{display: block; align-items: flex-end; padding: 0; width: 100%; padding-left: 32px; margin-top: 20px;}
.sub0401_wrap .con04 ul li:first-child{margin-top: 0;}
.sub0401_wrap .con04 ul li .txt{position:relative; display: flex; align-items: center; width: 100%; justify-content:center;min-height: 80px;  border-radius:5px; border:1px solid #9b9b9b; padding: 0 24px;}
.sub0401_wrap .con04 ul li .txt p{font-size: 12px; line-height: 18px; color:#fff; text-align: center;}
.sub0401_wrap .con04 ul li .txt p br{display: none;}
.sub0401_wrap .con04 ul li .txt:after{content:''; position:Absolute; right: 100%; left: auto; margin: auto 0; top:0; bottom:0; width: 32px; height: 1px; background-color: #9b9b9b;}
.sub0401_wrap .con04 ul li .txt .circle{position:Absolute; width: 6px; height:6px; border-radius:50%; right: calc(100% + 27px); left: auto; margin: auto 0; top:0; bottom: 0; background-color: #fff; z-index: 10;}
.sub0401_wrap .con04 ul li .txt .circle:after{content:''; position:absolute; width: 0; height: 0; left: 50%; top:50%; transform: translate(-50%,-50%); border-radius:50%; background-color: rgba(255,255,255,0.2);animation: cir 2.0s  infinite alternate ease-in-out; z-index: -1;}
.sub0401_wrap .con04 ul li:nth-child(even){padding-bottom: 0;}
.sub0401_wrap .con04 ul li:nth-child(odd){padding-top: 0; }
.sub0401_wrap .con04 ul li:nth-child(odd) .txt:after{top: 0; bottom: 0}
.sub0401_wrap .con04 ul li:nth-child(odd) .circle{top: 0; bottom: 0}
.sub0401_wrap .con04 ul li:nth-child(1) .txt .circle:after{animation-delay: .5s;}
.sub0401_wrap .con04 ul li:nth-child(2) .txt .circle:after{animation-delay: 1s;}
.sub0401_wrap .con04 ul li:nth-child(3) .txt .circle:after{animation-delay: 1.5s;}
.sub0401_wrap .con04 ul li:nth-child(4) .txt .circle:after{animation-delay: 2s;}

.sub0401_wrap .con05{position:relative; padding: 35px 0  0; font-size: 0}
.sub0401_wrap .con05:after{content:''; position:absolute; display: none; left: 0; bottom: 0; width: 100%; height: 1px; background: url(../e_images/sub/sub0401_line01_pc.png)left bottom repeat-x;}
.sub0401_wrap .con05 .video_wrap{width: 100%;}
.sub0401_wrap .con05 .video_wrap .video{position:relative; padding-bottom: 56.25%;}
.sub0401_wrap .con05 .video_wrap .video iframe{position:absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub0401_wrap .con05 .video_wrap .video iframe.hidden{display: none;}
.sub0401_wrap .con05 .video_wrap .video .thumb{position:Absolute; left: 0; right: 0; width:100%; height:100%; z-index: 5;}
.sub0401_wrap .con05 .video_wrap .video .cover{position:absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(../e_images/sub/view_play_mob.html)center no-repeat rgba(0,0,0,0.4); z-index: 10; cursor:pointer; transition:0.3s; opacity: 0;}
.sub0401_wrap .con05 .video_wrap:hover .video .cover{opacity: 1;}
.sub0401_wrap .con05 .txt02{margin-top: 18px;}
.sub0401_wrap .con05 .txt02 .class_txt b{ display: block;  line-height: 1; font-size:25px; margin-left: 9px;  align-self:flex-end; font-weight: 700;}

/* .sub0501_wrap{padding-top: 30px;} */
.schedule_tit{display: flex; justify-content: center; font-size:0; padding-bottom: 30px;}
.schedule_tit em{display: block; line-height: 1; font-size: 30px; font-weight: 900; color:#fff; margin-right: 10px; }
.schedule_tit em:last-child{margin-right: 0;}
.schedule_tit .prev{position:absolute; display: flex; top: auto; bottom:0; left: 0; padding-left: 15px; background: url(/img/month_prev_pc.png)center left no-repeat;}
.schedule_tit .next{position:absolute; display: flex; top: auto; bottom: 0; right: 0; padding-right: 15px; background: url(/img/month_next_pc.png)center right no-repeat;}
.schedule_tit a span{display: block; line-height: 1; font-size: 13px; font-weight: 900; margin-right: 5px; color:#888888}
.schedule_tit a span:last-child{margin-right: 0;}
.schedule_category_pc{display: none; margin-top: 35px;}
.schedule_category_pc ul{display: flex; flex-wrap: wrap; justify-content: center;  font-size: 0;}
.schedule_category_pc ul li.br {display: block; width:100%; height:15px}
.schedule_category_pc ul li a{position:relative; display: block; padding: 0 20px; text-align: center;}
.schedule_category_pc ul li a:after{content:''; position:absolute; width: 1px; height: 10px; background-color: #fff; right: 0; top: 0; bottom: 0; margin: auto 0;}
.schedule_category_pc ul li:nth-child(3) a:after{display: none;}
.schedule_category_pc ul li:last-child a:after{display: none;}
.schedule_category_pc ul li a span{position:relative; display: inline-block; line-height: 1; font-size:16px; color:#fff; font-weight: 500; padding-left: 22px;}
.schedule_category_pc ul li a span:before{content:'';position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 13px; height: 13px; border-radius:50%;}
.schedule_category_pc ul li.class01 a span:before{ background-color: #C92E7B;}
.schedule_category_pc ul li.class02 a span:before{ background-color: #339af4;}
.schedule_category_pc ul li.class03 a span:before{ background-color: #EC261F;}
.schedule_category_pc ul li.class04 a span:before{ background-color: #5b02ff;}
.schedule_category_pc ul li.class05 a span:before{ background-color: #A9A9A9;}
.schedule_category_pc ul li.class06 a span:before{ background-color: #8B8000;}
.schedule_category_pc ul li.class07 a span:before{ background-color: #3eb14b;}
.schedule_category_pc ul li.class08 a span:before{ background-color: #f18f38;}
.schedule_category_pc ul li.class09 a span:before{ background-color: #cccccc;}

.schedule_category_mob{display: block; margin-top: 25px;}
.schedule_category_mob ul{display: flex; flex-wrap: wrap; justify-content: start;  font-size: 0;}
.schedule_category_mob ul li{width:50%; margin-top: 10px;}
.schedule_category_mob ul li a{position:relative; display: block;text-align: left; padding-left: 10px;}
.schedule_category_mob ul li a:before{content:''; position:absolute; width: 1px; height: 10px; background-color: #fff; left: 0; top: 0; bottom: 0; margin: auto 0;}
.schedule_category_mob ul li:nth-child(-n + 2){margin-top: 0;}
.schedule_category_mob ul li:nth-child(2n) a:after{content:''; position:absolute; width: 1px; height: 12px; background-color: #fff; right: 0; top: 0; bottom: 0; margin: auto 0;}
.schedule_category_mob ul li a span{position:relative; display: inline-block; line-height: 1; font-size:12px; color:#fff; font-weight: 500; padding-left: 20px;}
.schedule_category_mob ul li a span:before{content:'';position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; border-radius:50%;}
.schedule_category_mob ul li.class01 a span:before{ background-color: #C92E7B;}
.schedule_category_mob ul li.class02 a span:before{ background-color: #339af4;}
.schedule_category_mob ul li.class03 a span:before{ background-color: #EC261F;}
.schedule_category_mob ul li.class04 a span:before{ background-color: #5b02ff;}
.schedule_category_mob ul li.class05 a span:before{ background-color: #A9A9A9;}
.schedule_category_mob ul li.class06 a span:before{ background-color: #8B8000;}
.schedule_category_mob ul li.class07 a span:before{ background-color: #3eb14b;}
.schedule_category_mob ul li.class08 a span:before{ background-color: #f18f38;}
.schedule_category_mob ul li.class09 a span:before{ background-color: #cccccc;}

.schedule_table_pc{display: none; margin-top: 38px;}
.schedule_table_pc table{width:100%; table-layout:fixed; }
.schedule_table_pc table th{height: 30px; font-size:15px; color:#fff; text-align: center; font-weight: 700; border: 1px solid #333333; text-align: center;}
.schedule_table_pc table th.red{color:#b11313}
.schedule_table_pc table th.blue{color:#165799}
.schedule_table_pc table td{border: 1px solid #333333; vertical-align: top;}
.schedule_table_pc table td.disable .box_wrap em{opacity: .3;}
.schedule_table_pc table .box_wrap{position:relative; padding: 10px; min-height: 170px; font-size: 0;}
.schedule_table_pc table .box_wrap em{display: block; font-size: 15px; color:#fff; font-weight: 700; line-height: 1;}
.schedule_table_pc table .box_wrap em.red{color:#b11313}
.schedule_table_pc table .box_wrap em.blue{color:#165799}
.schedule_table_pc table .box_wrap p.holiday{font-size: 12px; line-height: 1; color:#b11313; margin-top: 10px;}
.schedule_table_pc table .box_wrap ul{margin-top: 9px;}
.schedule_table_pc table .box_wrap ul li{position:relative; padding-left: 14px; margin-top: 5px;}
.schedule_table_pc table .box_wrap ul li:first-child{margin-top: 0;}
.schedule_table_pc table .box_wrap ul li:before{content:'';position: absolute; left: 0; top: 4px; width: 9px; height: 9px; border-radius:50%;}
.schedule_table_pc table .box_wrap ul li.class01:before{ background-color: #C92E7B;} 
.schedule_table_pc table .box_wrap ul li.class02:before{ background-color: #339af4;}
.schedule_table_pc table .box_wrap ul li.class03:before{ background-color: #EC261F;} 
.schedule_table_pc table .box_wrap ul li.class04:before{ background-color: #5b02ff;}
.schedule_table_pc table .box_wrap ul li.class05:before{ background-color: #A9A9A9;}
.schedule_table_pc table .box_wrap ul li.class06:before{ background-color: #8B8000;}
.schedule_table_pc table .box_wrap ul li.class07:before{ background-color: #3eb14b;}
.schedule_table_pc table .box_wrap ul li.class08:before{ background-color: #f18f38;}
.schedule_table_pc table .box_wrap ul li.class09:before{ background-color: #cccccc;}
.schedule_table_pc table .box_wrap ul li p{font-size:12px; line-height:14px; border-radius:8.5px; padding: 1.5px 4px; background-color: #444444; color:#fff;}
.schedule_table_pc table .box_wrap .txt_wrap {position:absolute; display: none; left: 100%; top: 0; width:200px; padding-left: 0; z-index: 100;}
.schedule_table_pc table .box_wrap .txt{position:relative; padding: 20px 15px; background-color: #fff; border-radius:5px;}
.schedule_table_pc table .box_wrap .txt:before{content:''; position:absolute; left: -14px; top: 8px; width:15px; height: 18px; background: url(../e_images/sub/sub0501_txt_deco.png)center no-repeat; background-size: 100% 100%; }
.schedule_table_pc table .box_wrap .txt .time_wrap{margin-top: 14px;}
.schedule_table_pc table .box_wrap .txt .time_wrap:first-child{margin-top: 0;}
.schedule_table_pc table .box_wrap .txt .time_wrap b{display: block; font-size: 14px; color:#222; font-weight: 700; line-height: 1; margin-bottom: 12px;}
.schedule_table_pc table .box_wrap .txt .class_box{position:relative; padding-left: 18px; margin-bottom: 6px;}
.schedule_table_pc table .box_wrap .txt .class_box:before{content:''; position:absolute; left: 0; width:9px; height: 9px; top: 4px; border-radius: 50%;}
.schedule_table_pc table .box_wrap .txt .class_box:last-child{margin-bottom: 0;}
.schedule_table_pc table .box_wrap .txt .class_box p{display: block; line-height: 17px; font-size:13px; color:#222; font-weight: 500;}
.schedule_table_pc table .box_wrap .txt .class_box span{display: block; font-size:13px; line-height: 17px; margin-top: 3px;}
.schedule_table_pc table .box_wrap .txt .class01:before{background-color: #C92E7B;}
.schedule_table_pc table .box_wrap .txt .class02:before{background-color: #339af4;}
.schedule_table_pc table .box_wrap .txt .class03:before{background-color: #EC261F;}
.schedule_table_pc table .box_wrap .txt .class04:before{background-color: #5b02ff;}
.schedule_table_pc table .box_wrap .txt .class05:before{background-color: #A9A9A9;}
.schedule_table_pc table .box_wrap .txt .class06:before{background-color: #8B8000;}
.schedule_table_pc table .box_wrap .txt .class07:before{background-color: #3eb14b;}
.schedule_table_pc table .box_wrap .txt .class08:before{background-color: #f18f38;}
.schedule_table_pc table .box_wrap .txt .class09:before{background-color: #cccccc;}
.schedule_table_pc table .box_wrap .txt .class01 span{color:#C92E7B}
.schedule_table_pc table .box_wrap .txt .class02 span{color:#339af4}
.schedule_table_pc table .box_wrap .txt .class03 span{color:#EC261F}
.schedule_table_pc table .box_wrap .txt .class04 span{color:#5b02ff}
.schedule_table_pc table .box_wrap .txt .class05 span{color:#A9A9A9}
.schedule_table_pc table .box_wrap .txt .class06 span{color:#8B8000}
.schedule_table_pc table .box_wrap .txt .class07 span{color:#3eb14b}
.schedule_table_pc table .box_wrap .txt .class08 span{color:#f18f38}
.schedule_table_pc table .box_wrap .txt .class09 span{color:#cccccc}
.schedule_table_pc table .box_wrap .txt_wrap02{left: auto; right: 100%; padding-left: 0; padding-right: 0;}
.schedule_table_pc table .box_wrap .txt_wrap02 .txt:before{right:-14px; left: auto;  background: url(../e_images/sub/sub0501_txt_deco02.png)center no-repeat;background-size: 100% 100%; }

.schedule_table_mob{display: block; margin-top: 25px; word-break: break-all;}
.schedule_table_mob table{width:100%; table-layout:fixed; }
.schedule_table_mob table th{height: 25px; font-size:12px; color:#fff; text-align: center; font-weight: 700; border: 1px solid #333333; text-align: center;}
.schedule_table_mob table th.red{color:#b11313}
.schedule_table_mob table th.blue{color:#165799}
.schedule_table_mob table td{position:relative;border: 1px solid #333333; vertical-align: top; font-size: 0; height: 60px}
.schedule_table_mob table td.disable .box_wrap em{opacity: .3;}
.schedule_table_mob table td.today{background-color: #1c1c1c;}
.schedule_table_mob table td.on{background-color: #354351}
.schedule_table_mob table .box_wrap{ display: block; padding: 6px 4px; min-height: 60px; font-size: 0;}
.schedule_table_mob table .box_wrap em{display: block; font-size: 12px; color:#fff; font-weight: 700; line-height: 1;}
.schedule_table_mob table .box_wrap em.red{color:#b11313}
.schedule_table_mob table .box_wrap em.blue{color:#165799}
.schedule_table_mob table .box_wrap p.holiday{font-size: 11px; line-height: 13px; color:#b11313; margin-top: 4px; margin-bottom: 32px;}
.schedule_table_mob table .box_wrap ul{position:Absolute; display: flex; flex-wrap: wrap; left: 4px; bottom: 5px; width:36px;}
.schedule_table_mob table .box_wrap ul li{position:relative; width: 10px; height: 10px; border-radius:50%; margin-right: 3px; margin-top: 3px;}
.schedule_table_mob table .box_wrap ul li:nth-child(3n){margin-right: 0;}
.schedule_table_mob table .box_wrap ul li:nth-child(-n + 3){margin-top: 0;}
.schedule_table_mob table .box_wrap ul li.class01{ background-color: #C92E7B;} 
.schedule_table_mob table .box_wrap ul li.class02{ background-color: #339af4;}
.schedule_table_mob table .box_wrap ul li.class03{ background-color: #EC261F;} 
.schedule_table_mob table .box_wrap ul li.class04{ background-color: #5b02ff;}
.schedule_table_mob table .box_wrap ul li.class05{ background-color: #A9A9A9;}
.schedule_table_mob table .box_wrap ul li.class06{ background-color: #8B8000;}
.schedule_table_mob table .box_wrap ul li.class07{ background-color: #3eb14b;}
.schedule_table_mob table .box_wrap ul li.class08{ background-color: #f18f38;}
.schedule_table_mob table .box_wrap ul li.class09{ background-color: #cccccc;}
.schedule_table_mob table .prev_class .box_wrap ul li.class01{ background-color: #333 !important;} 
.schedule_table_mob table .prev_class .box_wrap ul li.class02{ background-color: #333 !important;}
.schedule_table_mob table .prev_class .box_wrap ul li.class03{ background-color: #333 !important;} 
.schedule_table_mob table .prev_class .box_wrap ul li.class04{ background-color: #333 !important;}
.schedule_table_mob table .prev_class .box_wrap ul li.class05{ background-color: #333 !important;}
.schedule_table_mob table .prev_class .box_wrap ul li.class06{ background-color: #333 !important;}
.schedule_table_mob table .prev_class .box_wrap ul li.class07{ background-color: #333 !important;}
.schedule_table_mob table .prev_class .box_wrap ul li.class08{ background-color: #333 !important;}

.sub0501_wrap .mob_info_wrap{display: block; margin-top: 30px;}
.sub0501_wrap .mob_info_wrap .top{position:relative; display: flex; justify-content: center;}
.sub0501_wrap .mob_info_wrap .tit{position:relative; display: flex; align-items: flex-end; }
.sub0501_wrap .mob_info_wrap .tit em{display: block; line-height: 1; font-size: 20px; font-weight: 900; color:#fff; margin-right: 8px;}
.sub0501_wrap .mob_info_wrap .tit span{display: block; line-height: 1; font-size:14px; font-weight: 700; color:#fff;padding-bottom: 2px;}
.sub0501_wrap .mob_info_wrap .top .arrow{position:absolute; display: flex; bottom: 0;}
.sub0501_wrap .mob_info_wrap .top .arrow em{display: block; line-height: 13px; font-size:12px; color:#666666; margin-right: 3px;}
.sub0501_wrap .mob_info_wrap .top .arrow span{display: block; line-height: 13px; font-size:12px; color:#666666;}
.sub0501_wrap .mob_info_wrap .top .prev{left: 0; padding-left: 16px; background: url(/img/month_prev_pc.png)center left no-repeat;}
.sub0501_wrap .mob_info_wrap .top .next{right: 0; padding-right: 16px; background: url(/img/month_next_pc.png)center right no-repeat;}
.sub0501_wrap .mob_info{margin-top: 20px; border-top:2px solid #fff;}
.sub0501_wrap .mob_info .time_wrap{position:relative; padding: 14px 10px 14px 55px; border-bottom: 1px solid #333333}
.sub0501_wrap .mob_info .time_wrap b{position:absolute; display: block; left: 0; top:14px; padding-left: 5px; color:#fff; line-height: 1; font-weight: 500; text-align: center;}
.sub0501_wrap .mob_info .time_wrap .class_box{position:relative; padding-left: 15px; margin-bottom: 8px;}
.sub0501_wrap .mob_info .time_wrap .class_box:last-child{margin-bottom: 0;}
.sub0501_wrap .mob_info .time_wrap .class_box:before{content: ''; position:absolute; left: 0; top: 2px; width: 7px; height: 7px; border-radius:50%;}
.sub0501_wrap .mob_info .time_wrap .class01:before{background-color: #C92E7B;}
.sub0501_wrap .mob_info .time_wrap .class02:before{background-color: #339af4;}
.sub0501_wrap .mob_info .time_wrap .class03:before{background-color: #EC261F;}
.sub0501_wrap .mob_info .time_wrap .class04:before{background-color: #5b02ff;}
.sub0501_wrap .mob_info .time_wrap .class05:before{background-color: #A9A9A9;}
.sub0501_wrap .mob_info .time_wrap .class06:before{background-color: #8B8000;}
.sub0501_wrap .mob_info .time_wrap .class07:before{background-color: #3eb14b;}
.sub0501_wrap .mob_info .time_wrap .class08:before{background-color: #f18f38;}
.sub0501_wrap .mob_info .time_wrap .class09:before{background-color: #cccccc;}
.sub0501_wrap .mob_info .time_wrap .class_box p{line-height: 1; font-size: 15px; font-weight: 500; color:#fff;}
.sub0501_wrap .mob_info .time_wrap .class_box p img{vertical-align: 2px; margin-right: 5px;}
.sub0501_wrap .mob_info .time_wrap .class_box span{display: block; line-height: 1; font-size: 12px; margin-top: 4px;}
.sub0501_wrap .mob_info .time_wrap .class01 span{color:#C92E7B}
.sub0501_wrap .mob_info .time_wrap .class02 span{color:#339af4}
.sub0501_wrap .mob_info .time_wrap .class03 span{color:#EC261F}
.sub0501_wrap .mob_info .time_wrap .class04 span{color:#5b02ff}
.sub0501_wrap .mob_info .time_wrap .class05 span{color:#A9A9A9}
.sub0501_wrap .mob_info .time_wrap .class06 span{color:#8B8000}
.sub0501_wrap .mob_info .time_wrap .class07 span{color:#3eb14b}
.sub0501_wrap .mob_info .time_wrap .class08 span{color:#f18f38}
.sub0501_wrap .mob_info .time_wrap .class09 span{color:#cccccc}
.sub0501_wrap .mob_info .time_wrap .class01{position:relative; padding-right: 50px;}
.sub0501_wrap .mob_info .time_wrap .class01 a{position:absolute; right: 0; top: 0;display: block; width:35px; height: 25px; border-radius:3px; background-color: #333333; text-align: center; line-height: 25px; font-size:12px; color:#fff; font-weight: 500;}


.sub0601_wrap{padding-top: 30px;}
.sub0601_wrap .card_list ul{display: flex; justify-content: space-between; flex-wrap: wrap; width:355px; max-width:100%; margin: 0 auto; margin-bottom: 20px; font-size: 0;}
.sub0601_wrap .card_list ul:last-child{margin-bottom: 0;}
.sub0601_wrap .card_list ul li{width: 100%; height: 151px; margin-top: 10px;}
.sub0601_wrap .card_list ul li:nth-child(-n + 2){margin-top: 10px;}
.sub0601_wrap .card_list ul li:first-child{margin-top: 0;}
.sub0601_wrap .card_list ul li.card01{background: url(../e_images/sub/sub0601_card01_mob.jpg)center right no-repeat #202326;}
.sub0601_wrap .card_list ul li.card02{background: url(../e_images/sub/sub0601_card02_mob.jpg)center right no-repeat #202326;}
.sub0601_wrap .card_list ul li.card03{background: url(../e_images/sub/sub0601_card03_mob.jpg)bottom center no-repeat #fff;}
.sub0601_wrap .card_list ul li.card04{background: url(../e_images/sub/sub0601_card04_mob.jpg)bottom center no-repeat #202326;}
.sub0601_wrap .card_list ul li.card05{background: url(../e_images/sub/sub0601_card05_mob.jpg)bottom left no-repeat #fff;}
.sub0601_wrap .card_list ul li.card06{background: url(../e_images/sub/sub0601_card06_mob.jpg)bottom left no-repeat #202326;}
.sub0601_wrap .card_list ul li.card07{background: url(../e_images/sub/sub0601_card07_mob.jpg)bottom center no-repeat #fff;}
.sub0601_wrap .card_list ul li.card08{background: url(../e_images/sub/sub0601_card08_mob.jpg)bottom center no-repeat #202326;}
.sub0601_wrap .card_list ul li a{position:relative; display: block; width:100%; height: 100%;}
.sub0601_wrap .card_list ul li .txt_type01 em{position:absolute; display: block; left:15px; top:10px; font-size: 55px; line-height: 1; font-weight: 700; color:#fff;}
.sub0601_wrap .card_list ul li .txt_type01 em span{position:Absolute; right:-58px; font-size: 13px; line-height: 1; color:#fff; font-weight: 700; top:41%; transform: translate(-50%)rotate(-90deg);}
.sub0601_wrap .card_list ul li .txt_type01 p{position:absolute; display: block; left: 15px; line-height: 1; bottom:22px; font-size:20px; color:#fff; font-weight: 700;}
.sub0601_wrap .card_list ul li .txt_type02{position:Absolute; right:15px; top:17px; text-align: right;}
.sub0601_wrap .card_list ul li .txt_type02 em{display: block; line-height: 1; font-size:18px; font-weight: 900; color:#000;}
.sub0601_wrap .card_list ul li .txt_type02 p{line-height: 1; font-size:15px; color:#000; font-weight: 900; margin-top: 6px;}
.sub0601_wrap .card_list ul li .txt_type02.white em{color:#fff}
.sub0601_wrap .card_list ul li .txt_type02.white p{color:#fff;}


.sub0601_form_wrap{padding-top:0px;}
.sub0601_form_wrap .top{display: block; align-items: center; padding: 20px 15px; border: 1px solid #333333;}
.sub0601_form_wrap .top .tit{width: 100%; padding-left: 0; padding-top: 40px;}
.sub0601_form_wrap .top .tit b{display: block; font-size: 14px; color:#fff; font-weight: 700; line-height: 1;}
.sub0601_form_wrap .top .tit .online_select{width:100%; margin-top: 10px;}
.sub0601_form_wrap .top .price{display: flex; align-items:center; width: 100%; border-left:none; border-top: 1px solid #333; min-height: auto; padding-top: 18px; margin-top: 20px;}
.sub0601_form_wrap .top .price em{display: block ;text-align: left; width:100%; line-height: 1; font-size:14px; color:#fff; font-weight: 700;}
.sub0601_form_wrap .con01{padding-bottom: 20px; margin-top: 30px; border-bottom: 1px solid #333;;}
.sub0601_form_wrap .con01 .tit{padding-bottom: 18px; border-bottom: 1px solid #fff;}
.sub0601_form_wrap .con01 .tit em{position:relative; display: block; padding-left: 18px; font-size: 15px; font-weight: 700; color:#fff;}
.sub0601_form_wrap .con01 .tit em:before{content: ''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con01 .tit em:after{content: ''; position:absolute; left: 5px; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con01 ul{margin-top: 20px; padding: 0 10px;}
.sub0601_form_wrap .con01 ul li{position:relative; padding-left: 55px; font-size:12px; color:#fff; margin-top: 12px; line-height: 16px; }
.sub0601_form_wrap .con01 ul li:first-child{margin-top: 0;}
.sub0601_form_wrap .con01 ul li span{position:absolute; display: block; left: 0; top: 0; font-size:12px; font-weight: 500; color:#666}
.sub0601_form_wrap .con02 .tit{padding-bottom: 18px; border-bottom: 1px solid #fff;}
.sub0601_form_wrap .con02 .tit em{position:relative; display: block; padding-left: 18px; font-size: 15px; font-weight: 700; color:#fff;}
.sub0601_form_wrap .con02 .tit em:before{content: ''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con02 .tit em:after{content: ''; position:absolute; left: 5px; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con02{padding-bottom: 20px; border-bottom: 1px solid #333; margin-top: 30px;}
.sub0601_form_wrap .con02 ul {margin-top: 20px; padding: 0 10px;}
.sub0601_form_wrap .con02 ul li{position:relative; display: block; padding-left: 80px;}
.sub0601_form_wrap .con02 ul li em{position:absolute; display: block; left: 0; font-size:12px; font-weight: 500; color:#666666; line-height:1.3; top:50%; transform:translateY(-50%);}
.sub0601_form_wrap .con02 ul li label{display: block; margin-right: 15px; margin-bottom:10px;}
.sub0601_form_wrap .con02 ul li label:last-child{margin-bottom:0;}
.sub0601_form_wrap .con02 ul li label input{position: absolute; left: -999em; width:1px; height:1px; }
.sub0601_form_wrap .con02 ul li label span{position:Relative; display: block; line-height: 1; font-size:12px; color:#fff; padding-left: 18px;}
.sub0601_form_wrap .con02 ul li label span:before{content:''; position:Absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:12px; height:12px; border:1px solid #fff; border-radius:50%;}
.sub0601_form_wrap .con02 ul li label input:checked + span:after{content:''; position:Absolute; left: 4px; top: 0; bottom: 0; margin: auto 0; width:4px; height:4px; background-color: #fff; border-radius:50%;}
.sub0601_form_wrap .submit{display: block; width:175px; height:40px; margin: 30px auto 0; border:1px solid #fff; line-height: 38px; text-align: center; font-size:12px; color:#fff; font-weight: 700;}


.sub0601_form_wrap .con03 .tit em{position:relative; display: block; padding-left: 18px; font-size: 15px; font-weight: 700; color:#fff; margin-bottom: 18px;}
.sub0601_form_wrap .con03 .tit em:before{content: ''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con03 .tit em:after{content: ''; position:absolute; left: 5px; top: 0; bottom: 0; margin: auto 0; width:2px; height: 13px; background-color: #fff;}
.sub0601_form_wrap .con03{margin-top: 30px;}
.sub0601_form_wrap .con03 p.txt01{font-size: 12px; color:#fff; line-height: 1.6; margin-bottom: 20px;}
.sub0601_form_wrap .con03 strong.tit01{display: block; font-size: 14px; color:#fff; line-height: 1.3; margin-bottom: 10px;}
.sub0601_form_wrap .con03 strong.tit01 span{display: block; font-size: 12px; color:#666; font-weight:500; }
.sub0601_form_wrap .con03 table{margin: 20px 0 10px;}
.sub0601_form_wrap .con03 .txt01 span{display:block; margin:0}

ul.dot_li li{position:relative; font-size:12px; color:#bbb; margin-bottom:10px; padding-left:15px;}	
ul.dot_li li:last-child{margin-bottom:0;}	
ul.dot_li li:before{position:absolute; display:block; width:4px; height:4px; border-radius:50%; content:""; background:#fff; top:10px; left:0; }	

table.sub_tbl01{width:100%; border-top:2px solid #fff; text-align:center;}	
table.sub_tbl01 tr{border-bottom:1px solid #333;}	
table.sub_tbl01 tr th{font-size:12px; color:#fff; border-right:1px solid #333; padding:10px 5px;}	
table.sub_tbl01 tr th:last-child{border-right:0;}	
table.sub_tbl01 tr td{font-size:12px; color:#bbb; border-right:1px solid #333; padding:10px 5px;}	
table.sub_tbl01 tr td:last-child{border-right:0;}	


@keyframes cir {
	0 {
		width: 0; height: 0;
	}
	100% {
		width: 25px; height: 25px;
	}
}

}/* end */