/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(../font/NotoSansKR-Thin.woff2) format('woff2'), 
      url(../font/NotoSansKR-Thin.woff) format('woff'), 
      url(../font/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../font/NotoSansKR-Light.woff2) format('woff2'), 
      url(../font/NotoSansKR-Light.woff) format('woff'), 
      url(../font/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../font/NotoSansKR-Regular.woff2) format('woff2'), 
        url(../font/NotoSansKR-Regular.woff) format('woff'), 
        url(../font/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../font/NotoSansKR-Medium.woff2) format('woff2'), 
        url(../font/NotoSansKR-Medium.woff) format('woff'), 
        url(../font/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../font/NotoSansKR-Bold.woff2) format('woff2'), 
        url(../font/NotoSansKR-Bold.woff) format('woff'), 
        url(../font/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(../font/NotoSansKR-Black.woff2) format('woff2'), 
        url(../font/NotoSansKR-Black.woff) format('woff'), 
        url(../font/NotoSansKR-Black.otf) format('opentype'); 
 }
@font-face { 
  font-family: 'NanumBarunGothic'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../font/NanumBarunGothicLight.woff) format('woff'), 
        url(../font/NanumBarunGothicLight.eot) format('eot'), 
        url(../font/NanumBarunGothicLight.otf) format('opentype'); 
 }
@font-face { 
  font-family: 'NanumBarunGothic'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../font/NanumBarunGothic.woff) format('woff'), 
        url(../font/NanumBarunGothic.eot) format('eot'), 
        url(../font/NanumBarunGothic.otf) format('opentype'); 
 }
 @font-face { 
  font-family: 'NanumBarunGothic'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../font/NanumBarunGothicBold.woff) format('woff'), 
        url(../font/NanumBarunGothicBold.eot) format('eot'), 
        url(../font/NanumBarunGothicBold.otf) format('opentype'); 
 }
 @font-face {
	font-family: 'GrotExBold';
	src: url(../font/GrotExBold.otf) format('opentype');
	font-weight: 700;
	font-display: swap;
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.6; font-family: 'NanumBarunGothic'; color:#555;} 
input, select, textarea, button{vertical-align:middle; }
button#classbutton{
	width: 100px;
    height: 28px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    background-color: rgb(1, 1, 1);
    color: rgb(255, 255, 255);
    -webkit-box-align: center;
    align-items: center;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
	border-radius: 14px;
	}

#badge {
  top: -35px;
  right: -13px;
  padding: 2px 4px;
  border-radius: 70%;
  background-color: white;
  color: black;
}


#myInput {
  background-image: url('/img/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  padding: 12px 20px 12px 40px; /* Add some padding */
  display: block;
  width: 100%;
  height: 45px;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  color: #fff;
  border-bottom: 1px solid #444444;
  background-color: #000;
  outline: 0;
  margin-bottom: 12px; /* Add some space below the input */
}

#myInputMob {
  background-image: url('/img/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  padding: 12px 20px 12px 40px; /* Add some padding */
  display: block;
  width: 100%;
  height: 45px;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  color: #fff;
  border-bottom: 1px solid #444444;
  background-color: #000;
  outline: 0;
  margin-bottom: 12px; /* Add some space below the input */
}

#pc_filter {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}

#mobile_filter {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}

.guestinfo {
	width: calc(100% - 200px);
	float: right;
}

.guesthint {
	display: flex;
	align-items: center;
	width: 200px;
	border-left: 1px solid #333;
	margin-top: 37px;
}

.guesthint em{
	text-align: center;
	width: 100%;
	color: #fff;
	font-weight: 700;
}

.quantity {
	background-color: black;
	border: black;
	color: white;
	width: 210px;
	border-color: #444;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-style: dotted;
}

.cost {
	background-color: black;
	border: black;
	color: white;
	width: 85px;
}

.updatequantity{
	display: block; 
	width:250px; 
	height:60px; 
	margin: 20px auto 0; 
	border:1px solid #fff; 
	line-height: 58px; 
	text-align: center; 
	font-size:16px; 
	color:#fff; 
	font-weight: 700;
}

