@charset "utf-8";
/* Reset */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
html,body{min-height:100%}
body{margin:0; color:#666; font-family: 'Noto Sans KR', sans-serif; font-size:14px}
ul,li{ margin:0; padding:0}
a{text-decoration:none; }
p{margin:0}
.clear{clear:both}
/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container{width:100%;}

.footer>p{width:1160px;margin:0 auto}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}

.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

.inner{width:1160px; margin:0 auto}


/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
		
	}
	.slide{
		background-size: cover;
		
	}

.headline{position:absolute; z-index:999;  bottom:55%; width:1160px; left:50%; margin-left:-580px; }
.headline .headline-inner{width:60%; font-family: 'Open Sans', sans-serif; position:relative; left:-40px }
.headline .headline-inner p{line-height:1em; color:#fff; font-size:4em; font-weight:700; margin-bottom:20px;}
.headline .headline-inner .btn_detail{border:2px #fff solid; font-size:1.5em; padding:10px; text-align:center; color:#fff; font-weight:bold;  }
.headline .headline-inner .btn_detail:hover{background-color: rgba( 255, 255, 255, 0.3 ); }

	#section0 h1{
		top: 50%;
		transform: translateY(-50%);
		position: relative;
		color:#fff;
	}

	#slide1{
		background-image: url(../../img/bg01.jpg);
		background-position: left top; 
		padding: 6% 0 0 0;
	}
	#slide2{
		background-image: url(https://euisup.cdn3.cafe24.com/img/bg02.jpg);
		background-position: center top; 
		padding: 6% 0 0 0;
		
	}

	#slide3{
		background-image: url(https://actcr.s3.ap-northeast-2.amazonaws.com/bg03.jpg);
		padding: 6% 0 0 0;
		background-position: center top; 
	}

	#slide4{
    position: relative; /* 자식 요소인 비디오의 기준점이 되도록 설정 (매우 중요) */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; /* 비디오가 넘치는 부분을 숨김 */
    background-position: center top; /* 이 속성은 background-image용이라 비디오 태그에는 영향을 주지 않습니다. */
	}

  .fullscreen-bg__video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* 비디오를 컨테이너 정중앙에 배치 */
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      object-fit: cover; /* 핵심 속성: 비율을 유지하면서 컨테이너를 꽉 채움 */
      z-index: -1; /* 다른 콘텐츠(글자 등)보다 뒤에 있도록 설정 */
  }
  /*
	.fullscreen-bg__video{
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		 -webkit-filter: brightness(120%);
	}
  */





/* Header */

