@charset "utf-8";
/* *******************************************************
 * filename : default.css
 * description : reset / common / editor CSS
 * date : 2022-07-26
******************************************************** */
html {overflow: hidden; overflow-y:scroll;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {
  display: none;
  height: 0;
}
audio, canvas, img, video {
vertical-align:middle;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
img, fieldset {
border:0;
}
input, select, textarea {
line-height:1.2;
vertical-align:middle;
}
body{
font-family:"돋움", Dotum, Arial, sans-serif;
font-size:12px;
color:#666;
}
button, select {
text-transform:none;
}
button, input {
line-height:normal;
}
textarea {
resize:vertical;
overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
font-style:normal;
font-weight:normal;
}
label {
cursor:pointer;
}
/* For Screen Reader */
legend {
display:none;
visibility:hidden;
}
/* For Screen Reader */
caption {
display:none;
visibility:hidden;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
a {
color:#000;
text-decoration:none;
}
a:active, a:hover, a:focus {
text-decoration:none;
}
button{
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
background:none;
}
body.mouse a:focus, 
body.mouse button:focus{
outline:none;
}


/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"],input[type="search"],input[type="email"],
select,
textarea{
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
}
input::-ms-clear, 
select::-ms-expand{ display: none; }
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='opacity:0.5'  viewBox='0 0 6.42 4'><path d='M6.42.69,3.21,4,0,.69.71,0l2.5,2.57L5.71,0Z'/></svg>") no-repeat;
	background-size: 10px;
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;
}
textarea{resize:none;}
input[type="submit"],button {cursor:pointer}
@media all and (max-width:800px){
	.ios-os input[type="text"],
	.ios-os input[type="search"],
	.ios-os input[type="password"],
	.ios-os input[type="file"],
	.ios-os input[type="email"],
	.ios-os select,
	.ios-os textarea{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius:0;
	}
}
.placeholdersjs {color:#aaa !important}


/* *******************
 * description : font.css
 * date : 2019-11-12
******************* */
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:400;
src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
  url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
/* 본고딕 웹폰트 가져오기 180124 */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

/*
 * Pretendard
 */
 @font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../fonts/Pretendard-Light.woff) format('woff'),
		url(../fonts/Pretendard-Light.woff2) format('woff2'); 
} 
@font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../fonts/Pretendard-Regular.woff) format('woff'),
		url(../fonts/Pretendard-Regular.woff2) format('woff2'); 
} 
@font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../fonts/Pretendard-Medium.woff) format('woff'),
		url(../fonts/Pretendard-Medium.woff2) format('woff2');
}
@font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 600; 
  src: url(../fonts/Pretendard-SemiBold.woff) format('woff'),
		url(../fonts/Pretendard-SemiBold.woff2) format('woff2');
}
@font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../fonts/Pretendard-Bold.woff) format('woff'),
		url(../fonts/Pretendard-Bold.woff2) format('woff2');
}
@font-face { 
  font-family: 'Pretendard'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(../fonts/Pretendard-Black.woff) format('woff'),
		url(../fonts/Pretendard-Black.woff2) format('woff2');
}


