@charset "utf-8";
/* reset */
/*=====공통 CSS =======*/

@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'); 
 } 
 @font-face {
  font-family: "NotoSansKR";
  src: url("../font/OpenSans-Regular.woff") format("woff");
  unicode-range: U+0020-007E;
  font-style: normal;
}
body{ word-break:keep-all!important;}
body.eng{ word-break:break-word!important}
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,
label, legend, caption, button, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
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;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
th {font-weight: inherit}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;border-radius:0;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{font-family:'Noto Sans KR', sans-serif; color: #000;border-radius:0; box-sizing:border-box;}
section{width:100%;}
body{font-family: 'Noto Sans KR', sans-serif!important;width: 100%;height: 100%;color:#000;background-color: #fff;font-weight: 400;}
video{object-fit: fill;}
.blind, legend, caption {position: absolute !important;height: 1px;width: 1px;overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
/*팝업시 스크롤막기*/
body.stop {overflow-y: hidden}
/* font */
.kr_400{font-family:'Noto Sans KR', sans-serif;font-weight: 400!important}
.kr_500{font-family: 'Noto Sans KR', sans-serif;font-weight: 500!important}
.kr_700{font-family: 'Noto Sans KR', sans-serif;font-weight: 700!important}
.pc_hide{ display:none!important}


.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;}
.clear{*zoom:1}
.clear:after{display:block;content:"";clear:both; visibility:hidden; height:0}
.ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.taR{text-align:right!important;}
.taL{text-align:left!important;}
.taC{text-align:center!important;}
.f_left{float:left;}
.f_right{float:right;}
/* 간격 */
.p_n{ padding:0!important}
.mt0{margin-top:0px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt17{margin-top:17px !important}
.mt18{margin-top:18px !important}
.mt20{margin-top:20px !important}
.mt22{margin-top:22px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt34{margin-top:34px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt47{margin-top:47px !important}
.mt48{margin-top:48px !important}
.mt49{margin-top:49px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt69{margin-top:69px !important}
.mt70{margin-top:70px !important}
.mt76{margin-top:76px !important}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !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;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml11{margin-left:11px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr5{margin-right:5px !important}
.pt0{padding-top:0px !important}
.pt15{padding-top:15px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt47{padding-top:47px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt85{padding-top:85px !important}
.pb0{padding-bottom:0px !important}
.pb15{padding-bottom:15px !important}
.pb45{padding-bottom:45px !important}
.pb110{padding-bottom:110px !important}
.pl15{padding-left:15px !important}
.pl18{padding-left:18px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.cap{text-transform: uppercase !important;}

.mot2 {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mot3 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mot4 {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.mot5 {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.ellipsis {display: inline-block; max-width:100%;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;}
.ellipsis_line{
	/* font-size, line-height, max-height,-webkit-line-clamp : 개별적용(2줄이상) */
	position: relative;
	/*font-size: 14px;*/
	transition: all 0.3s;
	white-space: normal;
	word-wrap: break-word;
	/*line-height: 25px;*/
	/*max-height: 50px;*/
	/*-webkit-line-clamp: 2;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.block-lg {display: block !important;}
.text-hide {font: 0/0 a !important;color: transparent; text-shadow: none;background-color: transparent;border: 0;}

/*SUB TAP*/
.tab-list { height:58px; border-bottom:1px solid #cfcfcf;  margin-bottom:60px; text-align:center;}
.tab-list.m_B20{ margin-bottom:20px!important}
.tab-list.mb_none{margin-bottom:20px!important}
.tab-list li {display: inline-block; width:185px; position:relative; margin:0 3px;}
.tab-list li.sel1 { top: -14px;}
.tab-list li > a {display: block;border: 1px solid #cfcfcf;height:57px;line-height: 57px;text-align: center; color: #666; font-size:16px; font-weight: 300; }
.tab-list li.select  a { color:#fff; background-color:#0174b7; border-color:#0174b7}
.tab-container > .sub-content > div {width: 100%;display: none;}


/*애니메이트 공통*/
.slideup{opacity:0;transform:translateY(40px);transition:all 1s;	}
.slideup.in-view{opacity:1;transform:translateY(0px);transition:all 1s;}
#sub_content .cont_inner{ padding-top:100px; position:relative;}
.slide-up {opacity: 0; transform: translateY(30px);transition: all 0.8s;}
.slide-up.in-view {opacity: 1; transform: translateY(0px);transition: all 0.8s;}
.catal_Name{ display:none}

/* 공통 :: 버튼 */
a.btn-discover { position: relative; width: 48px; height: 48px; margin:0 auto; display: block; overflow: hidden; border: 4px solid; border-image: linear-gradient(to right, #fd767a 0%,#b01116 100%) 5; }
a.btn-discover span { position: absolute; left: 19px; top: 10px; width: 2px; height: 20px; background: #ccc; }
a.btn-discover span:before,
a.btn-discover span:after { position: absolute; left: 2px; top: 9px; width: 9px; height: 2px; content:''; background: #ccc; }
a.btn-discover .r { left: auto; right: 19px; }
a.btn-discover .r:before,
a.btn-discover .r:after { left: auto; right: 2px; }
a.btn-discover i { color: #aaa; text-align: center; font-size:16px; font-style: normal; letter-spacing: -0.35px; padding-top:8px; display: block; opacity: 0; }
a.btn-discover {
	transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
a.btn-discover span,
a.btn-discover span:before,
a.btn-discover span:after,
a.btn-discover i {
	transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
a.btn-discover:hover{ width: 150px; }
a.btn-discover:hover span {opacity:0;filter:Alpha(opacity=0);}
a.btn-discover:hover span:before,
a.btn-discover:hover span:after { width: 5px; }
a.btn-discover:hover span:before { top: 0; }
a.btn-discover:hover span:after { top: 34px; }
a.btn-discover:hover .l { left: 0; }
a.btn-discover:hover .r { right: 0; }
a.btn-discover:hover i { opacity: 1; }

.main-btn div{display:inline-block; position:relative; width:150px; height:46px; border-top:2px solid #E3E3E3; border-bottom:2px solid #E3E3E3; text-align:center;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-btn div p{position:relative; display:block; width:100%; height:100%; font-size:12px; line-height:45px; color:#444444; letter-spacing:2px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }
.main-btn div p span{position:relative; display:block; width:100%; height:100%;}
.main-btn div p span em{position:relative; display:block; z-index:2; font-weight: 600;}
.main-btn a:hover p {letter-spacing: 3px;}
.btn-effect01 p:before, 
.btn-effect01 p:after,
.btn-effect01 span:before,
.btn-effect01 span:after{display:inline-block; content:""; position:absolute; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-effect01 p:before{
	top:-2px; bottom:-2px; left:0; border-top:2px solid #444444; border-bottom:2px solid #444444; width:12px;
}
.btn-effect01 p:after{
	top:-2px; bottom:-2px; right:0; border-top:2px solid #444444; border-bottom:2px solid #444444; width:12px;
}
.btn-effect01 span:before{
	top:-2px; bottom:-2px; left:0; width:2px; background-color:#444444;
}
.btn-effect01 span:after{
	top:-2px; bottom:-2px; right:0; width:2px; background-color:#444444;
}
.btn-effect01:hover p:before,
.btn-effect01:hover p:after{width:50%;}
/*탭버튼*/
#bo_cate {height:58px; border-bottom:1px solid #cfcfcf;  margin-bottom:60px; text-align:center;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1;display: table;width: 100%;border-collapse: collapse;margin-bottom: 40px;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display: inline-block; width:185px; position:relative; margin:0 3px}
#bo_cate a {display: block;border: 1px solid #cfcfcf;height:57px;line-height: 57px;text-align: center; color: #666; font-size:18px;letter-spacing: -0.5px; font-weight: 300;}
#bo_cate #bo_cate_on {color:#fff; background-color:#0174b7; border-color:#0174b7}

/*넘버링 버튼*/
/* 페이징 */
.pg_wrap {width:100%; text-align:center; padding-top: 50px;}
.pg {text-align:center; display:block}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { color:#333; width:35px; height:35px; text-align:center; line-height:35px; margin-right:5px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current { width:35px; height:35px; background:#444; border:1px solid #444; color:#fff; line-height:35px; margin-right:5px}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#0174b7; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{height:400px; overflow-y:auto; overflow-x:hidden; }
.footer-inner textarea{padding:20px; display:block; width:100%; height:100%; font-size:13px; color:#666; word-break:keep-all;}
.close{display:none}

/* ****************** 개인정보처리 방침 ********************** */
.privacy-wrap {line-height: 1.7; font-size:18px}
.article-title-dot {position: relative;}
.body-cont{ font-size:16px}
.privacy-wrap .head-cont .article-title-dot{font-weight: bold;padding-top:25px;font-size: 2.5rem;}
.privacy-wrap .head-cont .article-title-dot:before{content: '';position: absolute;top: 0; left: 0;display: block;border-radius: 50%;background-color: #96c11f;width: 31px;height: 31px;}
.privacy-wrap .head-cont .sub-desc { position: relative; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;}
.privacy-wrap .head-cont .sub-desc p:first-child {line-height:50px;}
.privacy-wrap .head-cont .sub-desc .privacy{display:flex;position: absolute;right: 0;}
.privacy-wrap .head-cont .sub-desc .privacy-form {position: relative;}
.privacy-wrap .head-cont .sub-desc .privacy label{margin-right: 22px;line-height: 50px;}
.privacy-wrap .body-cont .privacy-item {border-bottom: 1px solid #e4e4e4; padding: 125px 20px 40px 20px;margin-top: -125px;}
.privacy-wrap .body-cont .privacy-item em {font-style: normal;font-weight: 500;text-decoration: underline;}
.privacy-wrap .body-cont .privacy-item>.tit{display: block;font-size: 22px;font-weight: 700;color: #010000;margin-top: 60px;margin-bottom: 10px;}
.privacy-wrap .body-cont .privacy-item .sub-tit{display: block;font-weight: 500;margin: 10px 0 10px 0; color: #333;}
.privacy-wrap .body-cont .privacy-item .sub-tit::before{display: inline-block;content: '';width: 10px;height: 10px;background: #96c11f;border-radius: 50%;margin-right: 10px;}
.privacy-wrap .body-cont .privacy-item .sub-tit-lg { font-size: 18px;color: #666;margin-top: 20px;}
.privacy-wrap .body-cont .privacy-item .txt-cont{color: #666;padding: 0 20px;}
.privacy-wrap .body-cont .privacy-item .txt-cont.p-margin>p{margin-top: 10px;}
.privacy-wrap .body-cont .privacy-item .txt-cont.hyphen p::before{content: "-";font-size: 10px;margin-right: 6px;}
.privacy-wrap .body-cont .privacy-item .txt-cont p{margin-bottom: 0;}
.privacy-wrap .body-cont .privacy-item .txt-cont dl{margin-bottom: 0;}
.privacy-wrap .body-cont .privacy-item .txt-cont dl dt,.privacy-wrap .body-cont .privacy-item .txt-cont dl dd{display: inline-block;}
.privacy-wrap .body-cont .privacy-item .txt-cont dl dt { font-weight: normal;}
.privacy-wrap .body-cont .privacy-item .txt-cont dl dt::before{content: "⊙";font-size: 12px; margin-right: 6px;margin-left: 20px;}
.privacy-wrap .body-cont .privacy-item .list-box{width: 100%;margin-bottom: 60px;background: #f4f4f4;padding: 50px 45px;margin-top: 20px; box-sizing:border-box;}
.privacy-wrap .body-cont .privacy-item .list-box li {padding: 6px 0;font-weight: 600; display:inline-block; width:49%;}
.privacy-wrap .body-cont .privacy-item .list-box li.selected a>span{ padding-bottom: 2px;border-bottom: 1px solid #ca0202;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.privacy-wrap .head-cont .article-title-dot{ font-size:22px}	
}