@charset "utf-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15;  -webkit-text-size-adjust: 100%;  } body { margin: 0; }  main { display: block; }  h1 { font-size: 2em; margin: 0.67em 0; }  hr { box-sizing: content-box;  height: 0;  overflow: visible;  }  pre { font-family: monospace, monospace;  font-size: 1em;  }  a { background-color: transparent; }  abbr[title] { border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;  }  b, strong { font-weight: bolder; }  code, kbd, samp { font-family: monospace, monospace;  font-size: 1em;  }  small { font-size: 80%; }   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }  sub { bottom: -0.25em; }  sup { top: -0.5em; }  img { border-style: none; }  button, input, optgroup, select, textarea { font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;  }  button, input {  overflow: visible; }  button, select {  text-transform: none; }  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  fieldset { padding: 0.35em 0.75em 0.625em; }  legend { box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0; /* 3 */ white-space: normal;  }   progress { vertical-align: baseline; }  textarea { overflow: auto; }  [type="checkbox"], [type="radio"] { box-sizing: border-box;  padding: 0;  }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }  [type="search"] { -webkit-appearance: textfield;  outline-offset: -2px;  }  [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-file-upload-button { -webkit-appearance: button;  font: inherit;  }  details { display: block; }  summary { display: list-item; }  template { display: none; }  [hidden] { display: none; }



@font-face{
	font-display: swap;
	font-family: NSN;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
	font-weight:100;
	
}
@font-face{
	font-display: swap;
	font-family: NSN;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
	font-weight:300;
}
@font-face{
	font-display: swap;
	font-family: NSN;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
	font-weight:400;
}
@font-face{
	font-display: swap;
	font-family: NSN;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
	font-weight:500;
}
@font-face{
	font-display: swap;
	font-family: NSN;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
	font-weight:700;
}

body * {box-sizing:border-box;  }
/* 기본 */
html,body {height:100%;}
ul, li, dl, dt, dd, ol, input, select, textarea, div, p, span, table, th, td, form, i, a {list-style:none; margin:0; padding:0; border:0;}
em, i {font-style:normal}
img {vertical-align:top;}

