@charset "utf-8";
@import url('/resources/cms/css/fonts/pretendard/pretendard.css');
html,body{height:100%}
*{box-sizing:border-box; margin:0; padding:0}
html{font-size: 14px;}
body{font-family:'Pretendard', 'Malgun Gothic', 'Dotum', sans-serif; line-height: 1.5; font-weight: 400; color:#555; letter-spacing: -0.035em; overflow-x:hidden;}
.roboto{font-family: 'Roboto'}
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,
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,img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
html,body{height: 100%;}

/* 공통 */
a{text-decoration:none; color: inherit}
a:focus{outline:2px solid black;}
input[type="text"],input[type="password"],textarea,input[type="date"]{
	appearance:none;
	border:1px solid #ccc;
	border-radius: 0;
	font: inherit;
}
input[type="button"]{
	appearance:none ;
	border-radius: 0;
	font: inherit;
	border: 0
}
input[type="checkbox"]{margin: 0;}
input[type="radio"],input[type="checkbox"],label{vertical-align: middle;}
select{
	border: 1px solid #ccc;
	border-radius: 0px;
	appearance: none;
	font: inherit;
	font-size: 1em;
	background: #fff url('../../images/select.png') 98.5% center no-repeat;
	padding: 0 25px 0 10px; color: inherit
}
select::-ms-expand {
    display: none;
}
*{box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
.mt0{margin-top:0px !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb0{margin-bottom: 0 !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}

h1,h2,h3,h4,h5{font-size: 1em}
button,input[type="button"]{
	margin: 0;
  padding: 0;
  border: none;
  background: none;
	font:inherit;
	font-size: 1em; color: inherit
}
button,label{cursor: pointer;}
address,em{font-style: normal}

.fl{float: left}
.fr{float: right}
.clearfix:after{content: ''; display: block; clear: both}

/* 세로 가운데 정렬 */
.hide,caption,legend,.hidden,.sr-only{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}
#wrap{position: relative;overflow: hidden}
/* .modal{display: none} */
.slick-dots{text-align:center}
.slick-dots li{display: inline-block}
.slick-dots button{display:block;white-space: nowrap;overflow: hidden;text-indent: -999px}
.trans{
  transition: all .3s ease-in-out;
}
.slick-arrow{white-space: nowrap;overflow: hidden;text-indent: -999px;display: block}
.inner{max-width: 1400px;margin: 0 auto;}

.tal{text-align: left !important;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}

.block-t,.block-m{display: none}

/* 기존 reset 추가 */
/* 디버그 모드 */
.dev_ing { font-size: 10px; color: #fff; padding: 3px 8px; border-radius: 10px; background: orange; letter-spacing: 1px; font-weight: 600; display: inline-block; }

/* TEXT 아이콘  */
.common_icon1 { font-size: 11px; color: #fff; padding: 3px 8px; border-radius: 10px; background:#999; letter-spacing: 1px; margin: 0px 3px; font-weight: 600; display: inline-block; }
.common_icon2 { font-size: 11px; color: #fff; padding: 3px 8px; border-radius: 10px; background:#999; letter-spacing: 1px; margin: 0px 3px; font-weight: 600; display: inline-block; }
.variable_code { border:1px solid #ccc; background: #f7f7f7; font-weight: 600; text-align: center; padding: 5px 10px; border-radius: 3px; margin-right: 10px; font-size: 12px; display: inline-block; }
.common_icon_green { font-size: 11px; color: #fff; padding: 3px 8px; border-radius: 10px; background:#008080; letter-spacing: 1px; margin: 0px 3px; font-weight: 600; display: inline-block; }
.common_icon_blue { font-size: 11px; color: #fff; padding: 3px 8px; border-radius: 10px; background:#0080ff; letter-spacing: 1px; margin: 0px 3px; font-weight: 600; display: inline-block; }

.point_text { font-weight: 600; font-size: 14px; }

/* 문자 입력창 */
.sms_input_wrap { width: 270px; border: 1px solid #ccc; text-align: center; background: #f9f9f9; border-radius: 8px; padding: 20px 5px;  display: inline-block; margin: 0px 10px; }
.sms_input_wrap_head { font-size: 14px; color: #000; font-weight: 600; margin: 10px 0px;}
.sms_input_wrap_textarea { width: 80%; min-height: 250px; border:1px solid #fff; box-shadow: inset 3px 3px 3px #ccc; border: 1px solid #ededed;  padding: 10px; font-size: 13px;  }
.sms_input_wrap_btn { height:14px; border:none; text-align:center; color:#fff; font-size:11px; font-family:dotum; background-color:#282828; }
 
/* 알림톡 입력창 */
.kakao_input_wrap { width: 270px; border: 1px solid #ededed; text-align: center; background: #ffe802; border-radius: 8px; padding: 20px 5px 50px 5px;  display: inline-block; margin: 0px 10px;  vertical-align: top;}
.kakao_input_wrap_head { font-size: 14px; color: #000; font-weight: 600; margin: 10px 0px;}
.kakao_input_wrap_textarea { width: 80%; min-height: 350px; border:1px solid #fff; border: 1px solid #ededed;  padding: 10px; font-size: 13px;  vertical-align: top; }
.kakao_input_wrap_btn { height:14px; border:none; text-align:center; color:#fff; font-size:11px; font-family:dotum; background-color:#3b1e1e; }
 
 .detail_page_01 tbody th{ font-size: 14px; font-weight: 600; background: #f9f9f9; padding: 10px 10px; text-align: center; border:1px solid #ccc;}
.detail_page_01 tbody td{ font-size: 15px; font-weight: 400;  padding: 15px 10px; text-align: left; border:1px solid #ccc;}


.tooltip_pub{position: relative; display: inline-block; vertical-align: middle; margin-left: 3px;}
.tooltip_pub .info .fa-info,
.tooltip_pub .info{width: 14px; height: 14px; border:none; background: #999; border-radius:50%; line-height: 14px; display: inline-block; font-size: 9px; color: #f7f7f7; font-weight: 600; z-index: 99;}
.fa-info:before{content: 'i'; font-style:normal; }

.tooltip_pub .box{border:1px solid #333; background: #fff; position: absolute; left: 15px; top:-50%; font-size: 13px; color: #333; z-index: 99; white-space: nowrap; padding: 8px; display: none; }
 
.no_data-list{padding: 18px 10px; border-bottom: 1px solid #ccc; text-align: center;}

#contactCntPre {font-family:'Pretendard', 'Malgun Gothic', 'Dotum', sans-serif; font-size:14px; line-height: 1.5; font-weight: 400; color:#555; letter-spacing: -0.035em; word-break:break-all}

/* modal custom */
.modal-backdrop{display:none;}

/* scroll bar custom */
.mCSB_scrollTools .mCSB_draggerRail{display:none;}
.mCSB_scrollTools .mCSB_draggerContainer::before{content:''; display:block; width:2px; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:50%; transform:translateX(-50%);}

/* common class */
.justify-self-end{justify-self:flex-end; margin-left:auto;}
.justify-self-start{justify-self:flex-start; margin-right:auto;}

/* debug_mode */
.debug_mode_wrap {background: rgba(0,0,0,0.8); color: #f7f7f7; font-size: 13px; text-align: left; padding: 10px 10px;  }
.debug_mode_title {  font-size: 15px; font-weight: bold; color: #ccc; text-align: center; padding: 5px 10px; border-radius: 8px; border:1px solid #ccc; margin-bottom: 20px; }
.debug_mode_btn_normal {color: #f7f7f7; padding: 0px 0px 0px 0px; margin: 0px 0px; background: transparent; border: none; }
.debug_mode_data_copy {margin-left:10px; font-weight:300; color:#282828; font-size:11px; padding: 2px 5px; border-radius:8px; background: rgba(255,255,255, 0.8); border: none; }
.debug_mode_data_copy:hover {  color: #000; text-decoration: underline; }
.debug_mode_data_text { display: none; }

/* tab */
.cms-contents__tab{display:inline-flex; padding:5px; align-items:center; background:#ebeaea; border-radius:5px; margin:0 0 0 15px; box-shadow:3px 3px 6px rgba(0,0,0,.2);}
.cms-contents__tab a{display:flex; align-items:center; justify-content:center; padding:5px 20px 0; height:30px; background-color:transparent; transition:all .0s; font-size:14px; color:#999; font-weight:500; border-radius:5px;}
.cms-contents__tab a:not(:last-child){margin-right:10px;}
.cms-contents__tab a:hover{text-decoration:underline; text-underline-position:under;}
.cms-contents__tab a.active{background-color:#fff; font-weight:600;}

/* items */

.cms-items{background:#fff; border-radius:10px; position: relative; min-height: 100%; padding-bottom: 50px;}
.cms-items{}
.cms-items__box{background:#fff; width:100%; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.cms-items__box:not(:first-child){margin-top:30px;}
.cms-items__box .title{display:flex; height:80px; border-bottom:1px solid #ddd; padding:0 30px; align-items:center;}
.cms-items__box .title p{font-size:16px; color:#333; line-height:1;}
.cms-items__box .title .modify{margin-left:10px;}
.cms-items__box .items{padding:30px;}
.cms-items__box .address{position:relative;}
.cms-items__box .address .addressBtn{position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.cms-items .mCSB_container{padding-right:20px;}
.cms-items .cms-contents__tab{margin-bottom:20px;}

/* upload file */
.upload-file{display:flex;}
.upload-file input[type="file"]{display:none;}
.upload-file input[type="text"]{flex:1;}
.upload-file label{display:flex; align-items:center; margin-left:0.25rem; margin-bottom:0;}

/* modal */
.modal-box{position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; background: rgba(0,0,0,0.6);}
.modal-box__inner{position: relative; max-width: 800px; margin:2rem auto;}
.modal-box__content{position: relative; background: #f4f4f4; width: 100%;}
.modal-box__content .close{position: absolute; top: 30px; right: 30px}
.modal-box__tit{font-size: 30px;}
.modal-box__item{padding: 20px; background: #fff; width: 100%; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.modal-box__item .title{font-size: 16px; padding: 8px 0;}

/* gallery */
.board-gallery{display:flex; flex-wrap:wrap; padding-left:20px; border-top:2px solid #a00f16; padding-top:20px;}
.board-gallery li{width:calc(25% - 20px);}
.board-gallery li:not(:nth-child(4n)){margin-right:20px;}
.board-gallery li:not(:nth-child(-n + 4)){margin-top:20px;}
.board-gallery li a{display:block;}
.board-gallery__img{}
.board-gallery__img img{}
.board-gallery__txt{border:1px solid #ddd; padding:20px;}
.board-gallery__txt .category{display:block; font-size:14px; line-height:1; font-weight:700; color:#a00f16; margin:0 0 10px;}
.board-gallery__txt .subject{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; color:#333; line-height:1;}
.board-gallery-view{display:flex; justify-content:space-between;}
.board-gallery-view .slider{width:50%;}
.board-gallery-view__item{flex:1; margin-left:20px; padding:20px 0 0;}

/* cms info */
.cms-boardInfo{display:flex; align-items:center; justify-content:space-between; margin:20px 0 10px;}
.cms-boardInfo p{font-size:14px; font-weight:300; color:#666; line-height:1;}
.cms-boardInfo p span{color:#000; font-weight:500;}

/* loading */
.modal_load{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15); z-index: 999;}
.modal_load .loader-ellips{top: 50%; margin-top: -.5em;}
.loader-ellips {
  font-size: 10px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}
.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #bd2130; /* change color here */
  position: absolute;
  animation-duration: 0.0s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.table{table-layout: fixed;}
.table-bordered td{word-break:break-all}

table a{text-decoration: underline;}
table a.btn{text-decoration: none;}

.bul-dot > li{position: relative; padding-left: .75em; line-height: 1.35; margin-top: .3em;}
.bul-dot > li:first-child{margin-top: 0;}
.bul-dot > li:before{position: absolute; left: 0; top:.54em; width: 3px; height: 3px; border-radius:50%;  content: ''}

.bul-dash > li{position: relative; padding-left: .7em; line-height: 1.35; margin-top: .3em;}
.bul-dash > li:first-child{margin-top: 0;}
.bul-dash > li:before{position: absolute; left: 0; top:0; content: '-'}

.group_com_w .group{margin-top: 50px;}
.group_com_w .group:first-child{margin-top: 0;}

/* 포인트 */
.use_radio_check_group { border:1px solid #ccc; border-radius: 5px; background: #f7f7f7; padding: 5px 5px 5px 5px; color: #000; font-weight: 400; text-align: center;  vertical-align: middle; display: inline-block;}
.notice_warning { border:none; border-radius: 12px; background: #D73F29; padding: 3px 10px; color: #fff;  font-weight: 600; text-align: center; display: inline-block; font-size: 13px; line-height: 1;}

.block-w,.block-t,.bbs-list_m{display: none;}
.no-data_bbs{text-align: center; border-bottom: 1px solid #ccc; padding: 100px 0;}

pre{white-space: pre-line}

select.form-control{padding-top: 0; padding-bottom: 0;}

@media (max-width:1024px){
	html{font-size: 13px;}
}
@media (max-width:720px){
}

@media print {
	.table th {background-color:#f3f3f3 !important; -webkit-print-color-adjust:exact;}
}