.header{ width:100%; border-bottom:1px #eee solid; position:relative; height:280px; }




.header .header-inner{width:1160px; left:50%; margin-left:-580px; position:absolute; z-index:999; top:0;}
.header .header-inner .logo img{width:80px; margin-top:10px;}
.header .header-inner>h1{float:left}

.header .header-inner .side{    float: right; margin-top: 40px;}
.header .header-inner .side ul{}
.header .header-inner .side ul li{float:left; list-style:none; margin:0 30px; padding:8px 0; list-style:none;}
.header .header-inner .side ul li:last-child{margin-right:0}
.header .header-inner .side ul li a{color:#fff; font-weight:bold; font-size:16px}
.header .header-inner .side ul .active{border-bottom:2px #fff solid;}

.header .header-inner .side ul .contact{background:#0b529d; color:#fff; font-family: 'Open Sans', sans-serif; padding:8px 10px;}
.header .header-inner .side ul .contact:hover{background:#203d77;

 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;

}

.header .nav{ margin-top:75px; }
.header .nav .inner{max-width:1160px; margin-top:19px;}
.header .nav .inner li{font-family: 'Open Sans', sans-serif; font-size:12px; float: left; margin-right: 8px; line-height:24px; color:#999; list-style:none;}
.header .nav a{color:#fff}
.header .nav a:hover{text-decoration:underline}
.header .nav .inner .active{}

.header .menu-title{font-family: 'Open Sans', sans-serif; font-size:26px; color:#fff; position:absolute; right:0px; z-index:3; top:180px; font-weight:700}

.header .bg-blind{position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
	z-index:2;
    
    }
.header .bg{  background-size: cover; background-position:50% 50%; width:100%; height:100%; position:absolute; top:0;}





/* Footer */
.footer{padding:40px 0 40px 0; border-top:1px #eee solid; font-family: 'Open Sans', sans-serif;}
.footer p{font-size:12px; line-height:19px;}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}
.footer .bottom_logo{width:30px; vertical-align: middle; margin-right:20px;}

.footer .privacy{margin-left:10px;}

.sub-content{padding:40px 0 40px 0;zoom:1; width:1160px; margin:0 auto; line-height:22px;}
.sub-content h2{border-top:2px #000 solid; padding:20px 0 0 0; font-size:1.3em}
.sub-content strong{color:#0b529d}

.sub-content .mn2_area .sub_stats{padding:0 0 0 0}
.sub-content .mn2_area .sub_stats li{}
.sub-content .mn2_area .sub_stats li::before {content: "•"; color: #0b529d;
  display: inline-block; width: 1.2em;
  margin-left: 0.3em}
.sub-content .mn2_area .sub_stats strong{font-size:16px; margin:40px 0 10px 0; display:block;}

.sub-content .sub_stats td{text-align:center}
.sub-content .sub_stats tr:hover td{background-color: #0b529d; color:#fff;
 -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;

}
.sub-content .sub_stats tr:hover td strong{color:#fff}
.sub-content .sub_stats .memo{text-align:left}
.sub-content .total{color:#000; font-size:16px;}
.sub-content .sub_stats td .floor{

background: #0b529d;
    color: #fff;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    padding: 5px;
    line-height: 20px;
    display: block;
    margin:0 auto;

}

.sub-content .contactus .element{padding:10px; margin: 0 12px 10px 0 !important; border:1px #eee solid !important; width:45% !important; list-style:none}
.sub-content .contactus .element:hover{background:#0b529d; color:#fff}
.sub-content .contactus .element:hover strong{color:#fff}
.sub-content .contactus li{margin:5px; list-style:none}

.sub-content .bus{margin:5px 0 0 0}
.sub-content .bus li{list-style:none; background: #50a626; color: #fff; float: left; margin-right: 10px; width: 40px; text-align: center;
border-radius: 10px; height: 24px; line-height: 26px;}
.sub-content .bus .line9{background:#a28738; width:100px;}
.sub-content .bus .transport{background:#555; width:100px;}
.sub-content .bus .out{background:#0b529d; width:100px;}
.sub-content .bus .red{background:red}

.sub-content .sub-menu{float:left; width:300px; }
.sub-content .sub-menu li{list-style:none;}
.sub-content .sub-menu ul li a {
  font-size: 12px;
  line-height: 36px;
  font-weight: 700;
  color: #444;
  display: block;
  padding: 10px 15px;
  margin-bottom: 3px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  transition: color 0.15s cubic-bezier(0.77, 0, 0.175, 1);
  overflow: hidden;
}

.sub-content .sub-menu ul li a:hover {
  color: #fff;
  background:#0b529d;
   -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}

.sub-content .sub-menu ul .active {
  color: #fff;
  background:#0b529d;
}



.sub-content .sub-inner{width:800px; float:right;}
.sub-content .sub_title{font-family: 'Open Sans', sans-serif; color:#000; font-size:2em; font-weight:700; padding:20px 0; line-height:28px}
.sub-content .sub_middle_title{font-size:1.2em;}
.sub-content .sub_ceoimg{max-width: 100%; pointer-events: none; cursor: default;}

.sub-content table{width:100%; } /*border-top:2px #000 solid*/
.sub-content table li{list-style:circle; margin-left:20px}
.sub-content td{border-bottom:1px #dedede solid; padding:10px;}

.content .inner li{list-style:none;}
.content .main{width:100%;}
.content h2{font-family: 'Open Sans', sans-serif; color:#0b529d; font-size:3em; font-weight:700; margin:0}
.content .section02{padding-bottom:30px;}
.content .section02 h2{margin:120px 0 40px 0}
.content .section02 ul{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.content .section02 li{width:23.5%; margin-right:2%; margin-bottom:2%;}
.content .section02 li:nth-child(4n) {margin-right: 0;}
/*.content .section02 li:last-child{margin-right:0}*/
.content .section02 li div:first-child{color:#0b529d; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:700; }
.content .section02 li div:nth-child(2){margin:12px 0; color:#000; font-size:18px; font-weight:bold; }
.content .section02 li div:nth-child(3){font-size:14px;}
.content .section02 li div:nth-child(4){background:#858585; padding:10px 0; margin:20px 0; color:#fff; width:30%; text-align:center}
.content .section02 li div:nth-child(4) a{color:#fff; display:block; width:100%; height:100%}
.content .section02 li div:nth-child(4):hover{background:#0b529d; color:#fff}

.section03{background:#0b529d; color:#fff; float:left}
.section03 .inner{}
.section03 h3{font-size:2.5em; margin-left:-21px; }
.section03 h3 img{height:50px; vertical-align: middle; margin-right:20px;}
.section03 .inner .left{width:300px; float:left; margin: 60px 0;}
.section03 .inner .left h2{color:#fff; margin-bottom:10px}
.section03 .inner .left div{font-size:18px; font-weight:bold; width:180px; }
.section03 .inner .right{width: 860px; float:right}
.section03 .inner .right .top{border-left:2px #fff solid; width:80%; margin: 60px 0 0 0; padding-left:30px; padding-bottom:30px;}
.section03 .inner .right .top p{font-size:14px; line-height:20px;}
.section03 .inner .right .top .btn_detail{border:2px #fff solid; padding:7px; text-align:center; color:#fff; font-weight:bold; margin-top:30px; display:block; width:80px; }
.section03 .inner .right .top .btn_detail:hover{background-color: rgba( 255, 255, 255, 0.3 ); }
.section03 .inner .right .bottom{border-left:2px #fff solid; width:100%; margin: 0 0 60px 0; padding-left:0px; }
.section03 .inner .right .bottom li{float:left; width:25%; text-align:center; font-family: 'Open Sans', sans-serif;}
.section03 .inner .right .bottom li p{margin-bottom:0}
.section03 .inner .right .bottom li img{height:70px;}

.section04{padding:80px 0 0 0; background:#f5f5f5; color:#555555;}
.section04 h2{margin-bottom:40px;}
.section04 .main_notice li{width:30%; float:left; margin:0 0 80px 0; background:#fff}
.section04 .main_notice li:nth-child(2){margin:0 4%; }
.section04 .main_notice li .titleArea {padding:3%}
.section04 .main_notice li .titleArea a{color:#000; font-weight:bold; display:block; width:100%; font-size:16px; margin:0 0 5px 0}
.section04 .main_notice li .titleArea .date{font-family: 'Open Sans', sans-serif;}
.section04 .main_notice li .text{ padding:3%}
.section04 .main_notice li .text .more{font-weight:bold; color:#000; margin:20px 0 0 0; display:block}

.section04 .thumbArea {
    position: relative;
    width: 100%;
}

.section04 .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.section04 .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.section04 .thumb:hover .image {
  opacity: 0.3;
}

.section04 .thumb:hover .middle {
  opacity: 1;
}

.section04 .overlay {
  background-color: #0b529d;
  color: white;
  font-size: 24px;
  padding: 10px 24px;
}

.section05{padding:80px 0 0 0}
.section05 .main_notice .thumbArea{display:none}
.section05 h2{margin-bottom:40px;}
.section05 .main_notice li{width:30%; float:left; margin:0 0 80px 0}
.section05 .main_notice li:nth-child(2){margin:0 2%; padding:0 2%; border-left:1px #b6b6b6 solid; border-right:1px #b6b6b6 solid;}
.section05 .main_notice li .titleArea a{color:#000; font-weight:bold; display:block; width:100%; font-size:16px; margin:0 0 5px 0}
.section05 .main_notice li .titleArea .date{font-family: 'Open Sans', sans-serif;}
.section05 .main_notice li .text{margin:10px 0 0 0}
.section05 .main_notice li .text .more{display:none}

.section06{background:#f5f5f5; color:#555555; float:left}
.section06 .inner{}
.section06 h3{font-size:2.5em; margin-left:-21px; }
.section06 h3 img{height:50px; vertical-align: middle; margin-right:20px;}
.section06 .inner .left{width:300px; float:left; margin: 60px 0;}
.section06 .inner .left h2{color:#555; margin-bottom:10px}
.section06 .inner .left div{font-size:18px; font-weight:bold; line-height:24px; }
.section06 .inner .left .address{font-size:16px; font-weight:normal }
.section06 .inner .left .tel{font-size:16px; font-weight:normal; margin-top:160px; }
.section06 .inner .left .fax{font-size:16px; font-weight:normal }
.section06 .inner .left .email{font-size:16px; font-weight:normal }
.section06 .inner .left .email a{color:#555 }
.section06 .inner .left .email a:hover{text-decoration:underline}
.section06 .inner .right{width: 500px; float:right}
.section06 .inner .right .top{ margin: 60px 0 0 0;}
.section06 .inner .right .top li{margin:10px 0; width:100%;}
.section06 .inner .right .top input{border:2px solid #555555; padding:13px 10px; width:376px; background:#f5f5f5; text-align:left; font-size:14px}
.section06 .inner .right .top button{font-size:14px; border:2px solid #555555; padding:13px 10px; width:400px; background:#555; text-align:left; color:#fff; border-radius: 0px;}
.section06 .inner .right .top textarea{font-size:14px; border:2px solid #555555; padding:13px 10px; width:376px; height:100px; background:#f5f5f5;}
.section06 .inner .right .top p{font-size:14px; line-height:20px;}
.section06 .inner .right .top .btn_detail{border:2px #fff solid; padding:7px; text-align:center; color:#fff; font-weight:bold; margin-top:30px; display:block; width:80px; }
.section06 .inner .right .top .btn_detail:hover{background-color: rgba( 255, 255, 255, 0.3 ); }
.section06 .inner .right .top .checkbox{position: relative;margin-bottom: 20px;}
.section06 .inner .right .top .checkbox label {padding-left: 30px; display: block;}
.section06 .inner .right .top .checkbox input {top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute;}
.section06 .inner .right .top .checkbox input:checked + .input-helper:before {border-color: #009688;}
.section06 .inner .right .top .checkbox .input-helper:before,.checkbox .input-helper:after {position: absolute; content: ""; transition: all 200ms;}
.section06 .inner .right .top .checkbox .input-helper:before {left: 0; border: 2px solid #7a7a7a;}
.section06 .inner .right .top .checkbox input {width: 20px; height: 20px;}
.section06 .inner .right .top .checkbox input:checked + .input-helper:before {background-color: #009688;}
.section06 .inner .right .top .checkbox input:checked + .input-helper:after {transform: scale(1); opacity: 1;}
.section06 .inner .right .top .checkbox .input-helper:before {top: 0; width: 15px; height: 15px; border-radius: 2px; color: #fff;}
.section06 .inner .right .top .checkbox .input-helper:after {content: '\2713'; font-size: 13px; left: 3px; top: 0x; color: #fff; transform: scale(0); opacity: 0;}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    background:#fff;
    color: #0b529d;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -75px;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.xe_mobile{display:none}
.mobile-header, .mobile-side{display:none}
@media (max-width: 767px) {

html,body{overflow-x:hidden}

#fp-nav.right {
    right: 5px;
    top:125px;
}


.gallery1 iframe{height:240px}
.gallery2 iframe{height:240px}

.mobile-header{display:block; width:100%;}
.mobile-side{display:block; width:94%; padding:3%; position:fixed; height:100%; z-index:9999; background:#fff; top:0; left:100%}
.mobile-side ul li{padding:10px; text-align:center; border:1px #0b529d solid; margin-top:-1px; list-style:none}
.mobile-side ul li div{padding:10px;}
.mobile-side ul li div ul li{border:0; padding:0px; text-align:left; font-size:11px; color:#0b529d}
.mobile-side ul li div ul li:nth-child(1){font-weight:bold}
.mobile-side ul li div ul li:nth-child(2){font-size:10px;}
.mobile-side ul li div ul li:nth-child(3){margin-top:5px; font-weight:bold; font-size:14px}

.mobile-side ul li:last-child{font-size:9px; color:#0b529d}

.mobile-side .close-btn{position:absoute; color:#0b529d; padding:10px; cursor:pointer; position:absolute; right:20px; top:0px;}
.mobile-side .logo{margin:0 0 20px 0; display:inline-block;}
.mobile-side .logo img{height:40px;}
.mobile-side ul li a{color:#0b529d; font-weight:bold; display:block; width:100%; height:100%}
.mobile-header{ z-index:999;}
.mobile-header .logo{ width:20%; display:block; margin:20px;}
.mobile-header .logo img{width:100%;}
.mobile-header .right{position:absolute; right:20px; top:30px;}
.mobile-header .right .contact{background: #0b529d; border:1px #0b529d solid; color: #fff; font-family: 'Open Sans', sans-serif; padding: 8px 10px; font-weight:700; float:left;}
.mobile-header .right .menu{background: #fff; color: #0b529d; padding: 7px 10px; float:left; margin-left:10px; border:1px #0b529d solid}
.header{display:none;}

.headline { position: absolute; z-index: 999; bottom: 40%; width: 90%; left:5%; margin-left:0;}

.headline .headline-inner{width:100%; text-align:center}
.headline .headline-inner p {font-size:2em}

.sub-content .sub_title {padding:20px 0 10px 0}

.sub-content .sub-menu{width:100%;}
.sub-content .sub-inner {width:100%; border-top:2px #000 solid; margin-top:20px;}
.sub-content .sub-menu li{width:49%; float:left}
.sub-content .sub-menu li:nth-child(2n){margin-left:1%;}
.sub-content{padding:2%; width:96%; }
.sub_middle_title{width:100% !important;}


	.sub-content .bus li { margin-bottom: 10px; }
	.naver-map{height:350px;}
	.inner{width:94%; padding:2%;}
	.content .section02 h2 { margin: 20px 0 40px 0; }
	.section05, .section04, .section03{padding-top:20px;}
      
	.content .section02 li {width:41%; padding:10px; margin:0 0 10px 0; border:2px #0b529d solid; border-radius:10px;}

	.content .section02 li:nth-child(2){margin-left:2%;}
	.content .section02 li:nth-child(4){margin-left:2%;}
	.content .section02 li div:nth-child(3) {display:none}
	.content .section02 li div:nth-child(4){display:none}
      
	.section03 .inner .left{width:100%; float:left; margin: 20px 0;}
	.section03 .inner .right{width:100%;}
	.section03 h3 {font-size: 1.5em; margin-left: -5px;}
	.section03 .inner .right .top {margin: 20px 0 0 16px;}
	.section03 .inner .right .bottom {margin: 0px 0 20px 16px; width:90%;}
	.section03 .inner .right .bottom li p {font-size:9px;}
	.section03 .inner .right .bottom li img {height: 40px;}
      
	.section04 .main_notice li{width:100%; margin:0}
	.section04 .main_notice li:nth-child(2){margin:0}
	.section05 .main_notice li{width:100%; margin:0 0 20px 0; border-bottom:1px #eee solid; padding:0 0 20px 0}
	.section05 .main_notice li:nth-child(2){margin:0 0 20px 0; border:0; padding:0 0 20px 0; border-bottom:1px #eee solid}
      
      .section06 .inner .left{width:100%; margin:30px 0}
      .section06 .inner .left .tel{margin-top:10px; }
      .section06 .inner .right{width:100%;}
      .section06 .inner .right .top{margin: 10px 0 0 0;}
      .section06 .inner .right .top input{width:93%;}
      .section06 .inner .right .top textarea{width:93%;}
	.section06 .inner .right .top button{width:100%; text-align:center}

.sub-content .contactus .element {width:93% !important}
.sub-content .contactus{width:100% !important}

.boardList.webZine td.title p.summary {;
    width: 100%;
}

.read_header h1 {margin-bottom:0}
.read_header .time {
    margin: 0;
    position: unset;
    color: #666;
    font-size: 12px;
    margin-bottom:10px;
}
		
	.footer{padding:30px 3%; width:96%; }
	.footer img{display:block; margin:0 0 10px 0}
	.footer>p {width:100%;}
    .footer .privacy{    display: inline-block; margin:5px 15px 0 0}
}

@media (max-width: 320px) {
	.content .section02 li div:first-child {
    font-size: 18px;
	}
}