/**********************************************
note : design custom style page
**********************************************/
/* admin 에서 색상 구별 위해 */
.user-point {color:#e21738}
.user-point2 {color:#3899ff}

/* 자동박스 스킨 */
.box-skin .item .auto-name {display:inline-block;font-weight:400}

/* box-skin */
.box-skin.line_dn .header > strong, .box-skin.line_dn .header > a,
.box-skin.line_dn .header .skin-column > strong, .box-skin.line_dn .header .skin-column > a {padding-bottom:1rem;border-bottom:2px solid #000}
.box-skin .header > a[class*="btm-"] {position:relative;background:none}
.box-skin .header > a[class*="btm-"]::after {content:'더보기';position:absolute;z-index:1;right:0;top:50%;font-size:13px;font-weight:100;line-height:1;color:#777;text-decoration:none;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.box-skin.red-more .header > a[class*="btm-"]::after {content:'더보기 \00BB';position:absolute;z-index:1;right:0;top:50%;padding:.35rem .5rem;font-size:13px;font-weight:500;line-height:1;background:#e21738;color:#fff;text-decoration:none;-ms-transform:translateY(-50%);transform:translateY(-50%)}

/* 약관 및 정책 */
.privacy .privacy-group table li, .privacy .privacy-group table tbody td {color:#000}
.privacy .privacy-group .privacy-group-list li {color:#505050;font-size:.812rem;font-weight:500}
.privacy .privacy-group .privacy-group-summary {color:rgb(0 0 0 / 74%)}

/* SEO 설정 @seo-modify (추후 admin.style.css에 추가분) */
.seo-guide {display:block;font-size:.875rem;line-height:1.5;color:#000}
.seo-guide:not(:only-child) {margin-top:.5rem}
.seo-guide-title {display:block;margin-bottom:.5em;color:#f44e5c}
.seo-guide-list {font-size:.9em}
.seo-guide-list small {font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-point {font-weight:bold;font-weight:var(--wgt500, 500);color:#5684ff;text-decoration:underline}
.seo-guide-more {margin:.5em 0 0;font-size:.8em;font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-link {color:#222 !important;text-decoration:underline}


/* 홍경아 / 1312377 / 20231011 */
.mbox {margin: 0 -1.25rem;}
.mbox .movbox-content { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%;}
.mbox .movbox-content iframe {position: absolute; z-index: 1; left: 0;top: 0; width: 100%; height: 100%;}

/* 이승현 / 1312766 / 20231012 */
.article-veiw-body.view-page .photo-layout figcaption{padding: 0 0rem !important;}
 #article-view .article-veiw-body.view-page .photo-layout figcaption{ padding: 0 0rem !important;}
 
 /* 최은비 / 1313110 / 20231013 */
 @media print, screen and (min-width: 64em) {
    .hide-for-large {display:inline-block !important;}
}
@media print, screen and (min-width: 75em) {
    .hide-for-large {display:none !important;}
}

/* 임희은 / 1318845 / 20231102 */
#user-section .section-header .first {font-size:1.563rem}


/* 윤미정 / 1319193 / 20231103 */
#user-section .section-header .first .icon-home-o {position: relative;margin-right: 5px;}
#user-section .section-header .first .icon-home-o::before {position: relative;z-index: 9999;padding: 5px;margin-right: 5px;background: #de002b;color: #fff;}
/*#user-section .section-header .first .icon-home-o::after {content: '\ea3e';position: relative;left: -15px;display: inline-block;font: 14px/1 fontello;font-size: inherit;color: #de002b;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
#user-section .section-header .first .icon-home-o::after {content: '';position: absolute;top: 16px;right: 1px;width: 10px;height: 10px;background-color: #de002b;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#user-section .section-header .first .icon-minus::before {-ms-transform: rotate(-90deg);transform: rotate(90deg);}

#article-view .breadcrumbs li.home > a  .icon-home-o {position: relative;margin-right: 5px;}
#article-view .breadcrumbs li.home > a  .icon-home-o::before {position: relative;z-index: 9999;padding: 3px;margin-right: 5px;background: #de002b;color: #fff;}
#article-view .breadcrumbs li.home > a  .icon-home-o::after {content: '';position: absolute;top: 11px;right: 2px;width: 7px;height: 7px;background-color: #de002b;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#article-view .breadcrumbs li.home > a  .icon-minus::before {-ms-transform: rotate(-90deg);transform: rotate(90deg);}
#article-view .breadcrumbs li.home::after {display: none;}
#article-view .breadcrumbs li > a {vertical-align: middle;}
#article-view .breadcrumbs li:not(:last-child)::after {vertical-align: middle;}



/* 이승현 / 1320791 / 20231109 
#section-list .type .thumb-wrap {border: 1px solid #ddd;}
#section-list .type .thumb-wrap > img {width:100%; height:100% !important; object-fit:contain;}*/

/* 강수현 / 1320951 / 20231110 */
#article-view .breadcrumbs li > a {margin-right:5px}
#article-view .breadcrumbs li > a img {margin-top:-5px}
#user-section .section-header .first a img {margin-top:-5px}

/* 강수현 / 1321846 / 20231114 */
.box-skin .header > strong, .box-skin .header > a {border-top:1px solid #35393E !important;}

/* 홍경아 / 1323199 / 20231120 
.box-skin.line_dn .header > strong, .box-skin.line_dn .header > a {border-top:0px !important;}
.box-skin.dn_line .header > strong, .box-skin.dn_line .header > a {border-top:0px !important;}*/

/* 최은비 / 1325331 / 20231127 */
.article-veiw-body.view-page p{font-weight: 400;font-weight: var(--wgt400,400);}
.article-veiw-body.view-page.font-size15 {font-size: 1rem}
.article-veiw-body.view-page.font-size16 {font-size: 1.063rem}
.article-veiw-body.view-page.font-size17 {font-size: 1.125rem}
.article-veiw-body.view-page.font-size18 {font-size: 1.188rem}
.article-veiw-body.view-page.font-size19 {font-size: 1.250rem}
.article-veiw-body.view-page.font-size20 {font-size: 1.312rem}


#article-view .wrapper{max-width:1200px !important}

/* 배진희 / 1337661 / 20240109 */
#section-list .type .thumb{flex:0 0 175px !important;width:175px !important}
#section-list .type .thumb-wrap{padding-bottom:66.66% !important}
@media screen and (max-width: 39.9375em){
.row #section-list .type .thumb{flex:0 0 110px !important;width:110px !important}
.row #section-list .type .thumb{height:auto !important;background:none !important}
}


/* 윤미정 / 1375250 / 20240522 */
/* 인사말 */
.about-us {margin: 1rem 0;}
.about-us.com-1 header {text-align:left;margin-bottom:3rem;}
.about-us.com-1 header > span {display:block;font-weight:700;line-height:1.6em;margin-bottom:0.7rem;margin-top:1rem;letter-spacing:-0.1rem;}
.about-us.com-1 header > strong {display:block;font-size:2.9rem;line-height:1.6em;letter-spacing:-0.1rem;font-weight:700;margin-bottom:2rem}
.about-us.com-1 .title {display:block;font-size: 1.1rem;color: #000;font-weight:700;}

/* 공통 */
.history {display:block}
.history::after {content:'';display:table;clear:both}

/* history */
.history.type-2 {padding:1.375rem 0;text-align:left}
.history.type-2 .group {float:left;position:relative;width:50%;padding:1.25rem;margin-top:1.25rem;border-top:1px solid rgba(0,0,0,.12)}
.history.type-2 .group::before {content:'';position:absolute;z-index:1;left:1.25rem;top:0;width:9px;height:9px;margin-top:-1px;background-color:#e73f72;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.history.type-2 > :first-child::after {content:'';overflow:hidden;position:absolute;z-index:2;left:0;top:0;width:0;height:0;border-width:4px;border-style:solid;border-color:transparent #e73f72 transparent transparent;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} 
.history.type-2 > :first-child, .history.type-2 > :nth-child(2) {margin-top:0}
.history.type-2 .year {display:block;margin-bottom:1.875rem;font-size:40px;font-weight:700;line-height:1.125;letter-spacing:-.075em}
.history.type-2 .content {display:block}
.history.type-2 .content::after {content:'';display:table;clear:both}
.history.type-2 .days, .history.type-2 .sums {float:left;margin-bottom:1rem;font-size:.975rem;line-height:1.25} 
.history.type-2 .content > :last-child {margin-bottom:0}
.history.type-2 .days {width:25%;width:80px;font-weight:700;letter-spacing:-.025em;color:rgba(0,0,0,.95);opacity:.7;filter:alpha(opacity=70);clear:both}
.history.type-2 .sums {width:75%;width:calc(100% - 80px);font-weight:300;letter-spacing:-.05em;color:rgba(0,0,0,.75)}
.history.type-2 .height-220 {height:220px}
.history.type-2 .height-130 {height:130px}
.history.type-2 .height-150 {height:150px}
.history.type-2 .height-300 {height:300px}


.about-us.com-4 {margin: 0;padding: 20px;background: #e4ecf4;}
.about-us.com-4 .header-title {display: block;margin: 2rem 0;line-height: 1em;font-size: 1.85rem !important;font-weight: 700;letter-spacing: -.075em;text-align: center;}
.about-us.com-4 .member-privacy {overflow-x: hidden;overflow-y: auto;position: relative;max-height: 580px;margin-bottom: 1.5rem;padding: 1.125rem;border: 1px solid rgba(0, 0, 0, .1);background: #fff;}


@media screen and (max-width: 39.9375em) {
	.about-us.com-1 header > span {font-size:1.125rem}
	.about-us.com-1 header > strong {font-size:1.925rem;line-height:2.7rem}
	.about-us.com-1 .title {font-size:1.125rem}
	.history.type-2 .group {float:none;width:auto}
	#com-wrap.com-custom .for-company {display: block !important;margin-top: 20px;width: 100%;}
	
}


/* 배진희 / 1378824 / 20240613 / CT-Club Login page */
#user-wrap.CT-Club{position:relative;background:url('../image/CT-Club-login-bg.png') center center no-repeat;background-size:cover}
#user-wrap.CT-Club > .row{max-width:420px;padding-bottom:10px;background:#fff}
#user-wrap.CT-Club .mb-header{padding:1.875rem}
#user-wrap.CT-Club .mb-header .logo img{width:213px}
#user-wrap.CT-Club .mb-container{margin:0 10px;padding-left:1.875rem;padding-right:1.875rem}
#user-wrap.CT-Club .mb-container fieldset label.user-name{margin:10px 0 5px 0;font-size:13px}
#user-wrap.CT-Club .mb-container fieldset .etc_txt{display:block;margin-top:5px;font-size:13px;color:rgba(0,0,0,.6)}
#user-wrap.CT-Club .mb-footer{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:.5rem 0;background:#fff}
@media screen and (max-width: 39.9375em) {
#user-wrap.CT-Club > .row{width:calc( 100% - 2rem );margin:1rem;padding-bottom:0}
#user-wrap.CT-Club .mb-container{padding-left:0;padding-right:0}
}

/* 강수현 / 1404583 / 20240909 */
.border-none .header span , .border-none .header a {border-top:1px solid #fff !important;margin-bottom:1rem !important;}

/* 최은비 / 1440679 / 20250124 */
.company-tab .tabs, .company-tab .tabs-content{border:0;}
.company-tab .tabs-title> a{border: 1px solid #000;border-radius: 10px;padding: 7px 25px;font-size: 16px;font-weight: 600;margin-right:10px;}
.company-tab .tabs-title> a:hover{text-decoration:none;color:#000;}
.company-tab .tabs .is-active a{color:#fff;}	
.company-tab .tabs-panel{padding:0;margin-top:30px;}
@media screen and (max-width: 39.9375em){
	.company-tab .tabs-title{width:33.333%}
	.company-tab .tabs-title> a{margin:0 10px 10px;font-size:13px;}
}

/* 강수현 / 1464236 / 20250418 */
.border-0 .header > strong , .border-0 .header > a {border-top:0 !important;}

/* 박종훈 / 1464469 / 20250421 */
.article-view-content .grid.side .google-auto-placed {display:none !important;}

/* AI icon */
.admin-toolkit .tools.ai-generation {
	font-size: 1.75rem;
	color: transparent;
	background: conic-gradient(from 0deg, red, orange, yellow, green, blue, indigo, violet, red); /* linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red); */
	background-size: 200% auto;
	-webkit-background-clip: text;
			background-clip: text;
	animation: rainbow-animation 5s linear infinite;
}
.admin-toolkit .icon.type-ai {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
.admin-toolkit .icon.type-ai::before,
#admin-wrap.newsroom .admin-toolkit .icon.type-ai::before {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1;
	background: curretColor;
	background: conic-gradient(from 0deg, red, orange, yellow, green, blue, indigo, violet, red);
	background-size: 200% auto;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M8 15c4.875 0 7-2.051 7-7 0 4.949 2.11 7 7 7-4.89 0-7 2.11-7 7 0-4.89-2.125-7-7-7zM2 6.5c3.134 0 4.5-1.318 4.5-4.5 0 3.182 1.357 4.5 4.5 4.5-3.143 0-4.5 1.357-4.5 4.5 0-3.143-1.366-4.5-4.5-4.5z' stroke='%23000' stroke-linejoin='round'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M8 15c4.875 0 7-2.051 7-7 0 4.949 2.11 7 7 7-4.89 0-7 2.11-7 7 0-4.89-2.125-7-7-7zM2 6.5c3.134 0 4.5-1.318 4.5-4.5 0 3.182 1.357 4.5 4.5 4.5-3.143 0-4.5 1.357-4.5 4.5 0-3.143-1.366-4.5-4.5-4.5z' stroke='%23000' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-size: cover;
			mask-size: cover;
	animation: rainbow-animation 5s linear infinite;
}
@keyframes rainbow-animation {
	0% {
		background-position: 0% 50%; /* Start position */
	}
	100% {
		background-position: 200% 50%; /* End position, creating a scrolling effect */
	}
}


/* ai badge for admin */
.table-badge-ai {  
	display: inline-block;
	padding: .125rem .25rem;
	font-size: .625rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: red;
	background: repeating-linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red);
	background-size: 400% 100%;	
	border-radius: .125rem;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	animation: rainbow-badge-animation 5s linear infinite;
}
@keyframes rainbow-badge-animation {
  0% {
	background-position: 0% 0;
  }
  100% {
	background-position: 100% 0; /* Animate the background position */
  }
}

/* AI 노출 처리 */
#ai-btn {display:block !important;}

/* 강수현 / 1544676 / 20260123 */
@media screen and (max-width: 39.9375em) {
  .row #article-view .article-copy {
    margin-bottom: 1.25rem;
  }
  #article-view .tag-group {
    margin: .5rem 0 2.5rem !important;
  }	
}  


/* 홍경아 / 1597090 / 20260622 */
.google-preferences-wrap {display:flex; align-items:center; gap:8px;    margin-left: 10px;}
.google-preferences-wrap .googlebtn {display:inline-flex; align-items:center; justify-content:center; gap:4px; height:36px; padding:8px 16px; border:1px solid #ddd; border-radius:100px; font-size:14px; line-height:1; text-decoration:none; white-space:nowrap; box-sizing:border-box;}
.google-preferences-wrap .googlebtn .i-google {display:inline-block; width:18px; height:18px; background:url('/image/icon_google.png') no-repeat center / 18px 18px;}
.google-preferences-wrap .google-preferences-desc {font-size:12px; color:var(--hk-text-secondary); white-space:nowrap;    margin-bottom: 0;}



/* 윤미정 / 1598466 / 20260626 */
.google-preferences-wrap .googlebtn {
    height: 30px;
    padding: 4px 8px;
	font-size: 12px;
	letter-spacing: -.1em
}
.google-preferences-wrap .google-preferences-desc {
	font-size:11px;
    letter-spacing: -.1em;
}




/* 이승현 / 1605034 / 20260721 */
#user-wrap.mobile  #article-view .tag-group-m {display:block;overflow:hidden;position:relative;z-index:1;font-size:0;text-align: left;margin-bottom: 10px;}
#user-wrap.mobile  #article-view .tag-group-m .tag-group01 {display: flex;flex-direction: column;flex-wrap: wrap;align-content: flex-start;gap: 8px 6px; height: 75px;}
#user-wrap.mobile  #article-view .tag-group-m .tag-group01 > .tag{display: inline-flex;align-items: center;justify-content: center;padding: 0 .5rem;background-color:#fff;border: 1px solid #232323;color: #333333;border-radius: 0;line-height: 28px;font-size: .9375rem;text-decoration: none;white-space: nowrap;width: auto;flex-shrink: 0;}
#user-wrap.mobile  #article-view .tag-group-m .tag-group01 > .tag:hover {background-color:#f3f3f3;-ms-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}
#user-wrap.mobile  #article-view .tag-group-m.scroll .tag-group01 {overflow-x:auto;width:100%;}


/* 이승현 / 1605760 / 20260723 */
.row #article-view .tool-box .google-preferences-wrap {justify-content: flex-end;width 100%;width: 100%;}
.row #article-view .tool-box .google-preferences-wrap .googlebtn {padding:10px 30px; letter-spacing: -.025rem; color:#555}
.row #article-view .tool-box .google-preferences-wrap .googlebtn .txt01{color:#111;}



@media screen and (max-width: 39.9375em) {
  .row #article-view .article-copy {
    margin-bottom:1.1rem;
    margin-top:1.1rem !important;
	}
	
	.row .article-veiw-body{
	    margin-bottom: 1rem !important;
	}
	#user-wrap.mobile #article-view .tag-group-m {
   margin-top: 10px;
	}
 }

/* 홍경아 / 1607665 / 20260730 */
#user-wrap.mobile  #article-view .tag-group-m .tag-group01 {height: 35px;}

/* 최은비 / 1607769 / 20260730 */
.list-top-menu {width:100%;padding:15px 0;background:#fff;margin-left:1rem;}
.list-top-menu .no-bullet {display:flex;align-items:center;margin:0;padding:0;list-style:none;}
.list-top-menu .sub {position:relative;}
.list-top-menu .sub a {display:block;padding:0 20px;font-size:20px;color:#555;line-height:1;text-decoration:none;}
.list-top-menu .sub:first-child a {padding-left:0;}
.list-top-menu .sub + .sub a::before {content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:#ddd;transform:translateY(-50%);}
.list-top-menu .sub a:hover {color:#111;font-weight:600;}
.list-top-menu .sub.active a {color:#e60000;font-weight:700;}

/* 배진희 / 1611622 / 20260813 */
#user-container {overflow:hidden !important}