@charset "utf-8";

/**
display
**/
.blind, .hide, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.of_h {overflow:hidden;}
.of_txt {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;}
.of_txt.line1 {-webkit-line-clamp:1;}
.of_txt.line2 {-webkit-line-clamp:2;}
.of_txt.line3 {-webkit-line-clamp:3;}
.of_txt.line4 {-webkit-line-clamp:4;}
.of_txt.line5 {-webkit-line-clamp:5;}
.clear {zoom:1;}
.clear:after {content:'';display:block;clear:both;}
.uppercase {text-transform:uppercase;}
.font_ko,
.font_en {font-family:'AritaDotum';word-break:keep-all !important;}
.font_zh {font-family:'Microsoft Yahei',微软雅黑,STXihei,华文细黑,SimHei,sans-serif;word-break:break-all !important;}
.font_ko .responsive_column_wrap .responsive_txt,
.font_en .responsive_column_wrap .responsive_txt{word-break:keep-all !important;}
.font_zh .responsive_column_wrap .responsive_txt{word-break:break-all !important;}
.uppercase {text-transform:uppercase;}
.v-row {display:table;width:100%;height:100%;}
.v-cell {display:table-cell;vertical-align:middle;}
.v-cell.va-t {vertical-align:top;}
.v-cell.va-b {vertical-align:bottom;}
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.fl_l {float:left;}
.fl_r {float:right;}
.onlyW {display:none !important}
.onlyW_1024 {display:none !important}

@media all and (min-width: 769px) {
	.onlyM {display:none !important}
	.onlyW {display:inline-block !important}
}