/* *******************
 * description : common.css
 * date : 2021-06-14
******************* */
.cm-fl { float:left; }
.cm-fr { float:right; }
.cm-cb { clear:both; }
.cm-cf { clear:both; height:1px; }
.cm-pr { position:relative; }
.cm-pa { position:absolute; }
.cm-al { text-align:left !important; }
.cm-ac { text-align:center !important; }
.cm-ar { text-align:right !important; }
.cm-aj { text-align:justify !important; }
.cm-vt { vertical-align:top; }
.cm-vm { vertical-align:middle; }
.cm-vb { vertical-align:bottom; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{vertical-align:middle;}
.font-xi:before{font-family:xeicon !important}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{
	transition:var(--transition-custom);
	transition-property:transform;
}
a:hover .over-img img{
	transform: scale(1.1) rotate(0.002deg);
}
.over-bg{
	overflow:hidden;
	transition:var(--transition-custom);
	transition-property:transform;
}
a:hover .over-bg{
	transform: scale(1.1) rotate(0.002deg);
}
.line-clamp2{
	overflow:hidden;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp3{
	overflow:hidden;
	display:block;
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.line-clamp4{
	overflow:hidden;
	display:block;
	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.img-center{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	max-width:100%;
	max-height:100%;
	margin:auto;
}
.img-cover-fit{ 
  width: 100%; 
  height: 100%;
  position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
  object-fit: cover;
}
.img-cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.pos-full{
	position:absolute; 
	top:0px; 
	left:0px; 
	bottom:0px; 
	right:0px;
} 

/* Skip Navgation */
.cm-accessibility a { position:absolute; text-align:center; width:200px; padding:10px 0; display:block; background:#222; color:#fff; left:-9999px; font-size:16px ; font-weight:500;}
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }
#container > .ctt_admin{ display: none !important;}
#middleArea:has(.adm_redirect_co_btn){ position: relative;}
.adm_redirect_co_btn{ position: absolute; left: 0; top: 0; z-index: 9999;}

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}
.w_auto{width: auto !important;}
.h_auto{height: auto !important;}


/* flex gap, margin, padding */
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pl-5{ padding-left: .5rem !important;}
.pl-10{ padding-left: 1rem !important;}
.pl-15{ padding-left: 1.5rem !important;}
.pl-20{ padding-left: 2rem !important;}
.pl-25{ padding-left: 2.5rem !important;}
.pl-30{ padding-left: 3rem !important;}
.pr-5{ padding-right: .5rem !important;}
.pr-10{ padding-right: 1rem !important;}
.pr-15{ padding-right: 1.5rem !important;}
.pr-20{ padding-right: 2rem !important;}
.pr-25{ padding-right: 2.5rem !important;}
.pr-30{ padding-right: 3rem !important;}
.mt-0{margin-top: 0 !important;}
.mt-5{margin-top: .5rem !important;}
.mt-10{margin-top:1rem !important;}
.mt-15{margin-top:1.5rem !important;}
.mt-20{margin-top:2rem !important;}
.mt-25{margin-top:2.5rem !important;}
.mt-30{margin-top:3rem !important;}
.mt-35{margin-top:3.5rem !important;}
.mt-40{margin-top:4rem !important;}
.mt-50{margin-top:5rem !important;}
.mt-60{margin-top:6rem !important;}
.mt-70{margin-top:7rem !important;}
.mt-80{margin-top:8rem !important;}
.mt-90{margin-top:9rem !important;}
.mt-100{margin-top:10rem !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-5{margin-bottom: .5rem !important;}
.mb-10{margin-bottom:1rem !important;}
.mb-15{margin-bottom:1.5rem !important;}
.mb-20{margin-bottom:2rem !important;}
.mb-25{margin-bottom:2.5rem !important;}
.mb-30{margin-bottom:3rem !important;}
.mb-35{margin-bottom:3.5rem !important;}
.mb-40{margin-bottom:4rem !important;}
.mb-50{margin-bottom:5rem !important;}
.mb-60{margin-bottom:6rem !important;}
.mb-70{margin-bottom:7rem !important;}
.mb-80{margin-bottom:8rem !important;}
.mb-90{margin-bottom:9rem !important;}
.mb-100{margin-bottom:10rem !important;}
.gap5{ gap: .5rem!important;}
.gap10{gap: 1rem!important;}
.gap15{gap: 1.5rem!important;}
.gap20{gap: 2rem!important;}
.gap25{gap: 2.5rem!important;}
.gap30{gap: 3rem!important;}
.gap35{gap: 3.5rem!important;}
.gap40{gap: 4rem!important;}
.gap50{gap: 5rem!important;}
.col-gap5{ column-gap: .5rem!important;}
.col-gap10{column-gap: 1rem!important;}
.col-gap15{column-gap: 1.5rem!important;}
.col-gap20{column-gap: 2rem!important;}
.col-gap25{column-gap: 2.5rem!important;}
.col-gap30{column-gap: 3rem!important;}
.col-gap35{column-gap: 3.5rem!important;}
.col-gap40{column-gap: 4rem!important;}
.col-gap50{column-gap: 5rem!important;}
.row-gap0{row-gap: 0!important;}
.row-gap5{row-gap: .5!important;}
.row-gap10{row-gap: 1rem!important}
.row-gap15{row-gap: 1.5rem!important}
.row-gap20{row-gap: 2rem!important}
.row-gap25{row-gap: 2.5rem!important}
.row-gap30{row-gap: 3rem!important}
.row-gap35{row-gap: 3.5rem!important}
.row-gap40{row-gap: 4rem!important}
.row-gap50{row-gap: 5rem!important}

@media all and (min-width:1024px){
.pl-mid-5{ padding-left: .5rem !important;}
.pl-mid-10{ padding-left: 1rem !important;}
.pl-mid-15{ padding-left: 1.5rem !important;}
.pl-mid-20{ padding-left: 2rem !important;}
.pl-mid-25{ padding-left: 2.5rem !important;}
.pl-mid-30{ padding-left: 3rem !important;}
.pr-mid-5{ padding-right: .5rem !important;}
.pr-mid-10{ padding-right: 1rem !important;}
.pr-mid-15{ padding-right: 1.5rem !important;}
.pr-mid-20{ padding-right: 2rem !important;}
.pr-mid-25{ padding-right: 2.5rem !important;}
.pr-mid-30{ padding-right: 3rem !important;}
}

/* 191016 kakao 지도 이슈로 border, padding초기화 */
.root_daum_roughmap{padding:0 !important; border:0 !important;  border-radius:0 !important;}
.root_daum_roughmap .map_border{display:none !important;}
.wrap_controllers{display:none  !important;}

/* Split Text (plugin) */
.cm-word-split-JS{overflow:hidden; opacity:0; }
.cm-word-split-JS.splitting{opacity:1.0; }
.cm-word-split-JS.splitting .word{overflow:hidden; line-height:1.1; display:inline-block;}
.cm-word-split-JS.splitting .char{display:inline-block; position:relative; font-size:inherit; font-family:inherit; font-weight:inherit; opacity:0; }

/* 하위브라우저 팝업창 */
#browserUpgradePopup .browser-upgrade-popup-dim:before{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); content:""; z-index:99998}
#browserUpgradePopup .browser-upgrade-popup-inner{position:fixed; top:50%; left:50%; width:500px; transform:translate(-50%,-50%); padding:100px 0; color:#222; background-color:#fff; text-align:center; z-index:99999; box-shadow:5px 1px 5px  rgba(0,0,0,0.25); font-family:sans-serif; border-radius:10px;}
#browserUpgradePopup .browser-popup-close-btn{position:absolute; top:13px; right:13px; font-size:30px; color:#222;}
#browserUpgradePopup .browser-popup-caution-icon{font-size:40px;}
#browserUpgradePopup .browser-popup-tit{font-size:30px; letter-spacing:-2px; font-weight:500; padding:20px 0;}
#browserUpgradePopup .browser-popup-txt{font-size:15px; line-height:1.7; }
#browserUpgradePopup .browser-popup-txt b{font-weight:600;}

/* br tag */
.m-br{display: none !important;;}
.display-m{display:none !important;}
@media all and (max-width:1280px){ 
	.m-br{display:block;}
	.pc-br{display:none !important;}
	.display-m{display:block;}
	.display-pc{display:none !important;}
}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* scroll style */
.sb-container{ overflow-y: auto; padding-bottom: 2rem;}
.sb-container.horiz::-webkit-scrollbar{height: 3px!important;}
.sb-container.bg-gray::-webkit-scrollbar-track{ background-color: #e5e5e5 !important;}
.sb-container::-webkit-scrollbar{width:10px!important;}
.sb-container::-webkit-scrollbar-track{background-color: transparent!important}
.sb-container::-webkit-scrollbar-thumb{background-color: var(--black-color)!important;background-clip: padding-box;border-left: 4px solid transparent;border-right: 4px solid transparent}
.sb-container::-webkit-scrollbar-button{width: 0;height: 0}
.hide_sb::-webkit-scrollbar {display: none;}
.hide_sb::-webkit-scrollbar { 
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}
/* cm font style */
.cmp-font{font-size:1.6rem; line-height: 2.4rem;color:#000; font-weight: normal;}
.cmp-font.fnt-10{font-size:1rem; line-height: 1.6rem;}
.cmp-font.fnt-12{font-size:1.2rem; line-height: 1.6rem;}
.cmp-font.fnt-14{font-size:1.4rem; line-height: 2.2rem;}
.cmp-font.fnt-17{font-size:1.7rem; line-height: 2.6rem;}
.cmp-font.fnt-18{font-size:1.8rem; line-height: 2.6rem;}
.cmp-font.fnt-20{font-size:2.0rem; line-height: 2.8rem;}
.cmp-font.fnt-22{font-size:2.2rem; line-height: 3.0rem;}
.cmp-font.fnt-24{font-size:2.4rem; line-height: 3.2rem;}
.cmp-font.fnt-28{font-size:2.8rem; line-height: 3.2rem;}
.cmp-font.fnt-30{font-size:3.0rem; line-height: 3.6rem;}
.cmp-font.fnt-33{font-size:3.3rem; line-height: 4.6rem;}
.cmp-font.fnt-38{font-size:3.8rem; line-height: 4.6rem;}
.info-txt.gray_type{margin-top: 1rem;font-size: 1.4rem;color: #aaa;font-weight: 600; line-height: 1.4;}

/* font weight */
.medium_txt {font-weight: 500!important;}
.semibold_txt{font-weight: 600 !important;}
.bold_txt {font-weight: 700!important;}
.exbold_txt {font-weight: 800!important;}

.c-black { color:#000 !important}
.c-gray{ color:#000 !important; opacity: .6;}
.c-main{ color:var(--main-color) !important}
.c-blue{color: #2950b1 !important;}
.c-sky{color: #79A6F4 !important}
.c-impot{color: #df2101 !important;}
.c-red{color: #D74646!important;}
.c-green{color:#58B187 !important}
.c-pink{color: #ff3061 !important;}

.d-bg-box{ background-color: rgba(0,0,0,0.4); color:#fff !important}
.r-bg-box{ background-color: #FAEAEA; color: #C51B1B;}
.b-bg-box{ background-color:#E6F2FF; color:var(--main-color);}
.g-bg-box{  background-color: #EAFAF0; color:#18C65E}
.o-bg-box{  background-color:#FEF3E8; color:#F9B077}

/* dot text style */
.dot_txt{ position: relative; line-height: 1.5; padding-left:1.2rem; display: block; font-size:1.4rem}
.dot_txt:before{ content: ""; display: block; width:3px; height: 3px; background-color: #333; position: absolute; top:.8rem; left: 0; }
.dot_txt.fnt-16{ font-size: 1.6rem;}
.dot_txt.fnt-16:before{ top: 1.0rem;}
.cmp-dotList>li {position: relative;padding-left: 1.0rem;margin-bottom: .6rem;font-size: 1.5rem;line-height: 2.3rem;}
.cmp-dotList>li.reference_mark{  padding-left: 1.5rem;}
.cmp-dotList.fnt-14>li{ font-size: 1.4rem;}
.cmp-dotList.fnt-16>li{ font-size: 1.6rem;}
.cmp-dotList>li:before {content: "";position: absolute;top: 1rem;left: 0;width: 2px;height: 2px;border-radius: 50%;background-color: #000}
.cmp-dotList>li.reference_mark:before{content: "※";background: transparent;width: auto;height: auto;top: 0;}
.cmp-dotList>li:last-child {margin-bottom: 0}
.cmp-dotList>li.c-point,.cmp-dotList>li .cPoint {color: #df2101}
.cmp-dotList>li.c-point:before,.cmp-dotList>li .cPoint:before {background-color: #df2101}
.cmp-dotList>li.cPoint {color: #df2101}
.cmp-dotList>li.cPoint:before {background-color: #df2101}
.cmp-dotList>li.line span {display: inline-block;line-height: 1.7rem;border-bottom: 1px solid #000}
.cmp-dotList>li.nodotType {margin-top: 1.4rem;padding-left: 0}
.cmp-dotList>li.nodotType:before {display: none}
.cmp-dotList>li.nodotType:first-child {margin-top: 0}
.cmp-dotList>li.star:before {content: "*";width: auto;height: auto;top: 0;font-size: 1.5rem;line-height: 2.3rem;background: none;border-radius: 0}
.cmp-dotList>li.dash:before {content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 4px;height: 1px;border-radius: 0}
.cmp-dotList>li .line-txt {border-bottom: 1px solid #000}
.cmp-dotList.dash-n-tab {padding-left: 2.4rem;margin-top: -.4rem}
.cmp-dotList.dash-n-tab li {display: flex;margin-bottom: 0}
.cmp-dotList.dash-n-tab li:before {content: "";position: absolute;width: 4px;height: 1px;border-radius: 0}
.cmp-dotList.dash-n-tab li span {padding-right: 5px}
.number_list{list-style: decimal; padding-left: 1.6rem;}
.number_list > li:not(:first-child){ margin-top: .6rem;}

/*cmp info */
.cmp-info{ font-size: 1.5rem; line-height: 2.2rem; color:#101010}
.cmp-info:not(.info-type2){padding: 1.2rem 2.4rem;}
.cmp-info.info-type1 {background-color: #fff6f4}
.cmp-info.info-type2 {position: relative;padding-left: 1.2rem}
.cmp-info.info-type2:before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: calc(100% - 6px);background-color: #000;content: ""}
.cmp-info.info-type3 {background-color: #f8f8f8}
.cmp-info.info-type4{background-color: #FFFDF0;}
.cmp-info.info-type5{background-color: #F5F7F9;}
.cmp-info.info-type6{background-color: #EDF0F3;}
.cmp-info.list-type1 .list,.cmp-info.list-type1 li {padding: 1rem 2rem;background-color: #f8f8f8}
.cmp-info.list-type1 .list:not(:first-child),.cmp-info.list-type1 li:not(:first-child) {margin-top: .6rem}
.cmp-info.list-type2 {padding: 1rem 2rem;background-color: #f8f8f8}
.cmp-info.list-type2 .list:not(:first-child),.cmp-info.list-type2 li:not(:first-child) {margin-top: 1rem}
.cmp-info.top-notice {position: relative;padding: 1.2rem 5.8rem 1.2rem 2.4rem;background: #000;text-align: left}
.cmp-info.top-notice.noti-box {display: flex;align-items: flex-start;justify-content: space-between;padding: 1.2rem 2.4rem}
.cmp-info.top-notice.noti-box+.noti-box {margin-top: 1px!important}
.cmp-info.top-notice.noti-box.single-line .del {height: 2.4rem;margin: 0 -.9rem 0 0;position: static!important}
.cmp-info.top-notice.noti-box .noti-text {width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all}
.cmp-info.top-notice.noti-box .noti-text.more {display: block}
.cmp-info.top-notice.noti-box .arrow-toggle {height: 2.4rem;margin: -.2rem -.9rem 0 0}
.cmp-info.top-notice.noti-box .del {height: 2.4rem;position: absolute;top: auto;bottom: 1.2rem;right: 1.5rem;margin: 0}
.cmp-info.top-notice .txt {word-break: break-all;font-size: 1.6rem;line-height: 2.4rem;color: #fff;font-weight: 400}
.cmp-info.top-notice .del {position: absolute;right: 1.5rem;top: .5rem;width: 3.6rem}
.cmp-info.top-notice+.order-complete-top {padding-top: 1.2rem}
.cmp-page-tit+.cmp-info.top-notice {margin: 0 0 2.4rem}

/* *******************
 * description : popup.css
 * date : 2020-11-25
******************* */
#hd_pop {z-index:1000000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media all and (max-width: 620px){
#hd_pop{width:100%!important}	
.hd_pops {width:90%!important}	
.hd_pops_con{width:100%!important; height: auto!important}	
.hd_pops_footer .hd_pops_reject, .hd_pops_footer .hd_pops_close{ font-size: 10px}	
}

/* *******************
 * description : board.css
 * date : 2020-11-25
******************* */

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-flex;position:relative; flex-wrap: wrap; align-items: center; gap: .3rem; row-gap: 1rem;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
.captcha-box:has(#captcha.m_captcha){width: 100%;}
#captcha.m_captcha audio {display:block;width:187px}
#captcha.m_captcha #captcha_img {width:auto;height:54px;border:1px solid #e9e9e9;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:38px;height:38px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -38px;background-size: 100% auto;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:60%;height:38px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin: 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}


/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}



/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}


/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* smart banner alert */
.smart_bnr_empty{ display:flex; padding: 6rem 0; font-size: 1.6rem; line-height: 2.2rem; justify-content: center; align-items: center;flex-direction: column;}
.smart_bnr_empty.bg{ background-color: rgba(255,255,255,0.1); color:#fff}
.smart_bnr_empty.bg > *{ color:#fff}
.smart_bnr_empty a.bnr_regist_btn{ text-decoration: underline; display: block;}


/* shower details txt content */
[data-cursor-view=true] + .cursor-view, 
[data-cursor-view=true] > .cursor-view{
  position: absolute;background: #fff;box-shadow: 2rem 2rem 4.5rem #0000001A;
  z-index: 1;border-radius: .4rem;transform: translateY(17%);min-width: 100%; visibility: hidden; opacity: 0;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; 
}
[data-cursor-view=true][data-cursor-bg="dark"] + .cursor-view,
[data-cursor-view=true][data-cursor-bg="dark"] > .cursor-view{ background-color: #000; color:#fff}
[data-cursor-view=true] + .cursor-view .inner, 
[data-cursor-view=true] > .cursor-view .inner{ position: relative;padding: 2rem;}
[data-cursor-view=true] + .cursor-view .inner:before,
[data-cursor-view=true] > .cursor-view .inner:before{
  content: ""; display: inline-block; position: absolute; left: 2rem; top:0; border: .5rem solid transparent;
  border-bottom-color: #000; transform: translateY(-100%);
}
[data-cursor-view=true] + .cursor-view.show, 
[data-cursor-view=true] > .cursor-view.show{ opacity: 1; visibility: visible;}

@media all and (min-width:1025px){
  /*오른쪽*/
  [data-cursor-view=true][data-offset="right"] + .cursor-view, 
  [data-cursor-view=true][data-offset="right"] > .cursor-view{left: 100%;transform: translateY(-25%);}
  [data-cursor-view=true][data-offset="right"] + .cursor-view .inner:before,
  [data-cursor-view=true][data-offset="right"] > .cursor-view .inner:before{
    transform: rotate(-90deg) translateY(-100%); left: 0;top: 2rem;
  }
  /*왼쪽*/
  [data-cursor-view=true][data-offset="left"] + .cursor-view, 
  [data-cursor-view=true][data-offset="left"] > .cursor-view{left: 0; transform: translate(-105%, -25%);}
  [data-cursor-view=true][data-offset="left"] + .cursor-view .inner:before,
  [data-cursor-view=true][data-offset="left"] > .cursor-view .inner:before{
    transform: rotate(90deg);left: 100%;top: 2rem;
  }
}

/*위쪽*/
[data-cursor-view=true][data-offset="top"] + .cursor-view, 
[data-cursor-view=true][data-offset="top"] > .cursor-view{transform: translateY(-150%);}
[data-cursor-view=true][data-offset="top"] + .cursor-view .inner:before,
[data-cursor-view=true][data-offset="top"] > .cursor-view .inner:before{
  transform: rotate(180deg) translateY(-100%);top: auto;bottom: 0;
}