.request{
	display: block;
    width: 100px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.request1{
    width: 100px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.shoppingcart {
	display: none;
}

em#price_txt {
	font-size: 20px;
	color: white;
}

.bundlediscount {
	position: relative;
  display: inline-block;
}

.bundlediscount .bundletooltiptext{
  visibility: hidden;
  width: 150px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.bundlediscount .bundletooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.bundlediscount:hover .bundletooltiptext {
  visibility: visible;
  opacity: 1;
}

.goldmemberdiscount {
	position: relative;
  display: inline-block;
}

.goldmemberdiscount .goldmembertiptext{
  visibility: hidden;
  width: 150px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.goldmemberdiscount .goldmembertiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.goldmemberdiscount:hover .goldmembertiptext {
  visibility: visible;
  opacity: 1;
}

.classeligibleexplain {
	position: relative;
	display: inline-block;
}

.classeligibleexplain .classeligibletext{
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -225px;
  opacity: 0;
  transition: opacity 0.3s;
}

.classeligibleexplain .classeligibletext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: 95px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.classeligibleexplain:hover .classeligibletext {
  visibility: visible;
  opacity: 1;
}

.userclasseligibleexplain {
	position: relative;
	display: inline-block;
}

.userclasseligibleexplain .userclasseligibletext{
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 140%;
  opacity: 0;
  transition: opacity 1s;
}

.userclasseligibleexplain .userclasseligibletext::after {
  content: "";
  position: absolute;
  top: 10px;
  left: -9px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent white transparent transparent;
}

.userclasseligibleexplain:hover .userclasseligibletext {
  visibility: visible;
  opacity: 1;
}

.classtransfereexplain {
	position: relative;
	display: inline-block;
}

.classtransfereexplain .classtransfereexplaintext{
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 140%;
  opacity: 0;
  transition: opacity 1s;
  font-weight:normal;
}

.classtransfereexplain .classtransfereexplaintext::after {
  content: "";
  position: absolute;
  top: 13px;
  right: -9px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent white ;
}

.classtransfereexplain:hover .classtransfereexplaintext {
  visibility: visible;
  opacity: 1;
}

.billing {
    width: 670px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.col-50 {
	float: left;
}

.col-70 {
	float: left;
    margin-left: 60px;
}


.card {
    width: 670px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.payment {
    width: 335px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.checkin {
    width: 670px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
	margin-top: -10px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
	margin-left: 10px;
}

.new_join {
	margin-top: 110px;
}

.orderdetail{
	margin-top: 30px;
	border: 1px solid #333;
	width: 370px;
	background-color: #3b3b3b;
}

.tableorderdetail{
	width: 350px; 
	margin: 10px;
}

.couponcode{
	margin-top: 30px;
	border: 1px solid #333;
	width: 370px;
	background-color: #3b3b3b;
}

.tablecouponcode{
	width: 350px; 
	margin: 10px;
}

.giftcardcode{
	margin-top: 30px;
	border: 1px solid #333;
	width: 370px;
	background-color: #3b3b3b;
}

.tablegiftcardcode{
	width: 350px; 
	margin: 10px;
}

.classcredit{
	margin-top: 30px;
	border: 1px solid #333;
	width: 370px;
	background-color: #3b3b3b;
}

.tableclasscredit{
	width: 350px; 
	margin: 10px;
}

.classpass{
	margin-top: 30px;
	border: 1px solid #333;
	width: 370px;
	background-color: #3b3b3b;
}

.tableclasspass{
	width: 350px; 
	margin: 10px;
}

.tit .caption {
	padding-bottom: 20px;
	padding-top: 18px;
	text-align: right;
	color: white;
}

.tit p.caption span{color:#e01c1c}

.tit .guestcaption {
	padding-bottom: 20px;
	padding-top: 18px;
	text-align: right;
	color: white;
}

.tit p.guestcaption span{color:#e01c1c}

.embed-container { 
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden; 
max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed 
{ position: absolute;
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

.embed-youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  z-index: 0;
}
.embed-youtube img {
  width: 100%;
  top: -16.84%;
  left: 0;
  opacity: 0.7;
}
.embed-youtube .embed-youtube-play {
  width: 68px;
  height: 48px;
  background-color: #333;
  box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.embed-youtube .embed-youtube-play:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}
.embed-youtube img,
.embed-youtube .embed-youtube-play {
  cursor: pointer;
}
.embed-youtube img,
.embed-youtube iframe,
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  position: absolute;
}
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
}
.embed-youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.embed-youtube .embed-youtube-play:hover {
  background-color: #f00;
}

.tox-promotion {
	display: none;
}

.mce-content-body {
    background: #black;
}

.samename {
    margin-left: 10px;
}

button#mobileclassbutton{	
	width: 95px;
	height: 28px;
	padding: 5px 10px;
	border: 0px none;
	border-radius: 14px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	/*display: flex; */
	-moz-box-align: center;
	align-items: center;
}

#popup {display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 800px;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


@media screen and (max-width:1000px) {
	#badge {
	  top: -10px;
	  right: 13px;
	  padding: 2px 4px;
	  border-radius: 70%;
	  background-color: white;
	  color: black;
	}
	
	.col-70 {
	margin-top: 0px;
    margin-left: 0px;
	}
	
	.billing {
    width: 320px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.card {
    width: 320px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.payment {
    width: 320px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    margin-top: 40px;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.checkin {
    width: 320px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.request{
	display: block;
    width: 80px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.orderdetail{
	margin-top: 30px;
	border: 1px solid #333;
	width: 100%;
	background-color: #3b3b3b;
}

.tableorderdetail{
	width: 95%; 
	margin: 10px;
}

.couponcode{
	margin-top: 30px;
	border: 1px solid #333;
	width: 100%;
	background-color: #3b3b3b;
}

.tablecouponcode{
	width: 350px; 
	margin: 10px;
}

.giftcardcode{
	margin-top: 30px;
	border: 1px solid #333;
	width: 100%;
	background-color: #3b3b3b;
}

.tablegiftcardcode{
	width: 350px; 
	margin: 10px;
}

.classcredit{
	margin-top: 30px;
	border: 1px solid #333;
	width: 100%;
	background-color: #3b3b3b;
}

.tableclasscredit{
	width: 340px; 
	margin: 10px;
}

.classpass{
	margin-top: 30px;
	border: 1px solid #333;
	width: 100%;
	background-color: #3b3b3b;
}

.tableclasspass{
	width: 340px; 
	margin: 10px;
}

.guestinfocontainer{
	display: flex;
    flex-direction: column;
}

.guestinfo{
	order:2;
}

.guesthint{
	order:1;
	margin-top: 37px;
	height: auto !important;
	display: block;
	border-left:none;
}

.checkin {
    width: 340px;
    background-color: black;
    border-bottom-color: #555;
    color: white;
    height: 44px;
    border-block-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
	margin-top: 25px;
	margin-left: -50px;
	font-size: 12px;
}

.lisamename {
	width: 340px;
	margin-left: -60px;
}

.samename {
	margin-left: 0px;
}

.tit .guestcaption {
	font-size:12px;
	padding-top: 18px;
	text-align: left;
	color: white;
	padding-bottom: 0px;
}

.tit p.guestcaption span{color:#e01c1c}

#adminaddclasses {
  width: 30.62% !important;
  padding-right: 0px !important;
}

#class-type {
  height: 30px !important;
}

}

@media screen and (max-width: 767px) {
.sub0501_wrap .mob_info .time_wrap d {
    padding-left: 5px;
    color: #fff;
    line-height: 1;
    font-weight: 500;
	float: right;
	margin-top: 10px;
}

}

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; 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:40px; 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:40px; 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:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; 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:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.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:15px; 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:15px; 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:47.27%;}
.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 50px; background-color:#000; font-size:60px; color:#fff; font-weight: 700; z-index: 10;}
.new_login_wrap .new_login{display: flex; margin-top: 110px; font-size: 0;}
.new_login_wrap .new_login .con01{position:relative; width:50%; padding: 10px 60px 10px 0;}
.new_login_wrap .new_login .con01:before{content:''; position:absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #fff;}
.new_login_wrap .new_login .con01 em{display: block; padding-bottom: 40px; font-size:25px; color:#fff; font-weight: 500; line-height: 1; border-bottom:2px solid #fff;}
.new_login_wrap .new_login .con01 .input_box{margin-top: 40px;}
.new_login_wrap .new_login .con01 .input_box input{display: block; width:100%; height:60px; border: none; background-color: #222; padding: 0 20px; margin-top: 20px; color:#fff;}
.new_login_wrap .new_login .con01 .input_box input::placeholder {font-size:14px; color:#888;}
.new_login_wrap .new_login .con01 .input_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#888;}
.new_login_wrap .new_login .con01 .input_box input::-moz-placeholder { /* Firefox 19+ */font-size:14px; 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: 20px;}
.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: 29px; font-size:15px; 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: 15px; height: 15px; 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: 40px; height: 60px; text-align: center; line-height: 58px; font-size:18px; font-weight: 700; color:#fff; border: 1px solid #888888;}
.new_login_wrap .new_login .con02{width:50%; padding-left:60px; padding-top: 10px;}
.new_login_wrap .new_login .con02 .box{margin-top: 40px;}
.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:25px; font-weight: 500; color:#fff}
.new_login_wrap .new_login .con02 .box p{font-size:15px; color:#888888; margin-top: 35px;}
.new_login_wrap .new_login .con02 .box a{display: block; width:100%; margin-top:25px; height: 60px; text-align: center; line-height: 58px; font-size:18px; font-weight: 700; color:#fff; border: 1px solid #888888;}


/*회원가입 스킨*/
/* .inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}
 */

.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 50px; background-color:#000; font-size:60px; color:#fff; font-weight: 700; z-index: 10;}
.new_join_wrap .new_join{margin-top: 110px; font-size: 0;}
.new_join_wrap .new_join .con01{position:relative; width:100%;}
.new_join_wrap .new_join .con01 em{display: block; padding-bottom: 35px; font-size:25px; color:#fff; font-weight: 500; line-height: 1; border-bottom:1px solid #fff;}
.new_join_wrap .new_join .con01 .txt_wrap{margin-top: 40px; background-color: #222222;  height:300px; overflow-y:auto;}
.new_join_wrap .new_join .con01 .txt_wrap .txt{padding: 20px 20px; font-size: 15px; color:#888888; line-height: 25px;}
.new_join_wrap .new_join .con01 .agreement{text-align: right; margin-top: 20px;}
.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: 25px; font-size:15px; color:#fff;}
.new_join_wrap .new_join .con01 .agreement span:before{content:''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; 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: 50px;}
.new_join_wrap .new_join .submit{display: block; width:250px; height: 60px; border: 1px solid #fff; text-align: center; font-size:16px; color:#fff; background-color: #000; font-weight: 700; margin:75px 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 50px; background-color:#000; font-size:60px; color:#fff; font-weight: 700; z-index: 10;}
.join_form_wrap p.caption{text-align: right; line-height: 1; font-size:15px; color:#fff; margin-top: 100px;}
.join_form_wrap p.caption span{color:#e01c1c}
.join_form_wrap .join_form{display: flex; justify-content: space-between; flex-wrap: wrap; align-items:flex-start; padding: 50px 0; border-top:2px solid #fff; border-bottom:1px solid #fff; margin-top: 20px;}
.join_form_wrap .join_form .form_box{position:relative; width:48%;  margin-top: 47px;}
.join_form_wrap .join_form .form_box:nth-child(-n + 2){margin-top:0;}
.join_form_wrap .join_form .form_box{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width:48%;}
.join_form_wrap .join_form .form_box03{width:24%; margin-left: 4%;}
.join_form_wrap .join_form .form_box > em{display: block; width:100%; line-height: 1; font-size:16px; font-weight: 500; color:#fff; margin-bottom: 10px;}
.join_form_wrap .join_form .form_box input{display: block; width:100%; height: 45px; 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: 40px; 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: 40px;}
.join_form_wrap .join_form .form_box > label:last-child{margin-right: 0;}
.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: 45px; font-size:15px; color:#fff; padding-left: 20px;}
.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:55px; line-height:1; font-size:15px; font-weight: 500; color:#fff; text-align: center; outline:0; }
.join_form_wrap .join_form .form_box02 input{display: block;width: calc((100% - 55px)/2); height: 45px; 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% - 55px)/2); outline:0; }
.join_form_wrap .join_form .form_box04 input{width: 32%;}
.join_form_wrap .join_form .form_box .post_search{position:absolute; display:block; top: 27px; right: 0; padding-left: 27px; color:#fff; font-size: 14px; line-height: 45px; background: url(../e_images/sub/post_search_pc.png) left center no-repeat;}
.join_form_wrap .join_form .form_box.address_detail input{margin-top: 72px;}
.join_form_wrap .submit{display: block; width:250px; height: 60px; border: 1px solid #fff; text-align: center; font-size:16px; color:#fff; background-color: #000; font-weight: 700; margin:60px auto 0; cursor:pointer}
.join_form_wrap input::placeholder{font-size:15px; color:#666;}
.join_form_wrap input::-webkit-input-placeholder{font-size:15px; color:#666;}
.join_form_wrap input:-ms-input-placeholder{font-size:15px; 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:100px; }
.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 50px; background-color:#000; font-size:60px; color:#fff; font-weight: 700; z-index: 10;}
.member_guide_wrap > p{font-size:15px; color:#888; padding-left:10px; margin-bottom:15px;}
.member_guide_wrap h4.member_guide_tit{font-size:17px; color:#fff; font-weight:500; margin-top:30px; }
.member_guide_wrap .guide_type1{padding-left:10px; margin-top:20px; }
.member_guide_wrap .guide_type1 > li{margin-bottom:15px;  font-size:15px; color:#888;}
.member_guide_wrap .guide_type2{padding-left:15px; margin-top:5px; }
.member_guide_wrap .guide_type2 > li{margin-bottom:5px; font-size:15px; color:#888;}
.member_guide_wrap .guide_type2 > li p{padding-left:10px; }

.center{text-align:center;}

.pc_img{display:block;}
.tab_img{display:none;}
.mob_img{display:none;}
.pc{display:block;}
.tab{display:none;}
.mob{display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 1920px; min-width:100%; margin: 0 auto; overflow: hidden; word-break:keep-all; transition:all 0.3s ease-in-out;}
.inner{width:1400px; margin: 0 auto; max-width:100%;}
.inner_none{width:100%; margin: 0 auto; max-width:100%;}

/* header */
/* #header { position:fixed; left:0; right:0; top:30px; z-index:1000;} */
/* #header::before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:14px; background:rgba(255,255,255,.8);} */
#header { position:absolute; left:0; right:0; top:0; transition:all 0.3s ease-in-out; z-index:1000;}
#header .inner{position:Relative; /* width:1817px; */ width: 100%; padding: 0 43px;  height: 90px;}
/* #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: 43px; top : 0; bottom: 0; margin: auto 0; width:140px; height: 31px; transition:.5s;}
#header h1 a{display: block; width: 100%; height: 100%; }
#header h1 a .pc_img{width:90px;}

.gnb_wrap{position:absolute; display: flex; align-items: center; left:50%; bottom: 0; transform: translateX(-50%); width: max-content; height: 100%; padding: 15px 0;}
.gnb_wrap .gnb{ display:flex; align-items:center;}
.gnb_wrap .gnb > li{position:relative; margin-right: 50px;}
.gnb_wrap .gnb > li:last-child{margin-right: 0;}
.gnb_wrap .gnb > li > a{display:block; font-size:17px; color:#fff; line-height: 60px; font-weight:700; text-align:center; letter-spacing:0.2px;}
.gnb_wrap .gnb > li ul{position:absolute; display: none; left: -20px; top: 100%; background: #000; padding: 20px;}
.gnb_wrap .gnb > li ul li a{display: block; font-size: 16px; color:#fff; font-weight: 500; line-height: 35px;}
.header_link{position:Absolute; display: flex; align-items: center; right:43px; height: 100%; top: -2px;}
.header_link a ~ a { margin-left:20px;}
.header_link .header_insta { display:block; width:14px; height:14px; background:url(/img/header_ico_insta_pc.png) center no-repeat; background-size:100% auto;}
.header_link .header_youtube { display:block; width:19px; height:14px; background:url(/img/youtube_icon.png) center no-repeat;  background-size:100% auto;}
.header_link .header_facebook { display:block; width:19px; height:14px; background:url(/img/facebook_icon.png) center no-repeat;  background-size:100% auto;}
.header_link .header_twitter { display:block; width:19px; height:14px; background:url(/img/twitter_icon.png) center no-repeat;  background-size:100% auto;}
.header_link .header_tiktok { display:block; width:19px; height:18px; background:url(/img/tiktok_icon.png) center no-repeat;  background-size:100% auto;}
.gnb_shop{display: flex; margin-left: 70px;;}
.gnb_shop a{display: block; font-size: 16px; color:#fff; font-weight: 500; line-height: 60px; margin-right: 30px;}
.gnb_shop a:last-child{margin-right: 0;}
#header .nav_btn{display: none;}
/* #header .header_menu { display:flex; align-items:center; width:50%;}
#header .academy_menu { justify-content:flex-end;}
#header .gnb { display:flex; align-items:center; justify-content:center; width:100%;}
#header .academy_menu .gnb { position:relative; left:-44px;}
#header .gnb > li { padding:30px 25px;}
#header .gnb > li > a { display:block; font-size:18px; color:#fff; font-weight:700; text-align:center; letter-spacing:0.2px;}
#header .header_link { display:flex; justify-content:center; align-items:center;}
#header .header_link a ~ a { margin-left:20px;}
#header .header_link a.header_insta { display:block; width:23px; height:23px; background:url(/images/main/header_ico_insta_pc.png) center no-repeat; background-size:100% auto;}
#header .header_link a.header_youtube { display:block; width:25px; height:18px; background:url(/images/main/header_ico_youtube_pc.png) center no-repeat;  background-size:100% auto;}
#header .ygx_menu .header_link { margin-top:20px; transition:.5s;}
#header .academy_menu .header_link { margin-top:4px; transition:.5s;}
#header .nav_btn { display:none;}
#header .ygx_menu .gnb { position:relative; left:30px;} */

/* header event */
#header.top { position:fixed; left:0; right:0; top:0; padding:0; transition:all 0.3s ease-in-out;}
/* #header.top .ygx_wrap h1 a { width:154px;}
#header.top .academy_wrap h1 a { width:45px;}
#header.top .ygx_wrap { display:flex; align-items:center;}
#header.top .academy_wrap { display:flex; flex-direction:row-reverse; align-items:center;}
#header.top .ygx_wrap .header_link { margin-top:0; margin-left:30px;}
#header.top .academy_wrap .header_link { margin-top:0; margin-right:30px;} */


/* navigation */
.navigation { display:none;}

/* visual_wrap */
#visual_wrap { position:relative; height:100vh;}
#visual_wrap::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; background:url(../e_images/main/main_bgk_pc.png) right top no-repeat;}
#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 { position:fixed; right:0; top:53%; transform:translateY(-50%); z-index:990; width:80px; border-radius:10px 0 0 10px; background:rgba(0,0,0,.5);}
.quick_menu ul { padding:15px 0;}
.quick_menu ul li { margin-bottom:1px; width:100%; height: 65px;}
.quick_menu ul li a { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:100%; text-align:center; line-height:1;}
.quick_menu ul li a strong { display:block; margin-top:6px; width:100%; font-size:12px; color:#fff; font-weight:400;}
.quick_menu ul li:nth-child(3) { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:65px; text-align:center; line-height:1;}
.quick_menu ul li:nth-child(3) strong { display:flex; justify-content:center; align-items:center; margin-top:6px; width:100%; font-size:12px; color:#fff; font-weight:400;}
.quick_menu ul li:nth-child(3) strong a { display:block; width:auto; position:relative; font-size:12px; color:#fff; padding:0 5px;}
.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:34px; line-height:1; z-index: 1000;}
#footer .inner {position:relative;  width:100%; padding:0 43px;}
#footer p{font-size:12px; color:#fff;  line-height:23px; margin-bottom:10px;}
#footer p em{padding-right: 10px; font-weight: 600;}
#footer p span{display: inline-block; background-color: white; color: black; padding-left: 5px; padding-right: 5px;}
#footer address { font-size:12px; color:rgba(255,255,255,.6);  line-height:23px;}
#footer address span { background-color: white; color: black; padding-left: 5px; width: 139px; display: inherit;}
#footer address em span { padding-right: 5px; padding-top: 2px; padding-bottom: 2px;}
#footer address em { padding-right:10px; font-weight:600;}
#footer address i { padding-right:25px;}
#footer address i:nth-of-type(1) { padding-right:15px;}

#footer .foot_menu {position:absolute; right:43px; top:50%; transform:translateY(-50%);}
#footer .foot_menu a{display:inline-block; font-size:13px; 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: 139px; background-color: #000;}
#wrap.sub_wrap.top{padding-top: 89px;}
#header.sub_header { position:absolute; left:0; top:0; padding:25px 0; background:#000; transition:all 0.3s ease-in-out;}
#header.sub_header .gnb > li > a { font-size:17px;}
#header.sub_header .ygx_menu .gnb { position:relative; left:30px;}
/* header event */
#header.sub_header.top { position:fixed; top:0; padding:0; transition:all 0.3s ease-in-out;}
#header.sub_header.top .ygx_wrap h1 a { width:154px;}
#header.sub_header.top .academy_wrap h1 a { width:45px;}
#header.sub_header.top .ygx_wrap { display:flex; align-items:center;}
#header.sub_header.top .academy_wrap { display:flex; flex-direction:row-reverse; align-items:center;}
#header.sub_header.top .ygx_wrap .header_link { margin-top:0; margin-left:30px;}
#header.sub_header.top .academy_wrap .header_link { margin-top:0; margin-right:30px;}

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

#sub_contents { min-height:100vh;background:#000; padding:100px 0 120px 0;}


/* mypage */
.mypage_wrap .con01{padding-top: 80px;}
.mypage_wrap .sub_tab_wrap{font-size: 0; text-align: center; margin-bottom:80px;}
.mypage_wrap .sub_tab_wrap li{display: inline-block; font-size: 16px; font-weight: 400; color: #888; width: 19.2%; border-bottom: 1px solid #333; cursor: pointer; vertical-align:bottom; margin-right:1%; padding-bottom:20px;}
.mypage_wrap .sub_tab_wrap li.on{display: inline-block; font-size: 16px; font-weight: 500; color: #fff; width: 19.2%; border-bottom: 2px solid #fff; padding-bottom:20px;}
.mypage_wrap .sub_tab_wrap li:last-child{margin-right:0;}

.pc_tbl{display:table;}
.mob_tbl{display:none;}
.pc_search{display:block !important;}
.mob_search{display:none !important;}
#pc_filter{display:flex !important;}
#mobile_filter{display:none !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:20px 10px; color:#fff;}
.sub_tbl01 tr td{padding:20px 10px; color:#eee;}
.sub_tbl01 tr td.tbl_tit01{text-align:left;}
.sub_tbl01 a.tbl_btn01{display:block; width:80%; max-width:120px; height:25px; line-height:25px; color:#fff; font-size:13px;  background:#555; border-radius:2px; margin:0 auto; margin-top:5px;}


/* sub0101 */
.sub0101 { width:100%; height:100%; text-align: center;}
.sub0101 .bg_img { position:absolute; right:0; top:215px;}
.sub0101 .sub0101_tit { padding-top:25px; line-height:1;}
.sub0101 .sub0101_tit strong { display:block; font-size:95px; color:#fff; font-weight:700;}
.sub0101 .sub0101_tit p { position:relative; margin-top:25px; font-size: 45px; color:#fff; font-weight:700; padding-left:12px;}
/* .sub0101 .sub0101_tit p::after { content:''; position:absolute; left:12px; bottom:-110px; width:1px; height:60px; background:rgba(255,255,255,.4);} */
.sub0101 .sub0101_tit strong span { margin:0 18px 0 30px; color: #000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,1px 1px 0 #fff;}
.sub0101 .sub0101_tit p span {margin-right:3px;  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:80px;padding-left:0;}
.sub0101 .sub0101_txt p { font-size:17px; color:#fff; line-height:36px;}
.sub0101 .sub0101_txt p i { display:block; height:20px;}
.sub0101_img01 { padding-top:110px ;}


.contop{padding-bottom: 65px; border-bottom: 1px solid rgba(255,255,255,0.2)}
.contop h3{line-height: 1; font-size: 45px; font-weight: 700; color:#fff; text-align:center;}
/* .artist_list{padding-top: 80px;} */
.artist_list ul{display: flex; flex-wrap: wrap; font-size:0; margin-top: 70px;}
.artist_list ul:first-child{margin-top: 0;}
.artist_list ul li{width: 22.85%; margin-right: 2.86%; margin-top: 70px; opacity: 0; transition:1s;}
.artist_list ul li:nth-child(4n){margin-right: 0;}
.artist_list ul li:nth-child(-n + 4){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:25px; font-weight: 700; color:#fff; left: 0; bottom: -12px; transition:all ease-in-out 0.3s; z-index: 10;}
.artist_list ul li .txt{position:absolute; left: 0; bottom: 0; width: 100%; height:72px; 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: 13px; color:#fff; line-height: 72px; padding: 0 18px 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:9px; height: 9px;}
.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:58px}
.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 span{display: block; line-height: 1; text-align: center; font-size:15px; color:#fff; font-weight: 500; margin-top:27px;}
.artist_list ul.on li:nth-child(2){transition-delay:0.2s}
.artist_list ul.on li:nth-child(3){transition-delay:0.6s}
.artist_list ul.on li:nth-child(4){transition-delay:0.4s}
.artist_list ul.on li:nth-child(5){transition-delay:0.8s}
.artist_list ul.on li:nth-child(6){transition-delay:1.2s}
.artist_list ul.on li:nth-child(7){transition-delay:1s}
.artist_list ul.on li:nth-child(8){transition-delay:1.4s}
.artist_list ul.on li:nth-child(9){transition-delay:1.8s}
.artist_list ul.on li:nth-child(10){transition-delay:1.6s}
.artist_list ul.on li:nth-child(11){transition-delay:2.2s}
.artist_list ul.on li:nth-child(12){transition-delay:2s}
.artist_list ul.on li{opacity: 1;}

html.open{overflow: hidden;}
body.open{overflow: hidden;}
.artist_view_wrap{position:fixed; display: none; background-color: #000; left: 0; top: 0; width: 100%; height: 100%; padding-top: 249px; 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: 89px;}
.artist_view_wrap .loading .icon{position:Absolute; left: 0; top: 0; bottom: 0; right: 0; margin :auto; width: 273px; height: 60px; }
.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.png)center bottom no-repeat;}
.artist_view_wrap .loading.on .icon:after{height:100%; transition:1s;}
/* .artist_view_wrap .loading .txt{display: flex; width:100; height: 100%; justify-content: center; align-items: center;}
.artist_view_wrap .loading .txt span{display: block; line-height: 1; color:#fff; font-size: 20px;} */
.view_tit{position:fixed; left: 0; top: 89px; width: 100%; background-color: #000; padding-bottom: 55px; 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:20px; color:#fff; font-weight: 500;}
.view_tit em{position:relative; display: inline-block; font-size: 65px; margin-top: 20px; color:#fff; font-weight: 700; padding-right: 58px; line-height: 1;}
/*.view_tit em a{position:absolute; display: block; right: 0; bottom: 0; width:40px; height: 40px; background: url(/e_images/sub/view_tit_icon_pc.png)center no-repeat;}*/
.view_tit .back{position:absolute; display: block; right: 0; bottom:0; line-height: 1; font-size: 18px; color:#fff; padding-right: 25px; background: url(../e_images/sub/view_back_pc.png)center right no-repeat;}
.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: 60px 0;}
.artist_view .view_con_wrap .inner{display: flex;}
.artist_view .view_con01{width:40.71%;}
.artist_view .view_con01 .txt01 p{display: block; line-height: 1; font-size:17px; color:#fff; font-weight: 500; margin-top: 18px;}
.artist_view .view_con01 .txt01 p:first-child{margin-top: 0; position:relative; display:inline-block; padding-right:30px;}
.artist_view .view_con01 .txt01 p:first-child a{position:absolute; display: block; right: 0; bottom: -1px; width:20px; height: 20px; background: url(../img/projects/view_tit_icon_pc.png)center no-repeat; background-size:100%;}
.artist_view .view_con01 .txt02{margin-top: 50px;}
.artist_view .view_con01 .txt02 p{font-size:14px; color:#bbbbbb; line-height: 30px;}
.artist_view .view_con01 .txt02 a{display: inline-block; line-height: 1; margin-top: 30px; font-size:15px; color:#bbbbbb}
.artist_view .view_con02{width: 59.29%;}
.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/playpc.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: flex; flex-direction:row-reverse; align-items: center; margin-top: 40px;}
.artist_view .view_con02 .small_slider{width:calc(100% - 430px);}
.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; width: 430px; font-size: 0; padding-left: 20px;}
.artist_view .view_con02 .bot .arrow .prev{display: block;}
.artist_view .view_con02 .bot .arrow .line{display: block; 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: 60px; padding-bottom: 60px;}
.artist_view .list_slider_wrap{position:relative; }
.artist_view .list_slider_wrap .swiper-button-prev{position:absolute; top:0; bottom: 0; left:-64px; margin: auto 0; width:24px; height: 46px; background: url(/img/prevarrowpc.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: 0; right:-64px; margin: auto 0; width:24px; height: 46px; background: url(/img/nextarrowpc.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:30px; font-weight: 700; color:#fff; left: 0; bottom: -12px; 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:72px; 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: 15px; color:#fff; line-height: 72px; padding: 0 18px 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:9px; height: 9px;}
.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:58px}
.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 span{display: block; line-height: 1; text-align: center; font-size:15px; color:#fff; font-weight: 500; margin-top:27px;}

#wrap.sub_wrap.layer{padding-top: 89px;}
#header.sub_header.layer { position:fixed; top:0; padding:0; transition:all 0.3s ease-in-out;}
#header.sub_header.layer .ygx_wrap h1 a { width:154px;}
#header.sub_header.layer .academy_wrap h1 a { width:45px;}
#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:30px;}
#header.sub_header.layer .academy_wrap .header_link { margin-top:0; margin-right:30px;}


.sub0301_wrap .con01{/* padding: 150px 0 85px; */ padding: 0 0 85px;}
.sub0301_wrap .con01 em{display: block; line-height:1; font-size:65px; color:#000; font-weight: 700; -webkit-text-stroke: 1px #fff; text-align: center;}
.sub0301_wrap .con01 p{font-size:45px; color:#fff; font-weight: 700; line-height:1; margin-top: 40px; text-align: center;}
.sub0301_wrap .con02{ margin-top: 78px; font-size: 0; /* background:url(/e_images/sub/sub0301_bg01.png) no-repeat 96%; */}
.sub0301_wrap .con02 .inner{display: flex; justify-content: center;}
.sub0301_wrap .con02 .form_wrap{display: flex; justify-content: space-between; flex-wrap: wrap; width:calc(100% - 400px);}
.sub0301_wrap .con02 .form_wrap .form_box{ margin-top: 40px;}
.sub0301_wrap .con02 .form_wrap .form_box:first-child{margin-top:0;}
.sub0301_wrap .con02 .form_wrap .form_box00{width:100%; height:45px; border-bottom: 1px solid #444444;}
.sub0301_wrap .con02 .form_wrap .form_box00 select{display: block;width:100%; height: 45px; 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: 45px; border-bottom: 1px solid #444444; color:#fff; font-size:15px; line-height: 44px; 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: 15px 20px; background-color: #000; border: 1px solid #333333; overflow-y:scroll; z-index: 100; max-height: 300px; -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: 15px;width:100%; color:#fff; line-height: 20px;}
.online_select02{width:30.62%;}
.online_select03{width: calc((100% - 55px)/2);}
.online_select.country_sel ul li label{position:relative; padding-left: 30px;}
.online_select.country_sel ul li label img{position:absolute; left: 0; top: 3px;}

.sub0301_wrap .con02 .form_wrap .form_box01{width:48%; height:45px; 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:48%; height:45px;}
.sub0301_wrap .con02 .form_wrap .form_box02 select{display: block;width:30.62%; height: 45px; 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:55px; line-height:1; font-size:15px; font-weight: 500; color:#fff; text-align: center; outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box03 input{display: block;width: calc((100% - 55px)/2); height: 45px; 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% - 55px)/2); outline:0; }
.sub0301_wrap .con02 .form_wrap .form_box04{width:100%; height:45px; 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: 0; bottom: 0; line-height:45px; padding-right: 20px; font-size:14px; color:#fff; background: url(../e_images/sub/sub0301_more_pc.png)center right no-repeat; cursor:pointer;}
.sub0301_wrap .con02 .form_wrap .form_box04 label p{width:100%; height: 100%; font-size: 15px; color:#666666; line-height: 45px;}
.sub0301_wrap .con02 .form_wrap .form_box05{width:100%; height:150px; border-bottom: 1px solid #444444; margin-top: 50px;}
.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: 250px; height: 60px; border: 1px solid #fff; margin: 0 auto; margin-top: 60px; text-align: center; }
.sub0301_wrap .con02 .submit span{display: inline-block; line-height:58px; font-size: 15px; font-weight: 700; color:#fff; padding-right: 50px; background: url(../e_images/sub/sub0301_submit_pc.png)center right no-repeat;}
.sub0301_wrap .con02 .address_wrap{width:400px; padding-left: 143px; padding-top: 16px;}
.sub0301_wrap .con02 .address_wrap ul li{margin-top: 35px;}
.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:16px; font-weight: 700; color:#666666;}
.sub0301_wrap .con02 .address_wrap ul li em{display: block; font-size:16px; color:#fff; line-height: 22px; margin-top: 13px;}
.sub0301_wrap .con02 .address_wrap p{font-size:14px; line-height: 24px; color:#aaaaaa; margin-top: 30px;}
.sub0301_wrap input::placeholder{font-size:15px; color:#666;}
.sub0301_wrap input::-webkit-input-placeholder{font-size:15px; color:#666;}
.sub0301_wrap input:-ms-input-placeholder{font-size:15px; color:#666;}
.sub0301_wrap textarea::placeholder{font-size:15px; color:#666;}
.sub0301_wrap textarea::-webkit-input-placeholder{font-size:15px; color:#666;}
.sub0301_wrap textarea:-ms-input-placeholder{font-size:15px; color:#666;}
.sub0301_wrap select{-webkit-appearance: none; -moz-appearance: none;appearance: none; background: url(../e_images/sub/sub0301_arrow_pc.png)center right no-repeat #000;}
.sub0301_wrap select::-ms-expand {display: none;}


.sub0401_wrap .txt01{width: calc(100% - 46.42%); padding-left: 50px;}
.sub0401_wrap .txt01 b{/* display: block; */ line-height: 1; font-size:50px; color:#0050e3; font-weight: 700;}
.sub0401_wrap .txt01 .class_txt{display: flex; align-items: center; margin-top: 15px;}
.sub0401_wrap .txt01 .class_txt em{display: block; line-height: 1; font-size: 50px; color:#fff; font-weight: 700; /* margin-left: 6px; */}
.sub0401_wrap .txt01 p{font-size:25px; color:#fff; line-height: 1.5; margin-top: 15px;}
.sub0401_wrap .txt01 span{display: block; line-height: 1; font-size:16px; color:#aaa; margin-top: 55px;}
.sub0401_wrap .txt02 .class_txt{display: flex; align-items: center;}
.sub0401_wrap .txt02 .class_txt em{display: block; line-height: 1; font-size: 50px; color:#fff; font-weight: 700; /* margin-left: 6px; */}
.sub0401_wrap .txt02 .class_txt b{/* display: block; */ line-height: 1; font-size:50px; color:#66D642; /* margin-left: 20px; */ align-self:flex-end; font-weight: 700;}
.sub0401_wrap .txt02 p{font-size:25px; color:#fff; line-height: 1; margin-top: 15px;}
.sub0401_wrap .txt02 span{display: block; line-height: 1; font-size:16px; color:#aaa; margin-top: 55px;}
.sub0401_wrap .txt02 span i{display: inline-block; font-style: normal; font-size: 16px; line-height: 1; color:#fff; margin-right: 15px;}
.sub0401_wrap .con01{position:relative; padding: 80px 0; font-size: 0}
.sub0401_wrap .con01 .box{display: flex; align-items: flex-end; margin-bottom:60px;}
.sub0401_wrap .con01 .box:last-child{margin-bottom:0;}
/* .sub0401_wrap .con01:after{content:''; position:absolute; 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: 46.42%;}
.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(/img/playpc.png)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: right; margin: 60px 0;}
.sub0401_wrap .con01 .box02 .txt01{padding-right: 50px; padding-left: 0;}
.sub0401_wrap .con01 .box01 .txt01 b{color:#EC261F; font-weight: 700;}
.sub0401_wrap .con01 .box01 .txt01 b.color01{color:#FC9226;}
.sub0401_wrap .con01 .box01 .txt01 b.color02{color:#1CA4FC;}
.sub0401_wrap .con01 .box02 .txt01 .class_txt{justify-content: flex-end;}
.sub0401_wrap .con02{position:relative; padding: 80px 0 0; font-size: 0}
/* .sub0401_wrap .con02:after{content:''; position:absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: url(/e_images/sub/sub0401_line01_pc.png)left bottom repeat-x;} */

.sub0401_wrap .con02_new{padding: 55px 0 0; font-size: 0;}
.sub0401_wrap .con02_new ul{position:relative; display: flex;;}
.sub0401_wrap .con02_new ul:before{content: ''; position:absolute; left: 50%; transform: translateX(-50%); width:3000px; height:1px; bottom: 272px; background: url(../e_images/sub/sub0401_line02_pc.png)left bottom repeat-x; }
.sub0401_wrap .con02_new ul:after{content: ''; position:absolute; left: 50%; transform: translateX(-50%); width:0; height:1px; bottom: 272px; background:#fff;animation: line 4.0s  infinite alternate ease-in-out;}
.sub0401_wrap .con02_new ul li{display: flex; align-items: flex-end; padding: 0 25px; width: 25%;}
.sub0401_wrap .con02_new ul li .txt{position:relative; display: flex; align-items: center; width: 100%; justify-content:center;min-height: 198px;  border-radius:10px; border:1px solid #9b9b9b; padding: 20px 10px;}
.sub0401_wrap .con02_new ul li .txt p{font-size: 16px; line-height: 26px; color:#fff; text-align: center;}
.sub0401_wrap .con02_new ul li .txt:after{content:''; position:Absolute; left: 0; right: 0; margin: 0 auto;  top: 100%; width: 1px; height: 74px; background-color: #9b9b9b;}
.sub0401_wrap .con02_new ul li .txt .circle{position:Absolute; width: 11px; height:11px; border-radius:50%; left: 0; right: 0; margin: 0 auto; top:calc(100% + 70px); 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: 348px;}
.sub0401_wrap .con02_new ul li:nth-child(odd){padding-top: 350px; }
.sub0401_wrap .con02_new ul li:nth-child(odd) .txt:after{top: auto; bottom: 100%}
.sub0401_wrap .con02_new ul li:nth-child(odd) .circle{top: auto; bottom: calc(100% + 70px)}
.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:175px;}
.sub0401_wrap .con03 .txt02 .class_txt b{color:#A9A9A9}
.sub0401_wrap .con04{padding: 55px 0 0; font-size: 0;}
.sub0401_wrap .con04 ul{position:relative; display: flex;;}
.sub0401_wrap .con04 ul:before{content: ''; position:absolute; left: 50%; transform: translateX(-50%); width:3000px; height:1px; bottom: 219px; background: url(../e_images/sub/sub0401_line02_pc.png)left bottom repeat-x; }
.sub0401_wrap .con04 ul:after{content: ''; position:absolute; left: 50%; transform: translateX(-50%); width:0; height:1px; bottom: 219px; background:#fff;animation: line 4.0s  infinite alternate ease-in-out;}
.sub0401_wrap .con04 ul li{display: flex; align-items: flex-end; padding: 0 25px; width: 25%;}
.sub0401_wrap .con04 ul li .txt{position:relative; display: flex; align-items: center; width: 100%; justify-content:center;min-height: 146px;  border-radius:10px; border:1px solid #9b9b9b; padding: 20px 10px;}
.sub0401_wrap .con04 ul li .txt p{font-size: 16px; line-height: 26px; color:#fff; text-align: center;}
.sub0401_wrap .con04 ul li .txt:after{content:''; position:Absolute; left: 0; right: 0; margin: 0 auto;  top: 100%; width: 1px; height: 74px; background-color: #9b9b9b;}
.sub0401_wrap .con04 ul li .txt .circle{position:Absolute; width: 11px; height:11px; border-radius:50%; left: 0; right: 0; margin: 0 auto; top:calc(100% + 70px); 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: 296px;}
.sub0401_wrap .con04 ul li:nth-child(odd){padding-top: 296px; }
.sub0401_wrap .con04 ul li:nth-child(odd) .txt:after{top: auto; bottom: 100%}
.sub0401_wrap .con04 ul li:nth-child(odd) .circle{top: auto; bottom: calc(100% + 70px)}
.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: 100px 0 120px; font-size: 0}
/* .sub0401_wrap .con02:after{content:''; position:absolute; 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(/img/playpc.png)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: 60px;}
.sub0401_wrap .con05 .txt02 p{line-height:1.5;}
.sub0401_wrap .con05 .txt02 .class_txt b{color:#C92E7B; display:block; line-height: 1; font-size:40px; margin-left: 20px; align-self:flex-end; font-weight: 700;}

/* .sub0501_wrap{padding-top: 80px;} */
.schedule_tit{position:relative; display: flex; justify-content: center; font-size:0;}
.schedule_tit em{display: block; line-height: 1; font-size: 45px; font-weight: 900; color:#fff; margin-right: 22px; }
.schedule_tit em:last-child{margin-right: 0;}
.schedule_tit .prev{position:absolute; display: flex; top: 0; left: 0; padding-left: 27px; background: url(/img/month_prev_pc.png)center left no-repeat;}
.schedule_tit .next{position:absolute; display: flex; top: 0; right: 0; padding-right: 27px; background: url(/img/month_next_pc.png)center right no-repeat;}
.schedule_tit a span{display: block; line-height: 50px; font-size: 19px; font-weight: 900; margin-right: 8px; color:#888888}
.schedule_tit a span:last-child{margin-right: 0;}
.schedule_category_pc{margin-top: 55px;} 
.schedule_category_pc ul{display: flex;justify-content: center; font-size: 0;}
.schedule_category_pc ul li.br {display: none;}
.schedule_category_pc ul li a{position:relative; display: block; padding: 0 20px; text-align: center; cursor:auto}
.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:last-child a:after{display: none;}
.schedule_category_pc ul li a span{position:relative; display: inline-block; line-height: 1; font-size:17px; color:#fff; font-weight: 500; padding-left: 25px;}
.schedule_category_pc ul li a span:before{content:'';position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; 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: none;}

.schedule_table_pc{margin-top: 60px;}
.schedule_table_pc table{width:100%; table-layout:fixed; }
.schedule_table_pc table th{height: 45px; font-size:14px; 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; height:220px;}
.schedule_table_pc table td.disable .box_wrap em{opacity: .3;}
.schedule_table_pc table .box_wrap{position:relative; padding: 20px; font-size: 0;}
.schedule_table_pc table .box_wrap em{display: block; font-size: 19px; 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: 13px; line-height: 1; color:#b11313; margin-top: 15px;}
.schedule_table_pc table .box_wrap ul{margin-top: 18px;}
.schedule_table_pc table .box_wrap ul li{position:relative; padding-left: 20px; 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: 5px; width: 10px; height: 10px; 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:13px; line-height:15px; border-radius:10px; padding: 2.5px 8px; background-color: #444444; color:#fff;}
.schedule_table_pc table .prev_class .box_wrap ul li.class01:before{ background-color: #333 !important;} 
.schedule_table_pc table .prev_class .box_wrap ul li.class02:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class03:before{ background-color: #333 !important;} 
.schedule_table_pc table .prev_class .box_wrap ul li.class04:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class05:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class06:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class07:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class08:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li.class09:before{ background-color: #333 !important;}
.schedule_table_pc table .prev_class .box_wrap ul li p{opacity: 0.4 !important;}

/* Box hover for sat */
@media screen and (max-width: 1900px) {
.schedule_table_pc table .box_wrap .sat.txt_wrap {position:absolute; display: none; left: -185%; top: -15px; width:300px; padding-left: 3px; z-index: 100;}
.schedule_table_pc table .box_wrap .txtsat{position:relative; padding: 29px 22px; background-color: #fff; border-radius:10px;}
.schedule_table_pc table .box_wrap .txtsat:before{content:''; position:absolute; right: -17px; top: 16px; width:18px; height: 22px; background: url(/img/txt_deco_right.png)center no-repeat; }
}

.schedule_table_pc table .box_wrap .txt_wrap {position:absolute; display: none; left: 112%; top: -15px; width:300px; padding-left: 3px; z-index: 100;}
.schedule_table_pc table .box_wrap .txt{position:relative; padding: 29px 22px; background-color: #fff; border-radius:10px;}
.schedule_table_pc table .box_wrap .txt:before{content:''; position:absolute; left: -17px; top: 16px; width:18px; height: 22px; background: url(/img/txt_deco.png)center no-repeat; }

/* Box hover for sat */
@media screen and (min-width: 1900px) {
.schedule_table_pc table .box_wrap .txtsat{position:relative; padding: 29px 22px; background-color: #fff; border-radius:10px;}
.schedule_table_pc table .box_wrap .txtsat:before{content:''; position:absolute; left: -17px; top: 16px; width:18px; height: 22px; background: url(/img/txt_deco.png)center no-repeat; } 
}

.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{font-size: 14px; color:#222; font-weight: 700; line-height: 1; margin-bottom: 14px; float: right; margin-top: 2px;}
.schedule_table_pc table .box_wrap .txt .class_box{position:relative; padding-left: 20px; margin-bottom: 6px;}
.schedule_table_pc table .box_wrap .txt .class_box:before{content:''; position:absolute; left: 0; width:10px; height: 10px; top: 4px; border-radius: 50%;}
.schedule_table_pc table .box_wrap .txt .class_box:last-child{margin-bottom: 0;}
/* New code for box_wrap */
.schedule_table_pc table .box_wrap .txt .class_box p{display: block; line-height: 18px; font-size:14px; color:#222; font-weight: 500; background-color: transparent; padding: 0px; opacity: 1 !important;}
p#tex-wrap{display: block; line-height: 18px; font-size:14px; color:#222; font-weight: 500;}
.schedule_table_pc table .box_wrap .txt .class_box p img{vertical-align: 3px; margin-right: 5px;}
.schedule_table_pc table .box_wrap .txt .class_box span{display: block; font-size:14px; line-height: 18px; margin-top: 6px;}
.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: 3px;}
.schedule_table_pc table .box_wrap .txt_wrap02 .txt:before{right:-17px; left: auto;  background: url(../e_images/sub/sub0501_txt_deco02.png)center no-repeat;}

.schedule_table_pc table .box_wrap .txt .class01{position:relative;}
.schedule_table_pc table .box_wrap .txt .class01 a{position:absolute; right: 0; top: 5px;display: block; width:40px; height: 30px; border-radius:3px; background-color: #333333; text-align: center; line-height: 30px; font-size:12px; color:#fff; font-weight: 500;}

/* Box hover for sat */
.schedule_table_pc table .box_wrap .txtsat .time_wrap{margin-top: 14px;}
.schedule_table_pc table .box_wrap .txtsat .time_wrap:first-child{margin-top: 0;}
.schedule_table_pc table .box_wrap .txtsat .time_wrap b{font-size: 14px; color:#222; font-weight: 700; line-height: 1; margin-bottom: 14px; float: right; margin-top: 2px;}
.schedule_table_pc table .box_wrap .txtsat .class_box{position:relative; padding-left: 20px; margin-bottom: 6px;}
.schedule_table_pc table .box_wrap .txtsat .class_box:before{content:''; position:absolute; left: 0; width:10px; height: 10px; top: 4px; border-radius: 50%;}
.schedule_table_pc table .box_wrap .txtsat .class_box:last-child{margin-bottom: 0;}
/* New code for box_wrap */
.schedule_table_pc table .box_wrap .txtsat .class_box p{display: block; line-height: 18px; font-size:14px; color:#222; font-weight: 500; background-color: transparent; padding: 0px; opacity: 1 !important;}
p#tex-wrap{display: block; line-height: 18px; font-size:14px; color:#222; font-weight: 500;}
.schedule_table_pc table .box_wrap .txtsat .class_box p img{vertical-align: 3px; margin-right: 5px;}
.schedule_table_pc table .box_wrap .txtsat .class_box span{display: block; font-size:14px; line-height: 18px; margin-top: 6px;}
.schedule_table_pc table .box_wrap .txtsat .class01:before{background-color: #C92E7B;}
.schedule_table_pc table .box_wrap .txtsat .class02:before{background-color: #339af4;}
.schedule_table_pc table .box_wrap .txtsat .class03:before{background-color: #EC261F;}
.schedule_table_pc table .box_wrap .txtsat .class04:before{background-color: #5b02ff;}
.schedule_table_pc table .box_wrap .txtsat .class05:before{background-color: #A9A9A9;}
.schedule_table_pc table .box_wrap .txtsat .class06:before{background-color: #8B8000;}
.schedule_table_pc table .box_wrap .txtsat .class07:before{background-color: #3eb14b;}
.schedule_table_pc table .box_wrap .txtsat .class08:before{background-color: #f18f38;}
.schedule_table_pc table .box_wrap .txtsat .class09:before{background-color: #cccccc;}
.schedule_table_pc table .box_wrap .txtsat .class01 span{color:#C92E7B;}
.schedule_table_pc table .box_wrap .txtsat .class02 span{color:#339af4;}
.schedule_table_pc table .box_wrap .txtsat .class03 span{color:#EC261F;}
.schedule_table_pc table .box_wrap .txtsat .class04 span{color:#5b02ff}
.schedule_table_pc table .box_wrap .txtsat .class05 span{color:#A9A9A9}
.schedule_table_pc table .box_wrap .txtsat .class06 span{color:#8B8000}
.schedule_table_pc table .box_wrap .txtsat .class07 span{color:#3eb14b}
.schedule_table_pc table .box_wrap .txtsat .class08 span{color:#f18f38}
.schedule_table_pc table .box_wrap .txtsat .class09 span{color:#cccccc}
.schedule_table_pc table .box_wrap .txt_wrapsat02{left: auto; right: 100%; padding-left: 0; padding-right: 3px;}
.schedule_table_pc table .box_wrap .txt_wrapsat02 .txtsat:before{right:-17px; left: auto;  background: url(../e_images/sub/sub0501_txt_deco02.png)center no-repeat;}

.schedule_table_pc table .box_wrap .txtsat .class01{position:relative;}
.schedule_table_pc table .box_wrap .txtsat .class01 a{position:absolute; right: 0; top: 5px;display: block; width:40px; height: 30px; border-radius:3px; background-color: #333333; text-align: center; line-height: 30px; font-size:12px; color:#fff; font-weight: 500;}
/* Box hover for sat */

.schedule_table_mob{display: none;}

.sub0501_wrap .mob_info_wrap{display: none;}

.sub0601_wrap {padding-top: 70px;}
.sub0601_wrap .card_list ul{display: flex; justify-content: space-between; flex-wrap: wrap; width:1160px; max-width:100%; margin: 0 auto; margin-bottom: 80px; font-size: 0;}
.sub0601_wrap .card_list ul:last-child{margin-bottom: 0;}
.sub0601_wrap .card_list ul li{width: calc((100% - 40px)/2); height: 300px; margin-top: 40px;}
.sub0601_wrap .card_list ul li:nth-child(-n + 2){margin-top: 0;}
.sub0601_wrap .card_list ul li.card01{background: url(../e_images/sub/sub0601_card01_pc.jpg)center right no-repeat #202326;}
.sub0601_wrap .card_list ul li.card02{background: url(../e_images/sub/sub0601_card02_pc.jpg)center right no-repeat #202326;}
.sub0601_wrap .card_list ul li.card03{background: url(../e_images/sub/sub0601_card03_pc.jpg)bottom center no-repeat #fff;}
.sub0601_wrap .card_list ul li.card04{background: url(../e_images/sub/sub0601_card04_pc.jpg)bottom center no-repeat #202326;}
.sub0601_wrap .card_list ul li.card05{background: url(../e_images/sub/sub0601_card05_pc.jpg)bottom left no-repeat #fff;}
.sub0601_wrap .card_list ul li.card06{background: url(../e_images/sub/sub0601_card06_pc.jpg)bottom left no-repeat #202326;}
.sub0601_wrap .card_list ul li.card07{background: url(../e_images/sub/sub0601_card07_pc.jpg)center right no-repeat #fff;}
.sub0601_wrap .card_list ul li.card08{background: url(../e_images/sub/sub0601_card08_pc.jpg)center right 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:30px; top:25px; font-size: 110px; line-height: 1; font-weight: 700; color:#fff;}
.sub0601_wrap .card_list ul li .txt_type01 em span{position:Absolute; right:-100px; font-size: 22px; line-height: 1; color:#fff; font-weight: 700; top:46%; transform: translate(-50%)rotate(-90deg);}
.sub0601_wrap .card_list ul li .txt_type01 p{position:absolute; display: block; left: 31px; line-height: 1; bottom:45px; font-size:32px; color:#fff; font-weight: 700;}
.sub0601_wrap .card_list ul li .txt_type02{position:Absolute; right:29px; top:35px; text-align: right;}
.sub0601_wrap .card_list ul li .txt_type02 em{display: block; line-height: 1; font-size:30px; font-weight: 900; color:#000;}
.sub0601_wrap .card_list ul li .txt_type02 p{line-height: 1; font-size:24px; color:#000; font-weight: 900; margin-top: 12px;}
.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_wrap .card_list ul li a:before{content:''; position:Absolute; left: 0; top: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); transition:0.3s;opacity: 0; z-index: 100;}
.sub0601_wrap .card_list ul li a:hover:before{opacity: 1;}
@media screen and (min-width:1025px) and (max-width:9999px) {
.sub0601_wrap .card_list ul li a:hover{ cursor : url('../e_images/sub/mouse_pointer.png') 50 95, url('../e_images/sub/mouse_pointer.png') 50 95, auto; }
}

.sub0601_form_wrap{padding-top:0px;}
.sub0601_form_wrap .top{display: flex; align-items: center; padding: 30px 0; border: 1px solid #333333;}
.sub0601_form_wrap .top .tit{width: 340px; padding-left: 40px;}
.sub0601_form_wrap .top .tit b{display: block; font-size: 20px; color:#fff; font-weight: 700; line-height: 1;}
.sub0601_form_wrap .top .tit .online_select{width:300px; margin-top: 10px;}
.sub0601_form_wrap .top .price{display: flex; align-items:center; width: 200px; border-left:1px solid #333; min-height: 90px;}
.sub0601_form_wrap .top .price em{display: block ;text-align: center; width:100%; line-height: 1; font-size:20px; color:#fff; font-weight: 700;}
.sub0601_form_wrap .con01{padding-bottom: 40px; margin-top: 60px; border-bottom: 1px solid #333;;}
.sub0601_form_wrap .con01 .tit{ border-bottom: 1px solid #fff;}
.sub0601_form_wrap .con01 .tit em{position:relative; display: block; padding-left: 32px; font-size: 25px; 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:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con01 .tit em:after{content: ''; position:absolute; left: 8px; top: 0; bottom: 0; margin: auto 0; width:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con01 ul{ padding: 0 20px;}
.sub0601_form_wrap .con01 ul li{position:relative; padding-left: 110px; font-size:16px; color:#fff; margin-top: 25px; line-height: 22px; }
.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:16px; font-weight: 500; color:#666}
.sub0601_form_wrap .con02 .tit{padding-bottom: 38px; border-bottom: 1px solid #fff; margin-bottom: 37px;}
.sub0601_form_wrap .con02 .tit em{position:relative; display: block; padding-left: 32px; font-size: 25px; 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:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con02 .tit em:after{content: ''; position:absolute; left: 8px; top: 0; bottom: 0; margin: auto 0; width:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con02{padding-bottom: 40px; margin-top: 60px;}
.sub0601_form_wrap .con02 ul {margin-top: 37px; padding: 0 20px;}
.sub0601_form_wrap .con02 ul li{position:relative; display: flex; padding-left: 200px;}
.sub0601_form_wrap .con02 ul li em{position:absolute; display: block; left: 0; font-size:16px; font-weight: 500; color:#666666; line-height: 1; top:0;}
.sub0601_form_wrap .con02 ul li label{display: block; margin-right: 40px;}
.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:15px; color:#fff; padding-left: 20px;}
.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:250px; height:60px; margin: 50px auto 0; border:1px solid #fff; line-height: 58px; text-align: center; font-size:16px; color:#fff; font-weight: 700;}

.sub0601_form_wrap .con03 .tit em{position:relative; display: block; padding-left: 32px; font-size: 25px; font-weight: 700; color:#fff; margin-bottom: 37px; }
.sub0601_form_wrap .con03 .tit em:before{content: ''; position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con03 .tit em:after{content: ''; position:absolute; left: 8px; top: 0; bottom: 0; margin: auto 0; width:4px; height: 25px; background-color: #fff;}
.sub0601_form_wrap .con03{margin-top: 60px;}
.sub0601_form_wrap .con03 p.txt01{font-size: 15px; color:#fff; line-height: 1.3; margin-bottom: 40px;}
.sub0601_form_wrap .con03 strong.tit01{display: block; font-size: 20px; color:#fff; line-height: 1.3; margin-bottom: 20px;}
.sub0601_form_wrap .con03 strong.tit01 span{ font-size: 15px; color:#666; font-weight:500; }
.sub0601_form_wrap .con03 table{margin: 40px 0 20px;}
.sub0601_form_wrap .con03 .txt01 span{display:block; margin:10px}

ul.dot_li li{position:relative; font-size:15px; 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{color:#fff; border-right:1px solid #333; padding:20px 10px;}	
table.sub_tbl01 tr th:last-child{border-right:0;}	
table.sub_tbl01 tr td{color:#bbb; border-right:1px solid #333; padding:20px 10px;}	
table.sub_tbl01 tr td:last-child{border-right:0;}	

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

@keyframes line {
	0 {
		width: 0; 
	}
	100% {
		width: 3000px;
	}
}


@media screen and (max-width:1600px) {
#header::before { left:50.8%;}
#header.top::before { left:52%;}
#header .inner { padding:0 30px;}
#header .academy_menu .gnb { position:relative; left:0;}
#header .ygx_menu .gnb { left:0;}
#header .gnb > li { padding:30px 10px;}
#header .gnb > li > a { display:block; font-size:15px; color:#fff; font-weight:700; text-align:center;}
#header.sub_header .gnb > li > a {  font-size:15px;}
#header::before { left:53%;}


}
/* @media screen and (max-width:1450px) {
#header .inner { padding:0 30px;}
#header .academy_menu .gnb { position:relative; left:0;}
#header .ygx_menu .gnb { left:0;}
#header .gnb > li { padding:30px 10px;}
#header .gnb > li > a { display:block; font-size:15px; color:#fff; font-weight:700; text-align:center;}
#header.sub_header .gnb > li > a {  font-size:15px;}
#header::before { left:53%;}
} */
@media screen and (max-width:1270px) {
#header::before { left:54%;}
#header .gnb > li > a { display:block; font-size:14px; color:#fff; font-weight:700; text-align:center;}
#header.sub_header .gnb > li > a {  font-size:14px;}
#header.top .ygx_wrap .header_link { margin-top:0; margin-left:10px;}
#header.top .academy_wrap .header_link { margin-top:0; margin-right:10px;}
#header.top::before { left:52%;}

#wrap.sub_wrap.layer{padding-top: 119px;}
.artist_view_wrap{ padding-top: 279px;}
.view_tit{top:119px;}
}
@media screen and (max-width:1040px) {
#header::before { left:54%;}
#header .gnb > li > a { display:block; font-size:14px; color:#fff; font-weight:700; text-align:center;}
#header.sub_header .gnb > li > a {  font-size:14px;}
}
@media screen and (max-width:1065px) {
#header .gnb > li { padding:30px 5px;}
}