@charset "utf-8";

/**********************
Publishing : Lee Bit-na
Beginning : 2022-01-24
***********************/


/* noto-sans-kr-300 - latin_korean */
@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Thin.eot');
    src: url('../font/Poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Thin.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Thin.woff') format('woff'),
        url('../font/Poppins/Poppins-Thin.ttf') format('truetype');
    
}
@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    font-style: normal;
    src: url('../font/Poppins/Poppins-ExtraLight.eot');
    src: url('../font/Poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-ExtraLight.woff2') format('woff2'),
        url('../font/Poppins/Poppins-ExtraLight.woff') format('woff'),
        url('../font/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    
}
@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Light.eot');
    src: url('../font/Poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Light.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Light.woff') format('woff'),
        url('../font/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Regular.eot');
    src: url('../font/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Regular.woff') format('woff'),
        url('../font/Poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Medium.eot');
    src: url('../font/Poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Medium.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Medium.woff') format('woff'),
        url('../font/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Bold.eot');
    src: url('../font/Poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Bold.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Bold.woff') format('woff'),
        url('../font/Poppins/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    font-style: normal;
    src: url('../font/Poppins/Poppins-ExtraBold.eot');
    src: url('../font/Poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-ExtraBold.woff2') format('woff2'),
        url('../font/Poppins/Poppins-ExtraBold.woff') format('woff'),
        url('../font/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    
}
@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    font-style: normal;
    src: url('../font/Poppins/Poppins-Black.eot');
    src: url('../font/Poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Black.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Black.woff') format('woff'),
        url('../font/Poppins/Poppins-Black.ttf') format('truetype');
    
}
    



/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../font/noto/noto-sans-kr-v21-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/noto/noto-sans-kr-v21-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v21-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v21-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v21-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/noto/noto-sans-kr-v21-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v21-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v21-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../font/noto/noto-sans-kr-v21-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/noto/noto-sans-kr-v21-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v21-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v21-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../font/noto/noto-sans-kr-v21-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/noto/noto-sans-kr-v21-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v21-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v21-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v21-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
} 



/* CSS Document */

/**********************
Publishing : Lee Bit-na
Beginning : 2019-04-10
Final : 
***********************/



/* Reset */
* {margin:0; padding:0}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0}  
body,input,textarea,select,button,table{font-family:'Poppins', 'Noto Sans KR', 'Noto Sans SC', sans-serif; font-weight: 400; color:#000; vertical-align: baseline; font-size: 14px}  
img,fieldset{border:0}  
i,em,address{font-style:normal}
ul,ol,li{list-style:none; padding:0; margin:0}  
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}  
img {vertical-align:top}

