@charset "utf-8";
@import url("common.css");
@import url("../../gh/moonspam/NanumSquare@2.0/nanumsquare.css");

.forena_font { font-family: 'forena' !important;}
.hanhwa_font { font-family: 'Hanwha' !important; }


/*
layout 
*
*************************/
body{overflow-x: hidden}
#wrap { position:relative; min-width:1440px; margin:0 auto; line-height:1.5;}
#wrap.wrap_sub {width: inherit;}

/*
  Header 
****************************/
header {
  z-index: 300;
  width: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;    
  right: 0;    
}
header .header_con .header_inner::after {
  content: "";
  z-index: -1;    
  position: absolute;
  left: 0;    
  right: 0;      
  top: 0;
  height: 129px;
  -webkit-transition:all .3s cubic-bezier(.25, .46, .45, 1);        
  transition:all .3s cubic-bezier(.25, .46, .45, 1);
}
header.open .header_con .header_inner::after {background: #052f57; }
header.on .header_con .header_inner::after {border-bottom:none; background: #052f57; height: 89px;}
#navbg { 
  position: absolute; 
  width: 100%; 
  background:#f8f8f8; 
  top: 0; 
  height: 100%;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
}
.header_con {
  zoom: 1;
  position: relative;
  z-index: 10;
  min-width: 1440px;    
  margin-left: auto;
  margin-right: auto;
  text-align: center; 
  z-index: 201;
    -webkit-transition:all .3s cubic-bezier(.25, .46, .45, 1);        
  transition:all .3s cubic-bezier(.25, .46, .45, 1);
  white-space: nowrap;
}
header .header_con .header_inner {
  position: relative;
  z-index: 99;
  min-height: 129px;
  display: flex;
  justify-content: space-between;  
}
header.on .header_con .header_inner {
  min-height: 89px;
}

.header_con h1 {
  width: 306px;
  padding: 52px 70px 0;
}
header.on .header_con h1 {
  padding: 30px 70px 0;
}
.header_con h1 a {
display: block; 
margin: 0 auto;
width: 253px; 
height: 21px; 
font-size: 0;
color: transparent;
background: url(../img/common/top_logo_wh.png) no-repeat 0 0;
}
/*header.open .header_con h1 a {background: url(../img/common/top_logo.png) no-repeat 0 0;}*/
header.on .header_con h1 a {background: url(../img/common/top_logo_wh.png) no-repeat 0 0;}


.header_con .gnb {
  padding: 18px 0 0; 
  position: relative; 
  -webkit-transition:all .1s cubic-bezier(.25, .46, .45, 1);        
  transition:all .1s cubic-bezier(.25, .46, .45, 1);
}
header.on .header_con .gnb { 
  padding: 0;
}
.header_con .gnb_depth_1 {display: flex; }
.header_con .gnb_depth_1>li {width: 135px; }
/* .header_con .gnb_depth_1 {display: inline-block; }
.header_con .gnb_depth_1>li {display: table-cell; width: 135px; } */
.header_con .gnb_depth_1>li:first-child::before {background:none;}
.header_con .gnb_depth_1>li>a {    
  display: inline-block;
  color: #fff;
  font-size: 19px;
  text-align: center;
  padding: 30px 15px 30px;
  letter-spacing: 0.5px;
  /* background: yellow; */
}
/*header.open .header_con .gnb_depth_1>li>a {color: #023d61;}*/
header.on .header_con .gnb_depth_1>li>a {color: #fff !important; position: relative;}
header .header_con .gnb_depth_1>li.etc {width: 195px;}
header .header_con .gnb_depth_1>li.etc>a {color: #fff; position: relative;}
header .header_con .gnb_depth_1>li.etc>a::before {
  content: "";
  width:154px;
  height: 47px; 
  background:#052f57;
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 20px;
  border-radius: 10px 0; 
}
header .header_con .gnb_depth_1>li.etc.bg2>a::before {
  background:#8b634b;
}
header.on .header_con .gnb_depth_1>li.etc>a {color: #052f57 !important;}
header.on .header_con .gnb_depth_1>li.etc>a::before {background:#fff;}

.header_con .gnb_depth_1>li>a strong { display: inline-block; position: relative; font-family: 'Noto Sans'; letter-spacing: -1px;}
.header_con .gnb_depth_1>li>a strong::after {
  content: '';
  position: absolute;
  bottom: 0;
  left:50%;    
  right: 0;
  height: 1px;
  display: block;   
  -webkit-transition:all .1s cubic-bezier(.25, .46, .45, 1);        
  transition:all .1s cubic-bezier(.25, .46, .45, 1);
  width:0;
  background: #fff;    
/*  background: #023d61;    */
}
header.on .header_con .gnb_depth_1>li>a strong::after {background: #fff;}
header .header_con .gnb_depth_1>li.etc>a strong::after {display: none;}
.header_con .gnb_depth_1>li>a.on strong::after {width:100%; left:0;}
.header_con .gnb_depth_2 {text-align: left; white-space: nowrap; display: none; padding: 50px 0 20px;}
header.on .header_con .gnb_depth_2 { padding: 30px 0 20px;}

.header_con .gnb_depth_2 li {display:block; text-align: center;}
.header_con .gnb_depth_2 li a {display: inline-block; padding: 7px 0 8px; color: #000; position: relative;white-space: nowrap; font-size: 15px; letter-spacing: 0px;}
.header_con .gnb_depth_2 li a strong {display: inline-block; position: relative;}
.header_con .gnb_depth_2>li>a strong::after {
  content: '';
  position: absolute;
  bottom: 0;
  left:50%;    
  right: 0;
  height: 1px;
  display: block;   
  -webkit-transition:all .1s cubic-bezier(.25, .46, .45, 1);        
  transition:all .1s cubic-bezier(.25, .46, .45, 1);
  width:0;
  background: #8b634b;
}
.header_con .gnb_depth_2>li>a.on strong::after {width:100%; left: 0;}
.header_con .gnb_depth_2 li a.current,.header_con .gnb_depth_2 li a:hover {color:#8b634b;}
.header_con .gnb_depth_1.white .gnb_depth_2 li a:hover {color: #fff; opacity: 1;}
.header_con .top_util { 
  display: flex; height: 129px;
  align-items: center;
  margin-right: 52px;
-webkit-transition:all .1s cubic-bezier(.25, .46, .45, 1);        
  transition:all .1s cubic-bezier(.25, .46, .45, 1);
}
.header_con .top_util>div{ display: inline-block; width: 2.125rem; height: 2rem;background: url(../img/common/tel.png) center no-repeat; background-size: 1.125rem; transition: 0.3s;}
.reserve { position: relative; width:10rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; z-index: 999; color: #fff; cursor: default; margin-left: 1rem; }
.reserve:after { content:''; width: 100%; height: 2.5rem; position: absolute; right: 0; top: 0; border-radius: 2.5rem; border: 1px solid #fff;  box-sizing: border-box; z-index: -1; transition: 0.3s; }
.reserve p {display: flex; align-items: center; gap:.3rem; font-size:1.2rem; line-height: 2.2rem; text-transform: revert; text-align: left; padding-left: 0; letter-spacing: -2px; font-weight: bold; position: relative; z-index: 3; transition: 0.3s; }
.reserve span{margin-top: -4px;}

header.on .header_con .top_util{height: 89px;}



.header_con .top_util .t_phone { display: inline-block; color: #fff; font-family:arial, sans-serif; font-size: 30px; font-weight: 600; line-height: 100%;}
.header_con .top_util .t_btn {
display: inline-block; 
padding-left: 17px; 
margin-left: 15px; 
position: relative;
-webkit-transition:all .1s cubic-bezier(.25, .46, .45, 1);        
transition:all .1s cubic-bezier(.25, .46, .45, 1);
}
.header_con .top_util .t_btn::before{
content: "";
width: 2px;
height: 19px;
position: absolute;
left: 0;
top: 5px;
background: #fff;
opacity: .5;  
}
.header_con .top_util .t_btn a {color: #fff; display:block; font-size: 18px; font-family: 'Noto Sans Medium'; letter-spacing: -1px;}

/*
header.open .header_con .top_util .t_phone {color: #023d61;}
header.open .header_con .top_util .t_btn a {color: #052f57;}
*/
header.on .header_con .top_util .t_phone {color: #fff;}
header.on .header_con .top_util .t_btn a {color: #fff;}
/*header.open .header_con .top_util .t_btn::before {background: #023d61;}*/

/* .smallscreen .header_con .gnb  {padding-right: 100px;}
.smallscreen .header_con .gnb_depth_1>li>a {} */
/* .smallscreen .header_con .top_util {right: 40px;} */
/* .smallscreen .header_con  {padding: 0 50px;} */
.smallscreen .header_con .gnb_depth_1>li>a {padding: 27px 18px 30px;}
.smallscreen header .header_con .gnb_depth_1>li.etc>a::before {top: 19px;}

/* header.on{height: 89px;}
header.on::after{height: 89px;}
header.on.open::after{height: 89px;}
header.on .header_con {height: 89px; }
header.on .header_con h1{top: 34px;}
header.on .header_con .gnb_depth_1>li>a{padding: 12px 15px;}
header.on .header_con .gnb_depth_1>li.etc>a::before{top: 4px;}
header.on .header_con .top_util{top: 27px;}
header.on .header_con h1 a{width: 144px; background-size: contain;} */

@media (max-width: 1300px){
/* header::after{height: 103px;}
header.open::after{height: 103px;}
.header_con {height: 103px; padding: 13px 50px 13px 40px !important;}
.header_con h1{left: 40px; top: 42px;}
.header_con h1 a{width: 144px; background-size: contain !important;}
.header_con .top_util{top: 32px;}

header.on{height: 77px;}
header.on::after{height: 77px;}
header.on.open::after{height: 77px;}
header.on .header_con {height: 77px;}
header.on .header_con h1{top: 29px;}
header.on .header_con .top_util {top: 22px;} */
}

/* container */
#container { position:relative; /*min-height: calc(100vh - 173px);*/}
.contents { width:1000px; margin:0 auto; padding:70px 0 80px;}
.sub_top { height: 400px; position: relative; overflow:hidden;}
.bg_img {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;  
}
/* .bg_img {background:url(../img/common/top_img_vs.jpg) no-repeat 50% bottom; background-size: cover;} */
#topVisual_0 .bg_img {background:url(../img/common/top_img_0.jpg) no-repeat 50% 50%; background-size: cover;}
#topVisual_1 .bg_img {background:url(../img/common/top_img_1.jpg) no-repeat 50% 50%; background-size: cover;}
#topVisual_2 .bg_img {background:url(../img/common/top_img_2.jpg) no-repeat 50% 50%; background-size: cover;}
#topVisual_3 .bg_img {background:url(../img/common/top_img_3.jpg) no-repeat 50% 50%; background-size: cover;}
#topVisual_4 .bg_img {background:url(../img/common/top_img_4.jpg) no-repeat 50% bottom; background-size: cover;}
#topVisual_5 .bg_img {background:url(../img/common/top_img_5.jpg) no-repeat 50% bottom; background-size: cover;}
#topVisual_6 .bg_img {background:url(../img/common/top_img_5.jpg) no-repeat 50% bottom; background-size: cover;}
#topVisual_7 .bg_img {background:url(../img/common/top_img_5.jpg) no-repeat 50% bottom; background-size: cover;}
#topVisual_vs .bg_img {background:url(../img/common/top_img_vs.jpg) no-repeat 50% bottom; background-size: cover;}

.sub_title {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  z-index: 30;
  text-align: center;
  width: 100%;
}
.sub_title h2 {padding-top:190px; color:#fff; font-size:42px; letter-spacing: -2px; font-family: 'Noto Sans Medium'; text-shadow: 1px 2px 2px rgba(0, 0, 0, .1);}
.sub_title .summary {color: #fff; padding-top: 10px; font-size:16px;}

.top_label {position: absolute; right:0; top: 50%; z-index: 90; margin-top: -53px; display: table; padding-right: 70px;}
.top_label span {
    display: block; 
    background: #8b634b;
    width: 170px;
    height: 107px;
	padding: 25px 0 0;
    border-radius: 10px 0;
    font-size: 17px;
    -webkit-box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
    box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
    vertical-align: middle;
    font-family: 'Noto Sans Light';
    text-align: center;
    color: #fff;
}
.top_label strong {font-size: 15px;}
.main_visual .top_label {position: absolute; right:0; top: 200px; z-index: 90; display: table; padding-right: 70px; }
.main_visual .top_label span { border-radius: 10px 0 0 0; }
.today {position:relative; text-align:left; background:#333333;padding:6px 18px;color:#ffffff;font-size:13px;line-height:13px;}
.today * {vertical-align: middle;}
.today strong {margin-left: 6px; padding-top: 6px; display: inline-block;}
.today a {position:absolute;right:4px;top:6px;color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}
.today a i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
}

.top_label ul {
	border-radius: 0 0 10px 0;
	padding: 10px 12px;
	background: #8b8075;
}
.top_label ul li a {
	color: #fff;
	display: block;
	padding: 10px 5px; 
	border-top: 1px solid #ddd;
}
.top_label ul li:nth-of-type(1) a {
	border: none;
}

/* .top_label {background:#003057; position: absolute; right: 0; top: 370px; height: 80px; width: 450px; padding:0 40px; white-space: nowrap; z-index: 90;}
.top_label dl {display: table; table-layout: fixed; width: 100%; margin-top: 25px;}
.top_label dl dt {width: 70%; text-align: center; display: table-cell; vertical-align: middle; color: #fff; font-size: 20px;}
.top_label dl dt::after {
  content: "";
  width: 55px;
  height: 1px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  opacity: .5;
  margin-top: -2px;
}
.top_label dl dd {text-align: center; display: table-cell; vertical-align: middle; color: #fff; font-size: 20px;} */


.location {
    width: 100%;
    min-width: 1000px;   
    background:#fff;    
    text-align: center;
    z-index: 90;
    padding-top: 20px;
}
.location_nav {
  font-size:15px; 
  width: 1000px;     
  position: absolute;
    left: 50%;
    margin-left: -500px;
  text-align: left;
}
.location_nav button {border:0; background:transparent; outline: 0;}
/*.location_nav >* {float:left; border:1px solid transparent;}*/
.location_nav .home {
  display:inline-block;    
  white-space:nowrap;     
  overflow:hidden;
  position: relative;  
  padding-left: 25px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
}
.location_nav .home a {color:#222;}
.location_nav .home::before {
  content: "";      
  position:absolute; 
  top:3px; 
  left:0; 
  text-indent:100%; 
  white-space:nowrap;     
  overflow:hidden;
  width:16px;
  height:14px;
  background:url(../img/common/icon_home.gif) no-repeat 0 0;
}
.location_nav .path-item {position:relative; vertical-align: middle; color:#222222; display: inline-block; padding-left: 17px; margin-left: 10px; font-family: 'Noto Sans';}     
.location_nav .path-item::before {
  content: "";
  background: url(../img/common/location_arrow.gif) no-repeat 0 0;
  width: 7px;
  height: 12px;
  position: absolute;
  left: 0; 
  top: 5px;     
}
.location_nav .path-item.path_depth_2 {color:#003057;}

/* 
 Footer 
********************/

#footer {position: relative; z-index: 100; clear:both; width: 100%; background: #202020;}
#footer .footer_con {padding: 30px 70px; min-width: 1260px; margin:0 auto; position: relative;}
#footer .footer_con .logo {position: absolute; left: 70px; top: 30px;}
#footer .footer_con .footer_inner {padding-left: 248px;}
#footer .footer_con .footer_phone {padding-bottom: 20px;}
#footer .footer_con .footer_phone dl {display: inline-block; padding-left: 30px; font-size: 16px;}
#footer .footer_con .footer_phone dl:first-child {padding-left: 0}
#footer .footer_con .footer_phone dl dt {display: inline-block; font-family: 'Noto Sans'; color: #8b634b;}
#footer .footer_con .footer_phone dl dd {display: inline-block; padding-left: 10px; font-family:arial,sans-serif; color: #999999;}
#footer .footer_con .footer_inner .address {padding-bottom: 20px;}
#footer .footer_con .footer_inner .address p {font-size: 12px; color: #666666; padding-bottom: 5px;}
#footer .footer_con .right_privacy {position: absolute; right:70px; top: 30px;}
#footer .footer_con .right_privacy a {display: inline-block; color: #fff; padding: 5px 0; margin-right: 30px;}
#footer .copyright { padding-bottom: 40px;}



.foot_summary {padding-top: 20px;}
.foot_summary ul {}
.foot_summary ul li {margin-left: 20px; text-indent: -20px;}

/* Table List Board 
**********************/
.notice_table {border-top: 1px solid #003057;}
.common_tb_row {width: 100%; margin-bottom: 3rem; table-layout: fixed; border-top: 1px solid transparent;}
.common_tb_row thead th {
  padding: 15px 15px;
  font-size: 15px;
  background: #f4f4f4;
  color:#003057;   
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e3e3e3;  
  border-top:0;
  font-family: 'Noto Sans';
}
.common_tb_row tbody th {
  padding: 12px 15px;
  font-size: 15px;
  background: #f4f4f4;
  color:#313131;   
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e3e3e3;    
}
.common_tb_row tbody td {
  padding: 12px 15px;
  font-size: 15px;
  word-break: break-all;
  text-align: center;  
  border: 1px solid #e3e3e3;  
  color: #666; 
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;  
}
.common_tb_row tbody td a {}
.common_tb_row tbody tr td:first-child {}
.common_tb_row tbody td a:hover { text-decoration: underline;}    
.common_tb_row tbody td.nodata {padding: 120px 0; text-align: center;}
.common_tb_row tbody td.t_sbj {text-align: left;}
.common_tb_row tbody td.date {font-family: arial, sans-serif;}

/* 
 Main 
*************************/
.main_movie {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,.8); z-index:9999;}
.main_movie .movie_con { width: 1000px; margin:200px auto; position: relative;}
.main_movie .movie_con .closemovie {}
.main_movie .movie_con .closemovie {position:absolute;right: -15px;top:-70px;color:#fff; color:#fff; padding: 5px 10px;}
.main_movie .movie_con .closemovie::after {
	content: "\e870"; 
	display: inline-block; 
	font-family:Linearicons-Free;
	font-size: 48px;
	color: #fff;
}


/*mouse*/
.mouse{position: fixed; left: 50%; bottom: 6%; z-index: 2; animation: up 1s .7s both alternate; opacity: 0;}
.mouse span {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);

  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4.5px;
}

.unu {
  margin-top: 6px;
}

.unu,
.doi,
.trei {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}

.unu {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
}

.doi {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}

.trei {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
}

.line {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
}

.wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}


@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes up {
  0% {
    opacity: 0;
  }
  100% {
    bottom:10% ; opacity: 1;
  }
}

/*mouse*/
.visual_wrap{height: 100vh!important;}
.visual_wrap .slick-track{background: #000;}


.main_container {position: relative;}
.main_container .all {position: relative; overflow: hidden;}
#footer .gotop {position: absolute; right: 70px; top: 30px; z-index: 1;}
.main_visual .visual_wrap {position: relative; z-index: 1;}
.visual_wrap {position: relative; z-index: 100;}
.main_bg{ position: fixed; z-index: 1;}
.visual_wrap.mv {background: url(../img/main/mv_bg.png) center no-repeat; background-size: cover;}
.visual_wrap.mv iframe {position: fixed;}
.visual_wrap.mv .txt {color: #fff;z-index:2;position:fixed; left:0; top:50%; transform: translateY(-60%); right: 0; width: 100%; text-align:center; opacity: 1;}
.visual_wrap.mv .txt h4 {font-size:3.85rem; /*font-family: "Nanum Myeongjo", serif;*/ line-height: 120%; opacity: 0; animation: fade-in 1s both ease-out;text-shadow: 0 0 17px rgba(0,0,0,1);}
.visual_wrap.mv .txt h4 span {font-weight: bold;}
@keyframes fade-in {
  from { opacity: 0;
          letter-spacing: 1rem;
  }

  to {
      opacity: 1;
      letter-spacing: 0;
  }
}

.right_banner {
  width: 170px; 
  position: absolute; 
  right:70px; 
  top: 160px; 
  z-index: 101;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
  overflow: hidden;
}
.right_banner dl {
  background: #8b8075;
}
.right_banner dl dt {
  font-size: 17px;
  color: #fff;
  background:#8b634b; 
  padding: 15px;
  text-align: center;
  line-height: 1.2;
}

.right_banner dl dt span { font-size: 17px; font-family:'Noto Sans Light'; }
.right_banner dl dt strong { font-size: 20px; font-family:'Noto Sans Medium'; }
.right_banner dl dd { padding: 0 15px; }
.right_banner dl dd a {
  padding: 18px 0;
  color: #fff;
  display: block;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.3);
}
.right_banner dl dd:nth-of-type(1) a {
  border: none;
}
/* .main_visual .right_banner { 
  width: 170px; 
  height: 126px; 
  position: absolute; 
  right:70px; 
  top: 160px; 
  z-index: 90;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.main_visual .right_banner li {color: #fff; display: table; text-align: center; display: block; margin-bottom: 10px; }
.main_visual .right_banner li span {
	font-size: 17px;
	-webkit-box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
	box-shadow: 7px 10px 15px -4px rgba(0,0,0,0.3);
	vertical-align: middle;
	font-family: 'Noto Sans';
}
.main_visual .right_banner li.list1 span {background:#8b634b; font-size: 17px; font-family:'Noto Sans Light'; letter-spacing: -1px; line-height: 1.2;}
.main_visual .right_banner li.list1 span strong, .sub_top .top_label strong {font-size: 23px; font-family:'Noto Sans Black'; letter-spacing:0;}
.main_visual .right_banner li.list2 span {background:#8b8075;}
.main_visual .right_banner li a {color: #fff; display: block;}
.main_visual .right_links {
	width: 170px; 
	position: absolute; 
	right:70px; 
	top: 300px; 
	z-index: 90;
}
.main_visual .right_links li {display: block; text-align: center; background:#8b8075; padding: 0 15px;} */
/*
.main_visual .right_links li:last-child {background:#003058;}
.main_visual .right_links li:last-child a {border-top: 0;}
*/
/* .main_visual .right_links li a {
  color: #fff; 
  display: block; 
  padding: 20px 0;   
  transition: all .3s;  
  position: relative;
  border-top: 1px solid rgba(255,255,255,.3);
}
.main_visual .right_links li:first-child a {border-top: 0;}
.main_visual .right_links li:last-child {border-bottom-right-radius: 10px;}

.main_visual .right_links li a strong {}
.main_visual .right_links li a:hover {
  color: #fff;
} */

.visual_slide {height: 100%; min-height: 900px;}
.visual_slide .img {width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.visual_slide li {position:relative;width:100%;height:100%;}
.visual_slide li .img {background-color:#000;}


.visual_slide li.visual1 .txt_f {color: #fff;z-index:10;position:absolute; left:0; top:50%; transform: translateY(-60%); right: 0; width: 100%; text-align:center; opacity: 1;}
.visual_slide li.visual1 .txt_f.box {color: #fff;z-index:10;position:absolute; top: 50%; opacity: 1; width: 100%;}
.visual_slide li.visual1 img {margin-top: 3rem; transition: .7s .2s;  transform: translateY(-20px);}

.visual_slide li.visual1 .txt_f h4.t03 span:nth-last-child(-n+3){ font-family: 'forena'!important; font-weight: 400; }
.visual_slide li.visual1 .txt_f h1 { font-size: 3.2rem; font-family: 'Noto Sans Thin'; opacity: 0; letter-spacing: 18px;}
.visual_slide li.visual1 .txt_f h1 b{font-weight: bold; font-family: 'Noto Sans Bold';} 
.visual_slide li.visual1 .txt_f span { font-family: 'dx'; color: #f29370; font-size: 4.55rem;}

/* .visual_slide li.visual1.active .txt_f h1{opacity: 1; letter-spacing: 0px; transition: 1s;} */
/*
.visual_slide li.visual1 .txt_f h4.t01 span:nth-child(1) { opacity: 0;}
.visual_slide li.visual1 .txt_f h4.t01 span:nth-child(2) { opacity: 0;}
.visual_slide li.visual1 .txt_f h4.t01 span:nth-child(3) { opacity: 0;}
*/


/*
.visual_slide li.visual1.active .txt_f h4.t01{ animation:fade both 3s 0s;}
.visual_slide li.visual1.active .txt_f h4.t02{ animation:fade both 3s 3s;}
.visual_slide li.visual1.active .txt_f h4.t03{ animation:fade2 both 3s 6s;}

.visual_slide li.visual1.active .txt_f h4.t01 span:nth-child(1){animation:fade-s both 1.2s 0s; }
.visual_slide li.visual1.active .txt_f h4.t01 span:nth-child(2){animation:fade-s both 1.2s .6s; }
.visual_slide li.visual1.active .txt_f h4.t01 span:nth-child(3){animation:fade-s both 1.5s .8s; }

.visual_slide li.visual1.active .txt_f h4.t02 span:nth-child(1){animation:fade-s both 1.2s 3.2s; }
.visual_slide li.visual1.active .txt_f h4.t02 span:nth-child(2){animation:fade-s both 1.2s 3.6s; }
.visual_slide li.visual1.active .txt_f h4.t02 span:nth-child(3){animation:fade-s both 1.2s 3.9s; }
.visual_slide li.visual1.active .txt_f h4.t02 span:nth-child(4){animation:fade-s both 1.5s 4s; }

.visual_slide li.visual1.active .txt_f h4.t03 span:nth-child(1){animation:fade-s both 1.2s 6s; }
.visual_slide li.visual1.active .txt_f h4.t03 span:nth-child(2){animation:fade-s both 1.5s 6.6s; }
*/

.slick-slide .img {
    opacity: 1!important;
/*    transform: scale(1.1);*/
/*    transition: transform 0.3s ease-out, opacity 0.3s ease-out;*/
}


/**/
.visual_slide .slick-active li.visual1 .txt_f h4.t01{ animation:fade2 both 3.8s 0s;}
.visual_slide .slick-active li.visual1 .txt_f h4.t02{ animation:fade both 4.4s 2.5s;}
.visual_slide .slick-active li.visual1 .txt_f h4.t03{ animation:fade both 4s 5s;}

.visual_slide .slick-active li.visual1 .txt_f h4.t01 span:nth-child(1){animation:fade-s both 1.2s 0s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t01 span:nth-child(2){animation:fade-s both 1.2s .4s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t01 span:nth-child(3){animation:fade-s both 1.5s .8s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t01 span:nth-child(4){animation:fade-s both 1.5s 1.2s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t01 span:nth-child(5){animation:fade-s both 1.5s 1.6s; }

.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(1){animation:fade-s both 1.2s 2s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(2){animation:fade-s both 1.2s 3.5s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(3){animation:fade-s both 1.2s 3.6s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(4){animation:fade-s both 1.5s 4.2s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(5){animation:fade-s both 1.5s 4.5s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t02 span:nth-child(6){animation:fade-s both 1.5s 4.8s; }

.visual_slide .slick-active li.visual1 .txt_f h4.t03 span:nth-child(1){animation:fade-s both 1.2s 5.8s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t03 span:nth-child(2){animation:fade-s both 1.5s 6.2s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t03 span:nth-child(3){animation:fade-s both 1.5s 6.4s; }
.visual_slide .slick-active li.visual1 .txt_f h4.t03 span:nth-child(4){animation:fade-s both 1.5s 6.6s; }
/**/




.visual_slide li.visual1.active .txt img{opacity: 1;transform: translateY(0);}
.visual_slide li.visual1.active .txt h4{opacity: 1;transform: translateY(0);}
.visual_slide li.visual1.active .txt h4.txt01{opacity: 1;transform: translateX(0);}
.visual_slide li.visual1.active .txt h5{opacity: 1;transform: translateY(0);}
.visual_slide li.visual1.active .txt p{opacity: 1;transform: translateY(0);}

@keyframes fade-s {
    from{color: rgba(255, 255, 255, 0);}
    to{color: rgba(255, 255, 255, 1);}
}

@keyframes fade {
    0%, 20% { opacity: 0;}  /* Start hidden */
    30%, 70% { opacity: 1;} /* Visible */
    80%, 100% { opacity: 0; } /* End hidden */
}

@keyframes fade2 {
    0% { opacity: 0; }  /* Start hidden */
    50% { opacity: 1; } /* Visible */
     100% { opacity: 0; } 
}

/*
.visual_slide .slick-active li.visual1 .txt img{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual1 .txt h4{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual1 .txt h4.txt01{opacity: 1;transform: translateX(0);}
.visual_slide .slick-active li.visual1 .txt h5{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual1 .txt p{opacity: 1;transform: translateY(0);}
*/

.visual_slide li.visual2 .txt {color: #fff;z-index:10;position:absolute; left:0; top:50%; transform: translateY(-60%); right: 0; width: 100%; text-align:center; opacity: 1;}
.visual_slide li.visual2 img {margin-top: 3rem; transition: .7s .2s; opacity: 0; transform: translateY(-20px);}
.visual_slide li.visual2 .txt h4 { font-size: 2.8rem; transition: .7s .2s; opacity: 0; transform: translateY(-20px);}
.visual_slide li.visual2 .txt h5 { font-size: 5rem; font-weight: bold; margin-top: 90px; transition: .7s .4s; opacity: 0; transform: translateY(20px);}
.visual_slide li.visual2 .txt p { font-family: 'gmsans Light'; font-size: 3.4rem; text-transform: uppercase; line-height: 100%; transition: .7s .4s; opacity: 0; transform: translateY(20px);}
.visual_slide li.visual2 .txt span { font-weight: bold; font-family: 'Noto Sans Bold'}
.visual_slide .slick-active li.visual2 .txt img{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual2 .txt h4{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual2 .txt h5{opacity: 1;transform: translateY(0);}
.visual_slide .slick-active li.visual2 .txt p{opacity: 1;transform: translateY(0);}
.visual_slide li .t_obj_1 {display: inline-block;}
.visual_slide li .t_obj_2 {display: inline-block;}
.visual_slide li .t_obj_3 {display: block; text-align: center; padding-top: 20px;}
.visual_slide li .txt img {display: inline-block;}
.visual_slide li .vt {position:absolute;left:110px;z-index:11;}

.visual_slide .visual4 .img{background-position: center bottom;}
.visual_slide .visual5 .img{background-position: center bottom;}

/* .visual_slide .visual1 .img {background-image:url("../img/main/main_visual_img1.jpg");}
.visual_slide .visual2 .img {background-image:url("../img/main/main_visual_img2.jpg");}
.visual_slide .visual3 .img {background-image:url("../img/main/main_visual_img3.jpg");} */

.visual_slide .slick-dots{position: absolute; bottom: 60px; z-index:10; left: 50%; width: 1200px; margin-left: -600px; text-align: right;}
.visual_slide .slick-dots>li{display: inline-block; width: inherit; height: inherit; margin-left: 14px; width: 70px; height: 70px; position: relative;}
.visual_slide .slick-dots>li>a{
/*
  background: rgba(0,0,0,.3);
  padding: 1px;*/
  display: inline-block;    
  -webkit-transition: all .1s cubic-bezier(.25, .46, .45, 1);
  transition: all .1s cubic-bezier(.25, .46, .45, 1);  
  position: relative;
}
.visual_slide .slick-dots>li>a::before {
  content: "";
  background: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border:1px solid #000;
}
.visual_slide .slick-dots>li.slick-active>a{background: #fff;}
.visual_slide .slick-dots>li.slick-active>a::before {
  content: "";
  background: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border:4px solid #fff;
}


.main_container {}
.main_content {padding: 80px 0 0; position: relative; z-index: 100; background: #fff;}




/*shorts*/
/*
.list_item1{
    display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
}
*/
.shortform-container {
            position: relative;
            width: 90%;
            margin: 0 auto;
            max-width: 360px;
            aspect-ratio: 9 / 16;
            background: #000;
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .shortform-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .overlay {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 12px;
            text-align: center;
        }
        .overlay h4 {
            margin: 0;
            font-size: 16px;
        }
        .overlay a {
            display: inline-block;
            margin-top: 8px;
            padding: 8px 16px;
            border-radius: 4px;
            background-color: #ff4500;
            color: #fff;
            font-size: 14px;
            text-decoration: none;
            transition: background-color 0.3s;
        }
        .overlay a:hover {
            background-color: #e03e00;
        }
/*//shorts*/










.place_info {
  position: absolute; 
  left: 10%; 
  top: 76vh; 
  z-index: 101;
  width: 540px; 
  height: 261px; 
/*  margin-left: -600px;*/
  background: url(../img/main/register_bg2.jpg) no-repeat 0 0;
}
.place_info dl {padding: 50px;}
.place_info dl dt {font-size: 41px; line-height: -4px; font-family: 'Noto Sans Medium'; color: #fff;}
.place_info dl dt * { vertical-align: top; }
.place_info dl dt strong {
	display: inline-block;
	font-family: 'Hanwha';
	font-weight: 600;
}
.place_info dl dt span {
	display: inline-block;
	font-family: 'forena';
	font-weight: 400;
}
.place_info dl dd {text-align: left; position: relative; margin-top: 45px;}
.place_info dl dd a {display: inline-block; position: absolute; right: 0; top: 7px;}
.place_info dl dd span {display: inline-block; font-family:arial, sans-serif; font-size: 35px; color: #887b75;}

.main_content .main_con {background: #fff; padding:70px 0 40px;}
.main_content .main_con.article {background:#003057; padding-bottom: 70px;}
.main_content .main_con.mapinfo {background:#f8f8f8; padding-bottom: 120px;}
.main_content .main_con.type {padding-bottom: 80px;}

.main_content .main_con .main_con_inner {width: 1200px; margin:0 auto;}
.main_content .con_tit {position: relative;}
.main_content .con_tit h2 {color: #000; font-family: 'Noto Sans Medium'; font-size: 30px; letter-spacing: -2px; margin-bottom: 25px;}
.main_content .con_tit a {position: absolute; right: 0; top: 22px; display: inline-block;}

.main_content .schedule_list {display: table; table-layout: fixed; width: 100%;}
.main_content .schedule_list li {display: table-cell; vertical-align: top;}
.main_content .schedule_list li div {margin-left: 16px;}
.main_content .schedule_list li:first-child div {margin-left:0;}
.main_content .schedule_list li div {display: block; border-radius: 5px; background: #fff; border:1px solid #e3e3e3; height: 225px;}
.main_content .schedule_list li.active div {border-radius: 10px 0; border:1px solid #003057; background:#003057;}

.main_content .schedule_list li dl {padding: 40px 30px 0;}
.main_content .schedule_list li dl dt {}
.main_content .schedule_list li dl dt span.label {font-family: arial, sans-serif; display: block; font-size: 13px; text-transform: uppercase; color: #888; padding-bottom: 10px;}
.main_content .schedule_list li dl dt .tit { 
  color: #000; 
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 20px;
  height: 65px;
  font-family: 'Noto Sans';
}
.main_content .schedule_list li.active dl dt .tit {color: #fff;}
.main_content .schedule_list li dl dd {color: #888; font-size: 15px; padding-top: 35px; letter-spacing: 1px;}
.main_content .schedule_list li.active dl dd {color: #8b8075 !important;}

.main_content .envirn {padding: 30px 0 70px;}




/*premium*/
.main_content .premium2_list {/*overflow:hidden;*/ padding: 0 50px;}
.main_content .premium2_list li {text-align: center; width: 33.3333%; float: left;}
.main_content .premium2_list li a {display: block; position: relative;}
.main_content .premium2_list li a div{position: relative; width: 367px; height: 82px; /*margin: 20px 0;*/ display: flex; align-items: center; justify-content: center;}

/*
 .main_content .premium2_list li a::before {
  content: "";
  display: block;
  position: relative;
  width: 105px;
  height: 80px;
  margin: 0 auto;
  background: url("../img/main/premium_ico_1.png") no-repeat 50% 50%;
}
*/
/*
.main_content .premium2_list li.list_item1 a::before { background: url("../img/main/premium_ico_1.png") no-repeat 50% 50%;}
.main_content .premium2_list li.list_item2 a::before { background: url("../img/main/premium_ico_2.png") no-repeat 50% 100%;}
.main_content .premium2_list li.list_item3 a::before { background: url("../img/main/premium_ico_3.png") no-repeat 50% 100%;}
.main_content .premium2_list li.list_item4 a::before { background: url("../img/main/premium_ico_4.png") no-repeat 50% 100%;}
.main_content .premium2_list li.list_item5 a::before { background: url("../img/main/premium_ico_5.png") no-repeat 50% 100%;}
.main_content .premium2_list li.list_item6 a::before { background: url("../img/main/premium_ico_6.png") no-repeat 50% 100%;} 
*/
.main_content .premium2_list li .icoimg {height: 80px; margin: 20px 0; vertical-align: top; }
.main_content .premium2_list li .icoimg img {display:inline-block;}
.main_content .premium2_list li dl {}
.main_content .premium2_list li dl dt {color: #003057; font-size: 20px; font-family: 'Noto Sans Medium'; padding: 10px 0; letter-spacing: -1px;}
.main_content .premium2_list li dl dt span { display: inline-block; line-height: 18px;}
.main_content .premium2_list li dl dd {color: #888888; font-size: 16px; letter-spacing: -1px; }
.main_content .premium2_list li dl dd strong { font-family: 'Noto Sans Medium'; }
.main_content .premium2_list li dl dd span { display: inline-block; font-size: 16px; line-height: 18px; }

.main_content .premium2_list li dl dt .forena_font { font-family: 'forena' !important; font-size: 21px; }
.main_content .premium2_list li dl dd .hw_font { font-family: 'Hanwha' !important; font-size: 16px !important; margin: 0 0 2px; line-height: 18px; display: inline-block;}
.main_content .premium2_list li dl dd .forena_font { font-family: 'forena' !important; font-size: 16px !important; line-height: 18px; display: inline-block;}
/* .main_content .premium2_list li dl dd * { vertical-align: middle;} */

.main_content .premium2_list .slick-arrow {
  display: inline-block; 
  position: absolute; 
  top: 50%;   
  width: 24px; 
  height: 45px;
  font-size: 0;
  cursor: pointer;
  z-index: 99;
  opacity: .5;
  transition: all .3s;
}
.main_content .premium2_list .slick-arrow:hover {opacity: 1;}
.main_content .premium2_list .slick-arrow.slick-prev {left: 0; margin-top: -50px; background: url(../img/main/nav_premium_left.png) no-repeat; }
.main_content .premium2_list .slick-arrow.slick-next {right: 0; margin-top: -50px; background: url(../img/main/nav_premium_right.png) no-repeat; }

.premium2_list .slick-dots {
    position: absolute;
    z-index: 99;
    bottom:-30px;
    right:0;
    width: 100%;
    text-align: center;
}
.premium2_list .slick-dots li {display: inline-block; padding: 0 1px; float: none; width: auto;}
.premium2_list .slick-dots li button {
  border:2px solid #003057;
  background: #fff;
  font-size: 0;
  color: transparent;
  letter-spacing: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.premium2_list .slick-dots li.slick-active button {background: #003057; color: transparent; border:2px solid #003057;}


/*//premium*/





/*shorts*/
.main_content .premium_con {position: relative; padding:0 0 40px;}
.main_content .premium_list {/*overflow:hidden;*/ padding: 0 50px;}
.main_content .premium_list li {text-align: center; width: 33.3333%; float: left;}
.main_content .premium_list li a {display: block; position: relative;}
/*.main_content .premium_list li a div{position: relative; width: 367px; height: 82px; margin: 20px 0; display: flex; align-items: center; justify-content: center;}*/

/* .main_content .premium_list li a::before {
  content: "";
  display: block;
  position: relative;
  width: 105px;
  height: 80px;
  margin: 0 auto;
  background: url("../img/main/premium_ico_1.png") no-repeat 50% 50%;
}
.main_content .premium_list li.list_item1 a::before { background: url("../img/main/premium_ico_1.png") no-repeat 50% 50%;}
.main_content .premium_list li.list_item2 a::before { background: url("../img/main/premium_ico_2.png") no-repeat 50% 100%;}
.main_content .premium_list li.list_item3 a::before { background: url("../img/main/premium_ico_3.png") no-repeat 50% 100%;}
.main_content .premium_list li.list_item4 a::before { background: url("../img/main/premium_ico_4.png") no-repeat 50% 100%;}
.main_content .premium_list li.list_item5 a::before { background: url("../img/main/premium_ico_5.png") no-repeat 50% 100%;}
.main_content .premium_list li.list_item6 a::before { background: url("../img/main/premium_ico_6.png") no-repeat 50% 100%;} */
/*
.main_content .premium_list li .icoimg {height: 80px; margin: 20px 0; vertical-align: top; }
.main_content .premium_list li .icoimg img {display:inline-block;}
.main_content .premium_list li dl {}
*/
.main_content .premium_list li dl dt {color: #003057; font-size: 20px; font-family: 'Noto Sans Medium'; padding: 10px 0; letter-spacing: -1px;}
.main_content .premium_list li dl dt span { display: inline-block; line-height: 18px;}
.main_content .premium_list li dl dd {color: #888888; font-size: 16px; letter-spacing: -1px; }
.main_content .premium_list li dl dd strong { font-family: 'Noto Sans Medium'; }
.main_content .premium_list li dl dd span { display: inline-block; font-size: 16px; line-height: 18px; }

.main_content .premium_list li dl dt .forena_font { font-family: 'forena' !important; font-size: 21px; }
.main_content .premium_list li dl dd .hw_font { font-family: 'Hanwha' !important; font-size: 16px !important; margin: 0 0 2px; line-height: 18px; display: inline-block;}
.main_content .premium_list li dl dd .forena_font { font-family: 'forena' !important; font-size: 16px !important; line-height: 18px; display: inline-block;}
/* .main_content .premium_list li dl dd * { vertical-align: middle;} */

.main_content .premium_list .slick-arrow {
  display: inline-block; 
  position: absolute; 
  top: 50%;   
  width: 24px; 
  height: 45px;
  font-size: 0;
  cursor: pointer;
  z-index: 99;
  opacity: .5;
  transition: all .3s;
}
.main_content .premium_list .slick-arrow:hover {opacity: 1;}
.main_content .premium_list .slick-arrow.slick-prev {left: 0; margin-top: -50px; background: url(../img/main/nav_premium_left.png) no-repeat; }
.main_content .premium_list .slick-arrow.slick-next {right: 0; margin-top: -50px; background: url(../img/main/nav_premium_right.png) no-repeat; }

.premium_list .slick-dots {
    position: absolute;
    z-index: 99;
    bottom:-30px;
    right:0;
    width: 100%;
    text-align: center;
}
.premium_list .slick-dots li {display: inline-block; padding: 0 1px; float: none; width: auto;}
.premium_list .slick-dots li button {
  border:2px solid #003057;
  background: #fff;
  font-size: 0;
  color: transparent;
  letter-spacing: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.premium_list .slick-dots li.slick-active button {background: #003057; color: transparent; border:2px solid #003057;}
/*//shorts*/






.lo_wrap{display: flex; flex-wrap: wrap; gap:1%;}
.lo_map{width: 80%;}
.lo_map img{width: 100%;}

.main_content .envirn_list {display: table; table-layout: fixed; width: 100%;}
.main_content .envirn_list > li {display: table-cell; width: 20%;}
.main_content .envirn_list > li a {display: block; padding-right: 27px;}
.main_content .envirn_list > li .thumb {position: relative; overflow:hidden; width: 100%; height: auto;}
.main_content .envirn_list > li .thumb img{ width: 100%;}
.main_content .envirn_list > li .thumb span{position: absolute; right: 0; bottom: 0; font-size: 12px; color: #fff; padding: 3px 8px; background: rgba(0, 0, 0, 0.4);}
/*.main_content .envirn_list > li:first-child a {padding-left: 0;}*/
.main_content .envirn_list > li dl {padding-top: 30px; padding-bottom: 10px;}
.main_content .envirn_list > li dl dt {color: #003057; font-family: 'Noto Sans Medium'; font-size: 22px; letter-spacing: -1px;line-height:30px;}
.main_content .envirn_list > li dl dt strong{font-weight:600;}
.main_content .envirn_list > li dl dd {color: #000; font-size: 15px; font-family: 'Noto Sans'; padding-top: 5px;}
.main_content .envirn_list > li ul {padding-top: 5px; color: #999;}
.main_content .envirn_list > li ul > li {display: block; position: relative; margin-bottom: 8px;}
.main_content .envirn_list > li ul > li span { font-size: 0.8em; }
/* .main_content .envirn_list > li ul > li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #8b8075;
  position: absolute;
  left:0;
  top: 10px;  
} */

/*
.main_content .envirn_list {display: flex;flex-direction: column;justify-content: space-around;width: 19%;}
.main_content .envirn_list > li {display: table-cell; width: 100%; text-align: center; background: #003057; border-radius: 15px 0 15px 0; transition: all .3s;}
.main_content .envirn_list > li:hover {transform: translateX(20px); transition: all .3s;}
.main_content .envirn_list > li a {display: block; }
.main_content .envirn_list > li .thumb {overflow:hidden; width: 280px; height: 187px;}
.main_content .envirn_list > li:first-child a {padding-left: 0;}
.main_content .envirn_list > li dl dt {color: #fff; padding: 10%; font-family: 'Noto Sans Medium'; font-size: 22px; letter-spacing: -1px; line-height: 27px;}
.main_content .envirn_list > li dl dt em {font-size: 15px;}
.main_content .envirn_list > li dl dd {color: #000; font-size: 15px; font-family: 'Noto Sans'; padding-top: 5px;}
.main_content .envirn_list > li ul {padding-top: 5px; padding-right: 30px; text-indent: -13px; margin-left: 13px; color: #999;}
.main_content .envirn_list > li ul > li {display: block; position: relative; margin-bottom: 8px;}
.main_content .envirn_list > li ul > li span { font-size: 0.8em; }
.main_content .envirn_list > li:nth-last-child(1) a::after{ display: none;}
*/

.main_content .news_list {table-layout: fixed; display: table; margin: 0 -15px;}
.main_content .news_list li {display:table-cell; width: 33.3333%; padding:0 15px; vertical-align: top; }
.main_content .news_list li a {display: block; border:1px solid #1e3f5a; border-radius: 20px 0; padding: 38px 40px; background: #002646; text-decoration: none; }
.main_content .news_list li p.thumb {width: 300px; height: 200px; overflow:hidden;}
.main_content .news_list li p.thumb img {}
.main_content .news_list li p.more {}
.main_content .news_list li dl {padding: 40px 0;}
.main_content .news_list li dl dt {color: #fff; font-size: 22px; font-family: 'Noto Sans'; height: 70px;}
.main_content .news_list li dl dt strong {display: inline-block; position: relative;}
/*
.main_content .news_list li a:hover dl dt strong {text-decoration: underline; text-underline-position: under;}
*/
.main_content .news_list li dl dd {
  color: #74808d; 
  font-size: 15px;
  padding-top: 15px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/*news*/
/*.main_content  .main_con.article{ background: #003057;}*/
.main_content .news2_list{margin-top: 10px; width: 100%;max-width: 1200px;}
.main_content .news2_list li{ display: table-cell; width: 100%;  padding: 0 15px; vertical-align: top;}
.main_content .news2_list li a { display: block; border: 1px solid #1e3f5a; border-radius: 20px 0; padding: 28px 30px; background: #002646; text-decoration: none;}
.main_content .news2_list li p.thumb{ width: 300px; height: 200px; overflow: hidden;}
.main_content .news2_list li dl {padding: 40px 0;}
.main_content .news2_list li dl dt {
      color: #fff;
    font-size: 22px;
    font-family: 'Noto Sans';
    height: 70px; 
}
.main_content .news2_list li dl dd {
      color: #74808d;
    font-size: 15px;
    padding-top: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.main_content .news_list .slick-arrow.slick-prev
.main_content .news2_list .slick-arrow {
  display: inline-block; 
  position: absolute; 
  top: 50%;   
  width: 24px; 
  height: 45px;
  font-size: 0;
  cursor: pointer;
  z-index: 99;
  opacity: .5;
  transition: all .3s;
}
.main_content .news2_list .slick-arrow:hover {opacity: 1;}
.main_content .news2_list .slick-arrow.slick-prev {left: 0; margin-top: -50px; background: url(../img/main/nav_premium_left.png) no-repeat; }
.main_content .news2_list .slick-arrow.slick-next {right: 10px; margin-top: -50px; background: url(../img/main/nav_premium_right.png) no-repeat; }

.news2_list .slick-dots {
    position: absolute;
    z-index: 99;
    bottom:-30px;
    right:0;
    width: 100%;
    text-align: center;
}
.news2_list .slick-dots li {display: inline-block; padding: 0 1px; float: none; width: auto;}
.news2_list .slick-dots li button {
  border:2px solid #003057;
  background: #888;
  font-size: 0;
  color: transparent;
  letter-spacing: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.news2_list .slick-dots li.slick-active button {background: #fff; color: transparent; border:2px solid #fff;}
.news2_list .slick-slide{width: 400px!important;}
.news2_list .slick-track{ /*width: 100%!important;*/ display: flex !important;}

/*//news*/

.main_content .type_con {}
.main_content .type_con .slick-dots {position: absolute; left:0; top: 0; width: 100%; text-align:center;}
.main_content .type_con .slick-dots li {display: inline-block; padding: 0 20px;}
.main_content .type_con .slick-dots li a {display:block; color: #959595; font-size: 20px; font-family: arial, sans-serif;}
.main_content .type_con .slick-dots li.slick-active a {color: #8c5f43; font-weight: 600;}
.main_content .type_con .slick-arrow {
  display: inline-block; 
  position: absolute; 
  top: 50%;   
  width: 24px; 
  height: 45px;
  font-size: 0;
  cursor: pointer;
  z-index: 99;
  opacity: .5;
  transition: all .3s;
}
.main_content .type_con .slick-arrow:hover {opacity: 1;}
.main_content .type_con .slick-arrow.slick-prev {left: 0; margin-top: -50px; background: url(../img/main/nav_premium_left.png) no-repeat; }
.main_content .type_con .slick-arrow.slick-next {right: 0; margin-top: -50px; background: url(../img/main/nav_premium_right.png) no-repeat; }

.main_content .type_con .type_list {padding-top: 100px;}
.main_content .type_con .type_list li p {padding-bottom: 30px;}
.main_content .type_con .type_list li dl {
  display: flex; 
  height: 54px; 
  margin: 0 auto; 
  justify-content: center;
}
.main_content .type_con .type_list li dl dt {
  font-size: 48px; 
  text-align: left; 
  font-family:arial, sans-serif; 
  font-weight: 600; 
  position: relative; 
  padding: 0 60px 0 0;
  line-height: 1;
}
.main_content .type_con .type_list li dl dt::after {
  content: "";
  width: 40px;
  height: 1px;
  background:#e3e3e3;
  position: absolute;
  right: 0;
  top: 30px;
}
.main_content .type_con .type_list li dl dt strong {color: #8c6047; font-weight: 600; display: inline-block; padding-left: 5px;}
.main_content .type_con .type_list li dl dt sub {font-size: 14px;font-weight: 400;}
.main_content .type_con .type_list li dl dd {
  text-align: right;
  color: #555; 
  font-size: 20px; 
  padding: 20px 0 0 20px;
  line-height: 1;
}
.main_content .type_con .type_list li a {display: block; text-align: center;}
.main_content .type_con .type_list li img {display: inline-block !important;}

.main_content .map_container > div dl{ padding: 35px 40px; background: #fff;}
.main_content .map_container > div dl dt{ color: #062f50; font-size: 20px; font-family: 'Noto Sans'; padding-bottom: 10px;}
.main_content .map_container > div dl dd{ color: #222; font-size: 15px;}

.main_content .map_container {position:relative; display: table; width: 100%; table-layout: fixed;}
.main_content .map_container > div {/*display: flex;*/ display: table-cell; align-items: center; justify-content: space-between;}
.main_content .map_container > div .mapcon {width: 100%; height: 340px;border: 1px solid #e4e4e4;}
.main_content .map_container > div .btn_go {padding-top: 19px;}
.btn_go{padding: 50px 0;}
.main_content .map_container > div .map_right {
  width:49%; 
  float: right;
  /* display:flex; flex-direction: column; justify-content: space-between; */
}
  .main_content .map_container > div .map_left {
    width:49%; 
    float: left;
  }
.main_content .map_container > div .map_right dl {height: 48%; padding:35px 40px; background: #fff; width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.main_content .map_container > div .map_right dl dt {color: #062f50; font-size: 20px; font-family: 'Noto Sans'; padding-bottom: 10px;}
.main_content .map_container > div .map_right dl dd {color: #222; font-size: 15px;}
.main_content .map_container > div .map_right dl:last-child p {color: #062f50; font-size: 20px; font-family: 'Noto Sans'; font-weight: 600; margin-top: -30px;}
.main_content .map_container > div .map_right dl h1 {color: #062f50; font-size: 15px; font-family: 'Noto Sans'; line-height: 30px;}

.main_content .map_container > div.left_sec {padding-right: 15px;}
.main_content .map_container > div.right_sec {/*display:flex; justify-content: space-between;*/    padding-left: 15px;}
.root_daum_roughmap .cont{display: none;}
/*
    popup
*/
/*.main_popup {display: none; position:absolute; left: 0; right: 0; top: 0; bottom: 0; background:transparent; z-index:99;}*/
.pop_wrap { display: none; position:absolute; top:160px; left:50%; transform: translateX(-50%); background:transparent; z-index:99;}
/* .pop_wrap > ul { display: table;  }
.pop_wrap > ul > li { display: table-cell; padding: 0 5px; vertical-align: top;} */


.pop_wrap > ul { display: flex; justify-content: center;}

.pop_wrap > ul > li { padding: 0 5px; vertical-align: top;}
.main_popup { position: relative;}
.main_popup::after{content: ""; width: 200vw;  height: 500vh;  position: absolute;  top: 0;  left: 50%;  transform: translate(-50%, -15%);  background: rgba(0, 0, 0, 0.2);  z-index: -1;}
.main_popup .popimg ul { display: table; }
.main_popup .popimg ul li { display: table-cell; position: relative;} 

/* .main_popup .pop_con .popimg{letter-spacing: 0; word-spacing: 0; text-align: center; white-space: nowrap;}
.main_popup .pop_con .popimg li {display: inline-block; } */

/* .main_popup .popimg ul { display: table; }
.main_popup .popimg ul li { display: table-cell; position: relative;} */
/*
.main_popup .pop_con {position: absolute; width: 390px; top: 130px; height: 800px; left: 50%; margin: 0 0 0 -195px; }
*/
.pop_link {
	position:absolute; display: block; text-indent: -200000px; overflow:hidden; 
}
.main_popup .closepop {position:absolute;right:-70px;top:-70px;color:#fff; color:#fff; padding: 5px 10px;}
.main_popup .closepop::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 48px;
  color: #fff;
}


.main_popup.slidepop {width: 600px; margin-left: -600px;}
.main_popup.slidepop li img {display: block;width: 600px;height: auto;}
.main_popup.slidepop .slick-slide {line-height: 0;}
.wrap_main .today {position:relative; text-align:left; background:#333333;padding:6px 18px;color:#ffffff;font-size:13px;line-height:13px;}
.wrap_main .today * {vertical-align: middle;}
.wrap_main .today strong {margin-left: 6px; padding-top: 6px; display: inline-block;}
.wrap_main .today a {position:absolute;right:4px;top:6px;color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}
.wrap_main .today a i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
}
.main_popup .slick-dots {
  width: 100%;
  position: absolute;
  left: 0;
  bottom:5px;
  display: block;
  text-align: center;
}
.main_popup .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  text-indent: -20000px;
  background: transparent;
  border-radius: 10px;
  display: inline-block;
  border: 2px solid #fff;
}
.main_popup .slick-dots li.slick-active {
  background: #fff;
}
.popup_slide {width: 390px; line-height: 0;}

.pop_wrap.pop_video_wrap{z-index: 98; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed;}
.pop_wrap.pop_video_wrap .video_layer_wrap{width: 100%; height: 100%;}
.pop_wrap.pop_video_wrap .video_layer_wrap .inner{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pop_wrap.pop_video_wrap .video_con {position: relative; width: 100%; max-width: 1120px;}
.pop_wrap.pop_video_wrap .linkcity_video .mov_responsive {padding-bottom: 74%;}
.pop_wrap.pop_video_wrap .mov_responsive iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pop_wrap.pop_video_wrap .video_layer_wrap .movie_btn_skip {position: absolute; bottom: 60px; right: 0%; width: 100%; text-align: center; z-index: 1002;}
.pop_wrap.pop_video_wrap .video_layer_wrap .movie_btn_skip a {display: inline-block; text-align: center; font-weight: 600; text-decoration: none; border-radius: 20px;}



.ui_tabcontents {}
.ui_tabcontents .tab {width: 100%; text-align: center; display:table; table-layout: fixed;}
.ui_tabcontents .tab li {display: table-cell;}
.ui_tabcontents .tab li * {vertical-align: middle;}
.ui_tabcontents .tab li a {display: block; border:1px solid #e4e4e4; color: #999; font-size: 16px; text-align: center; margin-left: -1px; padding: 15px 0; letter-spacing: -1px;}
.ui_tabcontents .tab li.on a {
  color: #fff;      
  position: relative;
  background: #003057;
  border:1px solid #003057;
}

.ui_tabcontents .tab.guide { display: flex; width: 100%; }
.ui_tabcontents .tab.guide li { display: block; width: 33%; }
.ui_tabcontents .tab.guide li a { display: flex; height: 100%; align-items: center; justify-content: center;}



.ui_tabcontents .type_tab li a {font-size: 18px; font-weight: 300; letter-spacing: 0;}
.ui_tabcontents .guide_tab li a {font-size: 16px; letter-spacing: 0; font-family: 'Noto Sans';}
.ui_tabcontents .guide_tab {display: block; overflow:hidden; padding-top: 1px; padding-left: 1px;}
.ui_tabcontents .guide_tab li {display: block; float: left; width: 33.3333%; margin-top: -1px;}

.ui_tabcontents .plant_tab {display: table; table-layout: fixed;}
.ui_tabcontents .plant_tab li {width: 25%; display: table-cell;}
.ui_tabcontents .plant_tab li a {display: block; border-color: #e7e7e7; text-align: left; padding: 20px 0 30px;  padding-left: 20px; color: #cccccc; font-family: 'Noto Sans Bold'; font-size: 20px;}
.ui_tabcontents .plant_tab li.on a {background: #fff; color: #00a0e9; border-color: #e7e7e7;}
.ui_tabcontents .plant_tab li.on a::before {
  content: "";
  width: 100%;
  height: 3px;
  background: #000;
  position: absolute;
  left: 0;
  bottom: 20px;
}


.ui_tabcontents .tab_inner {text-align: right; padding-bottom: 40px;}
.ui_tabcontents .tab_inner li {display:inline-block; text-align: center; position: relative; margin-left: 5px;}
.ui_tabcontents .tab_inner li a {
    font-family: 'Noto Sans';
    color: #fff;
    font-size: 15px;
    display: inline-block;
    background: #959ba7;
    padding: 10px 15px;
    transition: all .3s;
}
.ui_tabcontents .tab_inner li a:hover {
  background: #003057;
}

.btn_go {text-align: left; padding: 50px 0;}

.ui_tabcontents .tab_conlist {padding: 55px 0 10px;}
.ui_tabcontents>.tab_conlist>li {display: none;}
.ui_tabcontents .tab_conlist li.current {display: block;}
.ui_tabcontents .tab_conlist li.current img{width: 100%;}


/* btn */

.btn_box {text-align: center; padding: 40px 0;}
.btn{margin:0 2px; min-width:100px; height:50px; line-height:50px; text-align:center; display:inline-block; font-size:16px; color:#fff;}
.btn:hover{color:#fff;}
.btn.btn-navy{background:#003057; color: #fff;}
.btn.btn-sepia{background:#8b8075; color: #fff;}
.btn.btn-gray {background:#e0e0e0;}
.btn.btn-green {background:#28357b; color: #fff;}


.layerPopup {
    position:absolute;
    z-index:1000;
    display:none;
    left:50%;
    top:50%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    background-clip: padding-box;
    background:#fff;
}
.layerPopup h3 {font-size:36px; color: #222; padding-bottom: 12px;}
.layerPopup .layerPopup_in {display:block; position: relative; text-align: left;}
.layerPopup .closeLayer {display:inline-block;color:#4a525f; position:absolute; right:-20px; top:-86px; font-size:0; color: transparent;}
.layerPopup .closeLayer a {width: inherit; height: inherit; padding:10px 20px; font-size: 45px; color: #fff;}
.imgIcon.closex:after {}
.layerContent {
    padding-top: 50px;
    margin-top: 20px;
}
.layerContent.rejectbox {
  border-top: 1px solid #ccc;
  line-height: 1.7;
  font-size: 16px;
}
.layerPopup .closeLayer:hover {color:#095573;}
#layerScreen, .pop_bg{z-index:90;position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;}
.pop_bg{display: block;}
.type-file {border: 1px solid #ccc; height: 40px; font-size: 14px;}

/*
#pop2{left:50%; margin-left: -451px;}
#pop2 .today{background: none; padding:0; position: absolute; top:-6px; right:-115px;}
#pop2 .today>a{width: 115px; height:108px; display: block; padding: 0}
#pop2 .today label{display: none}
*/
.pop2_close{width:115px; height:108px; background: #000;}
.pop2_close>i{line-height: 104px;}
.wrap_main .today a.pop2_close i::after{font-size: 80px; margin-left:13px; margin-right: 0;}


.pop_page { background: url(../img/sub/pop_top_bg.jpg) no-repeat center top; padding: 25px 50px; max-width: 1000px; margin:0 auto;}
.pop_page h2 {font-family: 'Noto Sans Medium'; color: #444; font-size: 38px; text-align: center; padding: 40px 0; letter-spacing: -1px;}
.pop_page h3 {color: #003057; font-size: 48px; font-family: 'Noto Sans Bold';}
.pop_page h3 sub {font-size: 22px; font-family:arial, sans-serif;}
.pop_page h3 span {color: #444444; font-size: 22px; font-family: 'Noto Sans'; display: inline-block; margin-left: 5px;}

.pop_page .ui_tabcontents {position: relative; padding-bottom: 20px;}
.pop_page .ui_tabcontents::after {
  content: "";
  width: 920px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -460px;
  background: #153b5b;
  height: 6px;
}

.pop_page .ui_tabcontents .tab_conlist {padding-top: 20px;}
.pop_page .ui_tabcontents .tab_conlist li { text-align: center; }
.pop_page .ui_tabcontents .tab_inner {margin: 20px 0; padding: 0; display: grid; grid-template-columns: repeat(9,1fr);}
.pop_page .ui_tabcontents .tab_inner li{margin: 0; padding: 5px; display: flex; align-items: center; justify-content: center; border: 1px solid #003057; border-right: 0; word-break: keep-all; cursor: pointer;}
.pop_page .ui_tabcontents .tab_inner li:last-child{border-right: 1px solid #003057;}
.pop_page .ui_tabcontents .tab_inner li.on{background: #003057; color: #fff;}
.pop_page .ui_tabcontents .tab_inner li.on a {background: #003057;}



/* 관심고객등록 */
  .registWrap {}
  .registTit {border-top: 1px solid #003057; border-bottom: 1px solid #e3e3e3; padding: 20px 20px; background: #f5f5f5; color: #003057; font-family: 'Noto Sans', sans-serif;}
  .registCon {}
  .registCon > dl {}
  .registCon > dl > dt { border-bottom: 1px solid #e3e3e3; padding: 20px 20px; width: 100%; overflow: hidden; position: relative; background: #f5f5f5; color: #222;}
  .registCon > dl > dt * { vertical-align: middle; }
  .registCon > dl > dt .rulsfn { position: absolute; right: 0; top:16px;}
  .registCon > dl > dt .rulsfn label {font-size: 14px;}
  .registCon > dl > dt .rulsfn a {
    display: inline-block;
    height: 30px;
    line-height: 30px;    
    font-size: 14px;
    color: #103d61;
    position: absolute;
    right: 0;
    top: 0;
    width: inherit;
    padding: 0 30px;
  }
  .registCon > dl > dt .rulsfn a i {
        display: inline-block;
        margin-left: 5px;
        margin-top: 8px;
  }
  .registCon > dl.on > dt .rulsfn a i {transform: rotate(180deg);}
  .registCon > dl > dd {color: #999;}
  .registCon > dl > dd h3 {background: #9cbc41; color: #fff; font-size: 15px; letter-spacing: -0.2px; padding:15px 20px;}
  .registCon > dl > dd h4 {font-size: 15px; color: #4a4a4a; font-family: 'Noto Sans Medium', sans-serif; padding: 15px 0 10px;}
  .registCon > dl > dd .rulsCon { padding:25px 10px 20px 40px; border-bottom: 1px solid #e3e3e3;}
  .registCon > dl > dd .rulsCon .scrollbox { background: #fff; height: 250px; overflow-y:auto; padding-right: 10px;}
  .registCon > dl > dd .rulsCon .scrollbox p {font-size: 14px; margin-bottom: 3px; line-height: 1.5;}
  .registCon > dl > dd .rulsCon .scrollbox p.privacyTit { color: #555; font-weight: 500; padding-top: 10px;}
  .registCon > dl > dd .rulsCon .scrollbox ul {padding-left: 10px; font-size: 13px;}
  .registCon > dl > dd .rulsCon .scrollbox ul li {font-size: 13px; margin-bottom: 3px; line-height: 20px;}
  .registCon > dl > dd .rulsCon table {width:100%;text-align:left; font-size: 13px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: 10px;}
  .registCon > dl > dd .rulsCon table th {font-weight:500; padding:10px 0 10px 20px; background:#fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .registCon > dl > dd .rulsCon table td {padding:10px 0 10px 20px; background:#fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle;}

  .registCon > dl > dd h4 span { font-weight: bold; text-decoration: underline; }
  .registCon > dl > dd .strong_content h4, .registCon > dl > dd .rulsCon .scrollbox .strong_content p {}
  .registCon > dl > dd .rulsCon .scrollbox .strong_content ul li { font-size: 13px;}
  
  .registWrap .totalAgree { font-size: 14px; background:#0080b8; color: #fff; padding: 14px 0 14px 30px; position: relative; margin-bottom: 30px;}
  .registWrap .totalAgree * { vertical-align: middle;}
  .registWrap .totalAgree strong { position: absolute; display: inline-block; left: 70px; top: 19px;}
  .registWrap .totalAgree input[type=checkbox].checkbox, input[type=radio].radio { width: 30px; height: 30px; }
  .registWrap .totalAgree input[type=checkbox].checkbox+.label::before, .registWrap .totalAgree input[type=radio].radio+.label::before {
      color:#fff;
      background-color:#0080b8;
      border:1px solid #ffffff;
  }
  .registWrap .totalAgree input[type=checkbox].checkbox:checked+.label:before, registWrap .totalAgree input[type=radio].radio:checked+.label:before {
      background-color:#ffffff;
      border-color:#0080b8;
      color:#0080b8;
  }

  .registWrap .registComment {padding: 15px 0;}


  .customer_ori {
    color: #052f57;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
}

/******************************************************
	20200729 추가 ksy
*****************************************************/
.registWrap .terms_agree ul li {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}
.registWrap .terms_agree ul li .text {
	float: left;
	width: 800px;
	padding: 10px 10px 10px 20px;
}
.registWrap .terms_agree ul li .check {
	padding: 10px 20px 10px 0;
	text-align: right;
	float: right;
	width: 200px;
}
.registWrap .terms_agree ul li .check * { vertical-align: middle; }
.registWrap .terms_agree ul li .check label {
	margin: 0 0 0 15px;
}


  .formTable {border-top: 1px solid #003057; margin-top: 10px;}
  .formTable .type-text {font-family:Noto Sans, 'Malgun Gothic','돋움', 'dotum';  color:#777; font-size: 14px; height: 40px;}
  .formTable select {font-family:Noto Sans, 'Malgun Gothic','돋움', 'dotum';  color:#777; font-size: 14px;}
  .formTable table { width: 100%; table-layout: fixed;}
  .formTable table tbody th { 
  vertical-align: middle; 
  font-size: 15px;  
  background: #f9f9f9; 
  border:1px solid #e3e3e3;   
  border-top: 0;
  border-left: 0;
  color: #222;
  text-align: left;
  padding:20px 50px;
  font-family:Noto Sans;
  position: relative;
}   
  .formTable table.pdcnt tbody th {padding:20px 15px; text-align: center;}
  .formTable th.require::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #f53a22;
    position: absolute;
    left: 35px;
    top: 30px;
    border-radius: 3px;
  }
  .formTable table tbody td { 
  vertical-align: middle; 
  color: #000; 
  padding:0.8rem 0.6rem;
  font-size: 15px; 
  text-align: left;
  border-bottom:1px solid #e3e3e3;
  border-top: 0;
  background: #fff;
}
/* .formTable table tbody tr:first-child td { border-top: 1px solid #e3e3e3;} */


.bottomBtns {padding: 30px 0; text-align: center;}
.bottomBtns * { vertical-align: middle;}
.bottomBtns input[type="reset"],
.bottomBtns a {display: inline-block; padding: 15px 50px; line-height: 1; width: inherit; height: inherit;}
.bottomBtns .btn_register {color: #fff; background: #8b8075; border:1px solid #8b8075;}
.bottomBtns .btn_cancel {color: #fff; background: #003057; border:1px solid #003057;}

.content_page {padding-top: 20px; width: 1000px;}

/*pr_sub*/
.content_page .premium_con>ul{display: flex; flex-wrap: wrap; gap:1%;}
.content_page .premium_con>ul>li{width: 24%; margin-top: 3%;}



/*
  Brand Page
*****************/
.playbtn::before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/sprite.png);
    background-position: 999px 999px;
    background-repeat: no-repeat;
}
.content_page.brand {}
.content_page.brand h3 {font-size: 30px; font-family: 'Noto Sans Medium'; color: #000; position: relative; letter-spacing: -1px; padding-bottom: 18px;}
.content_page.brand h3 span { position: absolute; right: 0; top: 0;}
.content_page.brand dl {margin-top: 70px;}
.content_page.brand dl dd {padding-bottom: 45px; color: #999; font-family: 'Noto Sans';}
.content_page.brand .brand_movie {padding-top: 60px;}
.content_page.brand .brand_movie .playbtn{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease, height 0s linear 0s;
  transition: opacity 0.3s ease, height 0s linear 0s;  
}
.content_page .movie_con {position: relative; height: 675px;}
.content_page.brand .brand_movie .playbtn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: -104px -333px;
    width: 28px;
    height: 35px;
    margin-left: 5px;
    z-index: 30;
}

.content_page.brand .brand_movie .playbtn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background-color: #003057;
    z-index: 20;
}

.content_page .movie_con .playbtn:hover::after { background-color:#fff; }
.content_page .movie_con .playbtn:hover::before { background-position:-135px -333px; }
/* .cf-zone .video:not(.ready) .poster { cursor:default; }
.cf-zone .video:not(.ready) .poster::before, .cf-zone .video:not(.ready) .poster::after { opacity:0; } */

.content_page .movie_con iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.content_page.brand .brand_img {padding-top: 60px;}

.btn .go_arrow {width:21px; height:13px; background:url(../img/common/ico_btn_arrow.png) no-repeat; vertical-align: middle; display: inline-block; margin-left: 5px;}
.page_location .btn_group {padding-top: 40px; text-align: center;}
.page_location .btn_group span {display: inline-block; padding: 0 5px;}
.page_location .btn_group .btn {width:inherit; height: inherit; padding: 18px 40px; font-size: 14px; line-height: 1.5;}
.page_location .mapcon {height: 520px; margin-top: 40px;}


p.chungyak_title {
	padding: 30px 0;
	letter-spacing: -2px;
	font-family: 'Noto Sans Bold';
	color: #002852;
	font-size: 46px;
}

.para_tab_con {
	padding: 50px 0 0;
}



/***********************
        방문통계
************************/

#wrap.wrap_status {
    width: 100%;
    min-width: auto
}
#wrap.wrap_status header {
    display: none
}
#wrap.wrap_status .sub_top {
    height: 200px
    }
#wrap.wrap_status .top_label {
    display: none
    }
#wrap.wrap_status #title {
    padding-top: 65px
}
#wrap.wrap_status .contents {
    width: 95%;
    max-width: 1000px
}
#wrap.wrap_status .location_nav {
    width: 95%;
    max-width: 1000px;
    transform: translateX(-50%);
}
.visit_status {}
.status_1 {}
.stauts_2 {}
.visit_status h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Noto Sans';
    color: #003058;
}

.visit_status table {
    margin-top: 22px;
    width: 100%;
    font-family: 'Noto Sans';
    font-size: 18px;
    text-align: center;
    border-top: 2px solid #003058;
    color: #003058;
}
.visit_status th {
    width: 25%;
    padding: 15px 0;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    background: #f8f8f8
}
.visit_status td {
    width: 25%;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.visit_status th:not(:last-child), .visit_status td:not(:last-child) {
    border-right: 1px solid #EBEBEB
}
.visit_status tr:last-child td {
    position: relative;
}
.visit_status tr:last-child td::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EBEBEB;
}
.visit_stauts .tot_stauts {}
.status_2 {
    margin-top: 50px;
}
.status_2 form {
    margin-top: 30px;
}
.status_2 form > * {
    display: inline-block;
    vertical-align: middle;
}
.status_2 fieldset {
    width: 60%;
}
.status_2 input {
    color: #003058;
    font-size: 19px;
    padding: 5px 15px;
    width: 48%;
    border: 1px solid #EBEBEB;
}
.stauts_2 input:last-child {}
.status_2 span {}
.status_btn {
    margin-left: 20px;
    width: 36%
}
.status_btn a {
    display: inline-block;
    width: 47%;
    padding: 7px 0;
    text-align: center;
    font-size: 18px;
    background: #8a8076;
    color: #FFF;
}
.status_btn a:last-child {
    margin-left: 5px;
    background: #003058;
}
#wrap.wrap_status #footer .footer_con {
    width: 100%;
    min-width: auto
}

@media screen and (max-width: 1200px) {
    #wrap.wrap_status #footer .footer_con .right_phone div.footer_stats {
        padding: 0;
        text-align: right;
        display: block
    }
    #wrap.wrap_status #footer .footer_con .right_phone div.footer_stats span:last-child {
        padding: 0
    }
}

@media screen and (max-width: 900px) {
    #wrap.wrap_status #footer .footer_con {
        text-align: center;
    }
    #wrap.wrap_status #footer .footer_con .logo,
    #wrap.wrap_status #footer .footer_con .right_phone {
        position: initial;
        left:initial;
        top: initial;
    }
    #wrap.wrap_status #footer .footer_con .footer_inner {
        padding-left: 0
    }
    #wrap.wrap_status #footer .footer_con .footer_inner > p a {
        padding: 0;
        margin-right: 0;
    }
    #wrap.wrap_status #footer .footer_con .right_phone div.footer_stats {
        text-align: center;
        margin: 20px 0
    }
    #wrap.wrap_status #footer .footer_con .footer_inner > p {
        padding-bottom: 0;
        padding: 20px 0
    }
    #footer .footer_con .footer_inner .left {
        width: 100%;
        float: inherit;
    }
    #footer .footer_con .footer_inner .right {
        width: 100%;
        float: inherit;
        text-align: center;
    }
}

@media screen and (max-width: 700px) {
    .status_2 form > * {
        display: block;
    }
    .status_2 fieldset {
        width: 100%;
        text-align: center;
    }
    .status_btn {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        text-align: center
    }
    .status_btn a {
        width: 48%
    }
    #wrap.wrap_status #footer .footer_con .right_phone dl {
        padding-left: 0
    }
}




/******************************************************
	이벤트
*****************************************************/
[class^="event_con"] {
	position: relative;
}
div.winner {
  background: #003057;
  padding: 0 0 104px;
}
div.winner h4 {
  background: #003057;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin: 30px 0 0;
}
div.winner div.list {
  width: 745px;
  margin: 0 auto 30px;
  padding: 40px 60px;
  background: #fff;
  border: 3px solid #D8D8D8;
}
div.winner div.list ul.thead {
  background: #8B634B;
  display: flex;
  margin: 0 0 20px;
}
div.winner div.inner_list_wrap { 
  padding: 30px 80px;
  border: 1px solid #D8D8D8;
}
div.winner div.list ul.thead > li {
  width: 100%;
  color: #fff;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.winner div.list ul.thead > li strong {
  text-align: center;
  width: 100%;
  border-right: 1px solid #ddd;
}
div.winner div.list ul.thead > li span {
  text-align: center;
  width: 50%;  
}
div.winner div.list ul.tbody {
  display: flex;  
  flex-wrap: wrap;  
  width: 100%;  
}
div.winner div.list ul.tbody > li {
  padding: 5px 10px 15px;
  width: 100%;
  text-align: center;
}
div.winner div.list ul.tbody > li strong {
  text-align: center;
  width: 50%;
}
div.winner div.list ul.tbody > li span {
  text-align: center;
  width: 50%;
}
div.winner div.list ul.thead.col2>li { width: 100%;}
div.winner div.list ul.tbody.col2>li { width: 50%;}


.content_page div.winner .s_title {
  font-family: "Noto Sans";
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin: 0 0 20px;
}
div.winner div.list .find {
  padding: 20px;
  color: #003057;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.conbox {
  position: relative;
}
/* 크게보기 */
.zoom { text-align: center;}


.type_zoom {
    position: absolute;
    top: 700px;
    left: 562px;
    width: 200px;
    height: 60px;
    overflow: hidden;
    text-indent: -3200000px;
}

/* 입주자모집공고 스타일 */
.gonggo div.img {
  width: 1000px;
}
.gonggo div.img img {
  width: 100%;
}
.gonggo div.con {
  padding: 50px 45px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
}
.gonggo div.con h3 {
  font-family: 'NanumSquare';
  font-size: 26px;
  font-weight: 700;
  padding: 0 0 20px;
}
.gonggo div.con .left {
  width: 522px;
}
.gonggo div.con .left .txt { 
  font-family: 'NanumSquare';
  font-size: 14px;
  font-weight: 400;
  padding: 20px 0 0 40px;
}
.gonggo div.con .right {
  width: 380px;
  padding: 60px 0 0;
}
.gonggo div.con .right .txt {
  font-family: 'NanumSquare';
  font-size: 12px;
  font-weight: 400;  
  padding: 10px 0 20px;
}
.gonggo div.con .right .link p {
  margin: 0 0 7px;
}
.btn_gonggo {  
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;   
  font-size: 20px;
  text-align: center;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 66px;
  width: 374px;
  height: 51px;
  background: #052f57;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
}
.btn_gonggo:after {
  /* font-family:"Linearicons-Free"; */
  /* content: "\e87a"; */
  content: "";
  display: inline-block;
  width: 31px;
  height: 8px;
  background: url("../img/common/btn_arrow.png") center center/cover no-repeat;
}
.btn_gonggo span{width: 175px; text-align: left;}



.event_p {
  padding: 3px 140px;
  color:#fff ;
}






/* planning*/

.sub_over_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; text-align: left; }
.sub_over_top { width: 100%; height: 32.5rem; height: 46.25rem; height: 40rem; margin: auto; position: relative; display: flex; justify-content: center; align-items: center; opacity: 0; overflow: hidden; }
.sub_over_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../sub/planning.jpg) center bottom no-repeat; background-size: cover; }
.sub_over_tit { text-align: center; color: #05364b; position: relative; z-index: 9; transform: translateY(-3.5rem); display: none; }
.sub_over_tit h4 { font-size: 1.375rem; line-height: 136%; font-weight: 200; transition: 1.0s 0s; }
.sub_over_tit h4 b { font-weight: 700; }
.sub_over_tit h2 { font-family: "Nanum Myeongjo Regular", serif; font-size: 40px; line-height: 112%; font-weight: 400; margin-top: 1.625rem; transition: 1.0s 0s; }
.sub_over_tit h2 b { font-weight: 700; }
.swiper_planning { width: 80%; margin: 0; padding: 0; }
.swiper_planning .sub_planning_img { width: 100%; height: 50vw; max-height: 521px; }
.sub_planning_img.img01 { background: url(../img/sub/planning.jpg) center bottom no-repeat; background-size: cover; }
.swiper_planning_thumb { width: 18%; margin: 0; padding: 0; }
.swiper_planning_thumb .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: column; }
.swiper_planning_thumb .swiper-slide { height: 100%; height: 7.3125rem; height: 17vw; max-height: 117px; cursor: pointer; border: none; overflow: hidden; margin-top: 1rem; position: relative; }
.swiper_planning_thumb .sub_planning_img { width: 100%; height: 100%; filter: grayscale(1); }
.swiper_planning_thumb .swiper-slide-thumb-active .sub_planning_img { opacity: 1; filter: grayscale(0); }
.swiper_planning_thumb .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 3px solid #000; box-sizing: border-box; }
.swiper-button-next-planning { position: absolute; width: 111px; height: 63px; right: -16%; top: 0%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-prev-planning { position: absolute; width: 111px; height: 63px; left: -16%; top: 0%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-next-planning img { width: 100%; }
.swiper-button-prev-planning img { width: 100%; }
.sub_over_bottom { width: 100%; margin: auto; position: relative; margin-top: 4.5rem; opacity: 0; }
.sub_over_txt_box { margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-bottom: 0px; }
.sub_over_txt_box>div { width: 31%; margin-bottom: 50px; }
.sub_over_txt_box>div h4 { font-size: 1.4rem; line-height: 100%; font-weight: 600; color: #231815; border-bottom: 1px solid #383838; padding-bottom: 18px; }
.sub_over_txt_box>div p { font-size: 1rem; line-height: 142%; height: 3rem; margin-top: 18px; font-weight: 500; }
.sub_over_top.active { opacity: 1; transition: 1.0s 0s; }
.sub_over_bottom.active { opacity: 1; transition: 1.0s 0s; }
.sub_over_top.active .over_tit b:nth-child(1) { transform: translate(0); transition: 1.3s 0.0s; }
.sub_over_top.active .over_tit b:nth-child(2) { transform: translate(0); transition: 1.3s 0.07s; }
.sub_over_top.active .over_tit b:nth-child(3) { transform: translate(0); transition: 1.3s 0.14s; }
.sub_over_top.active .over_tit b:nth-child(4) { transform: translate(0); transition: 1.3s 0.21s; }
.sub_over_top.active .over_tit b:nth-child(5) { transform: translate(0); transition: 1.3s 0.28s; }
.sub_over_top.active .over_tit b:nth-child(6) { transform: translate(0); transition: 1.3s 0.35s; }
.sub_over_top.active .over_tit b:nth-child(7) { transform: translate(0); transition: 1.3s 0.42s; }
.sub_over_top.active .over_tit b:nth-child(8) { transform: translate(0); transition: 1.3s 0.49s; }
.sub_over_top.active .over_img_box { opacity: 1; clip-path: inset(2% 37% 0% 37% round 300px); transform: rotate(30deg); transition: opacity 1.2s 1.0s, clip-path 1.5s 1.85s, transform 1.3s 3.8s; }
.sub_over_top.active .over_vd_box { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box.white { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }
.sub_over_top.active .over_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }

.planning_top { position: relative; white-space: nowrap;}
.planning_top .planning_img { width: 100%; height: 40rem; background: url(../img/sub/planning.jpg) center bottom no-repeat;  }
.planning_top .main_txt_box {  flex-direction: column;}
.planning_top .intro_tit{top: 17%;}
.planning_top .intro_tit h2.txt01,
.planning_top .intro_tit h2.txt02,
.planning_top .intro_tit p{color: #fff;}
.planning_top .intro_tit h2{font-size: 3rem;}
.planning_top.active .intro_tit h2.txt01{opacity: 1; letter-spacing: normal; transition: .8s .2s;}
.planning_top.active .intro_tit h2.txt02{opacity: 1; letter-spacing: normal; transition: .8s .8s;}
.planning_top.active .intro_tit p{opacity: 1; transform: translate(0); transition: .8s 1.6s;}
.planning_top.active .intro_tit h3{opacity: 1; transform: translate(0); transition: .8s 1.8s;}

/*  */





/*contact*/

.sub_contact_wrap { width: 100%; max-width: 1100px; margin: auto; position: relative; text-align: left; color: #010101; padding-bottom: 4.375rem; padding-bottom: 0; }
.sub_contact_bottom { width: 100%; margin-top: 3.75rem; }
.sub_contact_bottom>div { width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.sub_contact_map_box { width: 100%; width: 579px; border: 1px solid #cecece; position: relative; }
.sub_contact_map_box img { width: 100%; }
.sub_contact_txt_box { width: 100%; max-width: 579px; margin: 1.5625rem 0; }
.sub_contact_txt_box h3 { display: inline-block; font-size: 2rem; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 3.75rem; }
.sub_contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }
.sub_contact_add { display: flex; justify-content: space-between; align-items: center; gap:1rem;}
.sub_contact_add h4 { font-size: 1.4rem; line-height: 100%; font-weight: 500; margin-bottom: 0.625rem; font-family: 'Noto Sans';}
.sub_contact_add p { font-size: 1rem; line-height: 100%; margin-top: 0.5rem; color: #7e7e7e; margin-top: 0; font-weight: 500;  font-family: 'Noto Sans';}
.sub_contact_add p span { color: #000; }
.sub_contact_top .sub_contact_add { margin-top: 3.125rem; }
.sub_contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 0; }
.sub_contact_bt a { margin-left: 0.3125rem; }
.sub_contact_map_box::before { content: ''; width: 0; height: 1px; position: absolute; left: -1px; top: -1px; background-color: #000; transition: 0.5s; }
.sub_contact_map_box::after { content: ''; width: 0; height: 1px; position: absolute; right: -1px; bottom: -1px; background-color: #000;transition: 0.5s;}
.sub_contact_map_box span::before { content: ''; width: 1px; height: 0; position: absolute; left: -1px; bottom: -1px; background-color: #000; transition: 0.5s; }
.sub_contact_map_box span::after { content: ''; width: 1px; height: 0; position: absolute; right: -1px; top: -1px; background-color: #000; transition: 0.5s; }

.sub_contact_box{display: flex; align-items: flex-end; gap:2rem;}

.sub_contact_box:hover .sub_contact_map_box::before,
.sub_contact_box:hover .sub_contact_map_box::after { width: calc(100% + 2px); }
.sub_contact_box:hover .sub_contact_map_box span::before,
.sub_contact_box:hover .sub_contact_map_box span::after { height: calc(100% + 2px); }