/**
Skip navigation
**/
.skipNavi {position:relative;z-index:9999;}
.skipNavi li {position:absolute;left:0;top:0;width:100%;}
.skipNavi li a {display:block;overflow:hidden;width:1px;height:1px;font-size:14px;}
.skipNavi li a:focus,
.skipNavi li a:active {width:100%;height:auto;padding:7px 0;text-align:center;color:#fff;border:1px solid #111;background:#015294;}


/**
Layout 공통
**/
/* wrap */
.ctySelect {display:block;width: calc( 100% - 15px );height:100%;}
.countryGateWrap {position:relative;width:69px;height:29px;border:1px solid #fff;cursor:pointer;transition-duration:.2s;}
.countryGateWrap.open {border-color:#eee;}
.countryGateWrap .triangle_down {position:absolute;right:9px;top:50%;width:11px;height:6px;margin-top:-3px;background:url('../images/common/toggle_arrow.png') no-repeat 0 0;transform:rotate(-180deg);transition:transform .3s;}
.countryGateWrap.open .triangle_down {transform:rotate(0);}
.nationFlagWrap {display:none;position:absolute;top:28px;left:-1px;width:69px;z-index:1001;text-align:left;background:transparent;}

.countryGateWrap.sns_wrap {width:125px;}/*추가*/
.sns_wrap .nationFlagWrap {width:125px;}/*추가*/

.nationFlagWrap .ctyListContainer {position:relative;border:1px solid #eee;border-top:0;background:#fff;}
.nationFlagWrap .ctyListContainer li {display:block;padding-left:15px;font-size:14px;line-height:28px;}
.nationFlagWrap .ctyListContainer li:hover {background:#eee;}
.nationFlagWrap .ctyListContainer li a {display:block;font-weight:400;font-size:14px;color:#999;}
.nationFlagWrap .ctyListContainer li a:hover {color:#111;}

@media all and (max-width: 768px) {

	.headerIn .logo {width:154px;height:100%;margin:0 auto;}
	.headerIn .logo a {display:block;height:43px;padding-top:14px;}
	.headerIn .logo a > img {width:100%;}
	.headerIn .btn_gnbToggle {display:block;position:absolute;z-index:500;left:16px;top:50%;width:18px;height:20px;margin-top:-10px;transition-duration:.3s;}
	.headerIn .btn_gnbToggle .bar {display:block;position:absolute;left:50%;top:50%;width:18px;height:2px;background:#222;transform:translate(-50%,-50%);}
	.headerIn .btn_gnbToggle .bar:before,
	.headerIn .btn_gnbToggle .bar:after {content:'';display:block;position:absolute;left:0;width:100%;height:2px;background:#222;}
	.headerIn .btn_gnbToggle .bar:before {top:-6px;}
	.headerIn .btn_gnbToggle .bar:after {top:6px;}
	.headerIn .btn_home {position:absolute;top:50%;left:50px;width:18px;height:18px;margin-top:-9px;background:url('../images/common/ico_home.png') no-repeat 0 0 / cover;transition-duration:.3s;}
	.headerIn .btn_srch {position:absolute;top:50%;right:16px;margin-top:-13px;transition-duration:.3s;}

	.sideNavi {overflow:hidden;position:fixed;z-index:1001;left:-100%;top:0;width:88%;height:100%;background-color:#fff;transform:translateX(-100%);transition:all .4s cubic-bezier(.215,.61,.355,1);}
	.sideNavi .btn_close {right:-29px;top:21px;opacity:0;transition:transform cubic-bezier(.7,0,.3,1);}
	#header.open .sideNavi {overflow:visible;left:0;transform:translateX(0);}
	#header.open .sideNavi .btn_close {opacity:1;transform:rotate(180deg);transition:.6s .4s;}
	.sideNavi .naviIn {position:relative;overflow:hidden;overflow-y:auto;padding:0 35px;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
	.sideNavi .inner {padding-bottom:60px;}
	.sideNavi .ctyM {margin-top:150px;}
	.sideNavi .ctyM li {display:inline-block;}
	.sideNavi .ctyM li a {position:relative;display:inline-block;padding:0 16px;font-size:16px;color:#999;}
	.sideNavi .ctyM li a:after {content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#ccc;}
	.sideNavi .ctyM li:first-child a {padding-left:0;}
	.sideNavi .ctyM li:first-child a:after {display:none}
	.sideNavi .ctyM li a:hover,
	.sideNavi .ctyM li a:focus,
	.sideNavi .ctyM li.on a {color:#111;}
	/*.sideNavi .ctyM {width:100%; display:flex; justify-content:space-between; align-items:flex-start; }*/
	/*gnb 수정(sns_아이콘 추가)*/
	.sideNavi .ctyM > div {display:flex; justify-content:flex-start; align-items:center;margin-top:20px;}
	.sideNavi .ctyM > div a {width:20px; height:20px; margin-right:20px; cursor:pointer;}
	.sideNavi .ctyM > div a.facebook {background:url('../images/common/foot_facebook.png') no-repeat center 0; background-size:20px 20px;}
	.sideNavi .ctyM > div a.insta {background:url('../images/common/foot_insta.png') no-repeat center 0; background-size:20px 20px;}
	.sideNavi .ctyM > div a.linkedin {background:url('../images/common/foot_linkedin.png') no-repeat center 0; background-size:20px 20px;}
	.sideNavi .ctyM > div a.youtube {background:url('../images/common/foot_youtube.png') no-repeat center 0; background-size:20px 20px;}
	.sideNavi .ctyM > div a.home {background:url('../images/common/home.png') no-repeat center 0; background-size:20px 20px;}
	
	#gnb {position:relative;}
	#gnb .dep1 > a {margin-top:26px;font-size:19px;color:#111;}
	#gnb .dep1:first-child > a {margin-top:0;}
	#gnb .dep1.dep1_sub > a:before {content:'';position:absolute;top:7px;right:0;width:15px;height:1px;background-color:#111;}
	#gnb .dep1.dep1_sub > a:after {content:'';position:absolute;top:0;right:7px;width:1px;height:15px;background-color:#111;transition:transform .4s;}
	#gnb .dep1.dep1_sub.on > a:after {transform:scaleY(0);}
	#gnb .gnbsub ul {margin-left:25px;}
	#gnb .gnbsub li a {display:block;margin-top:26px;font-size:18px;color:#767676;}

	#gnbUtil {position:relative;margin:82px 0 35px;padding-bottom:25px;border-bottom:1px solid #ddd;}
	#gnbUtil > ul > li {display:inline-block;}
	#gnbUtil > ul > li.u_user {position:relative;width: calc( 100% - 80px );}
	#gnbUtil > ul > li.u_calendar {position:absolute;top:0;right:45px;}
	#gnbUtil > ul > li.u_mail {position:absolute;top:0;right:0;}
	#gnbUtil .userName > span.user {display:inline-block;max-width: calc( 100% - 30px );font-size:22px;font-weight:500;vertical-align:middle;color:#222;}
	#gnbUtil .userName .cntTxt {vertical-align:top;}
}

@media all and (min-width: 769px) {
	#header .headerIn,
	#gnb .gnbsub ul {width:95%;}

	#header .headerIn {position:relative;max-width:1200px;height:150px;padding-top:40px;margin:0 auto;}
	#header .headerIn:after {content:'';display:block;clear:both;}
	.headerIn .logo {float:left;width:200px;}
	.headerIn .logo a {display:block;margin-top:-10px;}
	.headerIn .btn_gnbToggle {display:none}
	.headerIn .btn_home {display:none;}
	.headerIn .btn_srch {position:absolute;bottom:11px;right:0;z-index:10;}
	.headerIn .btn_srch.srch_open .ico_srch {background-image:url('../images/common/ico_srch_close.png');}

	.sideNavi .inner {float:right;display:inline-block;margin-top:-9px;}
	.sideNavi .btn_close {display:none;}

	#gnb {position:absolute;bottom:0;left:0;width:100%;z-index:10;}
	#gnb ul {max-width:1200px;margin:0 auto;}
	#gnb ul li {float:left;}
	#gnb .dep1 {position:relative;}
	#gnb .dep1:first-child {padding-left:0;}
	#gnb .dep1 > a {font-weight:500;color:#222;}
	#gnb .dep1.on > a,
	#gnb .dep1 > a:hover,
	#gnb .dep1 > a:focus {color:#015294;}
	#gnb .dep1 > a:after {content:'';display:block;position:absolute;bottom:-1px;left:50%;width:0;height:3px;background-color:#015294;}
	#gnb .dep1.on > a:after,
	#gnb .dep1 > a:hover:after {left:0;width:100%;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
	#gnb .dep1 > .gnbsub {position:fixed;left:0;width:100%;height:55px;background-color:#f8f8f8;}
	#gnb .gnbsub ul {position:absolute;top:50%;width:auto;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
	#gnb .gnbsub ul:after {content:'';display:block;clear:both;}
	#gnb .gnbsub li {float:left;margin-right:40px;}
	#gnb .gnbsub li:last-child {margin-right:0;}
	#gnb .gnbsub li a {color:#999;}
	#gnb .gnbsub li.on a,
	#gnb .gnbsub li a:focus,
	#gnb .gnbsub li a:hover {color:#555;}

	#gnbUtil {float:left;}
	#gnbUtil > ul > li {float:left;}
	#gnbUtil > ul > li.u_user {margin-right:20px;padding-top:3px;}
	#gnbUtil > ul > li.u_calendar {margin-right:20px;padding-top:3px;}
	#gnbUtil > ul > li.u_mail {margin-right:14px;padding-top:3px;}
	#gnbUtil .userName > span.user {vertical-align:middle;}
	#gnbUtil .userName > span.user em {display:inline-block;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	#gnb {font-size:14px;}
	#gnb .dep1 {height:38px;padding:0 15px;}
	#gnb .dep1 > a {height:38px;}
	#gnb .dep1 > .gnbsub {top:151px;}
}
@media all and (min-width: 1280px) {
	#header .headerIn,
	#header .logo {width:auto;}
	#header .headerIn {height:165px;}
	#gnb {font-size:16px;}
	#gnb .dep1 {height:42px;padding:0 25px;}
	#gnb .dep1 > a {height:42px;}
	#gnb .dep1 > .gnbsub {top:166px;}
}

/* container */
#container {position:relative;transition:all .4s cubic-bezier(.215,.61,.355,1);}
#container .contents {max-width:1280px;margin:0 auto;}
#container .contents.wide {max-width:100%;}

@media all and (max-width: 768px) {
	#container {padding:57px 0;}
	#container .side {padding-left:6%;padding-right:6%;}
	#wrap.sub_gnb > #container {padding-top:57px}
}
@media all and (min-width:769px){
	#container {padding-bottom:120px;}
	#container .contents {padding:0 3%;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	#container {padding-top:151px}
}
@media all and (min-width: 1280px) {
	#container {padding-top:165px}
	#container .contents {padding:0 40px;}
}

/*new_event_bn start*/
#container .new_event_bn {position:relative; width:100%; max-width:1920px; margin:0 auto; height:150px;}
#container .new_event_bn img {position:absolute; top:0; left:50%; transform:translateX(-50%); width:auto; max-width:1920px;}
#container .new_event_bn a {display:block;position:absolute; top:0; left:0; z-index:2;width:100%; height:100%; background:transparent; color:transparent; }

/*@media all and (max-width:1280px) {
	#container .new_event_bn img {width:150vw;}
}*/

@media all and (max-width:768px) {
	#container .new_event_bn {margin-top:-22px;margin-bottom:20px; height:26.04vw;}
	#container .new_event_bn img {width:100%;}

}
/*new_event_bn end*/

/* footer */
#footer {position:relative;text-align:center;background-color:#f9f9f9;}
#footer .footerT .txtBox {padding:0 5%;color:#111;}
#footer .footerT .txtBox .tit {font-weight:500;}
#footer .footerB {border-top:1px solid #eee;}
#footer .footerB .copy {color:#767676;opacity:.7;filter:alpha(opacity=70);}
#quick {position:fixed;z-index:800;right:4%;bottom:-200px;text-align:center;transition-duration:.5s;}
#quick.show {bottom:21px;}
#quick.showClose {position:absolute;top:-30px;bottom:inherit;}
#quick a {display:block;position:relative;width:40px;height:40px;font-size:0;background-color:#62cdf7;box-shadow:0px 2px 8px 0 rgba(0,0,0,.3);border-radius:100%;box-sizing:border-box;}
#quick a + a {margin-top:10px;}
#quick .goTop .arrow {display:block;position:absolute;left:50%;top:50%;width:14px;height:8px;margin:-4px 0 0 -7px;font-size:0;line-height:0;color:transparent;background:url('../images/common/quick_arrow.png') no-repeat center center / cover;}

@media all and (max-width: 768px) {
	#quick {display:block;}
	#footer .footerT {padding:38px 0 33px;} 
	#footer .footerT .txtBox .tit {margin-bottom:11px;font-size:17px;}
	#footer .footerT .txtBox .txt {font-size:13px;line-height:21px;}
	#footer .footerT .btn_wrap {margin-top:20px;}
	#footer .footerB {padding:16px 0;}
	#footer .footerB .copy {font-size:11px;}
}
@media all and (min-width: 769px) {
	#quick {display:none;}
	#footer .footerT {padding:55px 0 40px;}
	#footer .footerT .txtBox .tit {margin-bottom:10px;font-size:20px;}
	#footer .footerT .txtBox .txt {font-size:17px;line-height:26px;}
	#footer .footerT .btn_wrap {margin-top:22px;}
	#footer .footerB {padding:15px 0;}
	#footer .footerB .copy {font-size:12px}
}


/**
COLOR
**/
.c_ap {color:#62cdf7}


/**
BUTTON
**/
/* .btn_wrap {vertical-align:middle;font-size:0;line-height:0;letter-spacing:0;}
.btn {display:inline-block;position:relative;text-align:center;vertical-align:middle;border:1px solid;
	-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;}
.btn span {display:inline-block;} */

.btn_wrap.bChild2:after {content:'';display:block;clear:both;}
.btn_wrap.bChild2 .btn {width:48.5%;}
.btn_wrap.bChild2 .btn:nth-child(odd) {float:left;}
.btn_wrap.bChild2 .btn:nth-child(even) {float:right;}

.btn.btnType1 {color:#111;border-color:#111;}
.btn.btnType1:hover,
.btn.btnType1:focus {color:#fff;border-color:#63caf5;background-color:#63caf5;}

.btn.btnType2 {color:#fff;border-color:#fff;background:transparent;}
.btn.btnType2:hover,
.btn.btnType2:focus {color:#111;border-color:#fff;background-color:#fff;}

.btn.btnB {color:#fff;background-color:#111;border-color:#111;}
.btn.btnB:hover,
.btn.btnB:focus {color:#fff;border-color:#63caf5;background-color:#63caf5;}

.btnSizeFull {font-size:15px;}
.btn_wrap .btnSizeFull .arr {background-color:#111;}
.btn.btnType1:hover .arr,
.btn.btnType1:focus .arr {background-color:#fff;}
.btn_wrap .arr {position: absolute;right:0;top:50%;width:0;height:1px;transition-duration:.3s;}
.btn_wrap .arr::before,
.btn_wrap .arr::after {content:'';position:absolute;right:-1px;width:7px;height:100%;background-color:inherit;}
.btn_wrap .arr::before {top:2px;transform:rotate(-45deg);}
.btnSizeFull .arr:before {top:3px;width:8px;}
.btnSizeFull .arr:after {top:-3px;width:8px;}
.btn .arr::after {top:-3px;transform:rotate(45deg);}

/* 텍스트 버튼 */
.btnTypeTxt {display:inline-block;position:relative;text-transform:none;line-height:18px;color:#555;
	-webkit-transition-duration:.4s;-ms-transition-duration:.4s;transition-duration:.4s;}
.btnTypeTxt span {display:block;position:relative;padding-bottom:2px;}
.btnTypeTxt span:after {content:'';display:block;position:absolute;left:0px;bottom:0;width:100%;height:1px;background:#555;
	-webkit-transition-duration:.1s;-ms-transition-duration:.1s;transition-duration:.1s;}
.btnTypeTxt:hover span:after,
.btnTypeTxt:focus span:after {width:0;}
.btnTypeTxt:hover,
.btnTypeTxt:focus {color:#63caf5;}
.btnTypeTxt:after {
	content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#63caf5;
	-webkit-transform:scaleX(0);transform:scaleX(0);
	transition:-webkit-transform .5s cubic-bezier(.7,0,.3,1);
	transition:transform .5s cubic-bezier(.7,0,.3,1), -webkit-transform .5s cubic-bezier(.7,0,.3,1);
	-webkit-transform-origin:right center;transform-origin:right center;}
.btnTypeTxt:focus:after,
.btnTypeTxt:hover:after {
	-webkit-transform:scaleX(1);transform:scaleX(1);
	-webkit-transform-origin:left center;transform-origin:left center;}

/* 닫기 */
/* .btn_close {display:block;position:absolute;width:18px;height:18px;z-index:10;}
.btn_close:before,
.btn_close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:20px;height:2px;margin-left:-10px;background:#fff;}
.btn_close.btnB:before,
.btn_close.btnB:after {background:#111;}
.btn_close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.btn_close:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} */


@media all and (max-width: 768px) {
	/* .btn {height:33px;font-size:13px;line-height:31px;} */
	.btnSizeL {min-width:auto;width:100%;}
	.btnSizeFull {width:100%;height:38px;line-height:36px;}

	.btnTypeTxt {font-size:12px;}
	.btn_listMore {margin-top:45px;}
}
@media all and (min-width: 769px) {
	/* .btn {height:40px;font-size:14px;line-height:38px} */
	.btnSizeL {min-width:160px;}
	.btnSizeFull {width:54%;height:45px;line-height:43px}

	.btnTypeTxt {font-size:15px;}

}


/**
HASH TAG
**/
.hashTag {font-size:0;line-height:0;}
.hashTag.of_h {display:block;overflow:hidden;}
.hashTag a {display:inline-block;overflow:hidden;position:relative;width:auto;padding:0 12px;color:#555;text-align:center;vertical-align:middle;border:1px solid #ebebeb;white-space:normal;word-break:break-all;
	-webkit-border-radius:20px;-ms-border-radius:20px;border-radius:20px;
	-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;}
.hashTag a:hover,
.hashTag a.on {color:#fff;background-color:#63caf5;border-color:#63caf5;}

@media all and (max-width: 768px) {
	.hashTag.of_h {height:32px;}
	.hashTag a {height:32px;margin:0 4px 5px 0;font-size:14px;line-height:32px;}
	body.font_zh .hashTag a {line-height:30px;}
}
@media all and (min-width: 769px) {
	.hashTag.of_h {height:36px;}
	.hashTag a {height:28px;margin:0 8px 9px 0;font-size:15px;line-height:28px;}
	body.font_zh .hashTag a {line-height:26px;}
}


/**
PAGING (PC전용)
**/
.paging {display:none;}
@media all and (min-width: 769px) {
	.paging {display:block;position:relative;text-align:center;font-size:0;line-height:0;}
	.paging a,
	.paging span {display:inline-block;text-align:center;vertical-align:middle;font-size:15px;color:#111;}
	.paging a,
	.paging .current {min-width:15px;height:25px;padding:0 5px;line-height:25px;}
	.paging span > a {background:url('../images/common/arr_paging.png') no-repeat;}
	.paging span.prev > a,
	.paging span.next > a {width:7px;min-width:auto;padding:0;}
	.paging span.prev > a {margin:0 20px 0 10px;background-position:-20px center;}
	.paging span.next  > a {margin:0 10px 0 20px;background-position:-135px center;}
	.paging span.first > a,
	.paging span.last > a {width:11px;min-width:auto;padding:0;}
	.paging span.first > a {background-position:0 center;}
	.paging span.last > a {background-position:right center;}
	.paging .current {background-color:#eee;border-radius:25px}
}


/**
ICON
**/
.icn {display:inline-block;font-size:0;line-height:0;vertical-align:middle;border-radius:100%;}
.cntTxt {display:inline-block;text-align:center;vertical-align:middle;color:#fff;background-color:#62cdf7;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.ico_mail {display:inline-block;width:20px;height:16px;vertical-align:middle;background:url('../images/common/ico_mail.png') no-repeat 0 0;}
.ico_best {height:23px;text-align:center;line-height:23px;color:#fff;}
.ico_srch {display:inline-block;font-size:0;line-height:0;vertical-align:middle;}
.ico_emotion {display:inline-block;font-size:0;line-height:0;vertical-align:middle;}
.ico_emotion.like {background:url('../images/common/ico_emotion_like.png') no-repeat 0 0 / cover;}
.ico_emotion.compliment {background:url('../images/common/ico_emotion_compliment.png') no-repeat 0 0 / cover;}
.ico_emotion.amazing {background:url('../images/common/ico_emotion_amazing.png') no-repeat 0 0 / cover;}
.ico_emotion.cheer {background:url('../images/common/ico_emotion_cheer.png') no-repeat 0 0 / cover;}
.ico_emotion.want {background:url('../images/common/ico_emotion_want.png') no-repeat 0 0 / cover;}
.ico_share {background:#eee url('../images/contents/ico_share.png') no-repeat center center / auto;}
.ico_bookmark {background:#eee url('../images/contents/ico_bookmark.png') no-repeat center center / auto;}
.ico_download{background:#eee url('../images/contents/ico_download.png') no-repeat center center / auto;}
/* .ico_bookmarkC {background:#fff url('../images/contents/ico_bookmark_color.png') no-repeat center center / auto;} */
.ico_bookmark.on {background:#eee url('../images/contents/ico_bookmark_on.png') no-repeat center center / auto !important;}
.ico_heart {width:17px;height:25px;background:url('../images/contents/ico_like_off.png') no-repeat center center / auto;}
.ico_more {width:18px;height:5px;background:url('../images/contents/ico_more.png') no-repeat center center / 100%;}
.ico_comnt {width:15px;height:19px;background:url('../images/contents/ico_comnt.png') no-repeat center center / 100%;}
.ico_modify {width:12px;height:23px;background:url('../images/contents/ico_modify.png') no-repeat center center / 100%;}
.ico_delete {width:12px;height:23px;background:url('../images/contents/ico_delete.png') no-repeat center center / 100%;}
.ico_cancel {width:14px;height:17px;background:url('../images/contents/ico_cancel.png') no-repeat center center / 100%;}
.ico_qMark {width:16px;height:16px;background-color:#eee;border-radius:100%;}
.ico_qMark:before {content:'?';display:inline-block;width:100%;font-size:12px;line-height:16px;text-align:center;color:#999;vertical-align:middle;}

/* 감성컨텐츠 버튼 */
.emtBtnWrap ul {font-size:0;}
.emtBtnWrap li {display:inline-block;width:102px;vertical-align:top;text-align:center;}
.emtBtnWrap li .e_btn {display:block;width:72px;height:72px;margin:0 auto;line-height:72px;background-color:#fff;border:1px solid #efefef;border-radius:100%;}
.emtBtnWrap li.on .e_btn {background-color:#f9f9f9}
.emtBtnWrap li .e_txt {margin-top:10px;font-size:14px;color:#555}
.emtBtnWrap li .e_cnt {margin-top:2px;font-size:15px;font-weight:500;color:#111;}

/* 포스팅 카운트 */
.postCntWrap {color:#767676;}
.postCntWrap span {display:inline-block;line-height:initial;vertical-align:middle;}
.postCntWrap .date {position:relative;padding-right:14px;margin-right:8px;}
.postCntWrap .date:after {content:'';position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#ccc}
.postCntWrap .date.bdNone {padding-right:0;margin-right:0;}

.postCntWrap .date.bdNone:after {display:none;}
.postCntWrap ul {display:inline-block;}
.postCntWrap li {display:inline-block;margin-left:15px;letter-spacing:-.5px;vertical-align:middle;}
.postCntWrap li:first-child {margin-left:0;}
.postCntWrap li > i {display:inline-block;vertical-align:middle;}
.postCntWrap li > span {margin-left:3px;}
.postCntWrap .ico_like {background:url('../images/common/ico_like.png') no-repeat 0 0 / 100% auto;}
.postCntWrap .ico_reply {background:url('../images/common/ico_reply.png') no-repeat 0 0 / 100% auto;}
.postCntWrap .ico_bookmark {background:url('../images/common/ico_bookmark.png') no-repeat 0 0 / 100% auto;}

@media all and (max-width: 768px) {
	.cntTxt {width:24px;height:24px;line-height:24px;font-size:15px;}
	.ico_srch {width:18px;height:18px;background:url('../images/common/ico_srch_m.png') no-repeat 0 0 / 100%;}
	.ico_emotion.like {width:23px;height:20px;}
	.ico_emotion.compliment {width:25px;height:29px;}
	.ico_emotion.amazing {width:23px;height:26px;}
	.ico_emotion.cheer {width:29px;height:25px;}
	.ico_emotion.want {width:37px;height:15px;}

	.postCntWrap {font-size:13px;}
	.postCntWrap li {margin-left:12px;}
	.postCntWrap .ico_like {width:15px;height:18px;}
	.postCntWrap .ico_reply {width:16px;height:19px;}
	.postCntWrap .ico_bookmark {width:13px;height:16px;}
}
@media all and (min-width: 769px) {
	.cntTxt {width:20px;height:20px;line-height:20px;font-size:12px;}
	.ico_srch {width:38px;height:38px;background:url('../images/common/ico_srch_w.png') no-repeat center center / auto;}
	.icoBg {background-color:#eee;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
	.ico_emotion.like {width:33px;height:29px;}
	.ico_emotion.compliment {width:35px;height:40px;}
	.ico_emotion.amazing {width:32px;height:36px;}
	.ico_emotion.cheer {width:40px;height:34px;}
	.ico_emotion.want {width:44px;height:18px;}
	.ico_share {width:38px;height:38px;}
	.ico_bookmark {width:38px;height:38px;}
	.ico_download {width:38px;height:38px;}

	.postCntWrap {font-size:15px;}
	.postCntWrap .ico_like {width:18px;height:20px;}
	.postCntWrap .ico_reply {width:18px;height:23px;}
	.postCntWrap .ico_bookmark {width:15px;height:21px;}
}


/**
Slick
**/
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/* Custom */
.slick-slide img {width: 100%;}
.slick-slide:focus {outline:none}
.slick-dots {position:absolute;left:0;right:0;margin:0 auto;text-align:center;}
.slick-dots li {display:inline-block;width:23px;height:25px;vertical-align:middle;}
.slick-dots button {width:7px;height:7px;font-size:0;line-height:0;text-indent:-99999%;background-color:#767676;border-radius:100%;transition-duration:.2s;}
.slick-dots li.slick-active button {width:11px;height:11px;}

@media all and (max-width: 768px) {
	.slick-dots li.slick-active button {border:1px solid #fff;background-color:transparent;}
}
@media all and (min-width: 769px) {
	.slick-dots li.slick-active button {border:1px solid #767676;background-color:#fff;}
}


/**
Slide Custom
**/
.swiper-wrapper.disabled {transform: translate3d(0, 0px, 0px) !important} /*no Swiping */
.swiper-slide img {width:100%;}
.swiper-slide:focus,
.slide_arr:focus {outline:none}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{position:inherit;left:inherit;bottom:inherit;margin-top:10px;}
.swiper-pagination .swiper-pagination-bullet {width:15px;height:20px;vertical-align:middle;cursor:pointer;opacity:1;background:transparent;}
.swiper-pagination .swiper-pagination-bullet:before {content:'';display:inline-block;width:7px;height:7px;vertical-align:middle;background-color:#767676;border-radius:100%;transition-duration:.2s;}
.swiper-pagination .swiper-pagination-bullet-active:before {width:11px;height:11px;background-color:#fff;border:1px solid #767676;box-sizing:border-box;}

.slide_arr {position:absolute;top:50%;z-index:2;cursor:pointer;-webkit-transition: background .2s ease-out;transition: background .2s ease-out;transform: translate(0, 0);}
.slide_arr.prev:before {content:'<';font-family:'AritaDotum','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;}
.slide_arr.next:before {content:'>';font-family:'AritaDotum','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;}

.arrType1 {width:40px;height:40px;line-height:40px;margin-top:-20px;border:1px solid rgba(255, 255, 255, .2);text-align:center;font-size:16px;font-family:'APHQ';
	color:rgba(255, 255, 255, .2);background-color:rgba(255, 255, 255, .1);border-radius:40px;}
.arrType1:hover,
.arrType1:focus {color:#fff;}

.arrType2 {width:40px;height:40px;line-height:40px;margin-top:-20px;border:1px solid #e5e5e5;text-align:center;font-size:16px;font-family:'APHQ';color:#ccc;border-radius:40px;background-color:#fff;}
.arrType2:hover,
.arrType2:focus{color:#777;}

.arrType3 {display:inline-block;width:19px;height:14px;margin-top:-7px;font-size:0;text-indent:-99999%;line-height:0;background:url('../images/common/slide_arrow.png') no-repeat;background-size:cover;}
.arrType3.white {background-image:url('../images/common/slide_arrow_white.png');}
.arrType3.prev {background-position:0 0;}
.arrType3.next {background-position:right 0;}
.arrType3.prev:before,
.arrType3.next:before {content:none;}


/**
mCustomScrollbar
**/
/* custom */
.mCustomScrollbar {scrollbar-width:none;}
.mCustomScrollbar::-webkit-scrollbar {display:none;}
.mCSB_scrollTools .mCSB_draggerRail {width:4px;}


/**
캘린더_popup
**/
#calendar {visibility:hidden;z-index:99999;background-color:#3076b4}
#calendar.open {visibility:visible;}
#calendar .inner {font-size:15px;color:#fff;}
.calenderT table tbody tr td.h_day,
.calenderT table tbody tr td.h_day .current {color:#f44e4e}
.calenderT {text-align:center;}
.calenderT p {margin-bottom:25px;font-weight:500;}
.calenderT table thead:after {content:'';display:block;width:100%;height:10px;background:transparent;}
.calenderT table thead tr {background-color:#1f66a6;}
.calenderT table thead tr th {font-weight:400;}
.calenderT table thead tr th:nth-child(1) {border-top-left-radius:20px;border-bottom-left-radius:20px;}
.calenderT table thead tr th:nth-child(7) {border-top-right-radius:20px;border-bottom-right-radius:20px;}
.calenderT table tbody tr td {position:relative;padding:6px 0;height:38px;line-height:38px;}
.calenderT table tbody tr td .current {display:block;margin:0 auto;font-weight:500;color:#286091;background-color:#fff;border-radius:100%;}
.calenderT table tbody tr td .calLook {position:absolute;top:50%;right:50%;}
.calenderT table tbody tr td .calLook:after {content:'';position:absolute;background-color:#62cdf7;border-radius:100%;}
.calenderB {border-top:1px solid #1a87c6;}
.calenderB ul {padding-left:12px;}
.calenderB li {margin-top:14px;}
.calenderB li:after {content:'';display:block;clear:both;}
.calenderB li:first-child {margin-top:0;}
.calenderB li .date {float:left;width:100px;vertical-align:top;}
.calenderB li .schedule {float:right;width: calc( 100% - 100px );color:#92bee4;}

@media all and (max-width: 768px) {
	#calendar {position:fixed;left:-100%;top:0;width:100%;height:100%;transform:translateX(-100%);transition:all .4s cubic-bezier(.215,.61,.355,1);}
	#calendar.open {left:0;transform:translateX(0);}
	#calendar .btn_close {top:21px;right:16px;opacity:0;transition:transform cubic-bezier(.7,0,.3,1);}
	#calendar.open .btn_close {opacity:1;transform:rotate(180deg);transition:.6s .4s;}

	#calendar .inner {min-width:270px;padding:59px 25px 55px;}
	.calenderT {max-width:550px;margin:0 auto;}
	.calenderT p {font-size:22px;}
	.calenderT table thead tr {height:34px;line-height:34px;}
	.calenderT table thead tr th {font-size:15px;}
	.calenderT table tbody tr td {height:32px;line-height:32px;}
	.calenderT table tbody tr td .current {width:32px;height:32px;line-height:32px;}
	.calenderT table tbody tr td .calLook {margin-top:-9px;margin-right:-8px;}
	.calenderT table tbody tr td .calLook:after {top:-4px;right:-8px;width:6px;height:6px;}
	.calenderB {margin-top:25px;}
	.calenderB ul {height:24.5vh;margin-top:35px;}
}
@media all and (min-width: 769px) {
	#calendar {position:absolute;top:76px;right:0;max-width:396px;opacity:0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	#calendar.open {top:66px;opacity:1;}
	#calendar .inner {padding:50px 36px 40px;}
	.calenderT p {font-size:24px;}
	.calenderT table thead tr th {font-size:13px;}
	.calenderT table tbody tr td {height:38px;line-height:38px;}
	.calenderT table tbody tr td .current {width:38px;height:38px;line-height:38px;}
	.calenderT table tbody tr td .calLook {margin-top:-10px;margin-right:-10px;}
	.calenderT table tbody tr td .calLook:after {top:-5px;right:-10px;width:8px;height:8px;}
	.calenderB {margin-top:15px;}
	.calenderB ul {height:128px;margin-top:30px;}
}


/**
Tooltip (PC전용)
**/
.tooltip > .tooltipTxt {display:none;}
@media all and (min-width: 769px) {
	.tooltip {position:relative;cursor:pointer;}
	.tooltip > .tooltipTxt {display:block;visibility:hidden;content:attr(data-tooltip-text);position:absolute;top:calc( 100% + 20px );right:10px;width:auto;padding:10px 15px;opacity:0;z-index:999999;
		font-size:13px;line-height:18px;color:#fff;white-space:nowrap;background-color:#62cdf7;-webkit-border-radius:3px;border-radius:3px;
		-webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out;transition: top .3s ease-in-out, opacity .3s ease-in-out;}
	.tooltip > .tooltipTxt:after {content:'';position:absolute;top:-5px;right:0;width:10px;height:9px;background: url('../images/common/tooltip_arrow.png') no-repeat 0 0;}
	.tooltip > .tooltipTxt.up:after {top:auto;right:auto;left:0;bottom:-5px;transform: rotate(180deg);}
	.tooltip:hover > .tooltipTxt {visibility:visible;top:calc( 100% + 15px );opacity:1;}

	.tooltip > .tooltipTxt.up {right:auto;margin-left:5px;}
}


/**
검색_Layer
**/
.srchWrap {position:relative;z-index:1000;background:rgba(0,0,0,.4);}
.srchWrap.fixed {position:fixed;width:100%;height:100%;}
.srchArea {background-color:#f9f9f9;}
.srchArea .srchBar {max-width:1200px;}

@media all and (max-width:768px) {
	.srchWrap.fixed {top:0;right:-100%;transform:translateX(100%);transition:all .4s cubic-bezier(.215,.61,.355,1);}
	.srchWrap.open {overflow:visible;right:0;transform:translateX(0);}
	.srchWrap.open .btn_close {opacity:1;transform:rotate(180deg);transition:.6s .4s;}
	.srchArea {height:100%;}
	.srchArea .btn_close {top:22px;right:18px;opacity:0;transition:transform cubic-bezier(.7,0,.3,1);}
	.srchArea .btn_close:before,
	.srchArea .btn_close:after {background:#111;}
	.srchArea .srchBar {padding:84px 25px 50px 25px;}
	.srchArea .hashTag {margin-top:40px;}
}
@media all and (min-width: 769px) {
	.srchWrap.fixed {display:none;left:0;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);}
	.srchWrap.fixed .srchArea {box-shadow:10px 5px 10px 0 rgba(0,0,0,0.15);}
	.srchWrap.open {display:block;overflow:visible;opacity:1;}
	.srchArea {min-height:275px;}
	.srchArea .srchBar{width:95%;margin:0 auto;padding:62px 0 80px;}
	.srchArea .hashTag {margin-top:25px;}
	.srchArea .input_srch .input_txt {border-bottom:1px solid #fff;}
	.srchArea .input_srch .input_txt input {padding-right:40px;border:none;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	.srchWrap.fixed {top:151px;}
	/* .srchArea .hashTag {width:83%;} */
}
@media all and (min-width:1280px) {
	.srchWrap.fixed {top:166px;}
	/* .srchArea .hashTag {width:59%;} */
}


/**
검색_결과
**/
@media all and (max-width: 768px) {
	.sub_srch .srchArea .srchBar {padding-top:50px;}
	.srchResultWrap {background-color:#fff;}
	.srchResultWrap .srchCtrl {margin-bottom:17px;}
	.srchResultArea .listWrap .listBox:first-child {margin-top:20px;}
}
@media all and (min-width: 769px) {
	.srchResultWrap {margin-top:90px;}
	#container .srchResultWrap .contents > .contents {padding:0;}
	.srchResultWrap .srchCtrl {text-align:right;}
	.srchResultArea .listWrap {margin-top:20px;}
	.srchResultArea .paging {margin-top:36px;}
}


/**
폼태그
**/
/* input_text */
.input_txt {position:relative;}
span.input_txt {display:inline-block;vertical-align:middle;}
.input_txt input {width:100%;height:40px;padding:0 20px;border:1px solid #ddd;line-height:28px;caret-color:#999;outline:none;box-sizing:border-box;}
.input_txt input::-webkit-input-placeholder {font-weight:400;color:#999;}
.input_txt input::-moz-input-placeholder {font-weight:400;color:#999;}
.input_txt input:focus {border-color:#555;}
.input_txt button {position:absolute;right:0;}
.input_txt.line_type {border:none;border-bottom:1px solid #111;}
.input_txt.line_type input {width: calc( 100% - 40px );padding:12px 5px;font-size:20px;font-weight:500;border:none;}
.input_txt.line_type input:focus {border-color:#111 !important;}

/* input_textarea */
.input_form textarea {width:100%;padding:12px 20px;border:1px solid #ddd;outline:none;resize:none;box-sizing:border-box;}
.input_form textarea::-webkit-input-placeholder {font-weight:400;color:#999;}
.input_form textarea::-moz-input-placeholder {font-weight:400;color:#999;}
.input_form textarea:focus {border-color:#555;}

/* input_radio */
.radioType {display:inline-block;position:relative;height:18px;vertical-align:middle;}
.radioType input {display:block;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.radioType label {display:inline-block;vertical-align:top;position:relative;z-index:2;height:100%;line-height:18px;color:#767676;letter-spacing:-1px;}
.radioType label:before {content:'';display:inline-block;width:4px;height:4px;margin-right:8px;vertical-align:middle;background-color:#fff;border:1px solid;border-color:#e0e0e0;border-radius:100%;}
.radioType input:checked + label {color:#111;}
.radioType input:checked + label:before {background-color:#111;border-color:#111;}

.radioType2 {display:inline-block;position:relative;height:24px;margin-right:50px;vertical-align:middle;}
.radioType2 input {display:block;position:absolute;left:0;top:0;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.radioType2 label {display:inline-block;vertical-align:top;position:relative;z-index:2;height:100%;line-height:18px;vertical-align:middle;color:#111;letter-spacing:-1px;}
.radioType2 label:before {content:'';display:inline-block;margin-right:8px;vertical-align:middle;background-color:#fff;border:1px solid;border-color:#afb2b3;border-radius:100%;box-sizing:border-box;}
.radioType2 input:checked + label:before {border:none;background:none;background:url('../images/common/radioType2_on.png') no-repeat 0 0 / 100%;}

/* input_checkbox */
.checkType {display:inline-block;position:relative;height:24px;margin-right:50px;vertical-align:middle;}
.checkType input {display:block;position:absolute;left:0;top:0;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.checkType label {display:inline-block;vertical-align:top;position:relative;z-index:2;height:100%;line-height:18px;vertical-align:middle;color:#111;letter-spacing:-1px;}
.checkType label:before {content:'';display:inline-block;margin-right:8px;vertical-align:middle;background-color:#fff;border:1px solid;border-color:#afb2b3;box-sizing:border-box;}
.checkType input:checked + label:before {border:none;background:none;background:url('../images/common/checkType_on.png') no-repeat 0 0 / 100%;}

.checkType2 {display:inline-block;position:relative;height:20px;vertical-align:middle;}
.checkType2 input {display:block;position:absolute;left:0;top:0;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.checkType2 label {display:inline-block;vertical-align:top;position:relative;z-index:2;font-size:15px;line-height:18px;vertical-align:middle;color:#fff;}
.checkType2 label:before {content:'';display:inline-block;margin-right:8px;width:20px;height:20px;vertical-align:middle;border:1px solid #fff;box-sizing:border-box;border-radius:100%;}
.checkType2 input:checked + label:before {border:none;background:url('../images/common/checkType2_on.png') no-repeat 0 0 / 100%;}

.inputAlt {margin-top:8px;font-size:14px;color:#da1111}

@media all and (max-width: 768px) {
	.input_txt input,
	.input_form textarea {padding:10px}
	.input_txt button {top:10px;}

	.radioType + .radioType {margin-left:16px;}
	.radioType label {font-size:15px;}

	.radioType2 label,
	.checkType label {font-size:15px;}
	.radioType2 label:before,
	.checkType label:before {width:20px;height:20px;}
}
@media all and (min-width: 769px) {
	.input_text button {bottom:0}

	.radioType + .radioType {margin-left:18px;}
	.radioType label {font-size:16px;}

	.radioType2 label,
	.checkType label {font-size:18px;}
	.radioType2 label:before,
	.checkType label:before {width:18px;height:18px;}
}


/**
TAB
**/
.tabType1 {margin-bottom:22px;border-bottom:1px solid #eee;}
.tabType1 ul {font-size:0;line-height:0;}
.tabType1 li {display:inline-block;width:auto;font-size:0;}
.tabType1 li:first-child {margin-left:0;}
.tabType1 li a {display:block;position:relative;color:#767676;}
.tabType1 li.on a {font-weight:500;color:#111;}
.tabType1 li a:after {content:'';display:block;position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#111;}
.tabType1 li.on a:after {left:0;width:100%;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.tabType1 li a:hover {color:#111;}

@media all and (max-width: 768px) {
	.tabType1 ul {padding-left:25px;}
	.tabType1 li {margin-left:30px;}
	.tabType1 li:last-child {padding-right:25px;}
	.tabType1 li a {font-size:15px;height:45px;line-height:45px;}
}
@media all and (min-width: 769px) {
	.tabType1 li a {font-size:16px;height:34px;line-height:100%;}
	.tabType1 li {margin-left:45px;}
}


/**
Drag scroll
**/
.dragscroll {overflow:hidden;overflow-x:auto;white-space:nowrap;text-align:left;font-size:0;line-height:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;}
.dragscroll::-webkit-scrollbar {display:none;}


/**
box over
**/
@media all and (min-width: 769px) {
	.box_over {display:block;position:relative;cursor:pointer;}
	.box_over .txtMask {visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
	.box_over .txtMask.on {visibility:visible;opacity:1;}
	.box_over .txtMask:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);}
	.box_over .txtMask .listTxtBox {position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
}


/**
비디오 Mask
**/
.videoLayer {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.videoLayer:before {content:'';position:absolute;top:0;left:0px;top:50%;left:50%;background:url('../images/common/play_btn.png') no-repeat 0 0 / cover;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}


@media all and (max-width: 768px) {
	.videoLayer:before {width:42px;height:41px;}
}
@media all and (min-width: 769px) {
	.videoLayer:before {width:45px;height:44px;}
}


/**
데이터 없음
**/
.noData {text-align:center;margin-top:60px;}
.noData > img {margin-bottom: 20px;}
.noData .txt {font-size:17px;}
@media all and (max-width: 768px) {
	.noData {margin-top:60px;padding-bottom:30px;}
}
@media all and (min-width: 769px) {
	.noData {padding-bottom:30px;margin-top:130px;}
}


/**
팝업
**/
/* 레이어 팝업 */
.mask {position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);}
.mask_ani {visibility:hidden;opacity:0;content:'';width:100%;height:100%;position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;background:rgba(17,17,17,.75);transition-duration:.6s;}
.mask_ani.on {visibility:visible;opacity:1;}

.lyPopWrap {display:none;overflow:auto;position:fixed;z-index:7000;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.4);}
.lyPopWrap:after {content:'';display:inline-block;height:100%;vertical-align:middle;}
.lyPopWrap .lyPopArea {display:inline-block;vertical-align:middle;position:relative;margin:0 auto;width:88%;text-align:left;background:#f9f9f9;transition:opacity .4s;}
.lyPopWrap .lyTop {position:relative;font-weight:600;color:#111;border-bottom:1px solid;}
.lyPopWrap .lyTop .btn_close {position:absolute;right:0;}
.lyPopWrap .lyBody .des {text-align:center;font-size:15px;line-height:24px;color:#111;}
.lyPopWrap .des + .btn_wrap {margin-top:35px;text-align:center;}

@media all and (max-width:768px) {
	.lyPopWrap .lyPopArea {max-width:650px;}
	.lyPopWrap .lyPopBox {padding:0 6% 40px 6%;}
	.lyPopWrap .lyTop {padding:25px 0 14px;font-size:18px;line-height:24px;border-color:#111;}
	.lyPopWrap .lyTop .btn_close {top:27px;}
	.lyPopWrap .lyTop + .lyBody {padding-top:30px;}
	.lyPopWrap .lyBody {padding-top:48px;}
}
@media all and (max-width:360px) {
	.lyPopWrap .lyPopBox {padding:0 20px 30px 20px;}
	.lyPopWrap .lyBody .des {font-size:13px;}
}
@media all and (min-width:769px) {
	.lyPopWrap .lyPopArea {max-width:390px;}
	.lyPopWrap .lyPopBox {padding:30px}
	.lyPopWrap .lyTop {padding:0 8px 8px 8px;font-size:20px;line-height:28px;border-color:#d4d4d4;}
	.lyPopWrap .lyTop .btn_close {top:2px;}
	.lyPopWrap .lyBody {padding-top:35px;}
}

/* 토스트 팝업 팝업 */
.toastPop {display:none;position:fixed;top:25%;left:0;right:0;margin:0 auto;text-align:center;z-index:9999;background-color:#266ca4;color:#fff;border-radius:100%;}
.toastPop .t_name {position:absolute;top:50%;left:0;right:0;line-height:100%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.toastPop .t_name i {display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.toastPop#modifyOn .t_name i {background-image:url('../images/common/ico_toast_mod.png');}
.toastPop#scrapOn .t_name i {background-image:url('../images/common/ico_toast_scOn.png');}
.toastPop#scrapOff .t_name i {background-image:url('../images/common/ico_toast_scOff.png');}

@media all and (max-width:768px) {
	.toastPop {width:115px;height:115px;font-size:14px;}
	.toastPop .t_name i {height:15px;margin-bottom:10px;}
}
@media all and (min-width:769px) {
	.toastPop {width:160px;height:160px;font-size:15px;}
	.toastPop .t_name i {height:20px;margin-bottom:15px;}
}

/* 메인 팝업 */
/* .mainPopWrap {display:none;overflow:hidden;position:fixed;z-index:7000;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.6);}
.mainPopWrap:after {content:'';display:inline-block;height:100%;vertical-align:middle;}
.mainPopWrap .mainPopArea {display:inline-block;vertical-align:middle;position:relative;margin:0 auto;margin-top:5%;margin-bottom:5%;text-align:left;transition:opacity .4s;
	background: rgb(104,192,220);
	background: linear-gradient(21deg, rgba(104,192,220,1) 0%, rgba(126,185,217,1) 8%, rgba(140,180,216,1) 32%, rgba(165,176,212,1) 67%, rgba(188,167,207,1) 100%);
}
.mainPopWrap .btn_close {position:absolute;}
.mainPopWrap .btn_pageGo {position:absolute;left:0;right:0;bottom:0;margin:0 auto;text-indent:-9999%;font-size:0;letter-spacing:0;}
.mainPopWrap .mainBody .tit {display:none;}
.mainPopWrap .des + .btn_wrap {margin-top:10px;}

@media all and (max-width:768px) {
	.mainPopWrap .mainPopArea {width:86%;}
	.mainPopWrap .btn_close {top:38px;right:25px;}
}
@media all and (min-width:769px) {
	.mainPopWrap .mainPopArea {width:auto;max-width:900px}
	.mainPopWrap .btn_close {top:20px;right:20px;}
} */

/* 221031 팝업 수정 */
.mainPopWrap {display:none;overflow:hidden;position:fixed;z-index:7000;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.6);}
.mainPopWrap:after {content:'';display:inline-block;height:100%;vertical-align:middle;}
.mainPopWrap .mainPopArea {display:inline-block;vertical-align:middle;position:relative;margin:0 auto;margin-top:5%;margin-bottom:5%;text-align:left;transition:opacity .4s;
	/* !* background: rgb(104,192,220);
	background: linear-gradient(21deg, rgba(104,192,220,1) 0%, rgba(126,185,217,1) 8%, rgba(140,180,216,1) 32%, rgba(165,176,212,1) 67%, rgba(188,167,207,1) 100%); *! */
	max-width:700px;min-width:500px;
}
.mainPopWrap .mainPopArea .mainPopHeader {display:flex;align-items:center;justify-content:center;height:54px;background-color:#062c5e;position:relative;}
.mainPopWrap .mainPopArea .mainPopHeader .popLogo {line-height:initial;margin:0 auto;text-align:center;max-width:184px;}
.mainPopWrap .mainPopArea .mainPopHeader .btn_close {position:absolute;top:50%;right:30px;transform:translateY(-50%);}
.mainPopWrap .mainPopArea .mainPopHeader .btn_close::before,
.mainPopWrap .mainPopArea .mainPopHeader .btn_close::after {width:23px;margin-left:-11px;}
.mainPopWrap .mainPopArea .mainBody .desc_box {background-color:#000;padding:30px;}
.mainPopWrap .mainPopArea .mainBody .btn_wrap {height:54px;background-color:#f5f5f5;padding-left:30px;padding-top:17px;margin-top:0;}
.mainPopWrap .mainPopArea .mainBody .btn_wrap .checkType2 label {color:#444;}
.mainPopWrap .mainPopArea .mainBody .btn_wrap .checkType2 label:before {width:13px;height:13px;border-radius:2px;border:1px solid #767676;}

@media all and (max-width:768px) {
	.mainPopWrap .mainPopArea {width:86%;min-width:initial;}
	.mainPopWrap .mainPopArea .mainPopHeader .popLogo {width:50%;}
	.mainPopWrap .mainPopArea .mainPopHeader .btn_close {right:15px;}
	.mainPopWrap .mainPopArea .mainPopHeader .btn_close::before,
	.mainPopWrap .mainPopArea .mainPopHeader .btn_close::after {width:20px;margin-left:-10px;}
}

/* .mainPopWrap .btn_close {position:absolute;}
.mainPopWrap .btn_pageGo {position:absolute;left:0;right:0;bottom:0;margin:0 auto;text-indent:-9999%;font-size:0;letter-spacing:0;}
.mainPopWrap .mainBody .tit {display:none;}
.mainPopWrap .des + .btn_wrap {margin-top:10px;}
 */
/* @media all and (max-width:768px) {
	.mainPopWrap .mainPopArea {width:86%;}
	.mainPopWrap .btn_close {top:38px;right:25px;}
}
@media all and (min-width:769px) {
	.mainPopWrap .mainPopArea {width:auto;max-width:900px}
	.mainPopWrap .btn_close {top:20px;right:20px;}
} */


/**
title Type
**/
/* page title */
.pageTitleWrap .cate > a {color:inherit;}
.pageTitleWrap .font_en {font-family:'APHQ';}

@media all and (max-width: 768px) {
	.pageTitleWrap {text-align:center;font-size:22px;font-weight:600;color:#111;}
	.contViewWrap .pageTitleWrap {display:block;text-align:left;line-height:34px;}
}
@media all and (min-width: 769px) {
	.pageTitleWrap {padding:80px 0 50px;}
	.pageTitleWrap .cate {font-size:18px;font-weight:500;}
	.pageTitleWrap h2 {margin-top:5px;font-size:34px;line-height:48px;color:#111;}
}

/* section title */
.secTitleWrap {text-align:center;}
.secTitleWrap .font_en {font-family:'APHQ';}

.secTitleWrap .tit {letter-spacing:1px;color:#111;}
.secTitleWrap .txt {margin-top:8px;color:#555;}

@media all and (max-width: 768px) {
	.secTitleWrap {padding:0 7%;}
	.secTitleWrap .tit {font-size:24px;line-height:24px;}
	.secTitleWrap .txt {margin-top:6px;font-size:16px;}
}
@media all and (min-width: 769px) {
	.secTitleWrap .tit {font-size:34px;line-height:36px;}
	.secTitleWrap .txt {margin-top:8px;font-size:18px;}
}


/**
리스트 스타일 (공통)
**/
/* 썸네일 이미지 */
.listThumb {position:relative;overflow:hidden;background:transparent;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.listThumb:before {content:'';display:block;}
.listThumb img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
/* .listThumb.bg {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} */
.listThumb .thumb-hover {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.listThumb .thumb-hover:before {content:'';display:block}

@media all and (min-width: 769px) {
	.listThumb .thumb-hover {
		-webkit-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);}
	.listThumb .thumb-hover:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
}

/* list 해시태그 */
.hash_result {position:absolute;top:0;left:0;text-align:center;font-weight:500;color:#fff;background-color:#63caf5;}
@media all and (max-width: 768px) {
	.hash_result {width:27px;font-size:12px;line-height:20px;}
}
@media all and (min-width: 769px) {
	.hash_result {width:35px;font-size:15px;line-height:25px;}
}

/* 텍스트 박스 */
.listTxtBox .tit {font-weight:500;line-height:24px;color:#111;}
.listTxtBox .tit.of_txt.line2 {min-height:48px; max-height:48px;}
.listTxtBox .tit.of_txt.line3 {min-height:72px; max-height:72px;}
.listTxtBox .txt {font-size:15px;color:#767676;}
.listTxtBox .cate {margin:15px 0 10px;font-size:14px;line-height:initial;font-weight:500;text-transform:uppercase;}
@media all and (max-width: 768px) {
	.listTxtBox {line-height:24px;}
	.listTxtBox .tit {font-size:16px;}
	.listTxtBox .txt {margin-top:12px;line-height:24px;}
	.listTxtBox .txt.of_txt.line2 {min-height:48px; max-height:48px;}
	.listTxtBox .txt.of_txt.line3 {min-height:72px; max-height:72px;}
	.listTxtBox .txt.of_txt.line4 {max-height:96px;}
	.listTxtBox .txt.of_txt.line5 {max-height:120px;}
}
@media all and (min-width: 769px) {
	.listTxtBox .tit {font-size:17px;}
	.listTxtBox .txt {margin-top:13px;line-height:22px;}
	.listTxtBox .txt.of_txt.line2 {min-height:44px; max-height:44px;}
	.listTxtBox .txt.of_txt.line3 {min-height:66px; max-height:66px;}
	.listTxtBox .txt.of_txt.line4 {max-height:88px;}
	.listTxtBox .txt.of_txt.line5 {max-height:110px;}
}

/* 리스트 타입별 */

.end {background-color:#999999;}
.progress {background-color:#eabd20;}
.endLayer {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.eventTag {position: absolute;top:0;left:0;width:auto;height:30px;line-height:30px;font-size:15px;color:#fff;padding:0 15px;}

.listWrap:after,
.listWrap .cont:after,
.listWrap .listBox:after,
.listWrap .listTxt:after {content:'';display:block;clear:both;}
.listWrap .listThumb,
.listWrap .grid-item .listImg {display:block;position:relative;}
.listWrap .cont {position:relative;}
.listWrap .hashTag {display:block;overflow:hidden;max-height:36px;margin-top:20px;}
.listWrap .postCntWrap {margin-top:12px;}
.listWrap .postCntWrap .date:after {content:none;}

.listType1 .listThumb:before {/*padding-bottom:71.9%;*/ padding-bottom:62.9%}
.listType2 .listThumb:before {padding-bottom:71.9%;}
.listType3 .listThumb:before {padding-bottom:65%;}
.listType4 .listThumb:before {padding-bottom:60%;}
.listType5 .listThumb:before {padding-bottom:64.5%;}

.listWrap.grid .grid-item .cont .listImg img {width:100%;}

.listType7 li {background-color:#f9f9f9}
.listType7 .listTxtBox .tit {letter-spacing:-1px;}
.listType7 .listTxtBox .txt {padding-top:15px;margin-top:13px;border-top:1px solid #d4d4d4;-webkit-line-clamp:5;}

@media all and (max-width: 768px) {
	.listWrap.listType1 .listTxtBox,
	.listWrap.listType2 .listTxtBox,
	.listWrap.listType3 .listTxtBox {margin-top:5px;}
	.listWrap .postCntWrap .date {font-size:15px;line-height:21px}
	.listWrap + .paging {margin-top:75px;}
	.excitingArea + .paging{margin-top:75px;}

	.listWrap.listType1 .listBox,
	.listWrap.listType2 .listBox,
	.listWrap.listType3 .grid-item {margin-top:40px;}

	.listWrap.listType3 .listBox {margin-top:35px;}
	.listWrap.listType3 .listBox:first-child {margin-top:0}
	#container .press_center .side { margin-left:6%; margin-right:6%; padding-left:0; padding-right:0;}
	.listWrap.grid .grid-item {margin-bottom:60px;}	
	.press_center .listWrap.grid .grid-item { margin:0; position:relative; padding-top:40px;padding-bottom:40px; border-bottom:2px solid #eee;}	
	.press_center .listWrap.grid .grid-item:first-child {padding-top:0; }
	.press_center .listWrap.grid .grid-item::after {content:""; position:absolute; top:calc(100% - 3px); left:0; width:42%; height:6px; background:#fff; }
	.press_center .listWrap.grid .grid-item::before {content:""; position:absolute; top:calc(100% - 3px); right:0; width:42%; height:6px; background:#fff; }
	.listWrap.grid .grid-item .cont .listImg {text-align:center;}

	.listWrap.listType4 .listBox,
	.listWrap.listType5 .listBox {margin-top:30px;margin-bottom:38px;}
	.listWrap.listType4 .listTxtBox,
	.listWrap.listType5 .listTxtBox {margin-top:20px;}

	.listWrap.listType6 .listBox {padding-top:30px;margin-top:30px;border-top:1px solid #eee;}
	.listWrap.listType6 .listBox:first-child {margin-top:0;border-top:0;}
	.listWrap.listType6 .date {margin-bottom:5px;}

	.listType7 li {margin-top:40px}
	.listType7 li:first-child{margin-top:0;}
	.listType7 .listTxtBox {height:270px;padding:28px 25px 0 25px;}
	.listType7 .listTxtBox .txt {height:120px;}
}
@media all and (min-width: 769px) {
	.listWrap .hashTag {margin-top:15px;}
	.listWrap .postCntWrap {display:inline-block;line-height:15px;}
	.listWrap + .paging {margin-top:80px;}
	.excitingArea + .paging{margin-top:80px;}

	.listWrap.listType1 .listBox {margin-top:40px;padding-top:40px;border-top:1px solid #eee;}
	.listWrap.listType1 .listBox:first-child {margin-top:0;border-top:0;}
	.listWrap.listType1 .cont {display:table;width:100%;}
	.listWrap.listType1 .listThumb {display:table-cell;width:30%;vertical-align:middle;}
	.listWrap.listType1 .listTxt {display:table-cell;padding-left:40px;vertical-align:middle;}
	.listWrap.listType1 .listTxtBox {max-width:70%;margin-bottom:18px;}
	.listWrap.listType1 .hashTag {margin-top:0;}
	.listWrap.listType1 .postCntWrap .date {position:absolute;top:29%;right:0;}

	.listWrap.listType2 .listBox {float:left;width:49%;margin-bottom:35px;}
	.listWrap.listType2 .listBox:nth-child(2n-1) {margin-right:2%;}
	.listWrap.listType2 .listThumb {float:left;width:47.5%;}
	.listWrap.listType2 .listTxt {float:left;width:52%;padding-left:30px;}
	.listWrap.listType2 .listTxtBox .tit {margin-top:15px;}

	.listWrap.listType3 ul {margin-left:-30px;font-size:0;line-height:0;letter-spacing:0;}
	.listWrap.listType3 li {display:inline-block;margin:0 0 60px 30px;vertical-align:top;}

	.listWrap.grid .grid-sizer,
	.listWrap.grid .grid-item {width: calc( 25% - 20px );}
	.listWrap.grid .grid-item {margin-bottom:50px;}
	.listWrap.grid .listTxtBox .tit {margin-top:10px;}
	.listWrap.grid .postCntWrap {display:block;margin-top:15px;}

	.listWrap.listType4 ul {font-size:0;}
	.listWrap.listType4 .listBox {display:inline-block;width:32.2%;margin:50px 1.6% 0 0;vertical-align:top;}
	.listWrap.listType4 .listBox:first-child,
	.listWrap.listType4 .listBox:nth-child(2),
	.listWrap.listType4 .listBox:nth-child(3) {margin-top:0;}
	.listWrap.listType4 .listBox:nth-child(3n) {margin-right:0;}
	.listWrap.listType4 .listTxtBox {margin-top:20px;}

	.listWrap.listType5 .listBox {margin-top:40px;}
	.listWrap.listType5 .listBox:first-child,
	.listWrap.listType5 .listBox:nth-child(2) {margin-top:0;}
	.listWrap.listType5 .listBox {float:left;width:48%;}
	.listWrap.listType5 .listBox:nth-child(2n-1) {margin-right:4%;}
	.listWrap.listType5 .listThumb {float:left;width:48.5%;}
	.listWrap.listType5 .listTxt {float:left;position:relative;width:45%;padding:2.5% 0;margin-left:5%;}

	.listWrap.listType6 .listBox {position:relative;display:inline-block;width:30.3%;margin:55px 3% 0 0;vertical-align:top;}
	.listWrap.listType6 .listBox:before {content:'';display:block;width:100%;height:1px;margin-top:1px;background-color:#eee;z-index:999}
	.listWrap.listType6 .listBox:hover:before {display:none;}
	.listWrap.listType6 .listBox:hover {border-top:2px solid}
	.listWrap.listType6 .listBox:first-child,
	.listWrap.listType6 .listBox:nth-child(2),
	.listWrap.listType6 .listBox:nth-child(3) {margin-top:0;}
	.listWrap.listType6 .listBox:nth-child(3n) {margin-right:0;}
	.listWrap.listType6 .cont {padding-top:20px;}
	.listWrap.listType6 .listTxtBox .tit {margin-top:10px;}

	.listType7 ul {margin-left:-36px;}
	.listType7 li {display:inline-block;vertical-align:top;margin:0 0 40px 36px;}
	.listType7 .listTxtBox {position:relative;height:230px;margin:35px 30px;}
	.listType7 .listTxtBox .txt {height:120px;line-height:24px;}
	.listType7 .listTxtBox .date {position:absolute;bottom:0;left:0;color:#767676}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	.listWrap.listType2 .listBox {width:100%;}
	.listWrap.listType2 .listBox:nth-child(2n-1) {margin-right:0;}
	.listWrap.listType2 .listTxtBox {max-width:100%;}

	.listType3 li {width: calc( 50% - 30px );}

	.listWrap.grid .grid-sizer,
	.listWrap.grid .grid-item {width: 48.6%;}
	.listWrap.grid .listImg img {width:100%;}

	.listWrap.listType4 .listBox {width:32%;margin-right:2%;}

	.listWrap.listType5 .listThumb {width:170px;}
	.listWrap.listType5 .listTxt {position:relative;width:calc(90% - 170px);}

	.listType7 li {width: calc( 33% - 39px );}
}
@media all and (min-width: 1280px) {
	.listType3 li {width: calc( 25% - 30px );}

	.listType7 li {width: calc( 25% - 39px );}
}


/**
컨텐츠 뷰
**/
.f_lightblue {color:#62cdf7;}

#wrap.sub_contView > #container {padding-bottom:0;}
#wrap.sub_contView .pageTitleWrap h2.font_zh {font-family:'Microsoft Yahei',微软雅黑,STXihei,华文细黑,SimHei,sans-serif;}
#wrap.sub_contView .pageTitleWrap h2.font_en {font-family:'AritaDotum','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;}
#wrap.sub_contView .pageTitleWrap h2.font_ko.aphq{font-family:'APHQ';}
.contViewWrap .btn {color:#111;border-color:#a6a6a6;}
.contViewWrap .btn.btn_more:hover,
.contViewWrap .btn.btn_more:focus {border-color:#63caf5;background-color:#63caf5;}
.contViewWrap .moreBox.onlyM i {display:inline-block;font-size:0;line-height:0;vertical-align:middle;}
.contViewWrap .moreBox.onlyM .ico_share {width:20px;height:35px;}
.contViewWrap .moreBox.onlyM .ico_download{width:20px; height:35px}
.contViewWrap .del_message {color: #999;font-size:15px;line-height:24px;}
.contViewWrap .comnt_name {font-size:15px;line-height:24px;}
.contViewWrap .comnt_time {font-size:14px;line-height:28px;}
.contViewWrap .slideWrap .listTxtBox {text-align:left;}
.contViewWrap .slideWrap .listTxtBox .tit {margin-top: 22px;}
.contViewWrap .emtBtnWrap {border-top:1px solid #eeeeee;}
.contViewArea .btn_wrap .btn span {padding-right:15px;}
.contViewArea .comntBox {border-top:1px solid #eeeeee;}
/* .contViewArea .comntBox:first-child {border-top:none;} */
.contViewArea .comntWrap .comntArea:first-child .comntBox:first-child {border-top:none}

.contViewArea .comntBox .comntBtnWrap:after {display:block;content:'';clear:both;}
.contViewArea .comntBox .likeBtn.on .like_cnt {color:#d71212;}
.contViewArea .comntBox .likeBtn.on .ico_heart {background:url('../images/contents/ico_like_on.png') no-repeat center center / auto;}
.contViewArea .comntWrap .comntBox button .icn {border-radius:inherit;}
.contViewArea .comntWrap .comntBox button .ico_delete {width:14px;height:13px;background:url('../images/contents/ico_delete.png') no-repeat center center / auto;}
.contViewArea .comntWrap .input_form {position:relative;}
.contViewArea .comntWrap .input_form .input_comnt {height:100px;font-size:15px;transition-duration:.3s;background-color:#fff;}
.contViewArea .comntWrap .input_form textarea {height:100%;font-size:15px;overflow-y:auto;}
.contViewArea .attch {position:relative;display:inline-block;padding-right:30px;margin-top:28px;}
.contViewArea .attch .arrow {position:absolute;right:9px;top:50%;width:11px;height:6px;margin-top:-3px;background:url('../images/common/toggle_arrow.png') no-repeat 0 0;transform:rotate(180deg);}
.contViewArea iframe{max-width:100%; /* margin: 0 auto; */}
.contViewArea img{display: inline-block !important; margin:0 auto; vertical-align: -6px !important;}
.contViewArea table.kk_table{width:100% !important; table-layout:auto}
.contViewArea table.kk_table td, .contViewArea table.kk_table th{max-width:100%}
.contViewTit .nationFlagWrap .ctyListContainer {position:relative;border:1px solid #eee;border-top:0;background:#fff;}
.contViewTit .nationFlagWrap .ctyListContainer li {display:block;padding-left:15px;font-size:14px;line-height:26px;}
.seriesWrap .slideWrap {position: relative;}
.seriesWrap .slideWrap .listThumb:before {padding-bottom:64%;}
.seriesWrap .slideWrap .listTxtBox {text-align:left;}
.seriesWrap .slideWrap .listTxtBox .tit {margin-top: 22px;}

/*new_content_start*/
.new_content {width:100%; margin:80px 0; padding:62px 70px 68px;box-sizing:border-box; background:#faf9f7;}
.new_content h3 {display:flex; align-items:center; color:#666; font-size: 18px; font-weight:bold; }
.new_content h3 img {width:24px; margin-right:8px;}
.new_content h2 { color:#000; font-size:28px; font-weight:bold; margin:16px 0; line-height:1.3;}
.new_content p {display:flex; align-items:Center; color:#555; font-size:15px;font-weight:bold;line-height:1.2;}
.new_content p span {display:block; width:1px; height:14px; background:#cecece; margin:0 12px; }
.new_content p em { padding-left:8px; color:#3db9ee; font-style:normal;  }
.vote_area {width:100%; margin-top:50px;padding:50px; background:#fff; box-sizing:border-box;  }
.vote_area > div {position:relative; padding-bottom:28px; margin-bottom:22px; border-bottom:1px solid #e8e8e8;}
.vote_area > div:last-child {margin:0;}
.vote_area > div h4 {margin-bottom:14px; color:#444; font-size:20px; font-weight:bold;}
.vote_area > div h4 em {padding-left:12px;color:#444; font-size:20px; font-style:normal; }
.vote_area input[type="radio"] {display:none;}
.vote_area input[type="radio"] + label {position:relative; color:#444; font-size:20px; font-weight:bold; cursor:pointer;}
.vote_area input[type="radio"] + label span {padding-left:45px;}
.vote_area input[type="radio"] + label:before {content:"";position:absolute; top: 0; left:0; width:22px; height:22px; background:url('../images/contents/radio_btn.jpg') no-repeat center 0; }
.vote_area input[type="radio"]:checked + label:after {content:"";position:absolute; top: 0; left:0; width:22px; height:22px; background:url('../images/contents/radio_btn_checked.jpg') no-repeat center 0; }
.vote_area > div > span {position:relative; float:right; display:block; width:calc(100% - 45px); height:8px; border-radius:10px; background:#f1f1f1;  }
.vote_area > div > span span#inner_bar {position:absolute; top:0; left:0; display:block; background:#3fc4fd; width:50%; height:100%; border-radius:10px; z-index:2;}
.vote_area > div p {position:absolute; top:0; right:0; color:#666; font-size:18px; font-weight:bold;}
.new_content button {display:block; border:0; outline:0; width:162px; height:55px; border-radius:50px; margin:0 auto; margin-top:50px; background:#63caf5; color:#fff; font-size:20px; font-weight:bold;text-align:center; line-height:55px;cursor:auto; transition:all 0.3s;}
.new_content button.on:hover {opacity:0.8;}
.new_content.choice_after .vote_area > div > span span#inner_bar {width:50%;}
.new_content.choice_after button {background:#f0f0f0; color:#c8c8c8; }
.vote_area input[type="checkbox"] {display:none;}
.vote_area input[type="checkbox"] + label {position:relative; color:#444; font-size:20px; font-weight:bold; cursor:pointer;}
.vote_area input[type="checkbox"] + label span {padding-left:45px;}
.vote_area input[type="checkbox"] + label:before {content:"";position:absolute; top: 0; left:0; width:22px; height:22px; background:url('../images/contents/radio_btn.jpg') no-repeat center 0; }
.vote_area input[type="checkbox"]:checked + label:after {content:"";position:absolute; top: 0; left:0; width:22px; height:22px; background:url('../images/contents/radio_btn_checked.jpg') no-repeat center 0; }
.choice_before .vote_area > div > span span#inner_bar {width:0;}
.choice_before .vote_area > div p {opacity:0;}
.choice_after .vote_area > div p {opacity:1;}
.choice_ing .vote_area input[type="radio"] + label:before {opacity:0; }
.choice_ing .vote_area input[type="checkbox"] + label:before {opacity:0;}
.choice_ing .vote_area input[type="radio"] + label {cursor:auto;}
.choice_ing .vote_area input[type="checkbox"] + label {cursor:auto;}
.choice_ing .vote_area input[type="radio"]:checked + label:after {opacity:0;}
.choice_ing .vote_area input[type="checkbox"]:checked + label:after {opacity:0;}
.choice_before .vote_area > div h4 {margin-bottom:0; }
/*new_content_end*/

@media all and (max-width: 768px) {
	.contViewWrap .moreBtn {margin-left:12px;cursor:pointer;}
	.contViewWrap .moreBox {display:none;position:absolute;top:52px;right:6%;z-index:1;height:auto;padding:10px 0;border:1px solid #eeeeee;text-align:center;background-color:#fff;}
	.contViewWrap .moreBox.on {display:table;}
	.contViewWrap .moreBox ul li {font-size:14px;height:35px;line-height:35px;}
	.contViewWrap .moreBox ul li a {display:block;width:100%;height:100%;font-size:14px;cursor:pointer;}
	.contViewWrap .moreBox ul li a i {margin-right:7px;background-color:#fff;}
	.contViewTit {position:relative;padding:45px 0 20px 0;}
	.contViewTit .moreBtnWrap {position:relative;}
	.contViewTit .cate {margin-bottom:10px;line-height:24px;}
	.contViewTit .pageTitle {margin-bottom: 20px;font-size:22px;line-height:32px;}
	.contViewTit .countryGateWrap {margin-left:-13px;}
	.contViewTit .countryGateWrap .ctySelect {color:#767676;}
	.contViewTit .titleBtnWrap:after {display:block;content:'';clear:both;}
	.contViewTit .titleBtnWrap .moreBtn {position:absolute;top:0;right:0;z-index:99;cursor:pointer;}
	.contViewTit .titleBtnWrap .moreBox.onlyM ul {text-align:left;}
	.contViewTit .moreBox {position:absolute;top:27px;right:0;width:120px;}
	.contViewTit .moreBox.onlyM ul li {margin-left: 19px;}
	.contViewArea img.cont_img {width:100%;margin-bottom:35px;}
	.contViewArea .txtBox .txt {font-size:17px;line-height:28.5px;}
	.contViewArea .hashTag {padding-top:35px;}
	.contViewArea .btn_wrap.recentBtn {margin:30px 0 45px;}
	.contViewArea .btn_wrap.recentBtn .btn span {position:relative;font-size:17px;}
	.contViewArea .emtBtnWrap {padding-top:32px;padding-bottom:15px;}
	.contViewArea .emtBtnWrap li {width:20%;}
	.contViewArea .emtBtnWrap li .e_btn {width:55px;height:55px;margin:0 auto;line-height:55px;}
	.contViewArea .side > .tit {padding-bottom:20px;font-size:16px;font-weight:600;}
	.contViewArea .moreBox {width:109px;}
	.contViewArea .comnt_submit button i {margin-right:7px;}
	.contViewArea .comntArea:first-child {padding-top:15px;}
	.contViewArea .comntBox {position:relative;}
	.contViewArea .comntTopWrap {padding:6%;}
	.contViewArea .comntTopBtn {float:right;}
	.contViewArea .comntTopBtn:after {display:block;content:'';clear:both;}
	.contViewArea .replyInputBox{display:none;padding-top:25px;}
	.contViewArea .replyWrap {padding:0 13px;background-color:#f9f9f9;}
	.contViewArea .comntWrap {margin-top:40px;}
	.contViewArea .comntWrap .likeBtn {right:0;}
	.contViewArea .comntWrap .likeBtn .ico_heart {float:left;}
	.contViewArea .comntWrap .like_cnt {float:left;margin-left:3px;font-size:14px;line-height:26px;color:#7a7a7a;}
	.contViewArea .replyWrap .comntBox {background-color:#f9f9f9;}
	.contViewArea .comntWrap .comntBox .comntTop {margin-bottom:9px;}
	.contViewArea .comntWrap .comntBox .comntTop .comnt_name {margin-right:15px;font-size:15px;font-weight:600;}
	.contViewArea .comntWrap .comntBox .comntTop .comnt_time {color:#999;font-size:14px;}
	.contViewArea .comntWrap .comntBox .txt {line-height:23px;}
	.contViewArea .comntWrap .comntBtnWrap .btn_left,
	.contViewArea .comntWrap .comntBtnWrap .btn_right {display:none;}
	.contViewArea .comntWrap .btn_wrap.moreComntBtn {margin-top:15px;}
	.contViewArea .replyWrap .replyInputWrap {background-color:#f9f9f9;}
	.contViewArea .replyWrap .replyInputBox.on {display:block;}
	.contViewArea .replyWrap .replyInputBox .input_comnt {position:relative;height:110px;font-size:15px;transition-duration:.3s;background-color:#fff;}
	.contViewArea .replyWrap .replyInputBox .input_comnt textarea {width:100%;height:100%;line-height:26px;font-size:15px;background-color:#fff;resize:none;}
	.contViewArea .replyWrap .replyInputBox.on .comnt_submit {display:inline-block;}
	.contViewArea .comntWrap .input_form textarea {padding:15px;line-height:23px;}
	.contViewArea .comntWrap .input_form .comnt_submit {width:100%;margin-top:7.5px;text-align:right;line-height:1;text-align:right;transition-duration:.2s;}
	.contViewArea .comntWrap .input_form .comnt_submit button {margin-left:15px;}
	.contViewArea .comntWrap .comntInputArea form {position:relative;}
	.contViewArea .comntWrap .comntInputArea .comnt_submit button {border-bottom:1px solid #111;}
	.contViewArea .comntWrap .comntInputArea .comnt_submit {position:absolute;bottom:20px;right:20px;}
	.contViewArea .comntWrap .input_form.inputType2 {display:none;}
	.contViewArea .comntWrap .input_form.inputType2 .input_comnt {height:110px;font-size:15px;background-color:#fff;transition-duration:.3s;}
	.seriesArea {text-align:center;background-color:#f9f9f9;}
	.seriesArea .seriesTitle {margin-top:75px;padding:50px 0 40px 0;}
	.seriesArea .seriesTitle .tit {padding-bottom:17px;font-size:24px;}
	.seriesArea .seriesTitle .txt {font-size:16px;line-height:24px;}
	.seriesArea .slideWrap {padding-left:25px;}
	.seriesArea .slideWrap .slide_arr {display:none;}
	.seriesArea .slideWrap {padding-bottom:60px;}

	.sub_contNew .contents{padding-top:35px;}
	.sub_contNew .pageTitleWrap {padding:0;text-align:left;}
	.sub_contNew .pageTitleWrap h2 {font-size:20px;font-weight:500 !important;text-align:left;}
	.sub_contNew .listWrap.listType3 .listBox {margin-top:35px;}
	
	/*new_content_start*/
	.new_content {padding:62px 5% 68px;}
	/*new_content_end*/
}

/*new_content_start*/
@media all and (max-width:500px) {
	.vote_area {padding:50px 7%; }
}
/*new_content_end*/

/*rullet_content_start*/
.rullet_name_bn {width:100%; height:180px;background:url('../images/contents/rullet_name_bg.jpg') no-repeat center 0; }
.rullet_name_bn p {color:#000; font-size:32px; text-align:center;line-height:180px; font-weight:bold;}
.rullet_content {position:relative; width:100%; height:100%; height:2747px;} 
.rullet_content .rullet_c_bg_w {width:100%;height:2747px;background:url('../images/contents/rullet_content_bg.jpg') no-repeat center 0;}
.rullet_content .rullet_c_bg_m {width:100%; max-width:768px; margin:0 auto; height:100%;}
.rullet_content .rullet_c_bg_m img {width:100%;}

.rullet_content p.r_date {position:absolute; top:33.15%; left:50%; margin-left:-334px; color:#fff; font-size:21px; font-weight:bold; text-align:center; line-height:1.2;}
.rullet_content p.r_person {position:absolute; top:32.2%; left:50%; margin-left:-75px; width:150px; height:62px; border-radius:50px; color:#0a1f30; font-size:18px; font-weight:bold; text-align:center; line-height:72px;}
.rullet_content p.r_person span {display:inline-block; vertical-align:top; margin-top:-4px;font-size:36px; font-weight:bold; }
.rullet_content p.r_person2 {color:#000; left:50%; margin-left:201px; }
.rullet_content p.r_name {position:absolute; top:58.41%; left:50%; transform:translateX(-50%); width:340px; height:60px;border-radius:50px; color:#372e00; font-size:21px; text-align:center; line-height:60px; cursor:pointer; transition:all 0.3s;}
.rullet_content p.r_name span {font-weight:bold;}
.rullet_content p.r_name:hover {background:rgba(255,255,255,0.3);}

.rullet_content .rullet_wrap {position:relative; position:absolute; top:38.5%; left:50%; width:488px;  height:488px;margin-left:-244px; }
.rullet_content #canvas {width:488px;  height:488px;}
.rullet_content #spin_button {position:absolute; top:50%; left:50%; transform:translate(-48%, -48%); width:142px; cursor:pointer;z-index:3;}
.rullet_content #top {position:absolute; top:-19px; left:50%; transform:translateX( -48%);  width:51px; z-index:3;}

.rullet_content .popup {display:block; position:relative;position:fixed; top:0; left:-100%;z-index:4; width:100%; height:100vh; background:rgba(0,0,0,0.5); }
.rullet_content .popup.on { left:0;}
.rullet_content .popup_box {position:relative; position:absolute; top:50%; left:50%; transform:translate(-50%, -55%); width:500px; display:flex; justify-content:center; align-items:center;}
.rullet_content .popup_box > img {width:100%;}
.rullet_content .popup_box .close_btn {position:absolute; top:65px; right:0; width:70px; height:70px; cursor:pointer;transition:all 0.3s;}
.rullet_content .popup_box .close_btn:hover {background:rgba(255,255,255,0.3);}
.rullet_content .popup_box p { position:absolute; top:52%; left:50%; transform:translateX(-50%); width:90%; color:#333; font-size:24px; text-align:center; font-weight:bold; padding:0; line-height:1.6; letter-spacing:-2px;}
.rullet_content .popup_box p span {display:inline-block;  }
.rullet_content .popup_box p span:last-child {color:#888; font-size:20px; font-weight:normal; line-height:1.4;margin-top:16px;}
.rullet_content .popup_box button {position:absolute; bottom:39px;left:50%; transform:translateX(-50%); width:140px; height:63px; border-radius:50px; border:0; outline:0; cursor:pointer;transition:all 0.3s;}
.rullet_content .popup_box button:hover {background:rgba(255,255,255,0.3);}

.rullet_content .agree_popup .popup_box {transform:translate(-50%, -50%); width:620px;}
.rullet_content .agree_popup .close_btn {top:0; width:80px; height:80px;}
.rullet_content .agree_popup button {top:82.9%;left:20%; transform:translate(0,0); width:176px; height:80px;}
.rullet_content .agree_popup button#non_agree {left:51.5625%; }

.rullet_content .non_agree_popup .popup_box {transform:translate(-50%, -50%); width:640px;}
.rullet_content .non_agree_popup .close_btn {top:0; width:80px; height:80px;}
.rullet_content .non_agree_popup button {top:59.5%; width:176px; height:80px;}

.rullet_content .get_list {display:block; position:relative; position:fixed; top:0; left:-100%; z-index:4; width:100%; height:100vh; background:rgba(0,0,0,0.5); }
.rullet_content .get_list.on {left:0;}
.rullet_content .get_list_box {position:relative; position:absolute; top:50%; left:50%; transform:translate(-50%, -45%); width:640px;}
.rullet_content .g_box_top {width:100%; height:230px; background:#2684f0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.rullet_content .g_box_top .g_img {position:absolute; top:-150px; left:50%; transform:translateX(-55%); width:300px;}
.rullet_content .g_box_top .g_img img {width:100%;}
.rullet_content .g_box_top .close_btn {position:absolute; top:0; right:0; width:70px; cursor:pointer; transition:all 0.3s;}
.rullet_content .g_box_top .close_btn:hover {opacity:0.7;}
.rullet_content .g_box_top > p {color:#fff; font-size:28px; font-weight:bold; margin-top:60px; letter-spacing:-1px;}
.rullet_content .g_box_top h2 {color:#fff; font-size:36px; margin:10px 0 12px; letter-spacing:-2px; font-weight:bold;}
.rullet_content .g_box_top div {display:flex; justify-content:center; align-items:Center;}
.rullet_content .g_box_top div p {color:#fff; font-size:20px; margin:0 6px;}
.rullet_content .g_box_top div.date img {opacity:0.2; width:30px; cursor:pointer;}
.rullet_content .g_box_top div.date img.on {opacity:1;}
.rullet_content .g_box_bottom {width:100%; background:#fff; padding:40px 0; }
.rullet_content .g_box_bottom table {width:75%; margin:0 auto; }
.rullet_content .g_box_bottom table thead {background:#e8e8e8;}
.rullet_content .g_box_bottom table thead td {font-weight:bold;}
.rullet_content .g_box_bottom table td {padding:12px 0; color:#333; font-size:20px; line-height:1.2; letter-spacing:-1px; text-align:Center;}
.rullet_content .g_box_bottom table tbody tr {border-bottom:2px solid #e8e8e8;}
.rullet_content .g_box_bottom p {color:#ccc; font-size:16px; margin:10px 0 34px; text-align:center;}
.rullet_content .g_box_bottom button {display:block; width:130px; height:60px; margin:0 auto; background:rgb(255, 232, 99); border-radius:50px; color:#000; font-size:24px; font-weight:bold; text-align:center; line-height:54px;transition:all 0.3s; }
.rullet_content .g_box_bottom button:hover {opacity:0.7;} 

.rullet_content .rullet_slick {display: none;position: absolute;left: 50%;top: 16.5%;width: 645px;margin-left: -322.5px;}
.rullet_content .rullet_slick .slick-list .slick-track .slick-slide {outline:none;position: relative;}
.rullet_content .rullet_slick .slick-list .slick-track .slick-slide img {width: 100%;max-width: 645px;margin: 0 auto;}
.rullet_content .rullet_slick .slick-prev {background:url('../images/contents/r_arrow_prev_m.png') no-repeat left top;background-size: 100% auto;display:block;position:absolute;top: 30%;left: 50%;margin-left: -324px;width: 80px;height: 80px;text-indent:-9999px; font-size:0; color:transparent;z-index: 1;}
.rullet_content .rullet_slick .slick-next {background:url('../images/contents/r_arrow_next_m.png') no-repeat left top;background-size: 100% auto;display:block;position:absolute;top: 30%;left: 50%;margin-left: 241px;width: 80px;height: 80px;text-indent:-9999px; font-size:0; color:transparent;z-index: 1;}
.rullet_content .rullet_slick .slick-dots {position: absolute;bottom: -55px;left: 0;width: 100%;text-align: center;font-size: 0;z-index: 1;}
.rullet_content .rullet_slick .slick-dots li {display: inline-block;vertical-align: middle;margin: 0 1.4%;width: 14px;height: 14px; border-radius:50%;background: #ececec;cursor: pointer;}
.rullet_content .rullet_slick .slick-dots li.slick-active {background:#c2c2c2;}
.rullet_content .rullet_slick .slick-dots li button {position: absolute;top: 0;left: -100%;display: none;}


@media all and (max-width: 1280px) {
	.rullet_content {height:214.609375vw;}
	.rullet_content .rullet_c_bg_w { height:214.609375vw;background-size:cover;}

	.rullet_content p.r_date { margin-left:-26.09375vw; font-size:1.640625vw;}
	.rullet_content p.r_person {width:11.71875vw; height:4.84375vw; margin-left:-5.859375vw; font-size:1.40625vw; line-height:5.625vw; }
	.rullet_content p.r_person span {margin-top:-4px;font-size:2.8125vw;  }
	.rullet_content p.r_person2 {margin-left:15.703125vw; }
	.rullet_content p.r_name {width:26.5625vw; height:4.6875vw;font-size:1.640625vw;line-height:4.6875vw;}

	.rullet_content .rullet_wrap {width:38.125vw; height:38.125vw;margin-left:-19.0625vw; }
	.rullet_content #canvas {width:38.125vw; height:38.125vw;}
	.rullet_content #spin_button {width:11.09375vw; }
	.rullet_content #top{top:-1.484375vw;width:3.984375vw;}

	.rullet_content .popup_box {width:39.0625vw;}
	.rullet_content .popup_box .close_btn {top:5.078125vw; width:5.46875vw; height:5.46875vw;}
	.rullet_content .popup_box p { font-size:1.875vw; letter-spacing:-0.15625vw;}
	.rullet_content .popup_box p span:last-child {font-size:1.5625vw;margin-top:1.25vw;}
	.rullet_content .popup_box button {bottom:3.046875vw;width:10.9375vw; height:4.921875vw;}

	.rullet_content .agree_popup .popup_box {width:40vw;}
	.rullet_content .agree_popup .close_btn {top:0; width:5.5vw; height:5.5vw;}
	.rullet_content .agree_popup button {width:11.4vw; height:5.2vw;}

	.rullet_content .non_agree_popup .popup_box { width:40vw;}
	.rullet_content .non_agree_popup .close_btn {top:0; width:5.5vw; height:5.5vw;}
	.rullet_content .non_agree_popup button {width:11.4vw; height:5.2vw;}

	.rullet_content .get_list_box { width:45vw;}
	.rullet_content .g_box_top {height:17.5vw;}
	.rullet_content .g_box_top .g_img { top:-9.5vw;  width:21vw;}
	.rullet_content .g_box_top .close_btn {width:5.46875vw; }
	.rullet_content .g_box_top > p {font-size:2vw;margin-top:4.6875vw; letter-spacing:-0.078125vw;}
	.rullet_content .g_box_top h2 {font-size:2.4vw; margin:0.78125vw 0 0.9375vw; letter-spacing:-0.15625vw;}
	.rullet_content .g_box_top div p {font-size:1.4vw; margin:0 0.46875vw;}
	.rullet_content .g_box_top div.date img {width:2vw; }
	.rullet_content .g_box_bottom { padding:2.9vw 0; }
	.rullet_content .g_box_bottom table td {padding:0.9375vw 0; font-size:1.45vw;letter-spacing:-0.078125vw;}
	.rullet_content .g_box_bottom table tbody tr {border-bottom:0.15625vw solid #e8e8e8;}
	.rullet_content .g_box_bottom p {font-size:1.25vw; margin:0.6vw 0 2.2vw;}
	.rullet_content .g_box_bottom button { width:10.1525vw; height:4.6875vw;font-size:1.875vw;line-height:4.21875vw; }


}

@media all and (max-width: 1024px) {

	.rullet_content .get_list_box { width:43vw;}
	.rullet_content .g_box_top {height:16vw;}
	.rullet_content .g_box_top .g_img { top:-9vw;  width:20vw;}
	.rullet_content .g_box_top .close_btn {width:5.46875vw; }
	.rullet_content .g_box_top > p {font-size:1.6vw;}
	.rullet_content .g_box_top h2 {font-size:2.1vw; margin:0.5vw 0 0.7vw;}
	.rullet_content .g_box_bottom { padding:2.9vw 0; }
	.rullet_content .g_box_bottom table td {padding:0.85vw 0; font-size:1.3vw;}
	.rullet_content .g_box_bottom p {font-size:1.1vw; margin:0.3vw 0 1.5vw;}

}


@media all and (max-width: 768px) {
	.rullet_name_bn {display:none;}
	.rullet_content {height:100%;}
	
	.rullet_content .rullet_slick {display:block;width: 83.984375vw;margin-left: -41.9921875vw;}
	.rullet_content .rullet_slick .slick-list .slick-track .slick-slide img {max-width: 83.984375vw;}
	.rullet_content .rullet_slick .slick-prev {margin-left: -42.1875vw;width: 10.4167vw;height: 10.4167vw;}
	.rullet_content .rullet_slick .slick-next {margin-left: 31.3802vw;width: 10.4167vw;height: 10.4167vw;}
	.rullet_content .rullet_slick .slick-dots {bottom: -7.16145vw;}
	.rullet_content .rullet_slick .slick-dots li {width: 1.82vw;height: 1.82vw; }

	.rullet_content p.r_date { top:30.13%; margin-left:-7vw; font-size:5vw;} 
	.rullet_content p.r_person {width:26.82vw; height:13.41vw; top:33.42%; margin-left:-35.4vw; font-size:4vw; line-height:14.97vw; } 
	.rullet_content p.r_person span {margin-top:-0.52vw;font-size:8vw;  }
	.rullet_content p.r_person2 {margin-left:8.6vw; }
	.rullet_content p.r_name {top:55.1%; width:72vw; height:12vw;font-size:4.5vw;line-height:12vw;}  
	
	.rullet_content .rullet_wrap {top:39.084%; width:84vw; height:84vw;margin-left:-42vw; } 
	.rullet_content #canvas {width:84vw; height:84vw; }
	.rullet_content #spin_button {width:24.8vw; }
	.rullet_content #top{top:-4.5vw;width:9vw;}

	.rullet_content .popup_box {width:70vw;}
	.rullet_content .popup_box .close_btn {background:#fff;top:9.2vw; width:9vw; height:9vw;}
	.rullet_content .popup_box p { font-size:3.6vw; }
	.rullet_content .popup_box p span:last-child {font-size:3vw;}
	.rullet_content .popup_box button {bottom:5.3vw;width:20vw; height:9vw;}

	.rullet_content .agree_popup .popup_box {width:60vw;}
	.rullet_content .agree_popup .close_btn {top:0;width:9vw; height:9vw;background:transparent;}
	.rullet_content .agree_popup button {top:85.85%;left:18%; width:18.3vw; height:7.9vw;}

	.rullet_content .non_agree_popup .popup_box { width:60vw;}
	.rullet_content .non_agree_popup .close_btn {top:0;width:9vw; height:9vw;background:transparent;}
	.rullet_content .non_agree_popup button {top:58.5%; width:18.3vw; height:8.2vw;}

	.rullet_content .get_list_box { width:80vw;}
	.rullet_content .g_box_top {height:38vw;}
	.rullet_content .g_box_top .g_img { top:-22.5vw;  width:50vw;}
	.rullet_content .g_box_top .close_btn {display:none;width:5.46875vw; }
	.rullet_content .g_box_top > p {font-size:4vw;margin-top:13vw; letter-spacing:-0.18vw;}
	.rullet_content .g_box_top h2 {font-size:5.6vw; margin:1.6vw 0 2.2vw; letter-spacing:-0.25vw;}
	.rullet_content .g_box_top div p {font-size:3.6vw; margin:0 1.8vw;}
	.rullet_content .g_box_top div.date img {width:3.8vw; }
	.rullet_content .g_box_bottom { padding:5.5vw 0; }
	.rullet_content .g_box_bottom table {width:85%;}
	.rullet_content .g_box_bottom table td {padding:2.1vw 0; font-size:3vw;}
	.rullet_content .g_box_bottom table tbody tr {border-bottom:0.26vw solid #e8e8e8;}
	.rullet_content .g_box_bottom p {font-size:2.6vw; margin:1.8vw 0 3vw; line-height:1.2;}
	.rullet_content .g_box_bottom button { width:21vw; height:9vw;font-size:4vw;line-height:9vw; }


}

@media all and (max-width: 500px) {
	.rullet_content .popup_box {width:80vw;}
	.rullet_content .popup_box .close_btn {top:10.5vw; width:10.5vw; height:10.5vw;}
	.rullet_content .popup_box p { font-size:4.2vw;}
	.rullet_content .popup_box p span:last-child {font-size:3.5vw;}
	.rullet_content .popup_box button {bottom:5.9vw;width:22vw; height: 10.4vw;}

	.rullet_content .agree_popup .popup_box {width:80vw;}
	.rullet_content .agree_popup .close_btn {top:0;width:12vw; height:12vw;}/*22.06.21_수정*/
	.rullet_content .agree_popup button {bottom:9.6vw;width:24vw; height:10.4vw;}/*22.06.21_수정*/

	.rullet_content .non_agree_popup .popup_box { width:80vw;}
	.rullet_content .non_agree_popup .close_btn {top:0;width:12vw; height:12vw;}/*22.06.21_수정*/
	.rullet_content .non_agree_popup button {bottom:8.25vw; width:24vw; height:10.8vw;}/*22.06.21_수정*/

	.rullet_content .g_box_top {height:42vw;}
	.rullet_content .g_box_top .g_img { top:-23.4vw;  width:52vw;}
	.rullet_content .g_box_top > p {font-size:4.8vw;margin-top:13vw;}
	.rullet_content .g_box_top h2 {font-size:6vw; margin:1.2vw 0 2vw; }
	.rullet_content .g_box_top div p {font-size:4vw;}
	.rullet_content .g_box_bottom table td { font-size:3.4vw;}
	.rullet_content .g_box_bottom p {font-size:3vw; margin:2vw 0 4vw; }
	.rullet_content .g_box_bottom button { width:23vw; height:10vw;font-size:4.6vw;line-height:10vw; }
}

/*rullet_content_end*/

@media all and (min-width: 769px) {
	.contViewWrap .inner {margin:0 auto;max-width:980px;padding:0 40px;}
	.contViewTit .titleBtnWrap:after {display:block;content:'';clear:both;}
	.contViewTit .BtnWrap {float:right;margin-top:-7px; position:relative}
	.contViewTit .countryGateWrap {display:inline-block;margin-right:3px;}
	.contViewTit .postCntWrap {display:inline-block;}
	.contViewTit .postCntWrap:after {display:block;content:'';clear:both;}
	.contViewTit .ico_bookmark {margin-left:5px;}
	.contViewTit .ico_share{margin-left:5px}
	.contViewArea {margin:50px auto 100px;}
	.contViewArea img.cont_img {width:100%;margin-bottom:50px;}
	.contViewArea .txtBox {padding-bottom:60px;}
	.contViewArea .txtBox .txt {font-size:18px;line-height:30px;}
	.contViewArea .attch .attch_txt {font-size:15px;}
	.contViewArea .emtBtnWrap {padding-top:50px;text-align:center;}
	.contViewArea .btn_wrap.recentBtn {margin:45px auto 45px;text-align:center;}
	.contViewArea .comntWrap {margin-top:80px;}
	.contViewArea .comntWrap .comntInputArea {position:relative;}
	.contViewArea .comntWrap .comntInputArea .tit {margin-bottom:17px;font-size:18px;font-weight:500;}
	.contViewArea .comntWrap .comntTopWrap {padding:25px 25px 30px 25px;}
	.contViewArea .comntWrap .comntBox {position:relative;font-size:15px;}
	.contViewArea .comntWrap .comntBox button .icn {margin-right:5px;}
	.contViewArea .comntWrap .comntBox.reply .input_comnt {margin-bottom:25px;}
	.contViewArea .comntWrap .comntBox.reply .input_comnt button:first-child {margin-right:20px;}
	.contViewArea .comntWrap .comntArea:first-child {margin-top:25px;}
	.contViewArea .comntWrap .comntTop {margin-bottom:15px;}
	.contViewArea .comntWrap .comntTopBtn {float:right;}
	.contViewArea .comntWrap .replyWrap {display:block;padding:0 25px;background-color:#f9f9f9;}
	.contViewArea .comntWrap .replyWrap:after {content:'';display:block;clear:both;}
	.contViewArea .comntWrap .replyWrap .comntBox {background-color:#f9f9f9;}
	.contViewArea .comntWrap .replyWrap .comntBox .txt {margin-bottom:30px;}
	.contViewArea .comntWrap .likeBtn .ico_heart {float:left;}
	.contViewArea .comntWrap .like_cnt {float:left;margin-left:3px;color:#7a7a7a;font-size:14px;}
	.contViewArea .comntWrap .likeBtn.on .like_cnt {color:#d71212;}
	.contViewArea .comntWrap .comntWrap {margin-top:80px;}
	.contViewArea .comntWrap .comnt_name {margin-right:15px;font-size:15px;line-height:24px;font-weight:600;}
	.contViewArea .comntWrap .comnt_time {color:#999;}
	.contViewArea .comntWrap .btn_left {float:left;}
	.contViewArea .comntWrap .btn_right {float:right;}
	.contViewArea .comntWrap .btn_right button {margin-left:15px;}
	.contViewArea .comntWrap .comntBtnWrap {margin-top:25px;}
	.contViewArea .comntWrap .comntBtnWrap button {font-size:15px;color:#555;}
	.contViewArea .comntWrap .replyInputBox {display:none;position:relative;padding:30px 0 30px 0;font-size:15px;background-color:#f9f9f9;}
	.contViewArea .comntWrap .replyInputBox.on {display:block;border-bottom: 1px solid #eeeeee;}
	.contViewArea .comntWrap .input_form textarea {padding:23px;}
	.contViewArea .comntWrap .input_form .comnt_submit {display:none;position:absolute;bottom:22px;right:26px;line-height:26px;font-size:15px;background-color:#fff;text-align:right;transition-duration:.2s;resize:none;}
	.contViewArea .comntWrap .input_form .comnt_submit button,
	.contViewArea .comntWrap .input_form .btn_right button {margin-left:15px;}
	.contViewArea .comntWrap .input_form .replyBtn {text-align:right;margin-top:7.5px;}
	.contViewArea .comntWrap .input_form .replyBtn i {margin-right:6px;}
	.contViewArea .comntWrap .input_form button .icn {margin-right:5px;}
	.contViewArea .comntWrap .input_form.inputType1 .comnt_submit button {border-bottom:1px solid #111;}
	.contViewArea .comntWrap .input_form.inputType2 {display:none;}
	.contViewArea .btn_wrap.moreComntBtn {margin-top:15px;}
	.contViewArea .btn_wrap .btn span {position:relative;padding-right:15px;font-size:17px;}
	.seriesWrap {background-color:#f9f9f9;text-align:center;padding:80px 0;}
	.seriesWrap .seriesArea {max-width:1200px;margin:0 auto;}
	.seriesWrap .seriesArea .seriesTitle {margin-bottom:50px;}
	.seriesWrap .seriesArea .seriesTitle .tit {margin-bottom:8px;font-size:34px;line-height:48px;}
	.seriesWrap .seriesArea .seriesTitle .txt {font-size:17px;line-height:20px;}
	.seriesWrap .seriesArea .slideWrap .slide_arr.next {right:-70px;margin-top:-65px;}
	.seriesWrap .seriesArea .slideWrap .slide_arr.prev {left:-70px;margin-top:-65px;}
	.seriesWrap .listWrap.seriesList ul {font-size:0;}
	.seriesWrap .listWrap.seriesList .listBox {display:inline-block;width:23.5%;margin:0 2% 0 0;vertical-align:top;text-align:left;}
	.seriesWrap .listWrap.seriesList .listBox:nth-child(3) {margin:0 2% 0 0 !important;}
	.seriesWrap .listWrap.seriesList .listBox:nth-child(4) {margin:0;}

	.sub_contNew .pageTitleWrap {padding:70px 0;}
	.sub_contNew .pageTitleWrap h2 {margin-top:0;}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	.sub_contNew .inner,
	.sub_contNew .slideWrap {padding: 0 3%;}
}

/**
마이페이지
**/
.mypageWrap .profileBox {text-align:center;color:#111;background:url('../images/mypage/mypage_profileBoxBg.jpg') no-repeat center center / cover;}
.mypageWrap .profileBox .user_name {font-weight:600;}
.mypageWrap .tabType1 {margin-bottom:0;}

.myPageListArea .listWrap:first-child {border-top:0;}
.myPageListArea .listWrap .listBox {position:relative;}
.myPageListArea .listWrap .listBox .ico_delete {position:absolute;z-index:10;}

.myPageListArea .listType7 li:nth-child(5n+1) {background-color:#eff3dd}
.myPageListArea .listType7 li:nth-child(5n+2) {background-color:#f3ebe1}
.myPageListArea .listType7 li:nth-child(5n+3) {background-color:#e5f3f9}
.myPageListArea .listType7 li:nth-child(5n+4) {background-color:#f9f9f9}
.myPageListArea .listType7 li:nth-child(5n+5) {background-color:#e5f3f9}

@media all and (max-width: 768px) {
	.mypageWrap .profileBox {height:126px;font-size:22px;}
	.mypageWrap .tabType1 li.tooltipWrap .tooltip {display:none;}
	.mypageWrap .tooltipTxtBox {padding:23px 25px;font-size:14px;line-height:20px;color:#767676;background-color:#eee}

	.myPageListArea .listWrap {margin-top:40px;margin-right:6%;margin-left:6%;}
	.myPageListArea .listWrap .listBox {margin-bottom:38px;}
	.myPageListArea .listWrap .listBox .ico_delete {top:15px;right:15px;width:45px;height:45px;background:#fff url('../images/common/ico_delete_m.png') no-repeat center center / 21px 20px;}
}
@media all and (min-width: 769px) {
	.mypageWrap .profileBox {height:179px;margin-bottom:30px;font-size:34px;}
	.mypageWrap .tabType1 .dragscroll {overflow-x:inherit;overflow:inherit;}
	.mypageWrap .tabType1 li.tooltipWrap {position:relative;padding-right:22px;}
	.mypageWrap .tabType1 li.tooltipWrap .tooltip {position:absolute;top:0;right:0;}

	.mypageWrap .tabCon {margin-top:60px;}
	.myPageListArea .listWrap .listBox {margin-bottom:80px;}
	.myPageListArea .listWrap .listBox .ico_delete {top:10px;right:10px;width:42px;height:42px;background:#fff url('../images/common/ico_delete_w.png') no-repeat center center / 18px 17px;}
}


/**
문의 및 제보 - About
**/
#wrap.sub_about > #container {background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;}
#wrap.sub_about > #container .contents {max-width:920px;}
.aboutWrap {background-color:#fff;text-align:center;}
.aboutBox dl {letter-spacing:0;text-align:left;}
.aboutBox dl dt {font-weight:500;color:#111;vertical-align:top;word-break:break-all;}
.aboutBox dl dt .dot {position:relative;padding-right:10px;}
.aboutBox dl dt .dot:after {content:'';position:absolute;top:1px;right:0;width:4px;height:4px;background-color:#63caf5;border-radius:100%;}
.aboutBox dl dd .input_form textarea {overflow-y:auto;}
.aboutBox dl dd .btn_upload {display:inline-block;position:relative;overflow:hidden;text-align:center;background-color:#999;vertical-align:middle;}
.aboutBox dl dd .btn_upload label {position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;line-height:0;letter-spacing:0;}
.aboutBox dl dd .btn_upload label > i {padding:0 0 3px 3px;}
.aboutBox dl dd .btn_upload input[type='file'] {visibility:hidden;opacity:0;width:0;height:0;}
.aboutBox dl dd .file_txt {display:inline-block;margin-left:15px;vertical-align:middle;color:#999;}
.aboutBox dl dd .file_txt em {color:#555;}
.aboutBox dl dd .file_list {border:1px solid #ddd;background-color:#f9f9f9}
.aboutBox dl dd .file_list ul {font-size:0;letter-spacing:0;}
.aboutBox dl dd .file_list li {position:relative;vertical-align:top;color:#999;text-align:left;}
.aboutBox dl dd .file_list li:after {content:'';display:block;clear:both;}
.aboutBox dl dd .file_list li span {float:left;width:84%;max-height:24px;vertical-align:middle;}
.aboutBox dl dd .file_list li a {float:left;display:inline-block;margin-left:15px;vertical-align:middle;}
.aboutBox dl dd .file_list li:before {content:'';float:left;display:inline-block;width:3px;height:3px;background-color:#ccc;}
.aboutBox dl dd .file_list li a.li_del {display:block;position:absolute;top:50%;right:0;width:15px;height:12px;-webkit-transform:translate(0,-40%);transform:translate(0,-40%);}
.aboutBox dl dd .file_list li a.li_del:before,
.aboutBox dl dd .file_list li a.li_del:after {content:'';display:block;position:absolute;left:0;top:50%;width:12px;height:1px;background:#555;}
.aboutBox dl dd .file_list li a.li_del:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.aboutBox dl dd .file_list li a.li_del:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.aboutBox dl dd .inputAlt {height:24px;}
.aboutWrap .btn_wrap a {height:46px;font-size:15px;line-height:44px;}

@media all and (max-width: 768px) {
	#wrap.sub_about #container {padding-bottom:0;background:none;}
	.aboutWrap {padding:38px 25px}
	.aboutWrap .pageTitleWrap {padding-bottom:28px;text-align:left;}
	.aboutWrap .pageTitleWrap h2 {font-size:20px;font-weight:500 !important;text-align:left;}
	.aboutBox dl dt {margin-top:21px;font-size:16px;}
	.aboutBox dl dt:first-child {margin-top:0;}
	.aboutBox dl dd {margin-top:8px;}
	.aboutBox dl dd .input_form textarea {height:23vw;}
	.aboutBox dl dd .btn_upload {width:50px;height:50px;}
	.aboutBox dl dd .btn_upload label > i {padding-bottom:5px;}
	.aboutBox dl dd .file_list {padding:0 18px;margin-top:15px;padding-bottom:18px;}
	.aboutBox dl dd .file_list li {margin-top:18px;font-size:14px;}
	.aboutBox dl dd .file_list li:before {margin:10px 5px 0 0;}
	.aboutBox dl dd .file_list li a {float:right;}
	.aboutWrap .btn_wrap {margin-top:35px;}
}
@media all and (min-width: 769px) {
	.aboutWrap .pageTitleWrap {padding:8px 0 20px 0;}
	.aboutBox dl dt {display:inline-block;width:107px;margin-top:24px;font-size:17px;}
	.aboutBox dl dd {display:inline-block;width: calc( 100% - 112px );margin-top:24px;}
	.aboutBox dl dd .input_form textarea {height:198px;}
	.aboutBox dl dd .btn_upload {width:64px;height:64px;}
	.aboutBox dl dd .file_list {margin-top:10px;padding:8px 18px 18px 0;}
	.aboutBox dl dd .file_list li {display:inline-block;width: calc( 50% - 18px );margin-left:18px;padding-top:8px;font-size:15px;}
	.aboutBox dl dd .file_list li:before {margin:10px 10px 0 0;}
	.aboutBox dl dd .file_list li a {float:left;display:inline-block;margin-left:15px;vertical-align:middle;}
	.aboutWrap .btn_wrap {margin-top:40px;padding-top:40px;border-top:1px solid #eee;}
	.aboutWrap .btn_wrap a.btnSizeL {min-width:180px;}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	#wrap.sub_about #container {padding-bottom:6%;}
	.aboutWrap {margin-top:6%;padding:6%;}
}
@media all and (min-width: 1280px) {
	#wrap.sub_about #container {padding-bottom:130px;}
	.aboutWrap {margin-top:130px;padding:65px 80px;}
}


/**
서브메인 공통
**/
.f_purple {color:#8965a9;}
.gray_box {background-color:#f9f9f9;}

/*submain list type 2 공통*/
.subListType2 ul {font-size:0;line-height:0;}
.subListType2 li .userTxt {color:#111;}
.subListType2 li .userTxt > span.userName {font-weight:500;}
.subListType2 .listTxtBox .txt {margin-top:0;}

/*submain list type 3 공통*/
.subListType3 .swiper-wrapper .swiper-slide .gray_box {height:100%;}
.subListType3 .listThumb:before {padding-bottom:64.4%;}
.subListType3 .hashTag {margin-top:22px;margin-bottom:25px;}

/*submain list type 4 공통*/
.subListType4 .gray_box {height:100%;}
.subListType4 .listThumb:before {padding-bottom:64.4%;}
.subListType4 .hashTag {margin-top:22px;margin-bottom:25px;}
.subListType4 > ul{font-size:0; line-height:0; width:102%; overflow:hidden}
.subListType4 > ul > li{width:31%; margin-right:2%; margin-top:20px; float:left}
.subListType4 > ul > li:first-child, .subListType4 > ul > li:nth-child(2), .subListType4 > ul > li:nth-child(3){margin-top:0}

/*submain list type 5 공통*/
.subListType5 .gray_box {height:100%;}
.subListType5 .listThumb:before {padding-bottom:64.4%;}
.subListType5 .hashTag {margin-top:22px;margin-bottom:25px; min-height:36px}
.subListType5 > ul{font-size:0; line-height:0; width:102%; overflow:hidden}
.subListType5 > ul > li{width:23%; margin-right:2%; margin-top:20px; float:left}


@media all and (max-width:768px) {
	.subMain {margin-top:60px;}
	.subListType3 .hashTag {margin-bottom:25px;}

	/*submain list type 1*/
	.subListType1 .listBox {margin-top:40px;}
	.subListType1 .listBox.main .listImg {display:block;float:none;width:auto;max-width:540px;margin:0 auto;}
	.subListType1 .listBox.main .listTxt {display:block;width:auto;margin:30px 25px 0 25px;padding-left:0;}
	.subListType1 .listBox.main .listTxtBox {float:none;width:auto;max-width:inherit;}

	/*submain list type 3*/
	.subListType3 {padding:0 6%;}
	.subListType3 .swiper-wrapper {min-height:100%;}
	.subListType3 .swiper-wrapper .swiper-slide {height:auto !important;}
	.subListType3 .swiper-wrapper .swiper-slide .listTxtBox .tit {margin-top:20px;}
	.subListType3 .swiper-wrapper .swiper-slide .gray_box {padding:20px 25px;}

	/*submain list type 4*/
	.subListType4 {padding:0 6%;}
	.subListType4 .listTxtBox .tit {margin-top:20px;}
	.subListType4 .gray_box {padding:20px 25px;}
	.subListType4 > ul > li{float:none; width:auto; margin-right:0;}
	.subListType4 > ul > li:first-child{margin-top:0}
	.subListType4 > ul > li:nth-child(2), .subListType4 > ul > li:nth-child(3){margin-top:20px}

	/*submain list type 5*/
	.subListType5 {padding:0 6%;}
	.subListType5 .listTxtBox .tit {margin-top:20px;}
	.subListType5 .gray_box {padding:20px 25px;}
	.subListType5 > ul{width:auto}
	.subListType5 > ul > li{float:none; width:auto; margin-right:0;}
	.subListType5 > ul > li:first-child{margin-top:0}
	.subListType5 > ul > li:nth-child(2), .subListType4 > ul > li:nth-child(3){margin-top:20px}
}
@media all and (min-width:769px) {
	.subMain {margin-top:110px;}
	.subListType3 .swiper-wrapper .swiper-slide .gray_box {padding:47px 40px 0 40px;}

	/*submain list type 1*/
	.subListType1 .listBox:first-child {margin-top:0;border-top:0;}
	.subListType1 .listBox .listTxt {display:table-cell;padding-left:40px;vertical-align:middle;}
	.subListType1 .listBox .listTxt .listTxtBox {max-width:80%;margin-bottom:18px;}
	.subListType1 .listBox .cont {display:table;width:100%;}
	.subListType1 .listBox .listThumb {display:table-cell;width:52%;vertical-align:middle;}
	.subListType1 .listBox .hashTag {margin-top:0;}

	/*submain list type 2*/
	.subListType2 ul {display:block;transform:translate(0, 0) !important;}
	.subListType2 li {display:table;width:100%;outline:none;}
	.subListType2 li {display:inline-block;margin-right:0 !important;vertical-align:middle;}
	.subListType2 li .box {margin-right:30px;}
	.subListType2 li .listTxtBox {padding-left:15px;}

	/*submain list type 3*/
	.subListType3 .swiper-wrapper {min-height:100%;}
	.subListType3 .swiper-wrapper .swiper-slide {height:auto !important;}
	.subListType3 .swiper-wrapper .swiper-slide .listTxtBox .tit {margin-top:15px;}

	/*submain list type 4*/
	.subListType4 .listTxtBox .tit {margin-top:15px;}

	/*submain list type 5*/
	.subListType5 .listTxtBox .tit {margin-top:15px;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	.subMainWrap .inner,
	.b_subMainWrap .inner {padding:0 3%;}

	/*submain list type 1*/
	.subListType1 .listBox .listThumb {display:block;width:100%;}
	.subListType1 .listBox .listTxt {display:block;padding:25px 40px;}
}


/**
서브메인_1
**/
.subMainWrap .inner {max-width:1200px;margin:0 auto;}
.subMainWrap .sec {margin-bottom:120px;}
.subMainWrap .sec .secTitleWrap {text-align:left;margin-bottom:30px;}
.subMainWrap .listBox .listImg img {width:100%;}
.subMainWrap .excitingWrap .excitingArea:after,
.subMainWrap .excitingWrap .excitingArea .excitingTop:after {display:block;content:'';clear:both;}
.subMainWrap .excitingWrap .subListType1 .listThumb:before {padding-bottom:65%;}

@media all and (max-width:768px) {
	.subMainWrap .swiper-pagination {margin-top:20px;}

	/*exciting change*/
	.excitingWrap .excitingTop {margin-bottom:30px;}
	.excitingWrap .excitingTop .exciting_left .listTxt.gray_box {padding:30px 25px;}
	.excitingWrap .excitingTop .exciting_left .listTxt .hashTag {margin-top:22px;}
}
@media all and (min-width:769px) {
	.subMainWrap .swiper-pagination {display:none;}

	/*exciting change*/
	.excitingWrap .excitingTop {margin-bottom:50px;}
	.excitingWrap .excitingTop .exciting_left {float:left;width:74.7%;}
	.excitingWrap .excitingTop .exciting_right {float:right;width:23.6%;padding:0 20px;margin-left:1.6%;}
	.excitingWrap .excitingTop .exciting_right .titleWrap {margin-top:7px;text-align:center;font-size:16px;font-weight:500;color:#111;}
	.excitingWrap .subListType2 li .listThumb,
	.excitingWrap .subListType2 li .listThumb .thumb-hover {width:56px;height:56px;}
	.excitingWrap .subListType2 li {margin-top:12%;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	/*exciting change*/
	.excitingWrap .excitingTop {display:flex;}
	.excitingWrap .excitingTop .exciting_left {width:65%;}
	.excitingWrap .excitingTop .exciting_right {width:33.4%;padding-top:4vh;}
	.excitingWrap .subListType1 .listThumb:before {padding-bottom:300px;}
	.excitingWrap .subListType2 li .listThumb,
	.excitingWrap .subListType2 li .listThumb .thumb-hover {width:80px;height:80px;}
	.excitingWrap .subListType2 li .listTxtBox {width:calc( 55% - 40px );padding-left:20px;}
}


/**
서브메인_2
**/
.b_subMainWrap .inner {max-width:1200px;margin:0 auto;}
.b_subMainWrap .pageTitleWrap {text-align:left;padding:70px 0 28px;}

@media all and (max-width:768px) {
	.b_subMainWrap .sec {margin-top:50px;}
	.b_subMainWrap .sec:after {content:'';display:block;height:1px;width:88%;margin:25px auto 0 auto;background-color:#eeeeee;;}
	.b_subMainWrap .sec:last-child:after{content:none;}
	.b_subMainWrap .pageTitleWrap {padding:0 7%;margin-bottom:15px;}
	.b_subMainWrap .pageTitleWrap .cate {font-size:14px;line-height:28px;}
	.b_subMainWrap .pageTitleWrap h2 {font-size:20px;line-height:28px;font-weight:600;}

	/*데일리 뉴스*/
	.newsWrap.sec {margin-top:40px !important;}
	.newsWrap.sec:first-child {margin-top:20px !important;}
}
@media all and (min-width:769px) {
	.b_subMainWrap .sec {padding-bottom:70px;margin-top:0 !important;border-bottom:1px solid #eeeeee;}
	.b_subMainWrap .sec:last-child {padding-bottom:0;border:0;}
}

/**
이벤트
**/
.f_blue {color:#518bcb;}
.b_blue {background-color:#afccec;}
.under {border-bottom:1px solid;}

#event .btn_wrap.entryBtn .btn {color:#fff;border:none;}
#event .btn_wrap.entryBtn .btnSizeFull .arr {background-color:#fff;}
#event .btn_wrap.entryBtn .btn span {width:95px;}
#event .optionWrap .swiper-wrapper:after {content:'';display:block;clear:both;}
#event .slide_arr.next.arrType4 {background-color:#63caf5;color:#f0fbff;text-align:center;z-index:999}
#event .slide_arr.prev.arrType4 {border:1px solid #63caf5;color:#63caf5;text-align:center;z-index:999}
#event .slide_arr.next.arrType4:before {content:'NEXT >';}
#event .slide_arr.prev.arrType4:before {content:'< PREV';}
#event .swiper-button-disabled.prev {display:none;}
#event .swiper-button-disabled.next:before {content:'FINISH' !important;}
#event .optionChartWrap {position:relative;}
#event .optionWrap .swiper-slide img {width:auto;}
#event .optionWrap .optionBox .input_form {background-color:#fff;margin:20px 0 15px 0;}
#event .optionWrap .btn_upload {display:inline-block;overflow:hidden;text-align:center;background-color:#63caf5;vertical-align:middle;}
#event .optionWrap .btn_upload label {width:100%;height:100%;font-size:0;line-height:0;}
#event .optionWrap .btn_upload label > i {padding:0 0 3px 3px;}
#event .optionWrap .btn_upload input[type='file'] {visibility:hidden;opacity:0;width:0;height:0;}
#event .optionWrap .file_txt {display:inline-block;width: calc( 100% - 95px );margin-left:15px;vertical-align:middle;color:#555;word-break:break-word;}
#event .optionWrap .file_txt em {color:#111;}
#event .optionWrap .file_list {border:1px solid #ddd;background-color:#f9f9f9;}
#event .optionWrap {background-color:#f0fbff;}
#event .optionWrap .optionBox:after {content:'';display:block;clear:both;}
#event .optionWrap .file_list ul {font-size:0;letter-spacing:0;}
#event .optionWrap .file_list li {position:relative;vertical-align:top;color:#999;text-align:left;}
#event .optionWrap .file_list li:after {content:'';display:block;clear:both;}
#event .optionWrap .file_list li span {float:left;width:84%;max-height:24px;vertical-align:middle;}
#event .optionWrap .file_list li a {float:left;display:inline-block;margin-left:15px;vertical-align:middle;}
#event .optionWrap .file_list li:before {content:'';float:left;display:inline-block;width:3px;height:3px;background-color:#ccc;}
#event .optionWrap .file_list li:before {margin:10px 10px 0 0;}
#event .optionWrap .file_list li a.li_del {display:block;position:absolute;top:50%;right:0;width:15px;height:12px;-webkit-transform:translate(0,-40%);transform:translate(0,-40%);}
#event .optionWrap .file_list li a.li_del:before,
#event .optionWrap .file_list li a.li_del:after {content:'';display:block;position:absolute;left:0;top:50%;width:12px;height:1px;background:#555;}
#event .optionWrap .file_list li a.li_del:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#event .optionWrap .file_list li a.li_del:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#event .optionWrap .radioType2,
#event .optionWrap .checkType {display: block;margin-top:15px;}
#event .optionWrap .arrWrap:after {content:'';display:block;clear:both;}
#event .optionWrap .inputAlt {height:24px;}
#event .optionWrap .c_slide {color:#000000;}
#event .optionWrap .slideNum {color:#999999;}
#event .eventBannerWrap .secTitleWrap .tail {font-size:15px;line-height:24px;color:#555;margin-top:18px;}

/* 설문 차트 */
#event .optionWrap.option_end {position:relative}
#event .optionWrap.option_end:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;z-index:9}
#event .optionWrap.option_end + .arrWrap .slide_arr.prev.arrType4 {background-color:#999;color:#fff;border-color:#999}

#event #chart-Area {padding-bottom:60px;}
#event .chartWrap {background-color:#f0fbff;}
#event .chartWrap .legend li {margin-top:8px;line-height:20px;}
#event .chartWrap .legend li:first-child {margin-top:0;}
#event .chartWrap .legend li span {display:inline-block;vertical-align:top;}
#event .chartWrap .legend li .label_chip {width:38px;height:10px;margin-top:3px;border:2px solid rgba(252,252,252,1);}
#event .chartWrap .legend li .label_txt {width:calc( 100% - 60px );margin-left:10px;color:#808080;word-break:break-all;}
#event .chartWrap canvas {-webkit-user-select: none;-ms-user-select: none;}
@keyframes chartjs-render-animation {
	from {opacity:.99}
	to {opacity:1}
}
.chartjs-render-monitor {animation:chartjs-render-animation 1ms;}
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}
.chartjs-size-monitor-expand>div {position:absolute;width:1000000px;height:1000000px;left:0;top:0}
.chartjs-size-monitor-shrink>div {position:absolute;width:200%;height:200%;left:0;top:0}

@media all and (max-width:768px) {
	#event .optionWrap {margin:30px 0;background-color:#f0fbff;}
	#event .optionWrap .swiper-wrapper {padding-bottom:40px;}
	#event .optionWrap .radioType2 label:before,
	#event .optionWrap .checkType label:before {background-color:transparent;}
	#event .optionWrap .optionBox {padding:45px 25px 34px 25px;}
	#event .optionWrap .optionBox .input_form textarea {height:167px;border:none;}
	#event .optionWrap .optionBox .quest,
	#event .optionWrap .optionBox .optionList label {font-size:16px;line-height:12px;}
	#event .optionWrap .optionBox .optionList {margin-top:20px;padding-left:25px;}
	#event .arrWrap {margin:0 25px;}
	#event .optionWrap .slidePage {margin:15px 0;text-align:center;}
	#event .optionWrap .btn_upload {width:50px;height:50px;}
	#event .slide_arr.next.arrType4,
	#event .slide_arr.prev.arrType4 {position:absolute;width: calc( 48% - 25px );height:40px;font-size:15px;line-height:40px;}


	#event .slide_arr.prev.arrType4 {left:25px;}
	#event .slide_arr.next.arrType4 {right:25px;}
	#event .slide_arr[aria-disabled="true"] {width: calc( 48% - 25px );}
	#event .slide_arr.arrType4.arrS {width: calc( 48% - 25px );}
	#event .slide_arr.arrType4.arrL {width: calc( 100% - 50px );}

	#event .optionWrap .fileForm,
	#event .optionWrap .file_list {width:100%;}
	#event .optionWrap .file_list {margin-top:20px;}
	#event .optionWrap .file_list ul {padding:10px 0 19px 0}
	#event .optionWrap .file_list li {display:inline-block;width: calc( 100% - 28px );margin-left:18px;padding-top:8px;font-size:14px;}
	#event .btn_wrap.entryBtn {margin-top:50px;}
	#event .btn_wrap.entryBtn .btn span {position: relative;width: 98px;font-size: 17px;}
	#event .eventBannerWrap {margin-top:40px;}
	#event .eventBannerWrap .bannerImg{background-image: url('../images/event/m_event_img_2.jpg');background-repeat:no-repeat;background-size:100%;}
	#event .eventBannerWrap .secTitleWrap {padding: 12% 7%;}
	#event .eventBannerWrap .secTitleWrap .txt {margin-top:0;color:#111;}
	#event .eventBannerWrap .secTitleWrap .tit {margin-top:12px;}

	#event .contViewArea .emtBtnWrap {margin-top:32px;padding-bottom:0;}
	#event .optionWrap.option_end {margin-bottom:0;}
	#event .chartWrap {padding:35px 25px 30px;text-align:center;}
	#event .chartWrap .legend {display:inline-block;}
	#event .chartWrap .legend li {font-size:16px;}
	#event .chartWrap .legend li .label_txt {text-align:left;}
	#event .chartWrap .chartBox {max-width:300px;margin:20px auto 0;}
}

@media all and (min-width:769px) {
	#event .contViewArea .btn_wrap.entryBtn {margin: 45px auto 45px;text-align: center;}
	#event .optionWrap .optionBox {padding:60px 70px;}
	#event .optionWrap .optionBox .input_form textarea {height:80px;border:none;}
	#event .optionWrap .optionBox .quest {font-size:18px;line-height:24px;}
	#event .optionWrap .optionBox .optionList {margin-top:20px;padding-left:30px;}
	#event .optionWrap .fileForm {float:left;width:30%;}
	#event .optionWrap .btn_upload {width:64px;height:64px;vertical-align:top;}
	#event .optionWrap .file_list {float:left;width:70%;padding:8px 18px 16px 0;}
	#event .optionWrap .file_list li {display:inline-block;width: calc( 50% - 18px );margin-left:18px;padding-top:8px;font-size:15px;}
	#event .optionWrap .file_list li a {float:left;display:inline-block;margin-left:15px;vertical-align:middle;}
	#event .slide_arr.next.arrType4 {background-color:#63caf5;color:#f0fbff;top:30px;right:50px;width:79px;height:28px;text-align:center;border-radius:70px;font-size:15px;line-height:28px;}
	#event .slide_arr.prev.arrType4 {border:1px solid #63caf5;color:#63caf5;top:30px;right:145px;width:79px;height:28px;text-align:center;border-radius:70px;font-size:15px;line-height:28px;}
	#event .optionWrap .slidePage {position:absolute;bottom:30px;right:65px;}
	#event .eventBannerWrap {margin-top:80px;}
	#event .eventBannerWrap .bannerImg{position:relative;background-image: url('../images/event/event_img_2.jpg');background-repeat:no-repeat;background-size:100%;padding: 5% 0;}
	#event .eventBannerWrap .secTitleWrap .txt {color:#111;}vnfmsd
	#event .eventBannerWrap .secTitleWrap .tit {margin-top:20px;}

	#event .optionWrap {padding-bottom:40px;margin:50px 0 40px;}
	#event .optionWrap.option_end {margin-bottom:0;}
	#event .chartWrap {padding:44px 70px 40px;}
	#event .chartWrap #chart-Area {position:relative;font-size:0;line-height:0;letter-spacing:0;}
	#event .chartWrap .legend {display:inline-block;width:45%;margin-right:5%;vertical-align:middle;}
	#event .chartWrap .legend li {font-size:17px;}
	#event .chartWrap .chartBox {display:inline-block;width:50%;vertical-align:middle;}
	#event .chartWrap .chartBox canvas {max-width:90%;margin:0 auto;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	#event .optionWrap .fileForm {width: 40%;}
	#event .optionWrap .file_list {width:60%;}
}


/**
로그인,error
**/
.commonWrap {text-align:center;}
.commonWrap h2 {font-family:'APHQ';}
.commonWrap .btn_wrap .btn {background-color: #111;color:#fff;}
.commonWrap .btn_wrap .btn:hover,
.commonWrap .btn_wrap .btn:focus {color:#fff;border-color:#63caf5;background-color:#63caf5;}
.commonWrap .btn_wrap .btnSizeFull .arr {background-color:#fff;}
.commonWrap .btn_wrap .btn span {width:120px;font-size:15px;}
.commonWrap .inputAlt {text-align:left;}

@media all and (max-width: 768px) {
	.commonWrap {margin:22px 25px 0 25px;}
	.commonWrap .loginIcon {width:50px;margin-bottom:20px;}
	.commonWrap h2 {margin-bottom:38px;font-size:24px;}
	.commonWrap form input:first-child {margin-bottom:15px;}
	.commonWrap .input_txt {margin:0 25px;}

	/*로그인 페이지*/
	.commonWrap#login .loginBtn {margin:30px 25px 50px 25px;}
	.commonWrap#login .loginText {margin:0 25px;padding-top:40px;text-align:left;font-size:14px;line-height:24px;word-break:keep-all;color:#767676;border-top:1px solid #dddddd;display:inline-block;}

	/*에러 페이지*/
	.commonWrap#error h2 {margin-bottom:30px;font-size:35px;line-height:30px;}
	.commonWrap#error p.sub {font-size:16px;color:#111;font-weight:600;margin:0 0 22px 0;}
	.commonWrap#error .btn_wrap.goMainBtn {margin-top:30px;}
	.commonWrap#error .errorText {color:#555;font-size:15px;}
}

@media all and (min-width: 769px) {
	.commonWrap .btn_wrap.loginBtn .btn {width:350px;}
	.commonWrap .loginIcon {margin-bottom:30px;}
	.commonWrap form input:first-child {margin-bottom:10px;}
	.commonWrap .input_txt {width:350px;margin:0 auto;}
	.commonWrap .loginBtn {margin-top:40px;margin-bottom:60px;}
	.commonWrap .loginText {padding-top:40px;font-size:14px;line-height:24px;color:#767676;border-top:1px solid #dddddd;display:inline-block;max-width: 460px;text-align: left;word-break: keep-all;}
	.commonWrap .errorText {font-size:14px;line-height:24px;color:#767676;display:inline-block;text-align:center;margin-bottom:40px;}

	/*로그인 페이지*/
	.commonWrap#login h2 {margin-bottom:50px;font-size:40px;line-height:30px;}

	/*에러 페이지*/
	.commonWrap#error h2 {margin-bottom:50px;font-size:70px;line-height:30px;}
	.commonWrap#error p.sub {font-size:17px;color:#111;font-weight:500;margin:40px 0 20px 0;}
	.commonWrap#error .btn_wrap.goMainBtn .btn {width:220px;}
}


/**
준비중 페이지
**/
.comingSoonWrap {position:relative;height:100%;text-align:center;background-position:center bottom;background-size:cover;color:#fff;}
.comingSoonWrap #container {height:100%;}
.comingSoonWrap h2 {font-family:'APHQ';text-transform:uppercase;}
.comingSoonWrap .sub {}
.comingSoonWrap .sub_txt {}
.comingSoonWrap .copy {position:absolute;left:0;bottom:24px;width:100%;color:#fefaef;text-align:center;}
.comingSoonWrap .font_zh {font-weight:300;font-family:'Microsoft Yahei',微软雅黑,STXihei,华文细黑,SimHei,sans-serif;}
@media all and (max-width: 768px) {
	.comingSoonWrap {min-height:400px;background-image:url('../images/common/comingSoon_bg_m.jpg');}
	.comingSoonWrap #container {padding-top:23vh;}
	.comingSoonWrap h2 {margin-bottom:36px;font-size:35px;}
	.comingSoonWrap .sub {margin-bottom:12px;font-size:17px;}
	.comingSoonWrap .sub_txt {font-size:13px;line-height:21px}
	.comingSoonWrap .copy {font-size:11px;}
}
@media all and (min-width: 769px) {
	.comingSoonWrap {min-height:600px;background-image:url('../images/common/comingSoon_bg.jpg');}
	.comingSoonWrap #container {padding-top:31vh;}
	.comingSoonWrap h2 {margin-bottom:68px;font-size:65px;}
	.comingSoonWrap .sub {margin-bottom:28px;font-size:30px;line-height:40px;}
	.comingSoonWrap .sub_txt {font-size:21px;line-height:29px}
	.comingSoonWrap .copy {font-size:16px;}
}

/**
VPN 메세지 (vpn로그인 안하고 ap-on 접속 시 뜨는 페이지 / ap-on Import)
**/
#wrap.msg-wrap #container {position:relative;width:100%;height:100%;padding:0;}
.msg-wrap {height:100%;line-height:1.3;overflow-y:auto;}
.msg-wrap .inner-wrap {position:absolute;top:50%;left:50%;width:100%;max-width:450px;padding:0 25px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.msg-wrap h1 {text-align:center;margin-bottom:35px;}
.msg-wrap p {text-align:center;}
.msg-top {padding:5px 10px;border-radius:5px;background:#62cdf7;font-size:14px;color:#fff;font-weight:bold;}
.msg-bot {font-size:13px;color:#222;letter-spacing:-.5px;}
.msg-bot + .msg-bot {padding-top:0;}
.msg-bot strong {display:block;}
.msg-bot span {color:#62cdf7;font-weight:bold;}

@media all and (max-width: 460px) {
	.msg-wrap h1 {margin-bottom:25px;}
	.msg-wrap p br {display:none;}
	.msg-wrap p.brOnly br {display:block;}
	.msg-top {line-height:22px;}
	.msg-bot {padding:15px;line-height:22px;}
}
@media all and (min-width: 461px) {
	.msg-wrap h1 {margin-bottom:35px;}
	.msg-bot {padding:20px 15px;line-height:25px;}
}

/**
상세 파일 다운로드 영역
**/
.lyFilePop{position:absolute; right:0; top:50px; display:none; z-index:100}
.lyFile{position:relative; display:inline-block; width:270px; padding:20px 20px; background:#fff; box-shadow:0px 0px 4px #ddd;}
.lyFile .lyTit{position:relative; display:none}
.lyFile .lyFileList{position:relative;}
.lyFile .lyFileList > li{position:relative; margin-bottom:5px;}
.lyFile .lyFileList > li:nth-last-child(1){margin-bottom:0}
.lyFile .lyFileList .file{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#767676; box-sizing:border-box; padding-right:30px; background-image:url(../images/contents/lyIcoDown_off.png); background-repeat:no-repeat; background-position:right center;}
.lyFile .lyFileAll{position:relative; margin:30px 0 0 0;}
.lyFile .lyFileAll .file{display:inline-block; font-size:15px; color:#767676; border-bottom:1px solid #767676; line-height:1.2;}
#lay_library.lyPopWrap:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.lyPopWrap .libPop{display:inline-block; vertical-align:middle; position:relative; margin:50px auto; background:#fff; width:90%; max-width:1150px; box-sizing:border-box;}

@media all and (min-width: 768px) {
	.lyFile .lyFileList .file:hover{background-image:url(../images/contents/lyIcoDown_on.png);}

	.lyFile .file:hover{color:#63caf5}
	.lyFile .lyFileAll .file:hover{border-color:#63caf5}
}

@media all and (max-width: 768px) {
	.lyFilePop{overflow:auto; position:fixed; z-index:7000; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,.4);}
	.lyFilePop:after{content:'';display:inline-block;height:100%;vertical-align:middle;}
	.lyFile{vertical-align:middle; max-width:300px; width:90%; padding:0}
	.lyFile .lyTit{display:block; position:relative; font-weight:500; font-size:18px; color:#111; margin:0 0 20px 0; padding:20px 20px 0 20px}
	.lyFile .lyFileList{padding:0 20px}
	.lyFile .lyFileList .file{background-color:#f5f5f5; padding:5px 30px 5px 10px; background-position:right 10px center}
	.lyFile .lyFileList > li{margin-bottom:10px}
	.lyFile .lyFileAll{padding:30px 0 0 0; margin:0;}
	.lyFile .lyFileAll .file{display:block; border-bottom:0; height:40px; line-height:40px; border-top:1px solid #eee}
	.lyFileCloseBtn{display:inline-block; position:absolute; right:20px; top:21px; width:20px; height:20px; z-index:100; font-size:0; text-indent:-9999px;}
	.lyFileCloseBtn:after, .lyFileCloseBtn:before{content:''; display:inline-block; width:20px; height:2px; background:#000; position:absolute}
	.lyFileCloseBtn:after{transform:rotate(45deg); left:0px; top:10px}
	.lyFileCloseBtn:before{transform:rotate(-45deg); left:0px; top:10px}
}

/**
카테고리 커스텀
**/
.div_contents_list_area .subMainWrap .sec{margin-bottom:0}
#div_contents_list_area .subMainWrap .sec{margin-bottom:0}

.pressFooter{position:relative; margin-top:100px; padding:60px 40px; background:url(../images/category/pressFooter_bg.jpg) center top / cover}
.pressFooter > ul{position:relative; max-width:1200px; margin:0 auto; font-size:0; text-align:center}
.pressFooter > ul > li{display:inline-block; vertical-align:top; width:33%; position:relative}
.pressFooter > ul > li:after{content:''; display:block; width:1px; height:90%; position:absolute; left:0; top:5%; background:#dce3e9}
.pressFooter > ul > li:nth-child(1):after{display:none}

.pressFooter .link{position:relative; display:inline-block; padding:0 20px 35px 20px; box-sizing:border-box}
.pressFooter .link:after{width:28px; height:11px; content:''; display:inline-block; background:url(../images/category/press_bullet.png) no-repeat; position:absolute; left:50%; bottom:0px; margin-left:-14px}
.pressFooter .icon{position:relative}
.pressFooter .icon img{width:auto; display:inline}
.pressFooter .tit{position:relative; margin:10px 0 0 0; font-size:18px; color:#111; font-weight:500}
.pressFooter .tit_tail{position:relative; margin:5px 0 0 0; font-size:15px; color:#767676}
.pressFooter .txt{position:relative; margin:10px 0 0 0; font-size:15px; color:#111}

@media screen and (min-width: 769px){
	.pressFooter{width:106.5%; margin-left:-3%}
}

@media screen and (max-width: 768px){
	.pressFooter{margin-top:50px; padding:0 6%; background:none}
	.pressFooter > ul > li:after{width:100%; height:1px; top:0}

	.pressFooter .slick-list{overflow:visible}
	.pressFooter .link{padding:35px 0 60px 0; background:#dcdcdc; display:block; margin-right:20px; background-image:url(../images/category/pressFooter_bg.jpg); background-position:center top; background-size:cover}
	.pressFooter .link:after{bottom:30px}
	.pressFooter .slick-track .slick-slide:nth-child(1) .link{background-position:-50% 0}
	.pressFooter .slick-track .slick-slide:nth-child(2) .link{background-position:-100% 0}
	.pressFooter .slick-track .slick-slide:nth-child(3) .link{background-position:0% 0}
}

/**
Trend Insight (CAT-G)
**/
.excitingBanner{position:relative; float:left; width:63%; margin-right:6px}
.excitingMany{position:relative; float:left; width:calc(37% - 6px);}

.excitingBanner .listThumb{height:500px; position:relative; display:block}
.excitingBanner .listThumb .thumbPlace:after{content:''; display:block; width:100%; height:0%; position:absolute; left:0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%); transition:0.2s; pointer-events:none}
.excitingBanner .txtBox{max-width:70%; position:absolute; left:0; bottom:80px; box-sizing:border-box; padding:30px 0 0 30px; color:#fff; z-index:15; pointer-events:none}
.excitingBanner .txtBox .tit{font-weight:500; font-size:18px; max-height:24px; min-height:24px}
.excitingBanner .txtBox .txt{font-size:15px; max-height:48px; min-height:48px; margin:10px 0 0 0}
.excitingBanner .hashTag{position:absolute; left:30px; bottom:30px; box-sizing:border-box; z-index:15; overflow:hidden}
.excitingBanner .hashTag a{color:#fff; border-color:#fff}

.excitingMany .listThumb .thumbPlace:after{content:''; display:block; width:100%; height:0%; position:absolute; left:0; bottom:0; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%); background:-ms-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%);transition:0.2s; pointer-events:none}
.excitingMany > ul{position:relative; overflow:hidden; height:500px}
.excitingMany > ul > li{float:left; width:calc(50% - 3px); margin-right:6px; margin-bottom:6px}
.excitingMany > ul > li:nth-child(2n){margin-right:0}
.excitingMany > ul > li:nth-child(3), .excitingMany > ul > li:nth-child(4){margin-bottom:0}
.excitingMany > ul > li > a{display:block; position:relative; overflow:hidden}
.excitingMany > ul > li > a .listThumb{height:247px;}
.excitingMany > ul > li > a .listTxtBox{position:absolute; left:0; bottom:0; z-index:15; transform:translateY(100%); transition:0.2s; box-sizing:border-box; padding:20px; pointer-events:none}
.excitingMany > ul > li > a .listTxtBox .tit{color:#fff; font-weight:500}
.excitingMany > ul > li > a:hover .listTxtBox{transform:translateY(0)}

@media all and (min-width:768px) {
	.excitingBanner .listThumb:hover .thumbPlace:after{height:50%}
	.excitingMany .listThumb:hover .thumbPlace:after{height:50%}
}

@media all and (max-width: 768px) {
	.excitingBanner{float:none; width:auto; margin-right:0; margin:0 6%}
	.excitingBanner .listThumb{height:0; padding-top:120%}
	.excitingBanner .txtBox{max-width:none; padding:20px 20px 0 20px; bottom:75px}
	.excitingBanner .hashTag{left:20px; bottom:20px;}
	.excitingMany{display:none}

	.excitingBanner .listThumb .thumbPlace:after{transform:translateY(0)}
}

/**
Trend Insight (CAT-J)
**/
.aboutAmore{position:relative}
.aboutTop{position:relative; padding:0 0 100px 0; text-align:left; overflow:hidden}
.aboutTop .atBox{width:48%; float:left; margin-right:4%}
.aboutTop .atBox:nth-child(2){margin-right:0}
.atBox h3{font-size:34px; color:#111; position:relative; /*padding:0 0 20px 0*/}
.atBox .new_title h3{font-size:34px; color:#111; position:relative;}
.atBox h3.font_en{font-family:'APHQ';}
.atBox > a{display:block; position:relative}
.atBox .thumbPlace{position:relative; display:block; height:0; padding-top:108%}
.atBox .thumbPlace .overAni{}
.atBox .listTxtBox{position:relative; padding:20px 0 0 0}
.atBox .listTxtBox .tit{font-size:18px; color:#111; font-weight:500}
.atBox .listTxtBox .tail{font-size:15px; color:#767676; padding:5px 0 0 0; max-height:53px; min-height:53px}

.aboutBottom{position:relative; padding:100px 0; background:#f9f9f9; text-align:center}
.aboutBottom > div{max-width:1200px; margin:0 auto; position:relative; padding:0 40px; margin-bottom:100px}
.aboutBottom > div:nth-last-child(1){margin-bottom:0}

.aboutAmore .new_title {display:flex; justify-content:space-between; align-items:center;}
.aboutAmore .new_title p {position:relative; font-size:14px; color:#555555}
.aboutAmore .new_title span{display:inline-block; vertical-align:middle; padding:0 15px; background:url(../images/main/today_bullet.png) right center no-repeat;}
.aboutAmore h3{font-size:34px; color:#111; position:relative; /*padding:0 0 20px 0;*/ line-height:1.2}
.aboutAmore h3 .font_en{font-family:'APHQ';}
.abBox .slide_arr.prev{left:25px}
.abBox .slide_arr.next{right:25px}
.pastSlider{max-width:1000px; margin:0 auto}
.pastSlider .ptBox{position:relative; display:block}
.pastSlider .ptBox .listThumb{position:relative; height:0; padding-bottom:66%}
.pastSlider .ptBox .listThumb .thumb{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center}
.pastSlider .ptBox .listTxt{position:relative; border:1px solid #eee; box-sizing:border-box; padding:25px 20px 40px 20px; text-align:left; background-color:#fff}
.pastSlider .ptBox .listTxt .cat{font-weight:500; color:#df7676}
.pastSlider .ptBox .listTxt .tit{position:relative; margin:10px 0 0 0; max-height:48px; min-height:48px; color:#111; font-size:18px; font-weight:500}

@media all and (max-width: 1280px) {
	.aboutBottom{width:106%; margin-left:-3%}
	.aboutBottom > div{padding:0 120px}
	.abBox .slide_arr.prev{left:40px}
	.abBox .slide_arr.next{right:40px}
}

@media all and (max-width: 768px) {
	.aboutTop{padding:0 7% 50px 7%}
	.aboutTop .atBox{width:auto; float:none; margin-right:0}
	.aboutTop .atBox:nth-child(2){margin-top:40px}
	.aboutAmore h3{font-size:20px}

	.aboutBottom{width:auto; margin-left:0; padding:50px 7%}
	.aboutBottom > div{padding:0; margin-bottom:50px}

	.abBox .slide_arr{display:none}
}

/**
AP Members (CAT-K)
**/
.excitingPopular{position:relative; float:left; width:calc(37% - 6px); text-align:left; box-sizing:border-box; padding:0 40px}
.excitingPopular .titleWrap{position:relative}
.excitingPopular .titleWrap .tit{font-weight:bold; color:#111; font-size:20px; font-weight:500; position:relative; padding:25px 0}
.excitingPopular .titleWrap .tit span{color:#6accef}
.excitingPopular > ul{position:relative}
.excitingPopular > ul > li{position:relative; margin-bottom:15px}
.excitingPopular > ul > li:nth-last-child(1){margin-bottom:0}
.excitingPopular .box{position:relative; display:table; width:100%; height:100%}
.excitingPopular .box .listThumb{width:66px; height:66px; position:relative; display:table-cell; vertical-align:middle; overflow:hidden}
.excitingPopular .box .listThumb:before{content:''; display:block}
.excitingPopular .box .listThumb .thumb-hover{position:absolute; width:66px; height:66px; background-size:cover; background-position:center center;}
.excitingPopular .box .listThumb .videoLayer:before{width:20px; height:20px}
.excitingPopular .box .listTxtBox{position:relative; display:table-cell; vertical-align:middle; padding-left:20px}
.excitingPopular .box .listTxtBox .txt{margin-top:0; color:#111; font-size:17px}
.excitingPopular .box .listTxtBox .txt.line2{max-height:46px; min-height:auto}

@media all and (max-width: 768px) {
	.excitingPopular{display:none}
}


/**
moohan
**/

.moohan .excitingBanner{width:49%;height:396px;}
.moohan .excitingPopular{padding:0 25px;width:calc(51% - 6px);}
.moohan .excitingPopular>ul:after{display:block;content:"";clear:both;}
.moohan .excitingPopular>ul>li{float:left;width:50%;}
.moohan .excitingBanner .listThumb{height:100%;}
.moohan .excitingPopular .box .listTxtBox{padding-right:10px;}
.moohan .listTxtBox .txt.of_txt.line3{min-height:auto;}
.moohan .search_desc{background:#f8f8f8;padding:35px 30px;}
.moohan .search_desc:after{display:block;content:"";clear:both;}
.moohan .search_desc .desc_tit{display:inline-block;font-size:15px;margin-right:10px;}
.moohan .search_desc > div{float:left;}
.moohan .search_desc > .select_box{width:20%;}
.moohan .search_desc > .input_txt_box{width:20%;}
.moohan .search_desc > .calendar_box{width:58%;margin-left:2%;}
.moohan .search_desc .countryGateWrap{display:inline-block;width:66%;height:40px;border:1px solid #eee;background:#fff;}
.moohan .search_desc .countryGateWrap .ctySelect{text-align:left;padding-left:15px;height:40px;width:100%;}
.moohan .search_desc .countryGateWrap .nationFlagWrap{width:calc(100% + 1px);top:40px;}
.moohan .search_desc input{height:40px;border:1px solid #eee;background:#fff;padding-left:15px;box-sizing:border-box;max-width:150px;}
.moohan .search_desc .calendar_box .datepicker_input{display:inline-block;width:50%;}
.moohan .search_desc .calendar_box .datepicker_input .input_wrap{position:relative;display:inline-block;width:47%;}
.moohan .search_desc .calendar_box .datepicker_input .input_wrap:after{display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url('../images/common/calendar_off.png')no-repeat center top;right:20px;}
.moohan .search_desc .calendar_box .datepicker_input .input_wrap.active:after{background: url('../images/common/calendar_on.png')no-repeat center top;}
.moohan .search_desc .calendar_box .datepicker_input .input_wrap input{width:100%;}
.moohan .search_desc .calendar_box .select_box{display:inline-block;width:23%;vertical-align:middle;}
.moohan .search_desc .serach_btn{max-width:80px;width:100%;height:40px;color:#fff;background:#6cc3f9;margin-left:1%;}
.moohan .cate.beauty{color:#ed52e0;}
.moohan .cate.insight{color:#55c48e;}
.moohan .cate.trends{color:#4fcdec;}

.moohan .search_desc .select_box.pc_month{margin-left:1%;}
.moohan .search_desc .select_box.pc_month .countryGateWrap{width:100%;}
.moohan .search_desc .select_box.mo_month{display:none;}
.moohan .filter_wrap{display:none;}
.moohan .select.mo_v{display:none;}

@media (max-width: 1280px){
	.moohan .search_desc .desc_tit{margin-bottom:4px;width:100%;}
	.moohan .search_desc>.select_box{width:calc(50% - 20px);}
	.moohan .search_desc>.input_txt_box{width: calc(50% - 20px);margin-left:40px;}
	.moohan .search_desc input{max-width:100%;width:100%;}
	.moohan .search_desc .countryGateWrap{width:100%;}
	.moohan .search_desc > .calendar_box{margin-left:0;width:100%;margin-top:20px;}
	.moohan .search_desc .calendar_box .datepicker_input{width:calc(66.9% - 24px);}
	.moohan .search_desc .select_box.pc_month{margin-left:0;}
	.moohan .search_desc .calendar_box .select_box{width:calc(23% - 1px);}
	.moohan .search_desc .serach_btn{width:10.6%;max-width:100%;}

}

@media (max-width: 768px){
	.moohan .search_desc{display:none;}
	.moohan .search_desc.on{display:block;}

	.moohan .search_desc>.select_box{width:calc(50% - 6px);}
	.moohan .search_desc>.input_txt_box{width: calc(50% - 6px);margin-left:12px;}

	.moohan .search_desc .desc_tit{margin-bottom:2px;font-size:14px;}

	.moohan .search_desc>.calendar_box{margin-left:0;width:100%;margin-top:20px}
	.moohan .search_desc .calendar_box .datepicker_input{width:100%;background:#fff;border:1px solid #eee;box-sizing:border-box;margin-top:8px;}
	.moohan .search_desc .calendar_box .datepicker_input .input_wrap input{border:0;}

	.moohan .search_desc .serach_btn{margin-top:20px;width:100%;margin-left:0;max-width:100%;}
	.moohan .search_desc .select_box.mo_month ul{border:1px solid #eee;box-sizing: border-box;}
	.moohan .search_desc .select_box.mo_month ul:after{display:block;content:"";clear:both;}
	.moohan .search_desc .select_box.mo_month li{float:left;width:25%;text-align:center;border-left:1px solid #eee;box-sizing: border-box;background:#fff;}
	.moohan .search_desc .select_box.mo_month li.on{background:#6cc3f9;}
	.moohan .search_desc .select_box.mo_month li.on a{color:#fff;}
	.moohan .search_desc .select_box.mo_month li:first-child{border-left:0;}
	.moohan .search_desc .select_box.mo_month li a{display:block;line-height:40px;height:40px;}

	.moohan .filter_wrap{margin:0 30px;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
	.moohan .filter_wrap:after{display:block;content:"";clear:both;}
	.moohan .filter_wrap a{float:right;width:18px;height:16px;}

	.moohan .excitingList{margin-top:35px;}
	.moohan .search_desc .select_box.mo_month{display:block;width:100%;}
	.moohan .search_desc .select_box.pc_month{display:none!important;}
	.moohan .excitingBanner{width:auto;height:auto;}
	.moohan .filter_wrap{display:block!important;}
	.moohan .countryGateWrap.pc_v{display:none!important;}
	.moohan .select.mo_v{position:relative;display:block!important;}
	.moohan .select.mo_v select{width:100%;height: 40px;border: 1px solid #eee;background: #fff;padding-left: 15px;box-sizing: border-box;}
	.moohan .select.mo_v:after{content:"";position:absolute;right:9px;top:50%;width:11px;height:6px;margin-top:-3px;background:url('../images/common/toggle_arrow.png') no-repeat 0 0;transform:rotate(-180deg);transition:transform .3s;}
}

/**
이미지 라이브러리
**/
.listWrap.libraryList{position:relative}
.listWrap.libraryList > ul{position:relative; font-size:0}
.listWrap.libraryList > ul:after{clear:both; display:block; content:'';}
.listWrap.libraryList .listBox{float:left; width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden}
.listWrap.libraryList .listBox:nth-child(4n){margin-right:0}
.listWrap.libraryList .cont{position:relative}
.listWrap.libraryList .listBtn{position:relative; display:block;}
.listWrap.libraryList .listThumb{display:block; position:relative; height:0; padding-top:100%; transition:transform 1s cubic-bezier(.19, 1, .22, 1);}
.listWrap.libraryList .listTxt{position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(255,255,255,0.7); white-space:nowrap; opacity:0; transition:all .2s .1s ease-in-out;}
.listWrap.libraryList .listTxt:after{display:inline-block; width:100%; height:100%; vertical-align:middle; content:'';}
.listWrap.libraryList .listTxt .placer{display:inline-block; width:100%; vertical-align:middle; text-align:center; white-space:normal; position:relative}
.listWrap.libraryList .listTxt .date{position:relative; color:#555555; font-size:15px}
.listWrap.libraryList .listTxt .tit{position:relative; margin:0 15px; color:#111; font-size:18px; min-height:48px; max-height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; -webkit-line-clamp:2; font-weight:500}
.listWrap.libraryList .listTxt .imgAmount{display:inline-block; width:30px; height:30px; color:#fff; font-size:14px; line-height:30px; border-radius:50%; overflow:hidden; background:#111; text-align:center; position:absolute; right:20px; top:20px}
.listWrap.libraryList .listBtn:hover .listThumb{transform:scale(1.03);}
.listWrap.libraryList .listBtn:hover .listTxt{opacity:1}

#lay_library.lyPopWrap:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.lyPopWrap .libPop{display:inline-block; vertical-align:middle; position:relative; margin:50px auto; background:#fff; width:90%; max-width:1150px; box-sizing:border-box;}
.lyPopWrap .libPop .libCloseBtn{width:25px; height:25px; display:inline-block; font-size:0; text-indent:-9999px; position:absolute; right:30px; top:30px; z-index:100}
.lyPopWrap .libPop .libCloseBtn:after, .lyPopWrap .libPop .libCloseBtn:before{content:''; display:inline-block; width:30px; height:2px; background:#000; position:absolute;}
.lyPopWrap .libPop .libCloseBtn:after{transform:rotate(-45deg); left:-2px; top:11px}
.lyPopWrap .libPop .libCloseBtn:before{transform:rotate(45deg); left:-2px; top:11px}

.libPop .libThumb{width:58%; height:0; padding-bottom:58%; float:left; position:relative; background-color:#f9f9f9}
.libPop .libCon{float:left; width:42%; box-sizing:border-box; padding:70px 40px 10px 40px; text-align:left}
.libPop .libCon .libOpt{position:relative}
.libPop .libCon .libOpt .date{position:relative; font-size:15px; color:#767676; margin:10px 0 0 0}
.libPop .libCon .libOpt .tit{position:relative; color:#111; font-size:18px; font-weight:500; text-overflow:ellipsis; overflow:hidden; max-width:100%; white-space:nowrap;}
.libPop .libCon .libOpt .txt{position:relative; color:#111; font-size:14px; font-weight:500; line-height:1.4; margin:10px 0 0 0; max-height:95px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; -webkit-line-clamp:5;}
.libPop .libCon .libTxt{position:relative; margin:20px 0 0 0;}
.libPop .libCon .libTxt .txtBox{position:relative; overflow-y:auto; color:#111; font-size:15px; min-height:140px; max-height:140px; box-sizing:border-box; padding-right:10px}

@media all and (min-width: 1280px) {
	.libPop .libCon .libTxt .txtBox::-webkit-scrollbar{width:3px;}
	.libPop .libCon .libTxt .txtBox::-webkit-scrollbar-track {background-color:#eeeeee;}
	.libPop .libCon .libTxt .txtBox::-webkit-scrollbar-thumb {background-color:#555555}
	.libPop .libCon .libTxt .txtBox::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:0; height:0}
}

.libPop .libSlider{width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; border:1px solid #fff}
.libPop .libSlider .slick-list{height:100%}
.libPop .libSlider .slick-track{height:100%}
.libPop .libSlider .slick-slide{position:relative; display:flex; height:100%; align-items:center; justify-content:center; overflow:hidden;}
.libPop .libSlider .slick-slide > div{height:100%; display:flex; height:100%; align-items:center; justify-content:center; overflow:hidden;}
.libPop .libSlider .slick-slide .slide{position:relative; /* display:flex !important; */  height:100%; align-items:center; justify-content:center; overflow:hidden;}
.libPop .libSlider .slick-slide .slide:after{content:''; display:inline-block; vertical-align:middle; height:100%}
.libPop .libSlider .slick-slide img{display:inline; width:auto; max-width:100%; max-height:100%; vertical-align:middle}
.libPop .libSlider .slick-arrow{width:40px; height:40px; font-size:0; border:1px solid #ccc; text-indent:-9999px; border-radius:50%; overflow:hidden; position:absolute; top:50%; margin-top:-20px; z-index:10; background-color:#fff;}
.libPop .libSlider .slick-arrow:hover{}
.libPop .libSlider .slick-arrow.slick-prev{left:30px}
.libPop .libSlider .slick-arrow.slick-next{right:30px}
.libPop .libSlider .slick-arrow.slick-disabled{display:none !important}
.libPop .libSlider .slick-arrow.slick-prev:before{content:''; position:absolute; top:3px; left:3px; width:8px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(40deg) translate(20px,7px)}
.libPop .libSlider .slick-arrow.slick-prev:after{content:''; position:absolute; top:3px; left:3px; width:8px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(-40deg) translate(0px,17px)}
.libPop .libSlider .slick-arrow.slick-next:before{content:''; position:absolute; top:3px; left:3px; width:8px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(40deg) translate(18px,2px)}
.libPop .libSlider .slick-arrow.slick-next:after{content:''; position:absolute; top:3px; left:3px; width:8px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(-40deg) translate(-2px,22px)}
.libPop .libSlider .slick-arrow:hover:after, .libPop .libSlider .slick-arrow:hover:before{background-color:#888}

.libPop .libCon .libNav{position:relative; margin:30px 0 0 0; padding:30px 20px 0 20px; border-top:1px solid #eeeeee}
.libPop .libCon .libNav .slick-track{display:inline-block}
.libPop .libCon .libNav .slick-slide{position:relative; overflow:hidden; cursor:pointer}
.libPop .libCon .libNav .slick-slide:after{width:100%; height:100%; content:''; display:block; position:absolute; left:0; top:0; background:#fff; opacity:0.5}
.libPop .libCon .libNav .slick-slide.slick-current:after{display:none}
.libPop .libCon .libNav .slick-slide img{width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); object-fit:cover}
.libPop .libCon .libNav .slick-slide .slide{height:0; padding-top:100%; vertical-align:top;}
.libPop .libCon .libNav .slick-arrow{width:20px; height:20px; font-size:0; text-indent:-9999px; overflow:hidden; position:absolute; top:50%; margin-top:0px; z-index:10}
.libPop .libCon .libNav .slick-arrow.slick-disabled{display:none !important}
.libPop .libCon .libNav .slick-arrow.slick-prev{left:0px}
.libPop .libCon .libNav .slick-arrow.slick-next{right:0px}
.libPop .libCon .libNav .slick-arrow.slick-prev:before{content:''; position:absolute; top:-6px; left:-9px; width:10px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(47deg) translate(20px,7px)}
.libPop .libCon .libNav .slick-arrow.slick-prev:after{content:''; position:absolute; top:-5px; left:-13px; width:10px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(-47deg) translate(1px,17px)}
.libPop .libCon .libNav .slick-arrow.slick-next:before{content:''; position:absolute; top:-9px; left:-1px; width:10px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(47deg) translate(18px,2px)}
.libPop .libCon .libNav .slick-arrow.slick-next:after{content:''; position:absolute; top:-3px; left:-5px; width:10px; height:1px; background:#ccc; transform:rotateX(0deg) rotateY(0deg) rotateZ(-47deg) translate(-2px,22px)}
.libPop .libCon .libNav .slick-arrow:hover:after, .libPop .libCon .libNav .slick-arrow:hover:before{background-color:#111}

.libPop .libCon .libFile{position:relative; font-size:0; margin:30px 0 0 0}
.libPop .libCon .libFile:after{content:''; display:block; clear:both}
.libPop .libCon .libFile .libBtn{display:inline-block; width:49%; box-sizing:border-box; border:1px solid #111; height:40px; line-height:40px; color:#111; font-size:15px; background:#fff; text-align:center; vertical-align:top}
.libPop .libCon .libFile .libBtn:nth-child(1){margin-right:2%}
.libPop .libCon .libFile .libBtn.blackBtn{color:#fff; background:#111}

.libPop .libThumb .libCount{position:absolute; right:0px; bottom:0px; color:#fff; font-size:15px; display:inline-block; padding:4px 20px; background:rgba(0,0,0,0.6); min-width:75px}

@media all and (max-width: 1280px) {
	.listWrap.libraryList .listTxt .date{font-size:14px}
	.listWrap.libraryList .listTxt .tit{font-size:16px}

	.lyPopWrap .libPop{max-width:700px}
	.libPop .libThumb{width:100%; padding-bottom:100%; float:none}
	/*
	.libPop .libThumb{float:none; width:auto; padding-bottom:0; height:auto}
	.libPop .libSlider{position:relative; left:auto; top:auto}
	.libPop .libSlider .slick-slide{height:auto}
	.libPop .libSlider .slick-slide img{display:block; width:100%}
	.libPop .libSlider .slick-slide .slide{display:block !important}
	.libPop .libSlider .slick-slide > div{display:block; width:100%}
	*/

	.libPop .libCon{position:relative; float:none; width:auto; padding:30% 20px 30px 20px}
	.libPop .libCon .libNav{margin:0; padding:0 50px 0 50px; position:absolute; left:0px; top:20px; width:100%; box-sizing:border-box; border-top:0}
	.libPop .libCon .libNav .slick-arrow{margin-top:-15px}
	.libPop .libCon .libNav .slick-arrow.slick-prev{left:20px}
	.libPop .libCon .libNav .slick-arrow.slick-next{right:20px}
	.libPop .libCon .libTxt .txtBox{min-height:auto;}
	.libPop .libCon .libOpt .txt{min-height:auto}
}

@media all and (max-width: 768px) {
	.listWrap.libraryList .listBox{display:block; width:auto; padding:0; margin:0; float:none; margin-bottom:38px}
	.listWrap.libraryList .listBox.side{padding-left:0 !important; padding-right:0 !important}
	.listWrap.libraryList .listBtn{border:1px solid #ccc}
	.listWrap.libraryList .listThumb{transition:none; transform:none !important}
	.listWrap.libraryList .listTxt{position:static; height:auto; transform:none !important; transition:none; padding:20px 20px; opacity:1}
	.listWrap.libraryList .listTxt .placer{padding-bottom:35px}
	.listWrap.libraryList .listTxt .tit{text-align:left; margin:0}
	.listWrap.libraryList .listTxt .date{position:absolute; left:0px; bottom:0px;}

	.libPop .libCon .libFile .libBtn{display:block; width:auto}
	.libPop .libCon .libFile .libBtn:nth-child(1){margin-bottom:10px; margin-right:0}
}

/**
인터렉티브 리뉴얼
**/
.thumbPlace{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10}
.thumbPlace .overAni{width:100%; height:100%; transition:transform 1.5s cubic-bezier(.19, 1, .22, 1); position:absolute; left:0; top:0; background:transparent; background-size:cover; background-repeat:no-repeat; background-position:50% 50%}

@media all and (min-width: 768px) {
	.thumbPlace:hover .overAni{transform:scale(1.1)}

	.listWrap .listImg > a{display:block; position:relative; overflow:hidden;}
	.listWrap .listImg > a > img{transition:transform 1.5s cubic-bezier(.19, 1, .22, 1);}
	.listWrap .listImg > a:hover > img{transform:scale(1.1);}
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .swiper-container{perspective:1px}
	*::-ms-backdrop, .swiper-wrapper{perspective:1px;}
	*::-ms-backdrop, .slick-slider{perspective:1px}
}


/**
푸터
**/
.footerT .btnTypeTxt{margin:0 0 5px 0; font-size:16px; padding:0 15px; height:16px; border-left:1px solid #b6b6b6; font-weight:500}
.footerT .btnTypeTxt:after{display:none}
.footerT .btnTypeTxt span:after{display:none}
.footerT .btn_wrap .btnTypeTxt:first-child{border-left:0}

#footer .footerT .txtBox .tit{font-family:'APHQ'; font-size:30px;}
#footer .footerT .txtBox .txt{margin-top:10px; color:#999}
#footer .footerT .btn_wrap{margin-top:40px}
#footer .footerT .icon_wrap{position:relative; margin-top:30px;}
#footer .footerT .icon_wrap > a{display:inline-block; vertical-align:middle; margin:0 13px; font-size:0; text-indent:-9999px; width:20px; height:20px; background-position:center center; background-size:20px 20px; background-repeat:no-repeat}
#footer .footerT .icon_wrap > a.facebook{background-image:url(../images/common/foot_facebook.png)}
#footer .footerT .icon_wrap > a.insta{background-image:url(../images/common/foot_insta.png);}
#footer .footerT .icon_wrap > a.linkedin{background-image:url(../images/common/foot_linkedin.png);}
#footer .footerT .icon_wrap > a.youtube{background-image:url(../images/common/foot_youtube.png);}
#footer .footerT .icon_wrap > a.home{background-image:url(../images/common/home.png);}

@media all and (max-width: 768px) {
	#footer .footerT .btn_wrap{margin-top:15px}
	.footerT .btnTypeTxt{font-size:13px; padding:0 10px}

	#footer .footerT .txtBox .tit{font-size:25px}
	#footer .footerT .icon_wrap{margin-top:20px}
}


/**
커밍순
**/
.comingSoonWrap.renewal{background-image:url(../images/common/comingSoon_bg_new.png); background-position:center center; background-size:auto; background-repeat:no-repeat; min-height:530px; white-space:nowrap;}
.comingSoonWrap.renewal:after{display:inline-block; width:100%; height:100%; vertical-align:middle; content:'';}
.comingSoonRenewal{position:relative; display:inline-block; width:100%; vertical-align:middle; text-align:center; white-space:normal; box-sizing:border-box; padding:0 15px}
.comingSoonRenewal h1{position:relative}
.comingSoonRenewal h2{position:relative; font-family:'APHQ'; font-weight:500; font-size:40px; color:#111; margin:20px 0 0 0; text-transform:uppercase}
.comingSoonRenewal .txt{position:relative; margin:40px 0 0 0; font-weight:500}
.comingSoonRenewal .txt p:nth-child(1){color:#111; font-size:17px;}
.comingSoonRenewal .txt p:nth-child(2){color:#555; font-size:15px; margin:10px 0 0 0}
.comingSoonRenewal .copyright{position:relative; margin:30px 0 0 0; color:#bbbbbb; font-size:15px}

@media all and (max-width: 768px) {
	.comingSoonWrap.renewal{background-image:url(../images/common/comingSoon_bg_new_m.jpg); background-size:cover}
	.comingSoonRenewal{min-height:auto; top:-5%}
	.comingSoonRenewal h2{font-size:30px}
	.comingSoonRenewal .txt{margin:30px 0 0 0}
}

/**
datepicker
**/

 .ui-widget-header { border: 0px solid #dddddd; background: #6cc3f9; }

 .ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }

 .ui-datepicker .ui-datepicker-header { position: relative; padding: 20px 0 10px; }

 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }

 .ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; }

 .ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding-bottom: 10px; width: 250px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); z-index:20!important;}


 #datepicker:focus>.ui-datepicker { display: block; }

 .ui-datepicker-prev,
 .ui-datepicker-next { position:absolute;top:50%;width:50px;height:50px;transform:translateY(-50%); cursor: pointer;}

 .ui-datepicker-prev { left:35px; }
 .ui-datepicker-next { right:35px; }

 .ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }

 .ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }

 .ui-datepicker-calendar { width: 100%; padding:20px 10px 0 10px;display:block;}

 .ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; }

 .ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}

 .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }

 .ui-datepicker-calendar>tbody>tr>td {width: 24px; height: 24px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; }

 .ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }

 .ui-icon-circle-triangle-e {display:block;height:100%;background: url('../images/common/next.png')no-repeat center center;}

 .ui-icon-circle-triangle-w { display:block;height:100%;background:url('../images/common/prev.png')no-repeat center center;}

 .ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }

 .ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }

 .ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }

 .ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; }

 .inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }

 .inp:focus { outline: none; background-color: #eee; }

 .ui-datepicker-year{display:block;font-size:15px;color:#fff;line-height:1;}
 .ui-datepicker-month{display: block;font-size:50px;color:#fff;line-height: 1;margin-top:-10px;}
 .ui-datepicker-today .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{background:none;}

.ui-datepicker-current-day{background:#6cc3f9;}
.ui-datepicker-current-day a{color: #fff!important;}