a, button, input[type="button"] { text-decoration:none; cursor:pointer; color:#3b424f;  transition: 0.3s ease; }
a {display:inline-block;}
a:active, a:hover, a:focus { color:#ea9000;}
.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100 {width:100%}

.btn_top { position: fixed; overflow:hidden; text-align:center; z-index:12; border-radius:2px;  background:#545e71; color:#fff; opacity:0.5; cursor:pointer; /* transition: 0.3s; */}
.btn_top:hover {opacity:1; color:#fff; }

.fend {content:""; clear:both; display:block;}
.fend:before {content:""; clear:both; display:block; } 

/* 레이어 팝업시 백 고정 : scrollDisable() 스크립트랑 같이 연동 */
.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* 정렬 */
.fl {float:left; }.fr {float:right; }.tl {text-align:left !important;}.tr {text-align:right !important;}.tc {text-align:center !important;}
.centerX { display: flex; display: -webkit-flex; justify-content: center;  }
.centerY { display: flex; display: -webkit-flex; align-items: center; }
.centerXY {display: flex; display: -webkit-flex; justify-content: center; -webkit-align-items: center; align-items: center;}
/* 플로팅 오브젝트 */


/* width별 보기 설정*/
.vp{display:inline-block;}
.vm{display:none !important;}
@media screen and (max-width:768px){
	.vp{display:none !important;}
	.vm{display:block !important;}
}

/*----------------------------------------

				유튜브 영상 

----------------------------------------*/
.ytb { margin:2em 0;}
.ytb:before,
.ytb:after {content:""; clear:both; display:block; } 
.ytb div iframe, .ytb div object, .ytb div embed {width:100%; }
.ytb div {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow:hidden;}
.ytb div iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ytb div {background-position:center; background-size:cover; }
.ytb div a { display:block; position: absolute; width:100%; height:100%; opacity:.5;}
.ytb div a:hover { opacity:1;  transition: 0.3s; }
.ytb div img { position: absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); z-index: 10 }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { border: none; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: owlFadeOut }
@keyframes owlFadeOut {
	0% { opacity:1 }
	100% { opacity:0 } 
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; padding:1em 0; }
.owl-theme .owl-nav { margin-top: 10px; z-index:100; height:1px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav .disabled { opacity: .1; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; padding:0  }
.owl-theme .owl-dots .owl-dot span { display: block; backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-nav { position: absolute; top: calc(50% - 20px); width: 100%; margin: 0 !important; margin-top: -15px !important; font-size: 20px; }
.owl-nav button { height: inherit;  display:flex;  display: -webkit-flex; align-items: center; justify-content: center;   text-align: center; width: 40px; height: 40px; border-radius: 100% !important; background: rgba(0,0,0,.5); }
.owl-prev { position: absolute; left: -50px; top: 0; }
.owl-next { position: absolute; right: -50px; top: 0; }
.owl-menu { border: 1px solid #999; padding: 20px; }
.owl-menu li.item { background: #fff; border-left: none; padding: 10px 20px }
.owl-nav button,
.owl-dots button {background-color:transparent;}
.owl-carousel div.cap { display: block; text-align: center; font-size: .8em; padding-top: .4em;}
.owl-carousel div.cap span {font-weight: 500;}
@media screen and (max-width:767px) { 
	.owl-nav { margin-top:10px !important; 	top:inherit; 	font-size: 14px; } 
	.owl-nav button { width: 30px; 	height: 30px; } 
	.owl-prev { left: 10px; } 
	.owl-next { 	right: 10px; } 
	.owl-dots button { padding:0 2px} 
}
/* 메인콘텐츠 - 본문 - 슬라이드 */
.owl-carousel { width:calc( 100% - 100px); margin:0 auto; margin-top:100px; } 
.owl-carousel img { border-radius: 20px;}
.owl-theme .owl-nav [class*=owl-] {  background: #e60012;  color: #fff;  }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 2px 0; background: #D6D6D6; transition:.3s ease  } /*도트 크기*/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #e60012; width:15px; }
.owl-theme .owl-dots button + button {margin-left: 5px;}
.owl-item span.cap { text-align:center; padding:10px 0; display:block; font-size:18px}

.banner.owl-carousel { width:100%; margin-top:0 }
.banner.owl-carousel .owl-prev { position: relative; left: -10px; top: 0; }
.banner.owl-carousel .owl-next { position: relative; right: 0; top: 0; }
.banner.owl-carousel .owl-nav { position: relative; width:100%; max-width: var(--max_width); padding:0 20px;  margin:0 auto !important; display: flex; justify-content: flex-end;}
.banner.owl-carousel.owl-theme .owl-nav [class*=owl-] {  background: var(--color_point2); color: #fff;  }
.banner.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {  background: var(--color_point4); color: var(--color_point); }
.banner.owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; }
.banner.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .banner.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {  background: var(--color_main); width:30px; }
@media screen and (max-width:1000px){
	.owl-carousel {width:calc( 100% - 6em); }
	.owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; }
}
@media screen and (max-width:767px){
	.owl-carousel { width:100%; margin-top: 50px; }
	.owl-carousel img { border-radius: 10px;}
	.banner.owl-carousel .owl-prev { left: -5px;}
}

/*----------------------------------------

				쿨힌트

----------------------------------------*/
.hint-css {
  font-size: 1em;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}
.hint-css-inner {
  background-color: var(--color_main);
  color: #FFF;
  max-width: 400px;
  padding: 20px 10px 20px 20px;
  text-align: left;
  overflow: auto;
  height: 100%;
}

.hint-css-inner.hint-css-inner-html {
  max-width: 300px;
}

.hint-object .hint-css-inner.hint-css-inner-html {
  max-width: 800px;
}

/* Rounded corners */

.hint-css-inner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Uncomment for shadow */


.hint-css-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed var(--color_main);
}

/* Rules to colour arrows */

.hint-css-arrow-n {
  border-bottom-color:var(--color_main);
}
.hint-css-arrow-s {
  border-top-color: var(--color_main);
}
.hint-css-arrow-e {
  border-left-color: var(--color_main);
}
.hint-css-arrow-w {
  border-right-color: var(--color_main);
}
.hint-css-n .hint-css-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-nw .hint-css-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-ne .hint-css-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-s .hint-css-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-sw .hint-css-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-se .hint-css-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-e .hint-css-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.hint-css-w .hint-css-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.hint--top:hover,
.hint--right:hover,
.hint--bottom:hover,
.hint--left:hover {
  opacity: 0.95;
}
.hint-css-inner .detail-root {
  padding: .5em;
  min-width: 20em;
  max-width: 50em;
  text-align: left;
}

.hint-css-inner .detail-li-level0 .detail-key {
  width: auto;
  max-width: 15em;
  min-width: 5em;
}

.hint-css-inner .detail-li-level0 .detail-value {
  width: auto;
  min-width: 5em;
}

.hint-css-inner tr.detail-li-level0:hover {
  background-color: #333;
}