/**공통**/
.subtop {height: 300px;display: flex;align-items: center;margin-bottom: 70px;}   
.subtop.sub01 {background-color: #FDC0C0;}
.subtop.sub02 {background-color: #E8D1FD;}
.subtop.sub03 {background-color: #DFF5F6;}
.subtop.sub04 {background-color: #FDD1D9;}
.subtop.sub05 {background-color: #FEF3D3;}
.subtop.sub06 {background-color: #FDC0C0;}

.subtop-title {position: relative;font-size: 50px;color: #000;padding-left: 100px;}
.subtop-title:before {position: absolute;left: -10px;top: 50%;content: "";width: 100px;height: 100px;background-repeat: no-repeat;background-position: center center;transform: translateY(-50%);}
.subtop-title.title01:before {background-image: url("/resources/img/sub/sub_emoticon1.svg");}
.subtop-title.title02:before {background-image: url("/resources/img/sub/sub_emoticon2.svg");}
.subtop-title.title03:before {background-image: url("/resources/img/sub/sub_emoticon3.svg");}
.subtop-title.title04:before {background-image: url("/resources/img/sub/sub_emoticon4.svg");}
.subtop-title.title05:before {background-image: url("/resources/img/sub/sub_emoticon5.svg");}
.subtop-text {font-size: 20px;font-weight: 400;color: #000;margin-top: 20px;font-family: "Pretendard";}
.subtop-img {position: absolute;right: 0;top: -40px;z-index: -1;}
.subtop.sub02 .subtop-img {top: -70px;}

.nav-menu-wrap {margin-bottom: 150px;}
.nav-menu {display: flex;gap: 14px;flex-wrap: wrap;align-items: center;position: relative;z-index: 10;}
.nav-menu li {padding: 18px 34px;background-color: #F8F8F8;border-radius: 30px;display: inline-flex;align-items: center;justify-content: center;}
.nav-menu li a {font-size: 18px;color: #ccc;text-align: center;position: relative;z-index: 2;}
.nav-menu li.on {background-color: #FA6161;}
.nav-menu li.on a {color: #fff;}

.menu-title {font-size: 40px;color: #000;margin-bottom: 70px;}
.pb230 {padding-bottom: 230px;}
/**공통**/

/**원작자**/
.authorship-wrap {background-color: #F3F3F3;padding-top: 150px;padding-bottom: 230px;}   
.authorship-cont {display: flex;justify-content: space-between;}
.authorship-left {width: 30%;}
.authorship-right {width: 52%;}
.authorship {font-size: 18px;color: #FA6161;margin-top: 30px;text-align: center;}
.authorship-name {font-size: 34px;color: #000;margin-top: 15px;text-align: center;}
.profile {display: flex;margin-bottom: 75px;margin-top: 40px;gap: 15px;align-items: center;}
.profile span {font-size: 34px;color: #000;}
.profile-info {font-size: 18px;font-weight: 500;color: #666;line-height: 1.66;font-family: "Pretendard";white-space: pre-line;}
.profile-info strong {font-weight: 700;color: #000;font-family: "Pretendard";font-size: 24px;}
/**원작자**/

/**역사**/
.box {background-color: #FEF3D3;padding: 165px 0;margin-bottom: 120px;}   
.box-df {display: flex;align-items: center;justify-content: space-around;}
.box-t1 {font-size: 24px;color: #FA6161;}
.box-t2 {font-size: 20px;color: #000;line-height: 1.5;font-family: "Pretendard";}

.tab-list {background-color: #F8F8F8;padding: 40px 20px;margin-bottom: 100px;border-radius: 40px;display: flex;align-items: center;justify-content: center;gap: 60px;}
.tab-link {font-size: 24px;color: #ccc;text-align: center;}
.tab-link.on {color: #FA6161;position: relative;z-index: 1;}
.tab-link.on:before {position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 50%;background-color: #FFED00;z-index: -1;}

.history li {padding: 50px 0;display: flex;gap: 70px;align-items: center;border-bottom: 2px dashed #ddd;}
.history li .hyear {font-size: 34px;color: #FA6161;}
.history li .hcont {font-size: 20px;color: #000;line-height: 1.5;font-family: "Pretendard";}

.history-wrap { display: none; }
.history-wrap.on { display: block; }
/**역사**/

/**qna**/
.qna-list li {margin-bottom: 40px;}
.qwrap {position: relative;padding: 35px 50px;border-radius: 40px;}
.qwrap.num1 {background-color: #FAAB5D;}
.qwrap.num2 {background-color: #85CFF5;}
.qwrap:after {position: absolute;right: 50px;top: 22px;content: "";width: 60px;height: 60px;background-repeat: no-repeat;background-position: center center;}
.qwrap.num1:after {background-image: url("/resources/img/sub/qna_arrow1.svg");}
.qwrap.num2:after {background-image: url("/resources/img/sub/qna_arrow2.svg");}
.qtit {font-size: 26px;color: #fff;position: relative;padding: 0 70px;display: block;}
.qtit:before {position: absolute;left: 0;top: -7px;content: "";width: 55px;height: 50px;background-repeat: no-repeat;background-position: center center;background-image: url("/resources/img/sub/title_head.svg");}
.awrap {background-color: #FEF3D3;padding: 40px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;display: none;}
.acont {background-color: #fff;border-radius: 40px;padding: 60px;}
.acont-tit {font-size: 24px;color: #FA6161;margin-bottom: 30px;}
.acont-txt {font-size: 20px;font-weight: 400;color: #000;line-height: 1.5;font-family: "Pretendard";}

.qna-list li.active .qwrap {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.qna-list li.active .qwrap:after {transform: rotate(180deg);}
.qna-list li.active .awrap {display: block;}
/**qna**/

/**캐릭터**/
.search-form {text-align: right;}
.seach-wrap {padding: 15px 30px;width: 350px;border: 2px solid #EFEFEF; border-radius: 30px;margin-bottom: 60px;display: inline-flex;align-items: center;gap: 10px;}
.seach-wrap input[type="text"] {width: 100%;height: 100%;border: none;outline: none;font-size: 18px;font-weight: 400;color: #999;font-family: "Pretendard";background-color: transparent;}
.search-btn {background-image: url("/resources/img/common/search_icon.svg");background-repeat: no-repeat;background-position: center center;width: 24px;height: 24px;border: none;outline: none;cursor: pointer;background-color: transparent;}
.character-list {display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 100px;column-gap: 28px;align-items: center;} 
.character-thumb {background-color: #F8F8F8;border-radius: 40px;overflow: hidden;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;padding: 20px;}
.character-thumb img {max-width: 100%;max-height: 100%;object-fit: contain;}
.character-kname {font-size: 28px;font-weight: 700;color: #000;font-family: "Pretendard";margin-top: 20px;}
.character-ename {font-size: 17px;font-weight: 700;color: #ccc;font-family: "Pretendard";margin-top: 10px;}
/**캐릭터**/

/**tv**/
.sub-flex {display: flex;justify-content: space-between;}
.sub-flex.gap {gap: 80px;justify-content: start;}
.sf-left {width: 41%;}
.sf-right {width: 50%;padding-top: 20px;}
.sf-t1 {font-size: 24px;color: #FA6161;margin-bottom: 30px;}
.sf-t2 {font-size: 20px;font-weight: 400;color: #000;font-family: "Pretendard";line-height: 1.5;margin-bottom: 50px;}
.icon-txt {display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 500;color: #000;font-family: "Pretendard";margin-bottom: 8px;}
.synopsis-wrap .sf-right {width: auto;flex: 1;}
.synopsis-wrap {padding-bottom: 150px;}   
.episode-wrap {padding: 200px 0;background-color: #F8F8F8;}
.synopsis-info {display: flex;margin-bottom: 20px;align-items: center;gap: 60px;}
.synopsis-info .info1 {font-size: 18px;font-weight: 700;color: #000;font-family: "Pretendard";flex-basis: 51px;}
.synopsis-info .info2 {font-size: 18px;font-weight: 400;color: #000;font-family: "Pretendard";}
.replay-box {padding: 40px 50px;background-color: #F8F8F8;border-radius: 40px;display: flex;align-items: center;gap: 20px;}
.replay-t1 {font-size: 18px;font-weight: 700;color: #000;font-family: "Pretendard";margin-bottom: 10px;display: flex;align-items: center;gap: 8px;}
.replay-t2 {font-size: 18px;font-weight: 400;color: #666;font-family: "Pretendard";line-height: 1.3;}

.episode-top {display: flex;gap: 15px;align-items: center;}
.episode-top span {font-size: 34px;color: #000;}
.episode-list {display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 50px;column-gap: 28px;}
.episode-item {overflow: hidden;}
.episode-thumb {border-top-left-radius: 40px;border-top-right-radius: 40px;overflow: hidden;}
.episode-thumb img {display: block;max-width: 100%;max-height: 100%;object-fit: cover;}
.episode-cont {background-color: #FFE774;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;padding: 30px;overflow: hidden;}
.episode-tit {font-size: 20px;color: #68350B;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.episode-date {font-size: 17px;font-weight: 700;color: #FA6161;font-family: "Pretendard";}
/**tv**/

/**유튜브**/
.youtube-box {background-color: #F3F3F3;border-radius: 70px;position: relative;padding: 100px 20px;margin-bottom: 150px;}
.youtube-box-in {max-width: 924px;margin: 0 auto;width: 100%;}
.youtube-big-thumb {position: relative;border-radius: 40px;overflow: hidden;z-index: 1;}
/* .youtube-big-thumb:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background-color: rgb(0 0 0 / 30%);z-index: 2;} */
.youtube-big-thumb img {display: block;max-width: 100%;max-height: 100%;object-fit: cover;}
.youtube-big-thumb iframe {display: block;aspect-ratio: 924 / 520;}
.youtube-t1 {font-size: 24px;font-weight: 700;color: #000;font-family: "Pretendard";margin-top: 40px;}
.youtube-t2 {font-size: 20px;font-weight: 400;color: #000;font-family: "Pretendard";line-height: 1.5;margin-top: 20px;margin-bottom: 70px;}
.play-btn {position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);}
.play-tit {padding: 40px;font-size: 24px;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 3;}
.youtube-box-img {position: absolute;left: 50px;bottom: 100px;z-index: 2;}

.youtube-slide-wrap {position: relative;padding: 0 80px;margin-bottom: 80px;}
.youtube-thumb {border-radius: 40px;overflow: hidden;margin-bottom: 30px;position: relative;z-index: 1;}
.youtube-thumb:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background-color: rgb(0 0 0 / 30%);z-index: 2;}
.youtube-thumb:after {position: absolute;left: 50%;top: 50%;content: "";width: 100%;height: 100%;z-index: 3;transform: translate(-50%, -50%);background-image: url("/resources/img/sub/play_btn.svg");background-repeat: no-repeat;background-position: center center;-webkit-background-size: 60px auto;background-size: 60px auto;}
.youtube-thumb img {display: block;max-width: 100%;max-height: 100%;object-fit: cover;}
.youtube-tit {font-size: 20px;color: #000;margin-bottom: 10px;}
.youtube-date {font-size: 17px;font-weight: 700;color: #ccc;font-family: "Pretendard";}
.yotube-nav {position: absolute;left: 0;top: 35%;width: 100%;transform: translateY(-50%);z-index: 10;display: flex;align-items: center;}
.yotube-nav .btn-nav.btn-prev {left: 0;}
.yotube-nav .btn-nav.btn-next {right: 0;}
/**유튜브**/

/**제품**/
.product-list {display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 80px;column-gap: 28px;align-items: center;} 
.product-thumb {border: 2px solid #EFEFEF;border-radius: 40px;overflow: hidden;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;padding: 20px;}
.product-thumb img {max-width: 100%;max-height: 100%;object-fit: contain;}
.prodcut-name {font-size: 20px;font-weight: 700;color: #000;font-family: "Pretendard";margin-top: 20px;}
/**제품**/

/**핫플**/
.hotplace-wrap {background-color: #F8F8F8;padding: 150px 0;} 
.hotplace-wrap.place2 {background-color: #fff;}

.hothistory-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;}   
.hothistory-img {border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top-left-radius: 40px;border-top-right-radius: 40px;overflow: hidden;aspect-ratio: 448 / 253;}
.hothistory-img img {display: block;object-fit: cover;height: 100%;width: 100%;}
.hothistory-cont {background-color: #FFE774;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;padding: 30px;overflow: hidden;}
.hothistory-t1 {font-size: 20px;color: #68350B;margin-bottom: 10px;}
.hothistory-t2 {font-size: 17px;font-weight: 700;color: #FA6161;font-family: "Pretendard";}
/**핫플**/

/**팝업**/
.popup {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 50%);z-index: 1002;display: none;}
.popup.on {display: flex;   align-items: center;justify-content: center;}
.pop-contain {max-width: 1200px;margin: 0 auto;width: 100%;padding: 0 30px;}
.pop-head {background-color: #85CFF5;padding: 35px 60px;border-top-left-radius: 40px;border-top-right-radius: 40px;display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.head-name {font-size: 28px;color: #fff;flex: 1;word-break: break-word;}
.pop-close {flex-shrink: 0;display: inline-flex;}
.pop-body {background-color: #fff;padding: 60px 60px 100px 60px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;display: flex;justify-content: space-between;}
.pop-img {border: 2px solid #EFEFEF;border-radius: 40px;overflow: hidden;display: flex;align-items: center;justify-content: center;    aspect-ratio: 1 / 1;width: 40%;}
.pop-img img {max-width: 100%;max-height: 100%;object-fit: contain;}
.pop-cont {width: 55%;padding-top: 20px;}
.pop-cont .name {font-size: 24px;color: #FA6161;}
.pop-cont .ename {font-size: 17px;font-weight: 700;color: #ccc;font-family: "Pretendard";margin-top: 15px;}
.pop-cont .txt {font-size: 20px;font-weight: 400;color: #000;font-family: "Pretendard";line-height: 1.5;}
.product-info {display: grid;grid-template-columns: 15% 85%;align-items: center;gap: 40px;margin-bottom: 20px;}
.product-info .info1 {font-size: 18px;font-weight: 700;color: #000;font-family: "Pretendard";}
.product-info .info2 {font-size: 18px;font-weight: 400;color: #000;font-family: "Pretendard";}
/**팝업**/


/**페이징**/
.page_wrap {text-align:center;margin-top: 90px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: inline-flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:18px; color:#000;font-weight: 700;border-radius: 50%;font-family: "Pretendard";}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #FA6161;color: #fff;}
/**페이징**/

/**게시판 상세**/
.view-tit-wrap {border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 40px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.view-tit {font-size: 20px;color: #000;display: flex;align-items: center;font-family: "Pretendard";font-weight: 700;}
.view-date {font-size: 16px;color: #666;align-self: center;font-family: "Pretendard";font-weight: 700;}
.view-con-wrap {padding: 40px 10px 100px 10px;border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.view-con,
.view-con p,
.view-con td,
.view-con span {word-break:keep-all;font-size: inherit;line-height: inherit;font-family: "Pretendard" !important;}
.list-btn {display: inline-flex; align-items: center;justify-content: center;background-color: #FA6161;font-size: 16px;color: #fff;border-radius: 40px;padding: 20px 50px;}
.list-btn:hover {background-color: #FC9090;}
.view-con .file {margin-bottom: 20px;}
.view-con .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.view-con .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}
.view-con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.view-con table {text-align: center !important;width: 100% !important;}
.view-con a {display: initial;}
/**게시판 상세**/

/**소식**/
.news-list {display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 40px;column-gap: 28px;}
.news-item {padding: 40px;border-radius: 40px;overflow: hidden;background-color: #F8F8F8;}
.news-date {font-size: 17px;color: #fff;padding: 12px 20px;background-color: #FAAB5D;border-radius: 30px;margin-bottom: 30px;display: inline-flex;justify-content: center;align-items: center;}
.news-date.date1 {background-color: #FAAB5D;}
.news-date.date2 {background-color: #85CFF5;}
.news-date.date3 {background-color: #FD69A9;}
.news-tit {font-size: 24px;color: #000;margin-bottom: 30px;font-family: "Pretendard";font-weight: 700;}
.news-thumb {border-radius: 20px;overflow: hidden;}
.news-thumb img {max-width: 100%;max-height: 100%;object-fit: contain;}
/**소식**/

.insta-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;}
.insta-item img {max-width: 100%;max-height: 100%;object-fit: contain;}

.privacy_txt { background-color: #F8F8F8; padding: 40px;border: 1px solid #ddd;}
.privacy_txt p{font-size:18px;color:#222222;line-height: 1.5;font-weight: 500;font-family: "Pretendard";}
.privacy_txt dl dt{font-weight:500;font-size:18px;color:#222222;margin-top:45px;margin-bottom:15px;line-height: 1.5;font-family: "Pretendard";}
.privacy_txt dl dd{font-size:18px;color:#222222;padding-left:20px;line-height: 1.5;font-family: "Pretendard";}
@media (max-width: 1920px) {
	.youtube-box-img {left: 20px;}
}

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {
	.youtube-box-img img {width: 250px;}
}
@media (max-width: 1499px) {
	.youtube-box-img img {width: 200px;}
}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.youtube-box-img {left: 0;}
	.youtube-box-img img {width: 170px;}
}
@media (max-width: 1259px) {
	.qtit {font-size: 22px;}
	.character-kname {font-size: 24px;}
}

@media (max-width: 1219px) {
	.subtop-title {font-size: 40px;}
	.menu-title {font-size: 30px;}
	.nav-menu-wrap {margin-bottom: 100px;}
	.news-date {font-size: 15px;}
	.news-tit {font-size: 20px;}
	.news-item {padding: 30px;}
	.hotplace-wrap {padding: 70px 0;}
	.sf-t1 {font-size: 22px;}
	.sf-t2 {font-size: 18px;}
	.icon-txt {font-size: 16px;}
	.hothistory-t1 {font-size: 16px;}
	.hothistory-t2 {font-size: 14px;}
	.hothistory-list {gap: 14px;}
	.tab-list {gap: 40px;}
	.tab-link {font-size: 20px;}
	.prodcut-name {font-size: 18px;}
	.head-name {font-size: 24px;}
	.pop-head {padding: 20px 30px;}
	.pop-body {padding: 30px 30px 70px 30px;}
	.pop-cont .name {font-size: 22px;}
	.pop-cont .txt {font-size: 18px;}
	.product-info .info1,.product-info .info2 {font-size: 16px;}
	.episode-top span {font-size: 30px;}
	.sub-flex.gap {gap: 40px;}
	.episode-tit {font-size: 16px;}
	.episode-date {font-size: 14px;}
	.youtube-box {padding: 50px 150px;margin-bottom: 70px;}
	.youtube-tit {font-size: 18px;}
	.play-tit {font-size: 20px;}
	.box-df {gap: 50px;}
	.box-t1 {font-size: 20px;}
	.box-t2 {font-size: 18px;}
	.history li .hyear {font-size: 28px;}
	.history li .hcont {font-size: 18px;}
	.authorship-left {width: 35%;}
	.profile {margin-bottom: 30px;}
	.profile span {font-size: 30px;}
	.authorship-name {font-size: 30px;}
}

@media (max-width: 991px) {
	.subtop-img {width: 50%;}
	.subtop-img img {max-width: 100%;margin: 0 auto; display: block;}
	.sub04 .subtop-img img {width: 300px;}
	.subtop-title {font-size: 30px;}
	.subtop-text {font-size: 18px;}
	.subtop {height: 250px;margin-bottom: 35px;}
	.nav-menu li a {font-size: 16px;}
	.nav-menu li {padding: 15px 30px;}
	.nav-menu-wrap {margin-bottom: 60px;}
	.menu-title {font-size: 25px;margin-bottom: 35px;}
	.pb230 {padding-bottom: 150px;}
	.insta-list {gap: 14px;}
	.news-date {font-size: 13px;margin-bottom: 15px;}
	.news-tit {font-size: 18px;margin-bottom: 15px;}
	.news-item {padding: 20px;}
	.news-list {row-gap: 20px; column-gap: 14px;}
	.sf-t1 {font-size: 20px;margin-bottom: 15px;}
	.sf-t2 {font-size: 16px;margin-bottom: 25px;}
	.icon-txt {font-size: 14px;}
	.tab-list {padding: 20px;margin-bottom: 50px;}
	.tab-list {gap: 30px;}
	.tab-link {font-size: 18px;}
	.product-list {row-gap: 40px;column-gap: 14px;}
	.prodcut-name {font-size: 16px;margin-top: 10px;}
	.head-name {font-size: 20px;}
	.pop-body {padding: 30px 30px 50px 30px;}
	.pop-cont .name {font-size: 20px;margin-bottom: 10px;}
	.pop-cont .txt {font-size: 16px;}
	.product-info .info1,.product-info .info2 {font-size: 14px;}
	.synopsis-wrap {padding-bottom: 70px;}
	.synopsis-info .info1 {font-size: 16px;}
	.synopsis-info .info2 {font-size: 16px;}
	.synopsis-info {gap: 30px;margin-bottom: 10px;}
	.replay-t2 {font-size: 16px;}
	.replay-t1 {font-size: 16px;}
	.replay-box {padding: 20px 30px;gap: 10px;}
	.sub-flex.gap {gap: 20px;}
	.episode-top span {font-size: 25px;}
	.episode-wrap {padding: 100px 0;}
	.episode-list {row-gap: 25px;column-gap: 14px;}
	.episode-cont {padding: 20px;}
	.page_wrap {margin-top: 45px;}
	.play-tit {font-size: 16px;padding: 20px;}
	.youtube-t1 {margin-top: 20px;margin-top: 20px;}
	.youtube-t2 {font-size: 16px;margin-top: 10px;margin-bottom: 35px;}
	.youtube-box-img img {width: 130px;}
    .youtube-box {padding: 50px 120px; margin-bottom: 50px;}
	.youtube-tit {font-size: 16px;}
	.youtube-date {font-size: 12px;}
	.qtit:before {width: 28px;height: 25px;-webkit-background-size: 28px auto;background-size: 28px auto;top: -2px;}
	.qtit {font-size: 18px;padding: 0 35px;}
	.qwrap {padding: 25px 20px;}
	.qna-list li {margin-bottom: 20px;}
	.qwrap:after {width: 30px;height: 30px;-webkit-background-size: 30px auto;background-size: 30px auto;top: 20px;right: 20px;}
	.awrap {padding: 20px;}
	.acont {padding: 30px;}
	.acont-tit {font-size: 20px;margin-bottom: 15px;}
	.acont-txt {font-size: 18px;}
	.character-kname {font-size: 20px;margin-top: 10px;}
	.character-ename {font-size: 15px;margin-top: 5px;}
	.character-list {row-gap: 50px;column-gap: 14px;}
	.seach-wrap input[type="text"] {font-size: 16px;}
	.seach-wrap {margin-bottom: 30px;}
	.pop-cont .ename {font-size: 15px;margin-top: 10px;}
	.box {padding: 80px 0;margin-bottom: 60px;}
	.box-t1 {font-size: 18px;}
	.box-t2 {font-size: 16px;}
	.history li {padding: 30px 0;gap: 30px;}
	.history li .hyear {font-size: 20px;}
	.history li .hcont {font-size: 16px;}
	.authorship-wrap {padding-top: 70px;padding-bottom: 100px;}
	.profile span {font-size: 25px;}
	.profile-info strong {font-size: 20px;}
	.profile-info {font-size: 16px;}
	.authorship {font-size: 16px;margin-top: 15px;}
	.authorship-name {font-size: 25px;}
	.authorship-left {width: 40%;}
	.youtube-slide-wrap {padding: 0 40px;margin-bottom: 40px;}
	.owl-dot {width: 8px;height: 8px;}
	.owl-dot.active {width: 25px;}
	.dotsCont {gap: 10px}
	.privacy_txt p,
	.privacy_txt dl dt,
	.privacy_txt dl dd{font-size:16px;}
	.hothistory-cont {padding: 20px;}
	.view-tit {font-size: 18px;}
}	

@media (max-width: 767px) {
	.subtop-title:before {width: 50px;height: 50px;-webkit-background-size: 50px auto;background-size: 50px auto;}
	.subtop-title {padding-left: 40px;font-size: 25px;}
	.subtop-text {font-size: 16px;margin-top: 10px;}
	.subtop {height: 200px;}
	.subtop-img {top: 60px;}
	.subtop.sub02 .subtop-img {top: 50px;}
	.sub04 .subtop-img img {width: 150px;}
	.nav-menu li a {font-size: 14px;}
	.nav-menu-wrap {margin-bottom: 30px;}
	.nav-menu li {padding: 15px 25px;}
	.menu-title {font-size: 20px;}
	.pb230 {padding-bottom: 100px;}
	.insta-list {grid-template-columns: repeat(2, 1fr);}
	.news-list {grid-template-columns: repeat(1, 1fr);}
	.news-date {font-size: 12px;padding: 7px 15px;}
	.news-tit {font-size: 16px;}
	.page_nation a {width: 25px;height: 25px;font-size: 12px;}
	.sub-flex {flex-direction: column;}
	.sf-left,.sf-right {width: 100%;}
	.sf-t1 {font-size: 18px;}
	.sf-t2 {font-size: 14px;}
	.icon-txt {font-size: 12px;}
	.icon-txt img {width: 20px;}
	.hothistory-list {grid-template-columns: repeat(1, 1fr);}
	.hothistory-t1 {font-size: 14px;}
	.hothistory-t2 {font-size: 12px;}
	.product-list {grid-template-columns: repeat(2, 1fr);}
	.tab-link {font-size: 14px;}
	.tab-list {gap: 20px;margin-bottom: 30px;}
	.pop-body {flex-direction: column;}
	.pop-img,.pop-cont {width: 100%;}
	.head-name {font-size: 18px;}
	.pop-close img {width: 25px;}
	.pop-body {padding: 20px 20px 40px 20px;}
	.pop-cont .name {font-size: 16px;}
	.pop-cont .txt {font-size: 14px;}
	.product-info {gap: 20px;margin-bottom: 10px;}
	.product-info .info1,.product-info .info2 {font-size: 12px;}
	.pop-contain {padding: 0 20px;}
	.pop-img {max-height: 200px;padding: 20px 0;}
	.synopsis-info .info1 {font-size: 14px;}
	.synopsis-info .info2 {font-size: 14px;}
	.synopsis-info {gap: 10px;}
	.replay-t2 {font-size: 14px;}
	.replay-t1 {font-size: 14px;}
	.sub-flex.gap {gap: 0;}
	.episode-list {grid-template-columns: repeat(1, 1fr);}
	.episode-tit {font-size: 14px;}
	.episode-date {font-size: 12px;}
	.youtube-box-img {bottom: 0;}
	.youtube-box {padding: 30px 30px;}
	.play-tit {font-size: 14px;}
	.play-btn img {width: 45px;}
	.youtube-t2 {font-size: 14px;}
	.youtube-t1 {font-size: 18px;}
 	.youtube-box-img img {width: 70px;}
	.qtit {font-size: 16px;}
	.acont-tit {font-size: 16px;margin-bottom: 10px;}
	.acont-txt {font-size: 14px;}
	.character-list {grid-template-columns: repeat(2, 1fr);}
	.seach-wrap input[type="text"] {font-size: 12px;}
	.seach-wrap {padding: 10px 20px;width: 200px;}
	.character-ename {font-size: 13px;}
	.character-kname {font-size: 16px;}
	.pop-cont .ename {font-size: 13px;}
	.box-t1 {font-size: 16px;}
	.box-t2 {font-size: 14px;}
	.history li .hyear {font-size: 18px;}
	.history li .hcont {font-size: 14px;}
	.history li {gap: 20px;}
	.history li {padding: 20px 0;}
	.box-t1 {font-size: 16px;}
	.box-t2 {font-size: 14px;}
	.box-df {gap: 20px;flex-direction: column;}
	.box {padding: 40px 0;}
	.authorship-cont {flex-direction: column;gap: 50px;}
	.authorship-left {width: 100%;}
	.authorship-right {width: 100%;}
	.authorship-name {font-size: 20px;margin-top: 10px;}
	.profile {margin-top: 0;margin-bottom: 0;gap: 10px;}
	.profile img {width: 27px;}
	.profile span {font-size: 18px;}
	.profile-info strong {font-size: 16px;}
	.profile-info {font-size: 14px;}
	.authorship {margin-top: 10px;}
	.youtube-slide-wrap {margin-bottom: 20px;}
	.youtube-thumb:after {-webkit-background-size: 45px auto;background-size: 45px auto;}
	.privacy_txt {padding: 20px;}
	.privacy_txt p, .privacy_txt dl dt, .privacy_txt dl dd {font-size: 14px;}
	.view-tit-wrap {padding: 20px 10px;}
	.view-tit {font-size: 16px;}
	.view-date {font-size: 13px;}
	.list-btn {font-size: 14px;padding: 15px 40px;}
	.view-con-wrap {padding: 20px 10px 50px 10px;}
	.view-con,
	.view-con p,
	.view-con td,
	.view-con span {font-size: 12px !important;}
}

@media (max-width: 320px) {
	.youtube-box-img img {width: 80px;}

}