html,body{height:100%; width:100%}
.bx-wrapper {margin: 0}
a { selector-dummy : expression(this.hideFocus=true);}
a:link {color:#777; text-decoration: none;}
a:visited {color:#777; text-decoration: none;}
a:hover {color:#777; text-decoration: none;}
a:active {color:#777; text-decoration: none;}
a:focus {outline:none;}

button { selector-dummy : expression(this.hideFocus=true);}
button:focus {outline:none;}

select { -webkit-appearance: listbox; }
input { border-radius:0;}
legend{*width:0}
table{border-collapse:collapse; border-spacing:0}

h1,h2,h3,h4,dt,dd,em {font-weight: normal; padding: 0; margin: 0}
h1 sup, h2 sup, h3 sup, h4 sup, p sup, a sup, dd sup, sup { 
  font-size: 0.4em; 
  position: relative;
  top: 0;
}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.skip-contents, caption, legend {overflow: hidden; position: absolute; height:0; width:0; font-size: 0; text-indent: -9999px;}

select {-webkit-appearance: none; border-radius:0; padding:5px 20px 5px 5px; background: #fff url('../images/bbs_select_arrow.gif') no-repeat right center; border:1px solid #ddd;}
.blind {
    display: block;
    position: absolute;
    top: -5000px;
    left: 0;
    overflow: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}



@font-face{
	font-family:'NotoSansKR-Thin';
	src: url(../font/NotoSansKR-Thin.eot);
	src: url(../font/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSansKR-Thin.woff) format('woff'),
	     url(../font/NotoSansKR-Thin.ttf) format('truetype');
	font-weight: 100;
}
@font-face{
	font-family:'NotoSansKR-Light';
	src: url(../font/NotoSansKR-Light.eot);
	src: url(../font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
	     url(../font/NotoSansKR-Light.woff) format('woff'),
	     url(../font/NotoSansKR-Light.ttf) format('truetype');
	font-weight: 300;
}
@font-face{
	font-family:'NotoSansKR-Regular';
	src: url(../font/NotoSansKR-Regular.eot);
	src: url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	     url(../font/NotoSansKR-Regular.woff) format('woff'),
	     url(../font/NotoSansKR-Regular.ttf) format('truetype');
	font-weight: 400;
}
@font-face{
	font-family:'NotoSansKR-Medium';
	src: url(../font/NotoSansKR-Medium.eot);
	src: url(../font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	     url(../font/NotoSansKR-Medium.woff) format('woff'),
	     url(../font/NotoSansKR-Medium.ttf) format('truetype');
	font-weight: 500;
}
@font-face{
	font-family:'NotoSansKR-Bold';
	src: url(../font/NotoSansKR-Bold.eot);
	src: url(../font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	     url(../font/NotoSansKR-Bold.woff) format('woff'),
	     url(../font/NotoSansKR-Bold.ttf) format('truetype');
	font-weight: 700;
}
@font-face{
	font-family:'NotoSansKR-Black';
	src: url(../font/NotoSansKR-Black.eot);
	src: url(../font/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
	     url(../font/NotoSansKR-Black.woff) format('woff'),
	     url(../font/NotoSansKR-Black.ttf) format('truetype');
	font-weight: 800;
}











/* 트랜지션 */
.transition {   
	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


/* select 박스 */
.selectbox_title {position:relative; vertical-align:middle; display:block; cursor:pointer; *zoom:1;}
.selectbox_title strong {position:relative; width:100%; display:block; text-align:left; height:40px; color:#666; line-height:40px; border:1px solid #ddd; background:#fff url('../images/bbs_select_arrow.gif') no-repeat right center ; font-weight:normal;margin:0; padding: 0 19px 0 10px;}
.selectbox_option{border:1px solid #d3d3d3;background:#fff;overflow:hidden; width:100%}
.selectbox_option li{list-style:none; margin:0}
.iteminfor .cont li .selectbox_option li{list-style:none; margin:0}
.selectbox_option a{color:#888;word-break:break-all;font-size:12px; line-height:16px; text-decoration:none; padding:8px 5px 8px;_padding:6px 5px 5px; display:block;overflow:hidden;}
.selectbox_option a.on,
.selectbox_option a:hover{color:#000;background:#eee;}

.sorting_input select.selectbox_title {width: 278px}

.visual video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
		background-image: /* our video */;
		background-position: center center;
		background-size: contain;
	  object-fit: cover; /*cover video background */
	z-index:-1;
}


/* 애니메이션 */
.active [class*="fadeIn"] {opacity: 0;}	
.section .fadeInDown {opacity: 0}

.active .fadeInDown{
	animation-name: fadeInDown;
	animation-duration: .7s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}

.active .pic.fadeInDown{animation-delay:0.5s !important}
.active .map.fadeInDown{animation-delay:0s !important}

.active .fadeInDown:nth-child(1){animation-delay:.75s}
.active .fadeInDown:nth-child(2){animation-delay:1.25s}
.active .fadeInDown:nth-child(3){animation-delay:1.5s}
.active .fadeInDown:nth-child(4){animation-delay:1.75s}
.active .fadeInDown:nth-child(5){animation-delay:2s}
.active .fadeInDown:nth-child(6){animation-delay:2.25s}
.active .fadeInDown:nth-child(7){animation-delay:3.5s}
.active .fadeInDown:nth-child(8){animation-delay:3.75s}
.active .fadeInDown:nth-child(9){animation-delay:4s}
.active .fadeInDown:nth-child(10){animation-delay:4.25s}
 
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


.side-menu{ position:absolute; top:0; left:-100%; background-color:#fff; width:320px; z-index:9;}
.side-menu .bt-close{ position:absolute; top:0; left:0; width:45px; height:45px; display:block; background:#fff url(../images/bt_x.png) 50% 50% no-repeat; background-size:16px; text-indent:-9999px;}
.side-menu .lm-hd{ height:45px; background-color:#0f6347; text-align:right;}
.side-menu .lm-hd h1.logo{ position:absolute; width:98px; top:14px; left:50%; margin-left:-49px; }
.side-menu .lm-hd h1.logo a{ display:block; height:16px; background:url(../images/logo.png) 50% 0 no-repeat; background-size:98px 16px; text-indent:-9999px; text-align:left;}
.side-menu .lm-hd a{ position:relative; color:#fff; font-size:14px; padding:0 16px 0 18px; line-height:45px; display:inline-block;}
.side-menu .menu-wr{ position:relative; padding:0 0 0 90px; width:100%;}
.side-menu .menu-wr .left-mn{ position:absolute; top:0; left:0; width:90px;}
.side-menu .menu-wr .left-mn li a{ display:block; line-height:45px; background:#f5f5f5; font-size:13px; padding:0 0 0 10px; border-bottom:#e5e5e5 1px solid;}
.side-menu .menu-wr .left-mn li.active{ position:relative; width:91px;}
.side-menu .menu-wr .left-mn li.active a{ background-color:#fff;}
.side-menu .menu-wr .left-mn li.com a{ background-color:#eafff0;}
.side-menu .menu-wr .scroll{ overflow-y:auto;}
.side-menu .menu-wr .right-mn{  border-left:#eaeaea 1px solid; }
.side-menu .menu-wr .right-mn .scroll{ padding:0 26px 500px;}
.side-menu .menu-wr .right-mn .innBx>a{ line-height:1; padding:68px 0 15px 0; border-bottom:#06954a 2px solid; color:#222; display:block; font-size:14px; text-align: left;} 
.side-menu .menu-wr .right-mn .innBx:first-child>a{ padding-top:16px;}
.side-menu .menu-wr .right-mn .innBx+.innBx{ margin-top:-45px;}
.side-menu .menu-wr .right-mn .innBx>ul>li>a{ position:relative; display:block; line-height:36px; border-bottom:#e5e5e5 1px solid; padding-left:16px; text-align: left;}
.side-menu .menu-wr .right-mn .innBx>ul>li>a:before{ content:""; width:3px; height:3px; background-color:#a0b0b4; display:block; position:absolute; top:50%; left:5px; margin-top:-2px; text-align: left;}
.side-menu .menu-wr .right-mn .coming{ text-align:center; line-height:80px; border-bottom:#e5e5e5 1px solid; color:#a0b0b4;}
.side-menu .sns{ padding:38px 0 0 0; background-color:#fff;}
.side-menu .sns:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.side-menu .sns li{ float:left; margin:0 0 0 6px;}
.side-menu .sns li.sns1{ margin:0;}
.side-menu .sns li a{ display:block; width:30px; height:30px; text-indent:-9999px;}
.side-menu .sns li.sns1 a{ background:url(../images/footer_sns1.png) 50% 50% no-repeat; background-size:30px;}
.side-menu .sns li.sns2 a{ background:url(../images/footer_sns2.png) 50% 50% no-repeat; background-size:30px;}
.side-menu .sns li.sns3 a{ background:url(../images/footer_sns3.png) 50% 50% no-repeat; background-size:30px;}
.side-menu .sns li.sns4 a{ background:url(../images/footer_sns4.png) 50% 50% no-repeat; background-size:30px;}
.side-menu .sns li.sns5 a{ background:url(../images/footer_sns5.png) 50% 50% no-repeat; background-size:30px;}
.side-menu .link-site{ margin-top:18px; border:#e9e9e9 1px solid; border-bottom:none;}
.side-menu .link-site a{ position:relative; display:block; font-size:12px; color:#0b7a40; line-height:38px; border-bottom:#e9e9e9 1px solid; padding:0 12px;}
.side-menu .link-site a:after{ content:""; position:absolute; top:50%; right:9px; margin-top:-5px; display:block; background:url(../images/arr_dot.png) 50% 50% no-repeat; background-size:6px 11px; width:6px; height:11px; }