@charset "utf-8";

@font-face {
  font-family: 'trajan pro';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/trajan-pro-bold.eot);
  src: url(/fonts/trajan-pro-bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/trajan-pro-bold.woff2) format('woff2'),
       url(/fonts/trajan-pro-bold.woff) format('woff');
}
@font-face {
  font-family: 'trajan pro Regular';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/TrajanPro-Regular.eot);
  src: url(/fonts/TrajanPro-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/TrajanPro-Regular.woff2) format('woff2'),
       url(/fonts/TrajanPro-Regular.woff) format('woff');
}
@font-face {font-family:"AntroVectra-Bolder";src:url("/fonts/Antro_Vectra_Bolder.eot?") format("eot"),url("/fonts/Antro_Vectra_Bolder.woff") format("woff"),url("/fonts/Antro_Vectra_Bolder.ttf") format("truetype"),url("/fonts/Antro_Vectra_Bolder.svg#AntroVectra-Bolder") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Scriptin";src:url("/fonts/SCRIPTIN.eot?") format("eot"),url("/fonts/SCRIPTIN.woff") format("woff"),url("/fonts/SCRIPTIN.ttf") format("truetype"),url("/fonts/SCRIPTIN.svg#Scriptin") format("svg");font-weight:normal;font-style:normal;}


@font-face {
    font-family: 'Cafe24Danjeonghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/* common */
* {font-family: 'Noto Sans KR', sans-serif;}
body{margin:0; padding:0;color: #000;letter-spacing: -0.5px;-webkit-text-size-adjust: none;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both; border-collapse:collapse; border-spacing:0; }
em,address{font-style:normal}
#skip, .hide, legend, hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {}
#cursor {
position: fixed;
z-index: 999999999999999999999999;
left: 0;
top: 0;
pointer-events: none;
will-change: transform;
}
a:link {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
  text-decoration: none;
}
button, input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {

.cursor__circle {
    width: 25px;
    height: 25px;
    margin-top: -20%;
    margin-left: -20%;
    border-radius: 50%;
    border: solid 1px #614332;
    background-color: #614332;
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    height 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    margin 0.3s;
    display: none;
}

#cursor.arrow .cursor__circle{
    width: 80px;
    height: 80px;
    margin-top: -50%;
    margin-left: -50%;
    background-color: transparent;
    border-color: #614332;
}
.m_content{display:none}
.cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; border: 1px solid #fff; background: none; }
.cursor_drag p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
.cursor_drag p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; left: -33px; top: 0; bottom: 0; margin: auto; }
.cursor_drag p:after { content:''; width: 5px; height: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }

.cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
.cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
.cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }

#cursor{
    width: 70px;
    height: 70px;
}
.cursor_drag.show { display: flex; }

.cursor_skip { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
.cursor_skip p { display: none; }
body.main .cursor_skip { display: flex; }
body.main .cursor_skip.show { opacity: 1; }
.cursor_skip:before { display: none; }

.cursor_skip2 { width: 70px; height: 70px; background-color: #000; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; 
opacity: 0; position: absolute; display: none; z-index:999;}
body.main .cursor_skip2 { display: flex; }
body.main .cursor_skip2.show { opacity: 1; }
.cursor_skip2 p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
.cursor_skip2:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #000; opacity: 0.6; border-radius: 100%;  

    animation-name: cursor_skip, cursor_skip2;
    animation-duration: 2.1s, 2.1s;
    animation-delay: 0s, 0s;
    animation-timing-function: ease, ease;
    animation-fill-mode: both, both;
    animation-iteration-count: infinite, infinite;

}

.cursor_skip.drag { opacity: 0; }
.cursor_skip2.drag { opacity: 0; }


    
    @keyframes intro_bg {
        from { transform: rotate(-360deg); }
        to {  }
    }

#cursor.click .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.click .cursor_click { 
    width: 65px;
    height: 65px;
opacity: 1;
}

#cursor.drag .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.drag .cursor_drag { 
    width: 65px;
    height: 65px;
opacity: 1;
}

#cursor.drag2 .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
}
#cursor.drag2 .cursor_drag { 
    width: 65px;
    height: 65px;
opacity: 1;
}
#cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
#cursor.drag2 .cursor_drag p { color: #fff; }
#cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
#cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }




}

.intro_skip_mobile {position:absolute;width: 70px; height: 70px; background-color: #000; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: 0; bottom: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; 
opacity: 0; display: none; z-index:999;}
.intro_skip_mobile.show { opacity: 1; }
.intro_skip_mobile a{display:block;text-align:center;}
.intro_skip_mobile p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; line-height:70px;}
.intro_skip_mobile:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #000; opacity: 0.6; border-radius: 100%;  
    animation-name: cursor_skip, cursor_skip2;
    animation-duration: 2.1s, 2.1s;
    animation-delay: 0s, 0s;
    animation-timing-function: ease, ease;
    animation-fill-mode: both, both;
    animation-iteration-count: infinite, infinite;

}

@media all and (max-width: 767px) { 
	.intro_skip_mobile{display:block;}
}

@keyframes cursor_skip {
0% { transform: scale(0.7); }
30% { transform: scale(0.7); }
80% { transform: scale(1); }
100% { transform: scale(1);  }
}
@keyframes cursor_skip2 {
0% { opacity: 0; }
20% { opacity: 0.3; }
70% { opacity: 0.3; }
100% { opacity: 0; }
}


@media (hover: hover) and (pointer: fine) {
  #cursor {
    width: 70px;
    height: 70px;
  }
}
#cursor {
  position: fixed;
  z-index: 99999999999999999;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform;
}


.main_skip_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999980; display: none; }
.main_skip_bt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
.main_skip_bt p { display: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
#intro_area{
	position: fixed;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	z-index: 999999;
}
#intro_area .bg{
	position: absolute;
	width:100%;
	top: 0;
	left:0%;
	height:100%;
	background:#fff;
	z-index: 9;
}
#intro_area .logo{
	position: absolute;
	width: 20%;;
	height:100%;
	top:50%;
	left:50%;
	margin-left:-10%;
	z-index: 99;
	display:none;
	opacity:0;
}

#intro_area .logo img{
	width:100%;
}
#intro_area div.before{
	content:'';
	position: absolute;
	width:50%;
	top: 0;
	left:-10%;
	z-index: 999;
	height:100%;
	background:#fff;
}
#intro_area div.after{
	content:'';
	position: absolute;
	width:50%;
	top: 0;
	left:60%;
	z-index: 999;
	height:100%;
	background:#fff;
}
header {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
body.sub header {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}

header#main_header {}
.navi {
  position: absolute;
  width: 100%;
  height: 83px;;
  right: 0px;
  top: 0px;
  z-index: 999;
  border: none;
  background: none;
  transition: background 0.3s, border 0.3s, height 0.3s;
  background: none;
  border-bottom: 0px solid transparent;
  box-sizing: border-box;
  background: transparent;
  border-bottom: 0px solid #dedede;
  transition: background 0.5s, box-shadow 0.5s;
}
#logo {
  width: 250px;
  height: 32px;
  left: calc(6.25rem + 3.5rem);
  left: 3rem;
  position: absolute;
  top: 50%;
  margin-top:-22px;
  z-index: 99999999;
  transition: 0.3s;
  transform-origin: left center;
  transform: translateY(3px);
}
body.main #logo a {
  background: url(../images/logo.png) center no-repeat;
    background-size: auto;
  background-size: cover;
}
body.main .navi.white #logo a {
  background: url(../images/logo_on.png) center no-repeat;
    background-size: auto;
  background-size: cover;
}
body.sub #logo a {
  background: url(../images/logo.png) center no-repeat;
    background-size: auto;
  background-size: cover;
}
body.sub .navi.white #logo a {
  background: url(../images/logo_on.png) center no-repeat;
    background-size: auto;
  background-size: cover;
}

#logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0px;
  background: url(../images/logo.png) center no-repeat;
  background-size: cover;
  text-indent: -9999px;
  transition: 0.3s;
}

.bgm_wrap {width: 7.5rem; width: auto; height: 2.5rem; border-radius: 2.5rem; box-sizing: border-box; position: absolute; padding-left: 0.75rem;margin-left:210px;left: calc(6.25rem + 3.5rem);
  left: 3rem;  top: 50%;  margin-top:-18px;  z-index: 99999999;letter-spacing: -0.0313rem;}
.bgm_wrap:before { content: ''; width: 1px; height: 0.75rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; opacity: 0.7; transition: 0.3s; }
.bgm_wrap p { font-size: 12px; line-height: 100%; color: #fff; margin-right: 0.5rem; font-weight: 500; transition: 0.3s; }
.bgm_wrap a { width: 100%; height: 100%; display: block; border-radius: 2.5rem; display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 9;cursor:pointer}
audio { outline: none; }
.bgm_line { text-align: center; height: 30px; width: 30px; position: relative; left: 0; top: 0px; }
.bgm_line ul { width: 14px; height: 23px; position: absolute; left: 5px; top: 2px; bottom: 0; margin: auto; }
.bgm_line ul li { width: 2px; height: 2px; background-color: #fff; display: inline-block; margin-left: 1px; transition: background 0.3s; }
.bgm_line ul li:nth-child(1) { margin-left: 0; }
.bgm_box { position: relative; width: 100%; height: 96px; }
.bgm_box img { position: absolute; left: 0; top: 0; cursor: pointer; }

.navi.white .bgm_wrap p {color: #000;}
.navi.white .bgm_line ul li {background-color: #000;}
.navi.white .bgm_wrap:before {background-color: #000;}

.gnb {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
  overflow: hidden;
  height: 100%;
  letter-spacing: 0;
  z-index: 99;
}
.motion {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gnb > ul > li {
  position: relative;
  float: left;
  text-align: center;
  margin: 0 1.5rem;
}
body.main .navi .depth1 {
  color: #fff;
}
.navi .depth1 {
  position: relative;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.0313rem;
  line-height: 5.1875rem;
  margin: 0px;
  padding: 0px 0;
  transition: 0.3s;
  text-transform: uppercase;
}

.gnb > ul > li > ul {
  display: block;
  margin-top: 1rem;
  opacity: 0;
  transform: translateY(1.25rem);
}
.gnb > ul > li > ul > li {
	float: none;
  height: auto;
  width: auto;
  margin: 0rem 0;
}
.gnb > ul > li > ul > li > a {

	font-size: 0.875rem;
	  padding: 0.4125rem 0;
	  line-height: 148%;
	  color: #555;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: auto;
	  font-weight: 400;
	  letter-spacing: -0.7px;
}
.gnb>ul>li>ul>li>a:hover { color:#942051 }
.gnb>ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}

.navi-bg { position: absolute; display: block; width: 100%; height: 0px; left: 0; top: calc(5.1875rem + 0px); z-index:1; overflow: hidden; transition: 0.3s;display:none}
.navi-bg .white-bg { width:100%; height:calc(363px - 5.1875rem); background: #fff; border-bottom: 1px solid #dedede; }
.navi-bg .white-bg:before { content: ''; width: 100%; height: 1px; background-color: #dedede; position: absolute; left: 0; top: 0; opacity: 0; transition: 0.3s; }
.navi-bg.open .white-bg:before { opacity: 1; }

/*body.main .gnb>ul>li:hover>a { color: #004e71 !important; }
body.main .gnb .line { background: #004e71; }*/

.navi.white .gnb .depth1 { color:#004b45; }
.navi.white .gnb>div>ul>li:hover>a { color:#004b45 !important; }

.navi.white3 .gnb .depth1 { color: #999; }
.navi.white3 .gnb>div>ul>li:hover>a { color:#fff !important; }
.navi.white3 .gnb .line { background: #fff; }

.navi.active .navi-bg { top: calc(6.25rem + 0px); }
.navi.active .gnb .depth1 { color: #000; line-height: 6.25rem; }
/*
.navi.active .gnb>div>ul>li:hover>a { color:#e49550 !important; }
*/
.navi.active .gnb .line { background-color: #004b45; top: -0.5rem; }
.navi.active .navi-bg.open .white-bg:before { opacity: 0; }

.navi.mouseover .gnb .depth1 { color: #fff; }
/*
.navi.mouseover .gnb>div>ul>li:hover>a { color:#e49550 !important; }
.navi.mouseover .gnb>ul>li:hover>a { color:#efefef !important; }
*/
.navi.mouseover .gnb .line { background: #004b45; }

.depth1-line-show { height: 1.25rem !important; }
.navi-bg.open{ height:calc(368px - 5.1875rem); }
.gnb.open{ height:353px; }
.gnb ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}
.gnb .line {
  position: absolute;
  display: block;
  top: 0rem;
  height: 0;
  width: 1px;
  background: #e49550;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -99;
  transition: 0.35s;
  opacity: 1;
}
/*
.navi-bg2.open{height: 230px; }
.gnb2.open{height: 230px;}
*/
.gnb2 ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}
/*  */

.top_bi { width: 5rem; position: absolute; right: 0; top: 3.125rem; transition: 0.3s; }
.top_bi img { width: 100%; }

.gnb_go { position: absolute; right: -102.5%; bottom: 0; z-index: 9; opacity: 0; transition: 0.3s; }
.navi.wh .gnb_go { opacity: 1; }

/**/

.top_fixed_wrap{position:absolute;right:4rem;top:30px;}	
.top_fixed_wrap .tel_wrap{padding-right:30px;}	
.top_fixed_wrap .tel_wrap .tel{}	
.top_fixed_wrap .tel_wrap .tel a{display:block;padding-left:27px;position:relative}	
.top_fixed_wrap .tel_wrap .tel a>div{position:absolute;left:0px;top:1px;background:url('../images/tel.png') no-repeat center center;width:22px;height:22px;}	
.top_fixed_wrap .tel_wrap .tel a p{color:#ffffff;font-family: 'Gmarket Sans';font-size:22px;}	

.navi.white .top_fixed_wrap .tel_wrap .tel a>div{position:absolute;left:0px;top:1px;background:url('../images/tel_on.png') no-repeat center center;width:22px;height:22px;}	
.navi.white .top_fixed_wrap .tel_wrap .tel a p{color:#004b45;font-family: 'Gmarket Sans';font-size:22px;}	

.guest_bt a{display:block;height:100%;}

.guest_bt {
  position:Absolute;right:0px;top:0px;
  width: 14px;
  height: 21px;
  background: url('../images/sian/ico_member.png') no-repeat center  center ;
  margin-left: 0.5rem;
  cursor: pointer;
  transition: 0.3s;
  display:none
 }
.navi.white .guest_bt {
  position:Absolute;right:0px;top:0px;
  width: 14px;
  height: 21px;
  background: url('../images/sian/ico_member_on.png') no-repeat center  center ;
  margin-left: 0.5rem;
  cursor: pointer;
  transition: 0.3s;
 }

body.pc_on header {
  position: fixed;
}
body.pc_on header .navi,body header .navi.mouseover{
  background:#fff;
  border-bottom:1px solid #dedede;
}
body.pc_on #logo a,body header .navi.mouseover #logo a{background: url(../images/logo_on.png) center no-repeat;}
body.pc_on .navi .gnb .depth1,body header .navi.mouseover .gnb .depth1{color: #000;}
body.pc_on .navi .gnb li:hover .depth1,body header .navi.mouseover .gnb li:hover .depth1{color: #004b45  !important;}

body.pc_on .top_fixed_wrap .tel_wrap .tel a p,body header .navi.mouseover .top_fixed_wrap .tel_wrap .tel a p{color:#004b45;;}
body.pc_on .top_fixed_wrap .tel_wrap .tel a > div,body header .navi.mouseover .top_fixed_wrap .tel_wrap .tel a > div{background: url('../images/tel_on.png') no-repeat center center;}

body.pc_on .guest_bt,body header .navi.mouseover .guest_bt{background: url('../images/sian/ico_member_on.png') no-repeat center center;}
body.pc_on .ham span,body header .ham span{ background: #003c66;; }
#main_header:hover .ham span,#main_header:hover .ham span{ background: #003c66;; }




@media all and (max-width: 767px) { 
	body.m_on .navi{background:#fff;}

	body.m_on #logo a {
	  background: url(../images/logo_on.png) center no-repeat;
	}
	body.m_on .ham.white span { background: #003c66;; }
	body.m_on .top_fixed_wrap .tel_wrap .tel a > div{background: url('../images/tel_on.png') no-repeat center center;}
	body.m_on .guest_bt{background: url('../images/sian/ico_member_on.png') no-repeat center center;}
	#cursor {
		position: fixed;
		z-index: 999999999999999999999999;
		left: 0;
		top: 0;
		pointer-events: auto;
		will-change: transform;
		display:none;
	}
	#main_header:hover .ham span,#main_header:hover .ham span{ background: #fff;; }


}

 .agree_radio .radio_title p{color:#da3f1b;font-size:13px;padding:5px 0px;}

/**/
.ham {z-index:1000;position: fixed; left:3rem; top:18px; width: 40px; height: 40px; cursor: pointer; opacity: 1; border-radius: 100%; transition: left 0.5s, top 0.3s; box-sizing: border-box; display: none;
}
/*body.main .ham { animation: ham 1.6s 2.3s both; }
body.sub .ham { animation: ham 1.6s 0.3s both; }

@keyframes ham {
	from { opacity: 0; }
	to {  }
}*/

.ham:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: auto; border-radius: 100%; border: 1px solid transparent; box-sizing: border-box; z-index: -1; transition: 0.3s; }
.ham span { display: block; background: #003c66; margin: 6px auto; width: 22px; height: 2px; transition: 0.3s; }
.ham .bar1 { margin-top: 11px; background: #003c66;}

.ham.active { transition: 0.5s, top 0.4s, left 0.5s 0.2s; left: 5.75rem; }
/* .ham.active:after { } */
.ham.active span { background-color: #fff !important; }

.ham.active .bar1 { transform: rotate(45deg); width: 70%; height: 1px; border-radius: 0; margin-top: 20px; }
.ham.active .bar2 { opacity: 0; }
.ham.active .bar3 { transform: rotate(-45deg); width: 70%; height: 1px; border-radius: 0; margin-top: -15px; }

.ham.white:after { border: 1px solid transparent; }
.ham.white span { background: #fff; }

.ham.active2 { top: 28px; }
.ham.active2:after { background-color: none !important; border: 1px solid transparent !important; }
.ham.active2 span { background-color: #003c66; }
.ham.active3 { top: 35px; }
.ham.pop { top: 35px; }
.ham.active2.pop { top: 25px; }
.ham.active3.active2 { top: 25px; }


#section1 { width: 100%; background: none; }

.main_wrap { width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: 1.0s; }
.main_wrap #main_intro{background:url('../images/main_intro.jpg?ver=1') no-repeat center center;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:22}
.sub_wrap { width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: 1.0s; }

.main01 { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; transition: 0.8s;}
.main01 .main_txt_box{position:absolute;left:50%;top:25%;margin-left:-50%;width:100%;z-index:10;display:none}
.main01 .main_txt_box .main_txt01{text-align:center;font-size:19px;color:#ffffff;margin-bottom:10px;opacity:0;transform: translateY(-2rem);}
.main01 .main_txt_box .main_txt01 h3{display:inline-block;font-weight:400}
.main01 .main_txt_box .main_txt01 h3 span{display:inline-block;margin:0px 10px;letter-spacing:0px;}
.main01 .main_txt_box .main_txt02{text-align:center;opacity:0;transform: translateY(-2rem);}
.main01 .main_txt_box .main_txt02 img{width:672px;}

.main_wrap.on .main01 .main_txt_box .main_txt01 { opacity: 1; transform: translate(0);  transition: 1.2s 0s;}
.main_wrap.on .main01 .main_txt_box .main_txt02{opacity:1;  transform: translate(0);  transition: 1.2s 1s;}


.main01 .main_img{ width: 100%; height: 100%; position: relative; left: 0; bottom: 0;overflow:hidden;}
.main01 .main_img:after{content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:3;background:#000;opacity:0.2}


.main_wrap2 { width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: 1.0s; }
.main_wrap2.on .main01_01 .main_txt_box .main_txt01 { opacity: 1; transform: translate(0);  transition: 1.2s 1s;}
.main_wrap2.on .main01_01 .main_txt_box .main_txt02{opacity:1;  transform: translate(0);  transition: 1.2s 1s;}
.main_wrap2.active .main01_01 .main_txt_box .main_txt01 { opacity: 1; transform: translate(0);  transition: 1.2s 1s;}
.main_wrap2.active .main01_01 .main_txt_box .main_txt02{opacity:1;  transform: translate(0);  transition: 1.2s 1s;}
.main01_01 { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; transition: 0.8s;}
.main01_01 .main_img{position:absolute;left:0%;top:0%;width:100%;z-index:7;height:100%;background:url('../images/main_visual01.jpg') center center;background-size:cover}
.main01_01 .main_txt_box{position:absolute;left:50%;top:20%;margin-left:-50%;width:100%;z-index:10;}
.main01_01 .main_txt_box .main_txt01{text-align:center;font-size:19px;color:#fff;margin-bottom:10px;opacity:0;transform: translateY(-2rem);}
.main01_01 .main_txt_box .main_txt01 h3{display:inline-block;font-weight:400}
.main01_01 .main_txt_box .main_txt01 h3 span{display:inline-block;margin:0px 10px;letter-spacing:0px;}
.main01_01 .main_txt_box .main_txt02{text-align:center;opacity:0;transform: translateY(-2rem);margin-top:40px;}
.main01_01 .main_txt_box .main_txt02 img{width:503px;}

/* 2. 배경 컨테이너 */
.video-background {
	 position: absolute; left:0%; top:0%;
  z-index:2
}

/* 3. iframe 꽉 채우기 설정 */
.video-background iframe {
  position: absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
}
/* 2. 배경 컨테이너 */
.video-background_mobile {
  position: absolute; left:0%; top:0%;
  z-index:2;
  display:none;
}

/* 3. iframe 꽉 채우기 설정 */
.video-background_mobile iframe {
  position: absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
}


@media all and (max-width: 767px) { 
	.video-background{display:none;}
	.video-background_mobile{display:block;}
}

#section_summary { width: 100%; z-index: 1; }
.sum_wrap { width: 100vw; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #000; color: #fff; }
.sum_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 2; background-color: #000; }
.sum_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; }
/* .sum_vd::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sum_bg.png) center no-repeat; background-size: cover; z-index: 3; opacity: 1; } */
/* .sum_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; } */
.sum_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 0.5; transition: 1.2s; }
.sum_bg{position: absolute;background:url('../images/main_summary_bg.jpg') no-repeat center center;background-size:cover;left:0px;top:0px;width:100%;height:100%;}

@media all and (max-width: 1640px) { 
	.sum_vd iframe { width: 140%; height: 140%; }
  .sum_vd::before { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.sum_vd iframe { width: 200%; height: 200%; }
  .sum_vd::before { width: 200%; height: 200%; }
}

@media all and (max-width: 1000px) { 
	.sum_vd iframe { width: 250%; height: 250%; }
  .sum_vd::before { width: 250%; height: 250%; }
}

@media all and (max-width: 767px) { 
	.sum_vd iframe { width: 300vh; height: 300vh; }
  .sum_vd::before { width: 300vh; height: 300vh; }
	/* .sum_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
  .sum_vd::before { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; } */
}

.sum_wrap .line_box>div>div>span::after { background-color: #fff; }
.sum_wrap .line_box>div { height: 92%; }

.sum_vd_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; display: block; transform: scale(1); background: url(../img/sum_vd_img.jpg) center no-repeat; background-size: cover; opacity: 0.4; display: none; }
/* .sum_vd_img::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/comm_bg.png) center no-repeat; background-size: cover; z-index: 3; } */

.sum_tit_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; z-index: 5; }
.sum_tit_box>div { transform: translateY(3rem); opacity: 0; transition: 0.8s; }
.sum_tit_box h5 { font-size: 1.3rem; line-height: 100%; text-align: left; margin-left: 0.625rem; opacity: 0; transition: 0.8s;letter-spacing:0.2rem;margin-bottom:2px;}
.sum_tit_box h1 { font-family: 'trajan pro'; font-size: 7rem; line-height: 100%; margin-top: 1rem; letter-spacing: 2rem; padding-left: 2rem; transition: 0.8s; }
.sum_tit_box h2 { font-size: 1.3rem; line-height: 100%; text-align: right; margin-left: 0.625rem; opacity: 0; transition: 0.8s;letter-spacing:0.2rem;margin-bottom:2px;}

.sum_sum_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; z-index: 6; opacity: 1; }
.sum_sum_box>div { width: 90%; max-width: 1500px; transform: translateY(4rem); }

.sum_sum_tit { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; text-align: left; }
.sum_sum_tit>div { opacity: 0; transform: translateX(-5rem); transition: 0.8s; }
.sum_sum_tit h1 { font-family: 'trajan pro'; font-size: 3.625rem; line-height: 100%; }
.sum_sum_tit h2 { font-size: 1.375rem; line-height: 100%; margin-top: 1rem; }

.sum_sum { width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 7rem; }
.sum_sum ul { width: 90%; max-width: 1068px; display: flex; justify-content: flex-end; align-items: flex-start; gap: 4.625rem 3.5rem; flex-wrap: wrap; opacity: 0; transform: translateX(5rem); transition: 0.8s; margin-right:10%;}
.sum_sum ul li { width: calc(33.33% - 2.375rem); text-align: left; }
.sum_sum ul li.two { width: calc(66.66% - 1.3rem); text-align: left; }
.sum_sum ul li h3 { font-size: 1.1875rem; line-height: 100%; }
.sum_sum ul li p { font-size: 0.875rem; line-height: 128%; opacity: 1; border-top: 1px solid #fff; margin-top: 0.875rem; padding-top: 1.25rem; }




.sum_wrap.on .imgc,
.sum_wrap.on2 .imgc { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.sum_wrap.on .sum_tit_box>div { opacity: 1; transition: 1.2s 0.2s; }
.sum_wrap.on .sum_tit_box h1 { letter-spacing: -0.0313rem; padding-left: 0; transition: 1.5s 1.0s; }
.sum_wrap.on .sum_tit_box h5 { opacity: 1; transition: 1.5s 1.0s; }
.sum_wrap.on .sum_tit_box h2 { opacity: 1; transition: 1.5s 1.0s; }
.sum_wrap.on .line01>span::after { width: 100% !important; height: 100% !important; transition: 1.2s 0s linear; }
.sum_wrap.on .line02>span:first-child::after { width: 100% !important; height: 100% !important; transition: 1.2s 1.2s ease; }
.sum_wrap.on .line02>span:last-child::after { width: 100% !important; height: 100% !important; transition: 1.2s 1.2s ease; }
.sum_wrap.on .line03>span::after { width: 100% !important; height: 100% !important; transition: 2.5s 1.2s ease; }
.sum_wrap.on .line04>span:first-child::after { width: 100% !important; height: 100% !important; transition: 1.2s 1.2s ease; }
.sum_wrap.on .line04>span:last-child::after { width: 100% !important; height: 100% !important; transition: 1.2s 1.2s ease; }

.sum_wrap.on2 .sum_vd iframe { opacity: 0.2; }
.sum_wrap.on2 .sum_sum_tit>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.sum_wrap.on2 .sum_sum ul { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

#section_map{overflow:hidden}
.map_wrap { width:200%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: 1.6s; }

.map01{}
.map01 { width: 100%; height: 100%;  max-width:1920px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; position: relative; }
.map02 { width:100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; position: relative;z-index: 9; transition: 1.2s 0s; }

.premiumonly_wrap { width: 100vw; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;color: #fff; }
.premiumonly{height:100%;width:100%;overflow:hidden;position:relative;display:flex;flex-direction: column;justify-content: center;transition:1.4s;}
.premiumonly .co{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffff;opacity:0;transition:1.4s;}
.premiumonly .area{padding: 0 4.4271vw;position:relative;}

.premiumonly .premiumonly_tit{position:absolute;left:0%;width:100%;top:50%;margin-top:-380px;;}
.premiumonly .premiumonly_tit h5{text-align:center;}
.premiumonly .premiumonly_tit h5 span{color:#001323;font-family:'trajan pro';;letter-spacing:-0.035em;font-size:3.92vw;}

.sub_premiumonly_bottom {position:absolute;width:100%;left:0px;top:40%;height:100%;}
.sub_premiumonly_bottom .sub_premiumonly_box{padding-top:30px;position:relative}
.sub_premiumonly_bottom .sub_premiumonly_box img{width:100%;}

.sub_premiumonly_bottom .sub_premiumonly_box1{
	position:absolute;left:50%;top:-20%;
	width:540px;
	margin-left:-550px;
	z-index:10;
}
.sub_premiumonly_bottom .sub_premiumonly_box2{
	position:absolute;left:50%;top:-20%;
	width:540px; 
	margin-left:10px;
	z-index:10;
}


.location{height:100%;position:relative;overflow:hidden;transform:translate(0,-100%);transition:1.4s;width:100%;}
.location .map_box{height:100%;transition:1s;;}
.location .map{position:relative;height:100%;overflow:hidden;transition:1s;}
.location .blur{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;opacity:0;}
.location .blur span{display:block;height:100%;background-color:#fff;transition:1s;}
.location .img{position:absolute;left:0;bottom:0;width:100%;height:90%;opacity:0;transform:scale(1.2);transition:1.4s;}
.location .img:before{content:"";position:absolute;right:0;top:0;width:30%;height:100%;background-color:#fff;z-index: 1;transform:scaleX(0);transform-origin: 100% 0;transition:1s;}
.location .img:after{content:"";background:url('') no-repeat center / 100% 100%;width:100%;height:10%;position:absolute;left:0;top:0;transform: translate(0, -55%) rotate(180deg);}
.location .img .bg{position:absolute;left:0;top:0;width: 100%;height:100%;background:url('../images/main_map_bg5.jpg') no-repeat left / auto 100%;;}
.location .img .shadow{position:absolute;left:0;top:0;width: 100%;height:100%;background: url('') no-repeat center / auto 100%;z-index: 2;transform-origin: 55% 25%;transform:scale(0);transition:1s;}
.location .img .shadow .zoom{position: absolute; calc(40% + 13.9dvh);top: 50.3%;width: calc(80.1dvh * 0.8);height: calc(41.1dvh * 0.8);overflow: hidden;}
.location .img .shadow .zoom span{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/map-shadow-zoom_new2.png') no-repeat center / contain;opacity:0;transform:scale(1.2);transition:1s;}
.location .img .shadow .zoom .t{position:absolute;left: 55%;top: 26%;width:42%;transform: translate(-50%, -50%);overflow:hidden;display:none}
.location .img .shadow .zoom .t .t1{display:block;transform: scale(0);transform-origin: 50% 100%;transition:0.8s;}
.location .img .shadow .zoom .t .t2{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translate(0,-50%);transition:0.8s;}
.location .map_box .ori{display:flex;position:absolute;right:calc(2vw + 20%);bottom:1vw;font-size:0.625vw;line-height:1.3em;;color: #363e41;letter-spacing:-0.025em;z-index:6;opacity:0;transition:0.6s;display:none}
.location .map_box .ori br{display:none;}
.location .tit{position:absolute;top:30dvh;left:75.3958vw;z-index:5;transition:1s;height:70dvh;}
.location .tit .t1{color:#0d0d0d;font-family:'trajan pro';;letter-spacing:-0.035em;font-size:3.13vw;display:flex;}
.location .tit .t1 p{position:relative;overflow:hidden;}
.location .tit .t1 p span{display:block;padding-bottom:0.2604vw;transform:translate(0,100%);transition:0.6s;font-family:'trajan pro';}
.location .tit dl{margin-top:2.0854vw;}
.location .tit dl dt{color:#0e0e0e;font-size:1.73vw;letter-spacing:-0.025em;overflow:hidden;margin-bottom:7px;}
.location .tit dl dt p{transform:translate(0,100%);transition:0.8s;font-family:'Nanum Myeongjo'}
.location .tit dl dt p strong{font-family:'Nanum Myeongjo';color:#a70f5b;font-weight:700}
.location .tit .logo{bottom:0px;width:13.6vw;opacity:0;transform:translate(20%,0);transition:0.6s;position:absolute;left:50%;margin-left:-9.2vw}
.location .tit .logo img{width:100%;}
.active .location .blur{opacity:1;}

.map_wrap.on2  .location .map_box{transform: translate(calc(-36% - 65dvh),0);}
.map_wrap.on2  .location .tit{left: 5vw;}



.fp-viewing-3 .location{transform:none;}
.fp-viewing-5 .location,
.fp-viewing-6 .location{transform:translate(0,100%);}
.fp-viewing-3 .location .blur span,
.fp-viewing-5 .location .blur span{transform:translate(0,-100%);transition-delay:0.8s;}
.fp-viewing-3 .location .img,
.fp-viewing-5 .location .img{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-3 .location .img:before{transform:none;transition-delay:2.8s;}
.fp-viewing-5 .location .img:before,
.fp-viewing-6 .location .img:before{transform:scale(1);transition-delay:0s;}
.fp-viewing-3 .location .img .shadow,
.fp-viewing-5 .location .img .shadow{transform:none;transition-delay:1s;}
.fp-viewing-3 .location .img .shadow .zoom span,
.fp-viewing-5 .location .img .shadow .zoom span{opacity:1;transform:none;transition-delay:1.5s;}
.fp-viewing-5 .location .map_box,
.fp-viewing-6 .location .map_box{transform:translate(calc(-34% - 65dvh),0);}
/*.fp-viewing-3 .location .map{transform:translate(-10%,0);transition-delay:2.6s;}*/
.fp-viewing-5 .location .map,
.fp-viewing-6 .location .map{transform:translate(-20%,0);transition-delay:0s;}
.fp-viewing-3 .location .tit .t1 p:before{transform:none;transition-delay:3.6s;}
.fp-viewing-5 .location .tit .t1 p:before,
.fp-viewing-6 .location .tit .t1 p:before{transform:scaleX(1);transition-delay:0.5s;}
.fp-viewing-3 .location .tit .t1 p span{transform:none;transition-delay:3.6s;}
.fp-viewing-5 .location .tit .t1 p span,
.fp-viewing-6 .location .tit .t1 p span{transform:translate(0,0);transition-delay:0.5s;}
.fp-viewing-3 .location .tit dl dt p{transform:none;transition-delay:3.9s;}
.fp-viewing-5 .location .tit dl dt p,
.fp-viewing-6 .location .tit dl dt p{transform:translate(0,0);transition-delay:0.8s;}
.fp-viewing-3 .location .tit dl dd p{transform:none;transition-delay:4.1s;}
.fp-viewing-5 .location .tit dl dd p,
.fp-viewing-6 .location .tit dl dd p{transform:translate(0,0);transition-delay:1s;}
.fp-viewing-3 .location .tit .logo{opacity:1;transform:none;transition-delay:4.4s;}
.fp-viewing-5 .location .tit .logo,
.fp-viewing-6 .location .tit .logo{opacity:0.99;transform:translate(0,0);transition-delay:1.3s;}
.fp-viewing-5 .location .tit,
.fp-viewing-6 .location .tit{left:5.3333vw;}
.fp-viewing-3 .location .map_box .ori,
.fp-viewing-5 .location .map_box .ori{opacity:1;transition-delay:4s;}



.loc_pre{height:100%;overflow:hidden;transform:translate(0%);transition:1.4s;position:absolute;left:0px;top:0px;width:100%;}
.loc_pre .sd{width:72.3958vw;height:100%;margin: 0 0 0 auto;overflow:hidden;touch-action: pinch-zoom;}
.loc_pre .sd .swiper-slide{overflow:hidden;}
.loc_pre .sd .box{display:flex;align-items:flex-start;height:100%;overflow:hidden;}
.loc_pre .sd .box .txt{width:30%;padding-left:8.375vw;position: relative;top: 26dvh;transform:translate(200%,0);transition:1.2s;}
.loc_pre .sd .box .txt .t1{display:none;}
.loc_pre .sd .box .txt strong{display:block;overflow:hidden;font-weight:400;color:#172853;font-size:2.08vw;opacity:0;transform:translate(0,50%);transition:0.8s;}
.loc_pre .sd .box .txt strong span{display:block;transform:translate(0,100%);transition:0.8s;font-family:"AntroVectra-Bolder";;letter-spacing:-0.035em;}
.loc_pre .sd .box .txt strong span i{font-family:"Scriptin";font-style: normal;font-size: 2.78vw;line-height: 10%;}
.loc_pre .sd .box .txt dl{margin-top:1.6875vw;}
.loc_pre .sd .box .txt dl dt{color:#2d476e;font-size:1.413vw;line-height:1.31em;letter-spacing:-0.05em;font-family:'Nanum Myeongjo';font-weight: 600;opacity:0;transform:translate(0,30%);transition:0.8s;}
.loc_pre .sd .box .txt dl dt p{overflow:hidden;}
.loc_pre .sd .box .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;font-family:'Nanum Myeongjo';}
.loc_pre .sd .box .txt dl dd{color:#050505;font-size:0.9vw;line-height:1.67em;margin-top:2.2042vw;letter-spacing:-0.05em;opacity:0;transform:translate(0,30%);transition:0.8s;}
.loc_pre .sd .box .txt dl dd p{overflow:hidden;}
.loc_pre .sd .box .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;font-family:'Noto Sans KR';}
.loc_pre .sd .box .txt .read_more{display:flex;margin-top:2.1229vw;pointer-events:auto;opacity:0;transform:translate(0,100%);transition:0.8s;}
.loc_pre .sd .box .txt .read_more a{opacity:0;transform:translate(0,100%);transition:0.8s;}
.loc_pre .sd .box .img{width:70%;height:100%;position:relative;transform:translate(200%,0);transition:1.2s;}
.loc_pre .sd .box .img .bg{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.loc_pre .sd .box .img .bg span{display:block;width:100%;height:100%;background:no-repeat center / cover;transform:scale(1.2);transition:1.2s;}
.loc_pre .sd .sd1 .box .img .bg span{background-image:url('../images/map-pre-img1.jpg');}
.loc_pre .sd .sd2 .box .img .bg span{background-image:url('../images/map-pre-img2.jpg');}
.loc_pre .sd .sd3 .box .img .bg span{background-image:url('../images/map-pre-img3.jpg');}
.loc_pre .sd .sd4 .box .img .bg span{background-image:url('../images/map-pre-img4.jpg');}
.loc_pre .sd .sd5 .box .img .bg span{background-image:url('../images/map-pre-img5.jpg');}
.loc_pre .sd .sd6 .box .img .bg span{background-image:url('../images/map-pre-img6.jpg');}
.loc_pre .sd .sd7 .box .img .bg span{background-image:url('../images/map-pre-img7.jpg');}
.loc_pre .sd .sd8 .box .img .bg span{background-image:url('../images/map-pre-img8.jpg');}

.loc_pre .sd .box .img .bg em{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center / cover;opacity:0;transform:translate(0,10%);transition:0.8s;}
.loc_pre .sd .box .img i{position:absolute;opacity:0;transform:translate(40%,0);transition:0.6s;}
.loc_pre .sd .box .img i img{opacity:0;transform:translate(40%,0);transition:0.6s;}
.loc_pre .sd .swiper-slide-active .box .txt strong{opacity:1;transform:none;transition-delay:0.4s;}
.loc_pre .sd .swiper-slide-active .box .txt dl dt{opacity:1;transform:none;transition-delay:0.6s;}
.loc_pre .sd .swiper-slide-active .box .txt dl dd{opacity:1;transform:none;transition-delay:0.8s;}
.loc_pre .sd .swiper-slide-active .box .txt .read_more a{opacity:1;transform:none;transition-delay:1s;}
.loc_pre .sd .swiper-slide-active .box .img .bg span{transform:none;}
.loc_pre .sd .swiper-slide-active .box .img .bg em{opacity:1;transform:none;transition-delay:1s;}
.loc_pre .sd .swiper-slide-active .box .img .i1{opacity:1;transform:none;transition-delay:1.2s;}
.loc_pre .sd .swiper-slide-active .box .img .i2{opacity:1;transform:none;transition-delay:1.4s;}

.map_wrap.on2  .loc_pre{transform:translate(-100%,0%);transition:1.4s;}
.map_wrap.on2 .loc_pre .box .txt,
.map_wrap.on2 .loc_pre .box .txt{transform:none;}
.map_wrap.on2 .loc_pre .box .img,
.map_wrap.on2.loc_pre .box .img{transform:none;}

.map_wrap.on2 .loc_pre .sd .box .txt strong span,
.map_wrap.on2 .loc_pre .sd .box .txt strong span{transform:none;transition-delay:1s;}
.map_wrap.on2 .loc_pre .sd .box .txt dl dt p span,
.map_wrap.on2 .loc_pre .sd .box .txt dl dt p span{transform:none;transition-delay:1.2s;}
.map_wrap.on2 .loc_pre .sd .box .txt dl dd p span,
.map_wrap.on2 .loc_pre .sd .box .txt dl dd p span{transform:none;transition-delay:1.4s;}
.map_wrap.on2 .loc_pre .sd .box .txt .read_more,
.map_wrap.on2 .loc_pre .sd .box .txt .read_more{opacity:1;transform:none;transition-delay:1.6s;}
.map_wrap.on2 .loc_pre .sd .box .img .i1 img,
.map_wrap.on2 .loc_pre .sd .box .img .i1 img{opacity:1;transform:none;transition-delay:1.6s;}
.map_wrap.on2 .loc_pre .sd .box .img .i2 img,
.map_wrap.on2 .loc_pre .sd .box .img .i2 img{opacity:1;transform:none;transition-delay:1.8s;}


.fp-viewing-5 .loc_pre,
.fp-viewing-6 .loc_pre{transform:none;}
.fp-viewing-6 .loc_pre{background-color:#f7f9fa;}
.fp-viewing-5 .loc_pre .box .txt,
.fp-viewing-6 .loc_pre .box .txt{transform:none;}
.fp-viewing-5 .loc_pre .box .img,
.fp-viewing-6 .loc_pre .box .img{transform:none;}
.fp-viewing-5 .loc_pre .sd .box .txt strong span,
.fp-viewing-6 .loc_pre .sd .box .txt strong span{transform:none;transition-delay:1s;}
.fp-viewing-5 .loc_pre .sd .box .txt dl dt p span,
.fp-viewing-6 .loc_pre .sd .box .txt dl dt p span{transform:none;transition-delay:1.2s;}
.fp-viewing-5 .loc_pre .sd .box .txt dl dd p span,
.fp-viewing-6 .loc_pre .sd .box .txt dl dd p span{transform:none;transition-delay:1.4s;}
.fp-viewing-5 .loc_pre .sd .box .txt .read_more,
.fp-viewing-6 .loc_pre .sd .box .txt .read_more{opacity:1;transform:none;transition-delay:1.6s;}
.fp-viewing-5 .loc_pre .sd .box .img .i1 img,
.fp-viewing-6 .loc_pre .sd .box .img .i1 img{opacity:1;transform:none;transition-delay:1.6s;}
.fp-viewing-5 .loc_pre .sd .box .img .i2 img,
.fp-viewing-6 .loc_pre .sd .box .img .i2 img{opacity:1;transform:none;transition-delay:1.8s;}


#snb_wrap {height: 64px; position: relative;margin-top: 0px; z-index: 99;background:#373939;}
#snb {width: 480px; height: 65px; position: absolute; left:50%;margin-left:-550px;top: 0; }
#snb:after {content:""; display:block; clear:both; }

#snb > li.home {}
#snb > li.home a {width:60px;height:65px;display:block;background:url('../images/sub_navi_home.png?') no-repeat center center;}
#snb > li { float: left; width: 200px; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #fff; }
#snb > li > a { width: 100%; height: 100%; display: block; box-sizing: border-box; }
#snb > li > a:after { content:''; position: absolute; width: 1px; height:14px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto;display:none}
#snb > li:first-child { width: 60px; }
#snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:nth-child(3) { width: 220px;display:none}
#snb > li:nth-child(3) > a:after { display: none; }
#snb > li:first-child + li + li > a { margin-top:1px; color: #fff; }
/*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
#snb > li:first-child + .ov {margin-left:0;}
#snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb .ov {margin-left:-1px;}
#snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 14px; color:#fff; min-width:160px; font-weight:400; }

#snb > li br { display: none; }

#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }

#snb .ov ul {position:absolute;left:0;top:64px;min-width:100%;background:#fff; display:none; }
#snb .ov ul li {border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a { display:block;font-size: 12px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover { background: #ebebeb; color: #000; }


@media all and (max-width: 1400px) { 

.complex01 {  max-width:1400px; }

}
.community_wrap { width: 100vw; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;color: #fff; }

.community{height:100%;overflow:hidden;position:relative;display:flex;flex-direction: column;justify-content: center;transition:1.4s;}
.community .co{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffff;opacity:0;transition:1.4s;}
.community .area{padding: 0 4.4271vw;position:relative;}

.community .tit{position:absolute;left:0%;width:100%;top:50%;margin-top:-380px;;display:block}
.community .tit p.title{text-align:center;}
.community .tit p.title span{color:#0d0d0d;font-family:'trajan pro';;letter-spacing:-0.035em;font-size:3.92vw;}

.community .tit p.exp{text-align:center;margin-top:10px;}
.community .tit p.exp span{color:#0e0e0e;font-family:'Nanum Myeongjo';letter-spacing:-0.025em;font-size:1.32vw;}

.community .img_sd{position:relative;margin-top:12%;}
.community .img_sd .sd_box{opacity:0;transform:translate(0,-30%);transition:0.8s;}
.community .img_sd .box{position:relative;margin: 0 auto;width:31.4583vw;transform-origin: 50% 75%;transform:scale(0.5);transition:1s;}

.community .img_sd .box .img{-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: 100%;}
.community .img_sd .box .img img{opacity:0;transform:translate(0,20%);transition:1s;width:100%;}

.community .txt_sd{margin-top:2.8646vw;text-align:center;position:relative;}
.community .txt_sd .arr{border:none;background:none;width:3.25vw;position:absolute;top:40%;z-index:2;pointer-events:auto;}
.community .txt_sd .arr.prev{right:72.7604%;}
.community .txt_sd .arr.next{left:72.7604%;transform:rotate(0deg);}
.community .txt_sd .arr img{opacity:0;transition:0.6s;}
.community .txt_sd .arr.prev img{transform:translate(-100%,0);}
.community .txt_sd .arr.next img{transform:translate(-100%,0);}
.community .txt_sd dl {position:relative;}
.community .txt_sd dl dt{opacity:0;transform:translate(0,100%);transition:0.8s;}
.community .txt_sd dl dt p{color:#1c2a4d;font-size:1.4458vw;letter-spacing:-0.05em;font-family:'Noto Sans KR';;font-weight:700;overflow:hidden;text-align:center}
.community .txt_sd dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;font-family:'Noto Sans KR';}
.community .txt_sd dl dd{display:block;color:#1c2a4d;font-family:'Noto Sans KR';font-size:0.9854vw;letter-spacing:-0.05em;line-height:1.65em;margin-top:1.0417vw;}
.community .txt_sd dl dd p{overflow:hidden;opacity:0;transform:translate(0,50%);transition:0.8s;text-align:center}
.community .txt_sd dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;font-family:'Noto Sans KR';}
.community .img_sd .swiper-slide-active .box{transform:none;}
.community .txt_sd .swiper-slide-active dl dt .num{opacity:0;transform:translate(0,200%);transition-delay:0s;}
.community .txt_sd .swiper-slide-active dl dt p span{transform:none;transition-delay:0.6s;}
.community .txt_sd .swiper-slide-active dl dd p span{transform:none;transition-delay:0.8s;}

.fp-viewing-5 .community .co{opacity:1;}
.fp-viewing-5 .community .img_sd .sd_box{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-5 .community .img_sd .swiper-slide-active .sd_box{transition-delay:0.8s;}
.fp-viewing-5 .community .img_sd .box .img img{opacity:1;transform:none;transition-delay:1.2s;}
.fp-viewing-5 .community .img_sd .swiper-slide-active .box .img img{transition-delay:1s;}
.fp-viewing-5 .community .txt_sd dl dt{opacity:1;transform:none;transition-delay:1.4s;}
.fp-viewing-5 .community .txt_sd dl dd p{opacity:1;transform:none;transition-delay:1.6s;}
.fp-viewing-5 .community .txt_sd .arr img{opacity:1;transform:none;transition-delay:1.8s;}
.fp-viewing-5 .community .img_sd::before,
.fp-viewing-5 .community .img_sd::after{transform:none;transition-delay:1.5s;}
.fp-viewing-6 .community{transform:translate(0,100%);}


.contact_wrap {
  width: 100%;
  height: 100%;
  position: relative;
  transition: 1.6s;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.contact_wrap:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('../images/main_contactus_bg.jpg?') center bottom no-repeat;
    background-size: auto;
  background-size: cover;
}
.contact_wrap:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity:0;
  background:#000;
    background-size: auto;
  background-size: cover;

}

.contact_wrap .contact_tit{
	position:absolute;left:0px;top:15%;;
	width:100%;
	z-index:10;
	text-align:center;
	opacity: 0;
    transform: translateY(-6rem);

}
.contact_wrap .contact_tit h2{
	color:#004338;
	font-size:60px;
	font-family: 'trajan pro';
	font-weight:700;

}
.contact_wrap .contact_tit h5{

	color:#004338;
	font-size:20px;
	font-family: 'Nanum Gothic';
	font-weight:700;
	margin:10px;

}
.contact_wrap .sub_contact_box1{
	position:absolute;left:50%;top:35%;
	width:684px;
	margin-left:-342px;
	z-index:10;
}
.contact_wrap .sub_contact_box2{
	position:absolute;left:50%;top:35%;
	width:540px;
	margin-left:30px;
	z-index:10;
}
.contact_wrap .sub_contact_box{
	position:absolute;left:0%;top:0%;
	width:100%;
	margin-left:0px;
	z-index:10;
	opacity: 0;
    transform: translateY(3rem);
}
.contact_wrap .sub_contact_box .sub_contact_txt_box{
	text-align:left;
	padding-left:0px;
	margin-top:20px;
}
.contact_wrap .sub_contact_box .sub_contact_txt_box p{
	font-size:20px;color:#ffffff;
	position:relative;
	margin-top:0px;
	margin-bottom:5px;
	font-family:'Noto Sans KR';
}
.contact_wrap .sub_contact_box .sub_contact_txt_box p.notice{
	font-size:14px;color:#ffffff;
	position:relative;
	margin-top:0px;
	margin-bottom:5px;
	font-family:'Noto Sans KR';
	background:#a30353;
	padding:5px 10px;
}
.contact_wrap .sub_contact_box .sub_contact_txt_box p span{
	font-size:20px;color:#ffffff;
	display:inline-block;
	margin-right:10px;
	padding-right:10px;
	position:relative;
	width:110px;
	font-family:'Noto Sans KR';
}

.contact_wrap .sub_contact_box .sub_contact_txt_box p span:before{
	content:'';
	position:absolute;
	right:0px;
	height:20px;
	width:1px;
	background:#dedede;
	opacity:0.7;
	top:2px;

}
.contact_wrap .sub_contact_box .sub_contact_icon_box{
	position:absolute;right:0px;bottom:0px;
	text-align:right;
	margin-top:0px;
	width:100%;
	height:100%;
}
.contact_wrap .sub_contact_box .sub_contact_icon_box a{display:inline-block;margin:0px 3px;}

.contact_wrap.on .contact_tit {
  opacity: 1;
  transform: translate(0);
  transition: 1.2s 0.2s;
}
.contact_wrap.on .sub_contact_box {
  opacity: 1;
  transform: translate(0);
  transition: 1.2s 0.6s;
}
.nsstab_cont2 iframe{width:100%;height:620px;}

@media (max-width: 1200px) {


	.sub_premiumonly_bottom .sub_premiumonly_box1{ width:48%;margin-left:-48%;}
	.sub_premiumonly_bottom .sub_premiumonly_box2{ width:48%;}


}

.by_bn { width:10rem; height:10rem;  color:#fff; position:absolute; right:4rem; top:7rem; z-index:99; text-align:center; display: flex; justify-content: center; align-items: center; opacity: 0; transform: 0.8s; display:none}
.by_bn_txt { width:7.5rem; height:7.5rem; background:#fff; border:3px solid #fff; border-radius:100%; line-height:120%; display: flex; justify-content: center; align-items: center; }
.by_bn_txt h4 { font-size:0.975rem;}
.by_bn_txt h4 span{display:block;text-align:center;}
.by_bn_txt h4 span.white{display:none}
.by_bn_txt h4 span img{}
.by_bn_bg { width:100%; height:100%; background: url('') center no-repeat; background-size: cover;  position:absolute; animation: main_circle 38s 0s linear infinite;}

.by_bn.show { opacity: 1; transition: 1.2s; }

.by_bn.white {}
.by_bn.white .by_bn_txt {background:#a30353;;border:3px solid #a30353;}
.by_bn.white .by_bn_txt h4 span{display:none}
.by_bn.white .by_bn_txt h4 span.white{display:block}
.by_bn.white .by_bn_bg {background: url('') center no-repeat;}

@keyframes main_circle {
    from { transform: rotate(-360deg); }
    to {  }
}
.right_scroll_wrap { width: 12px; height: 230px; margin: auto; overflow: hidden; position: absolute; z-index: 99; right: 1.75rem; top: 0; bottom: 0; transform: translateY(0rem); opacity: 1; display: none; }
.right_scroll_img { width: 100%; height: 97px; background: url(../images/sian/scroll2.png) center no-repeat; transition: 0.3s; }
.right_scroll { width: 1px; height: 130px; background-color:rgba(255,255,255,0.3); margin: auto; margin-top: 16px; position: relative; transition: 0.3s; }
.right_scroll span { position: absolute; content:''; width: 10px; height: 10px; background-color: #00b5c3; left: -4px; top: 0; border-radius: 100%; transition: background 0.3s; }

.right_scroll_wrap.white .right_scroll_img { background: url(../images/sian/scroll.png) center no-repeat; }
.right_scroll_wrap.white .right_scroll { background-color: rgba(0,0,0,0.3);}
.right_scroll_wrap.white .right_scroll span { background-color: #00b5c3; }

body.fp-responsive .section {
    height: auto !important;
}

.sub_visual{background:url('../images/sub_visual.jpg') no-repeat center center;height:462px;position:relative}
.sub_visual .text{position:absolute;height:82px;width:675px;left:50%;margin-left:-337px;top:50%;}
.s_wrap{position:relative;width:1100px;margin:0 auto;padding-bottom:100px;}
.s_wrap .snavi{position:absolute;right:0px;top:20px;z-index:10}
.s_wrap .snavi li{float:left;position:relative;margin-left:20px;line-height:100%;}
.s_wrap .snavi li.home{padding-right:20px;}
.s_wrap .snavi li a{display:block;color:#1b1b1b;font-size:16px;}
.s_wrap .snavi li.home a{width:15px;height:15px;display:block;background:url('../images/sub_navi_home.png') no-repeat center center;}
.s_wrap .snavi li.home:after{content:'';position:absolute;right:0px;top:0px;height:100%;background:#adadad;width:1px;}
.s_wrap .snavi li a.last{padding-right:100px;}
.s_wrap .snavi li a.last:after{content:'';position:absolute;width:8px;height:15px;right:0px;top:0px;background:url('../images/sub_navi_arrow.png') no-repeat center center;}

.sub_title{position:relative;padding-top:68px;clear:both;text-align:center;opacity: 0;transform: translateY(3rem);transition: 0.8s;}
.sub_title p.eng{text-align:center;position:relative;color:#000000;font-family:'Noto Sans KR';font-size:36px;opacity: 0;transform: translateY(3rem);transition: 0.8s;}
.sub_title p.kor{position:relative;color:#000000;font-family:'Noto Sans KR';font-weight:700;font-size:50px;padding-top:10px;padding-bottom:50px;opacity: 0;transform: translateY(3rem);transition: 0.8s;text-align:center;}

.sub_title.active{opacity:1;transform: translateY(0rem);transition: 1.2s 0.2s;}
.sub_title p.eng.active{opacity:1;transform: translateY(0rem);transition: 1.2s 0.2s;}
.sub_title p.kor.active{opacity:1;transform: translateY(0rem);transition: 1.2s 0.2s;}

.cont_area{opacity:0;transform: translateY(3rem);transition: 0.8s;position:relative}
.cont_area.active{opacity:1;transform: translateY(0rem);transition: 1.2s 0.6s;}


.cont_area .stab{position:relative;margin-bottom:60px;}
.cont_area .stab ul{height:72px;width:100%;}
.cont_area .stab ul li{float:left;width:49%;margin-left:1%}
.cont_area .stab ul li:first-child{margin-left:0%;width:50%;}
.cont_area .stab ul li a{font-family:'Noto Sans KR';font-size:30px;line-height:70px;text-align:center;color:#fff;display:block;border:1px solid #00362a;background:#5c5c5c;}
.cont_area .stab.kor ul li a{font-family:'Noto Sans KR';}
.cont_area .stab ul li.active a{background:#00362a;color:#fff;}
.cont_area .stab ul.three li{width:32%;margin-left:1%}
.cont_area .stab ul.four li{width:24%;margin-left:1%}
.cont_area .stab ul.six li{width:16%;margin-left:0.6%}
.cont_area .stab ul.two li{width:49%;margin-left:1%}

.cont_area .sstab{position:relative;margin-bottom:60px;}
.cont_area .sstab ul{height:72px;width:100%;}
.cont_area .sstab ul li{float:lefT;width:16%;margin-left:0.6%}
.cont_area .sstab ul li:first-child{margin-left:0%;}
.cont_area .sstab ul li a{font-family:'Spoqa Han Sans Neo';font-size:30px;line-height:70px;text-align:center;color:#8d354e;display:block;border:1px solid #8d354e;background:#fff;}
.cont_area .sstab ul li.active:nth-child(1) a{background:#fff685;border:1px solid #fff685;color:#58585a;}
.cont_area .sstab ul li.active:nth-child(2) a{background:#ffcb06;border:1px solid #ffcb06;color:#58585a;}
.cont_area .sstab ul li.active:nth-child(3) a{background:#f48466;border:1px solid #f48466;color:#fff;}
.cont_area .sstab ul li.active:nth-child(4) a{background:#f15923;border:1px solid #f15923;color:#fff;}
.cont_area .sstab ul li.active:nth-child(5) a{background:#41c8f4;border:1px solid #41c8f4;color:#fff;}
.cont_area .sstab ul li.active:nth-child(6) a{background:#6c8cc7;border:1px solid #6c8cc7;color:#fff;}


.contactus{position:relative;}
.contactus .contactus01{position:relative;width:536px;opacity:0;transform: translateY(3rem);transition: 0.8s;}
.contactus .contactus01 a.naver{position:absolute;right:14%;top:73%;width:7%;height:10%;}
.contactus .contactus01 a.daum{position:absolute;right:7%;top:73%;width:7%;height:10%;}
.contactus .contactus01 a.tmap{position:absolute;right:0%;top:73%;width:7%;height:10%;}
.contactus .contactus02{position:absolute;right:0px;top:0px;opacity:0;transform: translateY(3rem);transition: 0.8s;}
.contactus .contactus02 a.naver{position:absolute;right:14%;top:73%;width:7%;height:10%;}
.contactus .contactus02 a.daum{position:absolute;right:7%;top:73%;width:7%;height:10%;}
.contactus .contactus02 a.tmap{position:absolute;right:0%;top:73%;width:7%;height:10%;}

.contactus .contactus01.active{opacity:1;transform: translateY(0rem);transition: 1.2s 0.6s;}
.contactus .contactus02.active{opacity:1;transform: translateY(0rem);transition: 1.2s 1s;}

.regist {margin: 0 auto 80px; text-align:left; }
.regist input{display:inline-block;}
.regist .reg_terms { font-size:12px; line-height:1.7;}
.regist .reg_terms>h5 { color:#222222; font-size:20px; line-height:60px; text-align: left; font-weight: 700; border-top: 1px solid #e1e1e1;margin-bottom:5px;}
.regist .reg_terms>p { color:#828282; font-size:15px; line-height:5px; margin-bottom: 20px; text-align: left; }
.regist .reg_terms .terms_box { padding:20px; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#666666; font-size: 13px; height:100px;overflow-y:scroll}
.regist .reg_terms .terms_box h4 { margin-top:10px; color:#1b1b1b; font-size: 16px; font-weight:normal; }
.regist .reg_terms .terms_box li {line-height:1.5;}
.regist .reg_terms .terms_box>p {line-height:1.7;}

.regist .agree_radio { margin:25px 0 50px; text-align:center; color:#000; font-size:15px;}
.regist .agree_radio .type-radio { margin:-2px 5px 0 0;}

.regist .reg_table{border:1px solid #ddd;}
.regist .reg_table>table {width:100%;}
.regist .reg_table>table tr:first-child th { border-top: 0px solid #6a9d3a; }
.regist .reg_table>table tr:first-child td { border-top: 0px solid #c9c9c9; }
.regist .reg_table>table th {box-sizing:border-box; padding:12px 12px; text-align:left; border-bottom:1px solid #ddd; font-size:15px; color:#000; font-weight:bold; vertical-align:middle; }
.regist .reg_table>table th>span { color:#e83829;}
.regist .reg_table>table td {box-sizing:border-box; padding:10px 20px; font-size:12px; color:#666; background-color:#fff; border-bottom:1px solid #ddd; font-size:14px;}
.regist .reg_table>table td input[type='text'], .regist .reg_table>table td select {box-sizing:border-box; height:30px !important; padding-left:10px; line-height:30px; background-color:#fff; border:1px solid #d6d6d6;}

.regist .reg_table>table td input#userName{}
.regist .reg_table>table td input#phoneCell2{width:70px;}
.regist .reg_table>table td input#phoneCell3{width:70px;}
.regist .reg_table>table td input#wi_addr1{width:80%;}

.regist .reg_table>table td .type-checkbox { margin:-2px 0 0;}
.regist .reg_table .btn_zip {display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#9b9b9b; font-size:14px;}

.regist .button {margin-top:50px; text-align:center;border:0px;}
.regist .button>a, .regist .button>button {position:relative;border:0px;box-sizing:border-box; display:inline-block;line-height:40px; text-align:center; font-size:16px;border-radius:10px;padding:10px 50px;}
.regist .button>a.btn_regist, .regist .button>button.btn_regist {font-weight: 700; color:#fff;background-color:#223b27; vertical-align:top;}
.regist .button>a.btn_regist, .regist .button>button.btn_regist:after{content:'';position:absolute;right:15px;top:50%;margin-top:-7px;width:11px;height:15px;background:url('../images/btn_icon.png') ;}
.regist .button>a.btn_cancel {margin-left:6px; color:#162333; font-weight: 700; border:1px solid #162333;}

.regist .reg_table>table {width:100%;}
.regist .reg_table.reg_table_poll>table tr:first-child td { border-top: 0px solid #6a9d3a; }
.regist .reg_table.reg_table_poll td {font-size:15px;line-height:130%;font-weight:700}
.regist .reg_table.reg_table_poll td strong{color:#091b49;}
.regist .reg_table.reg_table_poll td p{padding-top:10px;font-weight:normal;padding-left:20px;}

.reservation .button {margin-top:50px; text-align:center;border:0px;}
.reservation .button>a, .reservation .button>button {position:relative;border:0px;box-sizing:border-box; display:inline-block;line-height:40px; text-align:center; font-size:16px;border-radius:10px;padding:10px 50px;}
.reservation .button>a.btn_regist, .reservation .button>button.btn_regist {font-weight: 700; color:#fff;background-color:#13274b; vertical-align:top;}
.reservation .button>a.btn_regist, .reservation .button>button.btn_regist:after{content:'';position:absolute;right:15px;top:50%;margin-top:-7px;width:11px;height:15px;background:url('../images/btn_icon.png') ;}
.reservation .button>a.btn_cancel {margin-left:6px; color:#162333; font-weight: 700; border:1px solid #162333;}


.radio-area label.rdo {
    margin: 0 60px 20px 0;
	cursor:pointer;
}
.radio-area{
   margin: 0 0 -20px;
}

label.rdo {
    display: inline-block;
    position: relative;
    padding: 0 0 0 31px;
}
label.rdo input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    cursor: pointer;
}
label.rdo span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}
label.rdo span::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../images/radio.png) 0 0 no-repeat;
        background-position-x: 0px;
        background-position-y: 0px;
}
label.rdo input:checked + span::before {
    background-position: 0 -20px;
}
    
label.chk{
    cursor: pointer;
}
label.chk span::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../images/check.png) 0 0 no-repeat;
}
label.chk span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}
label.chk input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    cursor: pointer;
}
label.chk input:checked + span::before {
    background-position: 0 -20px;
}
label.chk {
    display: inline-block;
    position: relative;
    padding: 0 0 0 31px;
}
.privacy-agreement .check-area .chk {
    float: right;
}
#joinForm{}
#joinForm td.etc_area{font-weight:700;padding-top:20px;padding-bottom:20px;}
#joinForm td.etc_area p{margin-top:10px;}
#joinForm td.etc_area p label{margin-right:20px;font-weight:400}

/* 개인정보취급 */
.clauseBox {text-align:left;margin-top:2px;border:1px solid #dddddd;}
.clauseBox p{height:110px; margin-bottom:10px; 	padding:10px 3%;background:#fff;	color:#6D6D6D;	 font-size:13px;	line-height:130%; letter-spacing:-1px;	overflow-y: scroll;}
.clauseBox .check{padding:15px 15px;color:#888888;background:#f3f3f3;border-top:1px solid #dddddd;text-align:right;position:relative}
.clauseBox .check .checkT{height:30px;	line-height: 30px;	font-size:14px;	margin-right:15px;	display:inline-block; font-weight:400;}
.clauseBox .check .check_box{position:absolute;}
.check input {vertical-align:middle}
.check label{	font-size:15px;color:#444444;margin-right:10px; vertical-align:middle; }
.clauseBox .check .infotext{color:#cc221d;}

.clauseBox2 {text-align:left;margin-top:2px;border:1px solid #dddddd;}
.clauseBox2 p{height:110px; margin-bottom:10px; 	padding:10px 3%;background:#fff;	color:#6D6D6D;	 font-size:16px;	line-height:130%; letter-spacing:-1px;	overflow-y: scroll;}
.clauseBox2 .check2{padding:15px 15px;color:#888888;background:#f3f3f3;border-top:1px solid #dddddd;text-align:right;position:relative}
.clauseBox2 .check2 .checkT{height:30px;	line-height: 30px;	font-size:14px;	margin-right:15px;	display:inline-block; font-weight:400;}
.clauseBox2 .check2 .check_box{position:absolute;}
.check2 input {vertical-align:middle}
.check2 label{	font-size:15px;color:#444444;margin-right:10px; vertical-align:middle; }
.clauseBox2 .check2 .infotext{color:#cc221d;}

/*  tableForm table */
table.tableForm{width:100%;	color:#656565; border-top:1px solid #000000}
table.tableForm tr th{padding: 17px 20px 16px;
border-bottom: 1px solid #e1e1e1;
font-weight: 400;
font-size: 18px;
line-height: 45px;
text-align: left;
color: #555555;
font-family:'Spoqa Han Sans Neo'
}
table.tableForm tr th label{
font-weight: 400;
font-size: 18px;
line-height: 45px;
text-align: left;
color: #555555;
font-family:'Spoqa Han Sans Neo'
}

table.tableForm tr.last th{	letter-spacing:3px;}
table.tableForm tr td{padding: 17px 20px 16px;border-bottom: 1px solid #e1e1e1;text-align:left;}
table.tableForm tr td .boxed{font-size: 18px;
line-height: 45px;
color: #666666;}


table.tableForm tr td input[type="text"] {border: none;
height: 45px;
font-size: 18px;
background: #f7f7f7;
line-height: 18px;
color: #666666;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
display: inline-block;
}
table.tableForm tr td .boxed .at {
    display: inline-block;
    margin-left: 0;
    width: 44px;
    text-align: center;
}
table.tableForm tr td input[type="radio"] {vertical-align:middle} 
table.tableForm tr td select {height:34px; border:1px solid #dddddd; background:#fff; vertical-align:middle}
table.tableForm tr td.address p {margin-top:5px;}
table.tableForm tr td.address p:first-child {margin-top:0px;}

.textLine{	height: 24px;	line-height: 16px;	font-size: 12px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.selectLine{height: 26px;	line-height: 32px;	font-size: 12px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.textLine2{	height: 36px;	line-height: 16px;	font-size: 16px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.selectLine2{height: 38px;	line-height: 32px;	font-size: 16px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.formBtn{	text-align: center;	margin-top:50px;}
.formBtn a ,.formBtn button{display: inline-block; vertical-align:middle;	width:250px; height:52px; line-height:52px;  font-size:19px; color:#fff; }
.formBtn a:hover,.formBtn button:hover {color:#fff; }
.formBtn .btn_ok{    border: 1px solid #28313a;
    background: #28313a;
    color: #ffffff;
}}
.formBtn .btn_cancel{background:#b7b7b7; border:1px solid #a0a0a0; width:141px; height:39px}

.check_cnt{cursor:pointer;border:1px solid #dedede;line-height:40px;font-size:14px;padding:0px 15px;margin-right:15px;}
.check_cnt.active{background:#122247;color:#fff;}


.modal_info{}
.modal_info table{width:100%;	color:#656565; border-top:2px solid #2e3c68}
.modal_info table tr th{font-size:16px;color:#444444; font-weight:400; padding: 14px 5px 14px 5px; background-color:#f8f8f8;	border-bottom:1px solid #e3e3e3;;border-left:1px solid #e3e3e3;	text-align:center; font-weight:700}
.modal_info table tr th.last{text-align:center;font-size:16px;color:#444444; font-weight:400; background-color:#f8f8f8;	border-right:1px solid #e3e3e3; font-weight:700}
.modal_info table tr td{text-align:center;font-size:16px;  padding:10px 10px;border-left:1px solid #e3e3e3;	border-bottom:1px solid #e3e3e3;	text-align:center;}
.modal_info table tr td.last{border-right:1px solid #e3e3e3;}
.modal_info table tr td a.delete{background: #122247;border: 0px;cursor: pointer;display: inline-block;vertical-align: middle;font-size: 16px;padding:5px 10px;color: #fff;}

body .blocker {z-index:898}

.ui-datepicker-inline{}
table.tableForm .ui-datepicker-inline td{
	font-size: 15px;
	padding: 1px 1px;
	border-left: 0px solid #e3e3e3;
	border-bottom: 0px solid #e3e3e3;
	text-align: center;
}
table.tableForm  .ui-datepicker-inline th{
    font-size: 14px;
    color: #444444;
    padding: .7em .3em;
    background-color: #f8f8f8;
    border-bottom:0px solid #e3e3e3;
    text-align: center;
    font-weight: 700;
}
table.tableForm .ui-state-default,table.tableForm .ui-widget-content .ui-state-default,table.tableForm .ui-widget-header .ui-state-default{}

table.tableForm a.ui-state-default ,table.tableForm .ui-widget-content a.ui-state-default ,table.tableForm .ui-widget-header a.ui-state-default a{color:#000;background:#fff;}

table.tableForm .ui-state-default,table.tableForm .ui-widget-content .ui-state-default,table.tableForm .ui-widget-header .ui-state-default{}
table.tableForm a.ui-state-active, table.tableForm .ui-widget-content a.ui-state-active, table.tableForm .ui-widget-header a.ui-state-active{background:#122247;border-color:#122247;color:#fff;}
#contsult_date{display:inline-block;vertical-align:top}
#contsult_time{display:inline-block;vertical-align:top;margin-left:10px;border-radius: 3px;border: 1px solid #ddd;
background: #fff;
color: #333;padding: .2em .2em 0;}
#contsult_time .date_title{width:350px;text-align:center;border: 1px solid #ddd;background: #e9e9e9;color: #333;font-weight: bold;font-size:15px;line-height:35px;}
#contsult_time ul{padding:10px;height:180px;overflow-y:scroll}
#contsult_time ul li{padding:3px 120px 3px 10px;text-align:center;position:relative}
#contsult_time ul li.nodata{padding:3px 10px 3px 10px;text-align:center;position:relative}
#contsult_time ul li.possible{}
#contsult_time ul li a{display:block;border: 1px solid #ddd;color:#ccc;padding:4px 10px;}
#contsult_time ul li.possible a{color:#333;}
#contsult_time ul li.active a{background:#122247;color:#fff;}

#contsult_time ul li span{position:absolute;background:#d91605;line-height:28px;width:93px;height:28px;color:#fff;display:block;right:5px;top:3px;}
#contsult_time ul li.possible span{background:#135074;line-height:28px;width:93px;height:28px;color:#fff;display:block;}
table.tableForm .mobile_title{display:none}

.inputW1 {width:100px;}
.inputW2{width:150px;}
.inputW3{width:70px;}
.inputW4{width:90%;}

.selectW1 {width:70px}
.selectW2{width:150px}

.check_box_td{}
.check_box_td label{margin-right:10px;}

/* list table */
table.tableList{width:100%; color:#656565; border-top:0px solid #323232}
table.tableList tr th{background:#7f858f;color:#fff;height:45px; border-bottom:1px solid #e3e3e3; letter-spacing: 4px; font-size:16px; text-align: center;font-family: 'Spoqa Han Sans Neo'; font-weight:400}

table.tableList tr td{height:45px; border-bottom:1px solid #e3e3e3; text-align: center; font-size:16px;}
table.tableList tr td.alingL {text-indent: 5px; text-align: left;}
table.tableList tr td.alingL a {color:#656565; font-size:16px;}
.reservation_end_box{width:500px;margin:0 auto;text-align:center;padding-top:50px;padding-bottom:50px;}
.reservation_modal_info{width:500px;margin:0 auto;text-align:center;padding-top:50px;padding-bottom:50px;}
.reservation_modal_info .title{font-size:50px; color:#333333; padding-bottom:30px; text-align:center;}

@media (max-width: 1000px) {
	.show_pc{display:none}
  table.tableForm .mobile_title{display:none;font-weight: 400;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  color: #555555;
  font-family: 'Spoqa Han Sans Neo';padding-bottom:30px;}
  table.tableForm .tbody2 tr td{text-align:center;}
  .clauseBox .check .check_box{left:50%;top:10px;margin-left:-100px;}
  .clauseBox .check {padding-top:60px;}
  .clauseBox .check > div {text-align:center;}
  #contsult_time{display:block;margin-left:0px;}
  #contsult_time .date_title{width:100%;}
 table.tableForm tr th label{font-size:13px;}

 #snb{left:5%;margin-left:0px;}
	
}
@media (max-width: 640px) {
	#contsult_date{display:block;margin-bottom:10px;}
	body .ui-datepicker{width:100%;}
	 table.tableForm tr th{  padding: 5px 10px 5px;width:80px;}
	 table.tableForm tr td{  padding: 5px 10px 5px;}
	 .reservation_end_box{width:80%;margin:0 auto;}
	 .reservation_modal_info{width:80%;margin:0 auto;}
	.reservation_modal_info .title{font-size:30px;}
	.reservation .button > a, .reservation .button > button{margin-left:3px;margin-right:3px;padding: 10px 30px;}


	#snb_wrap{height:45px;}
	#snb{width:auto;height:45px;}
	#snb > li{height:45px;}
	#snb > li:first-child{height:45px;}
	#snb > li.home a{width:45px;height:45px;}
	#snb > li{width:120px;}
	#snb .ov > a{height:45px;line-height:45px;}
	#snb > li:nth-child(2):after{top:19px;}
	#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 19px; }
	#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 19px; }
	#snb .ov ul{top:45px;}


}
.footer{padding:0px 100px 10px 100px;position:relative;background:#2a2a2b;}
.footer .area{position:relative;padding-top:97px;}
.footer .area .f_logo{position:absolute;left:0px;background:url('../images/footer_logo.png') no-repeat 15px center;top:0%;height:97px;width:100%;}
.footer .area .f_logo span{position:absolute;left:383px;top:37px;}
.footer .area .address_area{padding:26px 0px;position:relative;border-top:1px solid #6a6a6b}
.footer .area .address_area .address{color:#ffffff;font-size:14px;line-height:120%;padding-bottom:30px;}
.footer .area .address_area .text{color:#ffffff;font-size:14px;line-height:120%;}
.footer .area .address_area .text p{color:#ffffff;font-size:14px;line-height:120%;margin-bottom:10px;}
.footer .area .address_area .copyright{color:#ffffff;font-size:14px;line-height:120%;margin-top:30px;}
.footer .area .address_area .company{color:#ffffff;font-size:14px;line-height:120%;position:absolute;right:0px;top:30px;}
.footer .area .address_area .company span{display:inline-block;margin-left:15px;}
.footer .area .address_area .company strong{color:#ffffff;font-size:14px;line-height:120%;display:inline-block;margin-right:5px}
.footer .area .address_area .company2{color:#6e6e6e;font-size:12px;line-height:140%;position:absolute;right:100px;bottom:45px;text-align:right;display:none}
.footer .area .address_area .grand{color:#ffffff;font-size:14px;line-height:120%;position:absolute;right:0px;top:-70px;}


.newsList{width:100%;color:#656565;border-top:2px solid #003c5e;border-collapse: collapse;border-spacing: 0;}
.newsList tr th{border-bottom:1px solid #DBDBDB;color:#222;font-size:16px;text-align:center;padding:15px 0;font-weight:700;background:#FAFAFA;;}
.newsList tr th:first-child{}
.newsList tr td{border-bottom:1px solid #e3e3e3;text-align:center;font-size:14px;padding:15px 0;}
.newsList tr td .media{color:#888;}
.newsList tr td.alignL {text-indent:5px; text-align: left;padding:15px 20px}
.newsList tr td.alignL a {color:#656565;font-size:14px;}

.page_list{text-align:center; margin-top: 30px;}
.page_list a,.page_list strong{margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page_list a.num.active,.page_list a.on,.page_list strong{ width:31px; height:31px; line-height:28px; border:1px solid #f58028; font-weight:600; color:#f58028;}
.page_list a.arrow{border:none;}
.page_list a.arrow.mr{margin-right: 15px;}
.page_list a.arrow.ml{margin-left: 15px;}

.page_list .pasing_div{display:none}

.page_list a.start{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_1.gif') no-repeat;border:0px;}
.page_list a.prev{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_2.gif') no-repeat;;border:0px;}
.page_list a.next{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_3.gif') no-repeat;border:0px;}
.page_list a.last{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_4.gif') no-repeat;;border:0px;}


@media (max-width: 1200px) {
	.footer{padding: 0px 30px 10px 30px;}
}
@media (max-width: 767px) {
	.footer{padding-top:30px;}
	.footer .area{padding-top:0px;}
	.footer .area .f_logo{left:50%;margin-left:-100px;top:0px;margin-top:0px;width:200px;height:50px;background-position:center center;background-size:contain;position:relative;margin-bottom:60px;}
	.footer .area .address_area{padding:0px;}
	.footer .area .address_area .copyright{text-align:center;}
	.footer .area .address_area .company{position:relative;right:auto;top:auto;text-align:center;padding-top:20px;}
	.footer .area .f_logo span{left:50%;top:57px;margin-left:-96px;;}

	.newsList{width:100%;color:#656565;border-top:2px solid #003c5e}
	.newsList tr td{border-bottom:1px solid #e3e3e3;text-align:center;font-size:14px;padding:15px 0;vertical-align:top}
	.newsList tr td .media{display:inline-block;background: #959595;width:120px;text-align:center;height:28px;line-height:28px;color:#fff;}
	.newsList tr td .date{float:right;display:inline-block;height:28px;line-height:28px;}
	.newsList tr td.alignL {text-indent:5px; text-align: left;padding:15px 10px}
	.newsList tr td.alignL a {display:block;color:#656565;font-size:14px;margin-bottom:15px;}


	.page_list{text-align:center; margin-top: 30px;}
	.page_list a{margin:0 2px; width:25px; height:25px; line-height:25px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
	.page_list a.num.active,.page_list a.on{ width:25px; height:25px; line-height:28px; border:1px solid #f58028; font-weight:600; color:#f58028;}
	.page_list a.arrow{border:none;}
	.page_list a.arrow.mr{margin-right: 15px;}
	.page_list a.arrow.ml{margin-left: 15px;}

	.page_list a.start{margin:0 2px; width:25px; height:25px;background:url('../images/page_arrow_1.gif') no-repeat;border:0px;}
	.page_list a.prev{margin:0 2px; width:25px; height:25px;background:url('../images/page_arrow_2.gif') no-repeat;;border:0px;}
	.page_list a.next{margin:0 2px; width:25px; height:25px;background:url('../images/page_arrow_3.gif') no-repeat;border:0px;}
	.page_list a.last{margin:0 2px; width:25px; height:25px;background:url('../images/page_arrow_4.gif') no-repeat;;border:0px;}

	body .agree_radio .radio_exp2{padding-top:60px;}

}

.site_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; display: flex; justify-content: flex-end; align-items: center; transition: z-index 0s 1.2s; }
.site_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; background-color: #032453; opacity: 0; transition: z-index 0s 1.2s, opacity 1.33s cubic-bezier(.26,1,.48,1); }

.site_map { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; padding-left: 5.75rem; padding-left: 0; box-sizing: border-box; position: fixed; }
.site_map:after { content:''; position: absolute; width: 0%; height: 100%;background:url('../images/m_menu_bg2.jpg') no-repeat center center;background-size:cover;left: 0; top: 0; z-index: -1; transition: 1.0s cubic-bezier(.641,.005,.095,1.05); }
.site_map>div { width: 100%; height: 100%; opacity: 0; transform: translateY(-3.125rem); position: relative; transition: 0.8s 0s; transform: translate(0); text-align: left; display: flex; justify-content: center; 
align-items: center; flex-wrap: wrap; }
.site_logo { position: absolute; left: 0%; right: 0; margin: auto; bottom: 13%; }
.site_list { width: 90%; /*max-width: 1300px;*/ margin: auto;  /*border-top: 1px solid rgba(225,225,225,0.4);*/ }
.site_list::before { content: ''; width: 1px; height: 9.0625rem; background-color: rgba(225,225,225,0.4); position: absolute; left: 22.25rem; top: 0; display: none; }
.site_list>li { width: 100%; height: 6.25rem; line-height: 150%; margin: 0; position: relative; font-weight: 400; color: #fff; overflow: hidden; letter-spacing: -0; opacity: 0; transition: all 0.3s 0.0s;border-bottom: 1px solid rgba(225,225,225,0.4); display: flex; justify-content: flex-start; align-items: center;text-align:Center;}
.site_list>li>a { display: block; position: relative; overflow: hidden;text-align:center;}
.site_list>li>a>span { font-size: 1.5rem; font-weight:700; padding: 1rem 0rem;font-family: 'Nanum Gothic';}
.site_list>li>div { width: 22.25rem; height: 100%; justify-content: center;font-family: 'Nanum Gothic'; display: flex; align-items: center; text-align: center; border-right: 1px solid rgba(225,225,225,0.4);  display:none; }
.site_list>li>div>h4 { font-size: 1.375rem; line-height: 100%; transition: 0.3s; }
/* .site_list>li:nth-child(5) { transition: 0.6s 0.0s }
.site_list>li:nth-child(4) { transition: 0.6s 0.15s }
.site_list>li:nth-child(3) { transition: 0.6s 0.3s }
.site_list>li:nth-child(2) { transition: 0.6s 0.45s }
.site_list>li:nth-child(1) { transition: 0.6s 0.6s } */
.site_list>li>a>span { display: inline-block; transition: 0.4s; }
.site_list>li>a>span:last-child { position: absolute; left: 0; right: 0; margin: auto; top: 0; transform: translateY(-3.25rem); color: #fff; }
.site_list>li strong { letter-spacing: -0.25rem; }
.site_list > li > a > span:nth-child(2) {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  transform: translateY(-3.25rem);
  color: #DADDB9;
}
.site_list2 { position: absolute; right: 0rem; width: 90%; display: flex; justify-content: flex-end; align-items: center; gap: 2rem; opacity: 1; transition: 0.3s;text-align:Center;display:none}
.site_list2>li {color: #555;font-size: .9rem; line-height: 100%; font-weight: 500; }
.site_list2>li>a { transition: 0.3s;color:#aaa }
.site_list2>li>a>span { position: relative;font-family: 'Nanum Gothic';}
.site_list2>li>a>span:after { content: ''; width: 0%; position: absolute; left: 0; bottom: -1px; right: 0; margin: auto; background-color: #dcd8cf; height: 1px; transition: 0.5s; }
.site_list2>li>a:hover { color: #DADDB9; }
.site_list2>li>a:hover>span:after { width: 100%; }

.site_list>li:hover {}
.site_list>li:hover h4 { color: #fff; }
.site_list>li:hover .site_list2 { opacity: 1; }

.site_list>li:hover>a>span:nth-child(1) { transform: translateY(3.25rem); }
.site_list>li:hover>a>span:nth-child(2) { transform: translateY(0); }

.site_map h6 { font-size: 15px;; left: 0; right: 0; text-align: center; margin-top: 2.25rem; text-transform: uppercase; opacity: 0.4; color:#fff; position:relative; }

/* .site_list>li:hover>a>span:first-child { transform: translateY(3.25rem); }
.site_list>li:hover>a>span:last-child { transform: translateY(0); } */

.site_wrap.active { opacity: 1; z-index: 992; transition: 0s; }
.site_bg.active { opacity: 0.85; z-index: 980; transition: 0s, opacity 1.33s cubic-bezier(.26,1,.48,1); }
.site_wrap.active .site_map:after { width: 100%; transition: 1.0s cubic-bezier(.41,.005,.095,0.95); }
.site_wrap.active .site_map>div { opacity: 1; transform: translate(0); transition: 0.8s 0.4s; }
/* .site_wrap.active .site_list>li:nth-child(1) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.4s }
.site_wrap.active .site_list>li:nth-child(2) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.55s }
.site_wrap.active .site_list>li:nth-child(3) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.7s }
.site_wrap.active .site_list>li:nth-child(4) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.85s }
.site_wrap.active .site_list>li:nth-child(5) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1s }
.site_wrap.active .site_list>li:nth-child(6) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.15s }
.site_wrap.active .site_list>li:nth-child(7) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.3s }
.site_wrap.active .site_list>li:nth-child(8) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.45s }
.site_wrap.active .site_list>li:nth-child(9) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.6s } */
.site_wrap.active .site_list>li:nth-child(1) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.4s }
.site_wrap.active .site_list>li:nth-child(2) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.5s }
.site_wrap.active .site_list>li:nth-child(3) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.6s }
.site_wrap.active .site_list>li:nth-child(4) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.7s }
.site_wrap.active .site_list>li:nth-child(5) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.8s }
.site_wrap.active .site_list>li:nth-child(6) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 0.9s }
.site_wrap.active .site_list>li:nth-child(7) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.0s }
.site_wrap.active .site_list>li:nth-child(8) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.1s }
.site_wrap.active .site_list>li:nth-child(9) { opacity: 1; transition: all 0.3s 0.0s, opacity 0.6s 1.2s }

.site_list { transition: 0.4s;  }
.site_list.active2 { margin-top:6.0625rem; transition: 0.4s; }

.m_bg{display: none;}
@media (max-aspect-ratio: 1 / 1) {

}
@media (max-aspect-ratio: 1 / 1) {
	/*
  body.open .m_bg {
    transform: none;
  }
  .m_bg {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: 1.5s;
	z-index:888;
  }
  .m_bg span {
    display: block;
    height: 100%;
    background:#000;
	opacity:0.5;
    transition: 3s;
    transition-delay: 0s;
    transition-delay: 1s;
  }
  body.open .m_bg span {
    background-position: left center;
  }
  */
}

#popup {position:fixed;left:0;top:0px;width:100%;height:100%;;z-index:1000;transition:0.8s;pointer-events:auto;display:none}
#popup:before{content:'';position:absolute;left:0px;width:100%;height:100%;top:0px;background:#000;z-index:88;opacity:0.7}
.popupWrap {position:relative;display:block;transition:0.8s;transform:translate(0,-150%);transition-delay:0.2s;z-index:89;text-align:center;top:50%;margin-top:-275px}
.popupWrap ul{display:flex;justify-content: center;}
.popupWrap ul a,
.popupWrap ul a img{display:block;width:100%;height:100%;}
.popupWrap .pop_sd{overflow:hidden;}
.popupWrap .pop_sd p{font-size: 1.125rem;color: #fff;text-align:center;font-weight: 300;margin-bottom:5px;}
.popupWrap .imgWrap{position:relative;}
.popupWrap .imgWrap img{display:block;width:100%;}
.popupWrap .popupBox{position:relative;margin-right:3px;width:360px;}
.popupWrap .imgWrap iframe{height:550px;width:100%;}
.popupWrap .pop_page{display:flex;align-items:center;margin-top:5px;justify-content: center;}
.popupWrap .pop_page span{background-color:#fff;width:10px;height:10px;margin: 0 5px;}
.popupWrap .pop_btn button{display:block;border:none;background:url('../images/pop-close.png') no-repeat center / contain;width:40px;height:120px;}
.popupWrap .pop_bot{display:none;align-items:center;justify-content:flex-end;height: 40px;}
.popupWrap .pop_bot label{display:flex;align-items:center;gap: 0 10px;padding-left:10px;}
.popupWrap .pop_bot input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #d9d9d9;background-color:#fff;}
.popupWrap .pop_bot input[type=checkbox]:checked{background: url(./images/inputCheck.png) center center no-repeat #fff;background-size: 20px;}
.popupWrap .pop_bot span{color:#333;font-size:1.125rem;}
.popupWrap .pop_bot .close_m input{border:none;color: #fff;background-color: transparent;font-size:1.3rem;padding: 10px 0;}
body.open .popupWrap{transform:none;transition-delay:0.5s;}
body.open #popup{display:block}

#popup.close{transform: translate(0,-100%);}

.pop_arr{display:none;}
.popupWrap .imgWrap{position:relative;}
.popupWrap .popupBox ~ .popupBox{border-left:0px solid #d1d1d1;}


#popup2 {position:fixed;left:0;top:0px;width:100%;height:100%;;z-index:1000;transition:0.8s;pointer-events:auto;display:none}
#popup2:before{content:'';position:absolute;left:0px;width:100%;height:100%;top:0px;background:#000;z-index:88;opacity:0.7}
#popup2.close{transform: translate(0,-100%);}
.popupWrap2 {position:relative;display:block;transition:0.8s;transform:translate(0,-150%);transition-delay:0.2s;z-index:89;text-align:center;top:50%;margin-top:-275px}
.popupWrap2 .pop_movie{position:relative;width:1100px;margin:0 auto}
.popupWrap2 .pop_movie iframe{width:100%;height:638px;}
body.open2 .popupWrap2{transform:none;}

@media (max-width: 1200px) {
	.popupWrap2 .pop_movie{position:relative;width:90%;margin:0 auto}
}
@media all and (max-aspect-ratio: 1/1){
    /*
	.wrap.open .vis_pop{transform:none;}
	#popup{left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:1.2s;}
	#popup:before{content:"";background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;width:100%;height:100%;transform:translate(0,-100%);transition:0.8s;transition-delay:0.5s;}
	body.open #popup::before{transform:none;}
	.popupWrap{display:block;width: 75%;margin-top: -20dvh;transform:translate(0,-100dvh);transition:0.8s;transition-delay:1s;}
	.popupWrap ul{justify-content: normal;}
	.popupWrap .popupBox{height:auto;}
	.popupWrap .imgWrap{height:100%;}
	.popupWrap .pop_sd{max-width: 359px;margin: 0 auto;}
	.popupWrap .pop_sd p{display:block;padding-top:5px;}
	.popupWrap .pop_bot{display:flex;}
	.popupWrap .pop_btn{display:none;}
	#popup.close{transform: translate(0,-100%);}
	.pop_arr{display:block;position:absolute;top:45%;width: 20px;transform:translate(0,-50%);}
	.pop_arr img{display:block;max-width: 100%;width: 100%;}
	.pop_arr.p_prev{right:105%;}
	.pop_arr.p_next{left:105%;}
	*/
	/*scroll pop*/
	/*
	#hd_pops_35{width:100%;}
	#hd_pops_35 .imgWrap{overflow-x:auto;width:100%;}
	#hd_pops_35 img{max-width: none;width: auto;height:100%;}
	*/
}
@media (max-width: 767px) {
	body{overflow-x: hidden;}
	.popupWrap .popupBox ~ .popupBox{border-left:0px;}
	#popup{display:flex;align-items:center;justify-content:center;;}
	body.open #popup:before{transform:none;}
	.popupWrap{position:absolute;text-align:center;display:block;top:10%;margin-top:0px;width: 75%;margin-top:0dvh;transform:translate(0,-150%);transition:0.8s;transition-delay:0.2s;}
	.popupWrap ul{justify-content: normal;}
	.popupWrap .popupBox{height:auto;margin-right:0px;}
	.popupWrap .imgWrap{}
	.popupWrap .pop_sd{max-width: 359px;margin: 0 auto;}
	.popupWrap .pop_sd p{display:block;padding-top:5px;}
	.popupWrap .pop_bot{display:flex;}
	.popupWrap .pop_btn{display:none;}
	#popup.close{transform: translate(0,-100%);}
	.pop_arr{display:block;position:absolute;top:45%;width: 20px;transform:translate(0,-50%);}
	.pop_arr img{display:block;max-width: 100%;width: 100%;}
	.pop_arr.p_prev{right:105%;}
	.pop_arr.p_next{left:105%;}


}
.loc_pre .sd .box .txt .read_more a img{width:150px;}
@media (max-width: 1400px) {
  .gnb {
    display: none;
  }
  #logo{left:3em}

.bgm_wrap {margin-left:260px;left:3em;}

  .ham{display:block}

    .sum_wrap {
        height: auto;
        padding: 10rem 0 12rem;
        flex-wrap: wrap;
    }
	.sum_tit_box {
		width: 100%;
		height: auto;
		position: relative;
	}
    .sum_sum_box {
        width: 100%;
        height: auto;
        position: relative;
        margin-top:0rem;
    }
	.sum_sum_box > div{transform: translateY(-4rem);}
	.location .img:before{width:30%;}
	.loc_pre .sd .box .txt .read_more a img{width:150px;}
}

@media (max-width: 1000px) {

	/* .ham { top: 27px; }

    .ham.active2 { top: 15px; } */
    
    .site_list::before {display:none;}
    .site_list>li {height:auto; padding: 1.75rem 0; align-items: center;  flex-wrap:wrap;text-align:center;}
    /* .site_list>li>a { } */
    .site_list>li>a{width:100%;}
    .site_list>li>a>span {font-size:1.425rem; padding:0rem 0rem;}
    .site_list>li>a>span:last-child {transform: translateY(-5rem); }
    .site_list>li>div {width:10.25rem;}

    /* .site_list2 {} */

    .site_list2.open { display: flex; }
    .site_list2 { position:relative; display: none; left:0; flex-wrap:wrap; justify-content: flex-start; transition: max-height 0.3s ease-out; transform: translateY(0rem)!important; margin-top:1.6rem; width:100%; 
	border-top: 1px solid rgba(225,225,225,0.4); gap: 0; }
    .site_list2 li { width: calc(100%); padding: 0.5rem 0; font-size:1.225rem; text-align: center; padding-left: 4.25rem; padding-left: 0; box-sizing: border-box; }
    .site_list2 li:first-child { padding-top: 2rem; }
    .site_list2 li:last-child { padding-bottom: 0; }

    .site_logo { transform: scale(0.65); transform-origin: center bottom; }

	.footer{}
	.footer .area .address_area .grand{top:10px;left:50%;right:auto;margin-left:-170px;}
	.footer .area .address_area{padding-top:70px;}
}


@media (max-width: 767px) {
	.site_bg{display:none}
	.site_wrap{display:none}
	.site_wrap.active{display:flex}
	.main01{overflow:hidden}
	.main01_01{overflow:hidden}

	#cursor{display:none;}
  .tel_wrap .tel a p {
    display: none;
  }
  .top_fixed_wrap .tel_wrap{padding-right:25px;}
  .ham{left:2%;top:13px; }
  #logo{left:calc(5% + 42px);}
  .navi {
    height:72px;
  }

  .bgm_wrap {margin-left:250px;margin-top: -10px;}
  .bgm_line ul {bottom: -4px;}

  .top_fixed_wrap{right:2%;top:25px;}
  .by_bn{top:auto;bottom:15px;right:15px;position:fixed;
	 width: 7rem;
	 height: 7rem;  
  }
	#intro_area .logo{width:50%;margin-left:-25%;}
	#intro_area div.before{left:0%;}
	#intro_area div.after {left:50%;}

	.by_bn_txt { width:5rem; height:5rem;}
	.by_bn_txt h4 {font-size:0.7rem;}
	.by_bn_bg {}
	.by_bn_txt h4 span img {width:70%;}


	.site_list { width:80%;}

    .site_map { width: 100%; height: 100%; margin-right: 0; max-width: revert; justify-content: center; text-align: center; padding-left: 0; }
    .site_map:after { border-radius: 0; }
    .site_map>div { width: 100%; }
    .site_txt h1 { display: none; }
    .site_map>div>ul { transform: translateY(0rem); margin-top: 4rem;}
    .site_map ul li { line-height: 140%; margin:0; }
    .site_map ul li b { font-size: 1.625rem; }

    .site_list>li { padding: 1.5rem 0; }
    .site_list>li>div { width: 8rem; }
    .site_list>li>div>h4 { font-size: 1.375rem; }
    .site_list>li>a { display: block; width: 100%; height: 100%; }
    .site_list>li>a>span { padding: 0 0rem; font-size: 17px;letter-spacing:-1px}
    .site_list2 { margin-top: 1.5rem; }
    .site_list2 li:first-child { padding-top: 1.5rem; }
    .site_list2 li { padding: 0.375rem 0; width: 100%; text-align: center; padding-left: 0; margin-left: 0; font-size: 1.125rem; /*width: calc(100% - 8rem);*/ width:100%; }

  .ham.over {
    top: 21px !important;
    right: 5%;
  }
  .ham.active {
    right: 4%;
    left: revert;
    left: 5%;
  }
  .main01 .main_txt_box .main_txt02 img{width:70%}
  .main01 .main_txt_box .main_txt02{margin-top:10%;}

  .main01_01 .main_txt_box .main_txt02 img{width:70%}
  .main01_01 .main_txt_box .main_txt02{margin-top:20%;}

  .sum_wrap {
    padding: 4rem 0 12rem;
  }	
	.sum_sum {

	  margin-top: 1rem;
	}	
    .sum_tit_box {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sum_tit_box>div {
        transform: translateY(0);
        transition: 0s;
    }

    .sum_tit_box h5 { font-size: 1rem; margin-left: 0.625rem; transition: 0s; }
    .sum_tit_box h1 { font-size: 4.5rem; line-height: 100%; margin-top: 1rem; letter-spacing: 2rem; padding-left: 2rem; transition: 0s; }
    .sum_tit_box h2 { font-size: 1.25rem; margin-top: 0.75rem; transition: 0s; }
	.sum_tit_box h2 img{width:230px;}

  .sum_tit_box.active > div {
    opacity: 1;
    transition: 1.2s 0.2s;
  }
  .sum_tit_box.active h5 {
    opacity: 1;
    transition: 1.5s 1.0s;
  }
  .sum_tit_box.active h1 {
    letter-spacing: -0.0313rem;
    padding-left: 0;
    transition: 1.5s 1.0s;
  }
  .sum_tit_box.active h2 {
    opacity: 1;
    transition: 1.5s 1.0s;
  }
  .sum_sum_tit {
    display: none;
  }
  .sum_sum_box {
    margin-top: 1rem;
  }
  .sum_sum_box > div{transform: translateY(4rem);}
  .sum_sum.active ul {
    opacity: 1;
    transform: translate(0);
    transition: 1.2s 0.2s;
  }
	 .sum_sum ul {
      gap: 3.5rem 3.5rem;
    }
  .sum_sum ul {
    width: 100%;
    max-width: 800px;
    margin: auto;
    gap: 4.625rem 3.5rem;
    transform: translateY(3rem);
    justify-content: flex-start;
    transition: 0s;
  }
    .sum_sum ul li {
      width: calc(50% - 1.75rem);
    }
  .sum_sum ul li h3 {
    font-size: 1.1875rem;
  }
  .sum_sum ul li p {
    font-size: 0.875rem;
    opacity: 0.3;
    margin-top: 0.875rem;
    padding-top: 1.25rem;
  }

  .map_wrap{width:100%;height:auto;display:block;overflow: visible;}
  .map01{height:auto;display:block;padding-top:80px;overflow: visible;}
  .location{height:auto;overflow: visible;}
  .location .map_box{height:auto;padding-top:80px;}
  .location .map{height:auto;padding:0px 1%;}
  .map02{height:auto;display:block;margin-top:80px;overflow: visible;}
  .location .img{position:relative;left:auto;top:auto;bottom:auto;height:400px;}
  .location .img .bg{position:relative;lefT:auto;top:auto;height:100%;}
  body .location .tit {
	  position: relative;
	  top: auto;
	  left:0px;;
	  z-index: 5;
	  transition: 1s;
	}
	body .location .tit .t1 img{width:auto}
	.location .tit .t1{display:block;text-align:Center;}
	.location .tit .t1 p span {
	  font-size:9.3417vw;
    line-height: 100%;
    margin-top: 1rem;;
	}
	.location .tit dl{margin-top: 4.0854vw;}
	.location .tit dl dt{font-size: 4.3417vw;}
	.location .tit dl dt p{text-align:center;}
	.location .tit .logo {
	  margin:0 auto;
	  margin-top: 2.3438vw;
	  width: 40%;
	  opacity: 0;
	  transition: 0.6s;
	  bottom:auto;
	  position:relative;
	  left:auto;
	}
	.location .img .shadow .zoom {
	  left:auto;
	  top:auto;
	  right: 0%;
	  bottom:0%;
	  width: calc(59.1dvh * 0.1);
	  height: calc(61.1dvh * 0.1);
	  transition: 1.2s 0.5s;
	}
	.map_wrap .swiper-wrapper{display:block;margin-bottom:30px;height: auto;transition-property:unset;transition-timing-function: unset;}
	.map_wrap .swiper-slide{display:block;margin-bottom:20px;backface-visibility: unset;-webkit-perspective: unset;perspective: unset;transition-property: unset;}

	.active .location .blur{display:none}
	.active .location{transform:none;}
	.active .location .tit .t1 p span{transform:none;}
	.active .location .tit dl dt p{transform:none;}
	.active .location .tit .logo{transform:none;opacity:1}
	.active .location .img{opacity:1;transform:none;transition-delay:0.8s;}
	.active .location .img .shadow{transform:none;transition-delay:1s;}
	.active .location .img .shadow .zoom span{opacity:1;transform:none;transition-delay:1.5s;}
	.active .location .img .shadow .zoom{right:auto;left:5%;bottom:0%;width: calc(59.1dvh * 0.6);height: calc(61.1dvh * 0.6); transition: 1.2s 1s;}
	.location .img .bg{background-position:center center;}

	.loc_pre{height:auto;position:relative;left:auto;top:auto;overflow: visible;transform: none;touch-action: pan-y;pointer-events: none;}
	.loc_pre .sd{width:90%;height:auto;display:block;margin:0 auto;overflow: visible;}
	.loc_pre .sd .box{display:block;position:relative}
	.loc_pre .sd .box .txt {
	  text-align:center;
	  width:100%;
	  left:auto;
	  position: relative;
	  top:auto;
	  transform: translate(-17%,0);
	  padding-left:0px;
	  transition: 1.2s;
	}

	.loc_pre .sd .box .img{width:100%;height:400px;position: relative;transform: translate(0,20%);transition:1.8s;opacity:0;transition-delay:2s;;margin-top:20px;overflow:hidden}
	.loc_pre .sd .box .txt dl dd {
	  font-size: 3.3417vw;
	  line-height: 1.67em;
	  letter-spacing: -0.05em;
	  margin-bottom:10px;
	}
	.loc_pre .sd .box .txt strong{font-size: 9.3417vw;}
	.loc_pre .sd .box .txt strong span i{font-size: 12.3417vw;}
	.loc_pre .sd .box .txt dl dt{font-size: 5.3417vw;margin-bottom:10px;}
	.loc_pre .sd .box .txt .read_more a{width:100%;}
	.loc_pre .sd .box .txt .read_more a img {width:120px;;}
	.community .img_sd .box{width:100%;}

	.loc_pre .sd .swiper-slide.active .box .txt{transform: translate(0%)}
	.loc_pre .sd .swiper-slide.active .box .txt strong{opacity:1;transform: translate(0,0);transition-delay:0.5s;overflow: visible;}
	.loc_pre .sd .swiper-slide.active .box .txt strong span{opacity:1;transform: translate(0,0);transition-delay:0.5s;}
	.loc_pre .sd .swiper-slide.active .box .txt dl dt{opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .swiper-slide.active .box .txt dl dt p span{opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .swiper-slide.active .box .txt dl dd p span{opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .swiper-slide.active .box .img{opacity:1;transform: translate(0%,0);transition: 1.2s;transition-delay:1s;overflow:hidden}
	.loc_pre .sd .swiper-slide.active .box .txt dl dd {opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .swiper-slide.active .box .txt .read_more{opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .swiper-slide.active .box .txt .read_more a{opacity:1;transform: translate(0,0);transition-delay:1s;}
	.loc_pre .sd .box .img .bg {overflow: visible;position:relative;left:auto;top:auto;}

	.community_wrap{display:block;width:100%;height:auto;margin-top:20px;}
	.community{display:block;}
	.community .co{display:none}
	.community .tit{position:relative;margin-top:10px;top:auto;}
	.community .tit p.title span{font-size: 9.3417vw;line-height: 100%;margin-top: 1rem;}
	.community .tit p.exp span{font-size: 3.3417vw;}

    
	.community_wrap.active .community .co{opacity:1;}
	.community_wrap.active .community .img_sd .sd_box{opacity:1;transform:none;transition-delay:1s;}
	.community_wrap.active .community .img_sd .swiper-slide-active .sd_box{transition-delay:0.8s;}
	.community_wrap.active .community .img_sd .box .img img{opacity:1;transform:none;transition-delay:1.2s;}
	.community_wrap.active .community .img_sd .swiper-slide-active .box .img img{transition-delay:1s;}
	.community_wrap.active .community .txt_sd dl dt{opacity:1;transform:none;transition-delay:1.4s;}
	.community_wrap.active .community .txt_sd dl dd p{opacity:1;transform:none;transition-delay:1.6s;}
	.community_wrap.active .community .txt_sd .arr img{opacity:1;transform:none;transition-delay:1.8s;}
	.community_wrap.active .community .img_sd::before,
	.community_wrap.active .community .img_sd::after{transform:none;transition-delay:1.5s;}

	.community .txt_sd dl dt p{font-size: 5.4458vw;}
	.community .txt_sd dl dd{font-size:2.9854vw;}
	.community .txt_sd .arr.prev{right:auto;left:5%}
	.community .txt_sd .arr.next{right:5%;left:auto}
	.community .txt_sd .arr img{width:30px;}
	.community .txt_sd .arr{z-index:20;width:auto;}

	.contact_wrap{display:block;width:100%;height:auto;margin-top:20px;padding-bottom:80px;}
	.contact_wrap .contact_tit{position:relative;left:auto;top:auto;padding-top:100px;padding-bottom:50px;}
	.contact_wrap .contact_tit h2{font-size: 9.3417vw;}
	.contact_wrap .contact_tit h5{font-size: 3.3417vw;}
	.contact_wrap .sub_contact_box1{position:relative;left:auto;top:auto;margin-left:0px;width:100%;}
	.contact_wrap .sub_contact_box2{position:relative;left:auto;top:auto;margin-left:0px;width:100%;margin-top:60px;}
	.contact_wrap .sub_contact_box{position:relative;left:auto;top:auto;margin-left:0px;width:100%;}

		
	.contact_wrap .contact_tit.active{opacity: 1;transform: translate(0);transition: 1.2s 0.2s;}
	.sub_contact_box1.active .sub_contact_box{opacity: 1;transform: translate(0);transition: 1.2s 0.6s;}
	.sub_contact_box2.active .sub_contact_box{opacity: 1;transform: translate(0);transition: 1.2s 0.6s;}

	.sub_contact_bottom {position:relative;padding-left:5%;padding-right:5%;}
	.sub_contact_bottom .sub_contact_map_box{padding-top:60px;position:relative}
	.sub_contact_bottom .sub_contact_map_box img{width:100%;}
	.contact_wrap .sub_contact_box .sub_contact_icon_box{top:0px;}


	.pc_content{display:none}
	.m_content{display:block}

	.regist .reg_table.reg_table_poll td{line-height:160%;}
	.regist .reg_table.reg_table_poll td p{padding-top:20px;}
	.check_box_td label{display:block;margin-right:0px;margin-bottom:10px;}
	.regist .reg_table > table th{width:80px;}
	
	/*
	.active .location .map_box{transform:translate(calc(-34% - 65dvh),0);}
	.active .location .map{transform:translate(-17%,0);transition-delay:2.6s;}
	.active .location .map{transform:translate(-20%,0);transition-delay:0s;}
	.active .location .blur span{transform:translate(0,-100%);transition-delay:0.8s;}
	.active .location .tit .t1 p:before{transform:none;transition-delay:3.6s;}
	.active .location .tit .t1 p:before{transform:scaleX(1);transition-delay:0.5s;}
	.active .location .tit .t1 p span{transform:none;transition-delay:3.6s;}
	.active .location .tit .t1 p span{transform:translate(0,0);transition-delay:0.5s;}
	.active .location .tit dl dt p{transform:none;transition-delay:3.9s;}
	.active .location .tit dl dt p{transform:translate(0,0);transition-delay:0.8s;}
	.active .location .tit dl dd p{transform:none;transition-delay:4.1s;}
	.active .location .tit dl dd p{transform:translate(0,0);transition-delay:1s;}
	.active .location .tit .logo{opacity:1;transform:none;transition-delay:4.4s;}
	.active .location .tit .logo{opacity:0.99;transform:translate(0,0);transition-delay:1.3s;}
	.active .location .map_box .ori{opacity:1;transition-delay:4s;}
	*/
	.premiumonly_wrap{height:auto;}
	.sub_premiumonly_bottom .sub_premiumonly_box1{position:relative;left:auto;margin-left:0px;width:80%;margin:0 auto;top:auto}
	.sub_premiumonly_bottom .sub_premiumonly_box2{position:relative;left:auto;margin-left:0px;width:80%;margin:0 auto;top:auto}
	.premiumonly{overflow: visible;height:auto}
	.premiumonly .premiumonly_tit{position: relative;  left: auto;  width: 100%;  top: auto;  margin-top:40px;  display: block;}
	.sub_premiumonly_bottom{position:relative;left:auto;top:auto;width:100%;height:auto}
	.premiumonly .premiumonly_tit h5 span{font-size: 7.3417vw;line-height: 100%;margin-top: 1rem;}

	.sub_premiumonly_box1 .sub_premiumonly_box {
		opacity: 0;
		transform: translate(0);
		transition: 1.2s 0.6s;
	}
	.sub_premiumonly_box1.active .sub_premiumonly_box {
		opacity: 1;
		transform: translate(0);
		transition: 1.2s 0.6s;
	}
	.sub_premiumonly_box2 .sub_premiumonly_box {
		opacity: 0;
		transform: translate(0);
		transition: 1.2s 0.6s;
	}
	.sub_premiumonly_box2.active .sub_premiumonly_box {
		opacity: 1;
		transform: translate(0);
		transition: 1.2s 0.6s;
	}
}


@media (max-width: 520px) {
	.sub_contact_bottom{padding-left:10%;padding-right:10%;}
	.contact_wrap .sub_contact_box .sub_contact_txt_box p{font-size:14px;width: auto;text-align:center;}
	.contact_wrap .sub_contact_box .sub_contact_txt_box p span{font-size:14px;width: auto;text-align:center;}
	.contact_wrap .sub_contact_box .sub_contact_txt_box p.notice{font-size:12px;}
	.contact_wrap .sub_contact_box .sub_contact_txt_box p span::before{display:none}

	.sub_visual .text{width:70%;margin-left:-35%;top:45%}
	.sub_visual .text img{width:100%;}
}

@media (max-width: 1400px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
 .s_wrap{width:94%;margin:0 auto}
 .cont_area{width:100%;}
 .cont_area img{width:100%;}
 .contactus{}
 .contactus .contactus01{width:48%;}
 .contactus .contactus01 img{width:100%;}
 .contactus .contactus02{width:48%;}
 .contactus .contactus02 img{width:100%;}

 .agree_radio .radio_title{padding-top:0px;}
 .agree_radio .radio_exp{padding-top:30px;position:absolute;right:0px;top:0px;}

 .location .tit{left: 73.3958vw;}
 .location .tit .t1 img{width:80%;}

}
@media (max-width: 1600px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 12px;
  }
	.site_map h6 { font-size: 13px;}
	.loc_pre .sd .swiper-slide{overflow: visible;height:auto}
	.loc_pre .sd .box{overflow: visible;height:auto}

	.sub_visual{height:260px;}
	.sub_visual .text{width:70%;margin-left:-35%;top:45%}
	.sub_visual .text img{width:100%;}

	 .contactus .contactus01{width:100%;}
	 .contactus .contactus01 img{width:100%;}
	 .contactus .contactus02{width:100%;margin-top:50px;}
	 .contactus .contactus02 img{width:100%;}
	 .contactus .contactus02{position:relative;right:auto;top:auto}

	 body.sub.m_on header{position:fixed;}
	 body.sub.m_on header .navi{border-bottom:1px solid #dedede}

	.cont_area .stab{position:relative;margin-bottom:50px;}
	.cont_area .stab ul{height:auto;width:100%;}
	.cont_area .stab ul li{float:lefT;width:48%;margin-left:4%}
	.cont_area .stab ul li:first-child{margin-left:0%;}
	.cont_area .stab ul li a{font-family:'Noto Sans KR';font-size:20px;line-height:50px;text-align:center;color:#fff;display:block;border:1px solid #00362a;background:#5c5c5c;}
	.cont_area .stab ul li.active a{background:#00362a;color:#fff;}


	.cont_area .sstab ul li{float:lefT;width:32%;margin-right:1%;margin-left:0px;margin-bottom:3px;}
	.cont_area .sstab ul li:nth-child(3) a{margin-right:0%;}
	.cont_area .sstab ul li:nth-child(6) a{margin-right:0%}
	.cont_area .sstab ul li a{font-size: 20px;    line-height: 50px;}
}
@media (max-width: 500px) {
	.navi{height:52px;}
	#logo{width:166px;height:25px;background-size:contain;margin-top:-12px;left: calc(5% + 30px);}
	.bgm_wrap {margin-left:150px}
	.bgm_wrap:before{display:none}

	body.main #logo a{background-size:contain}
	body.sub #logo a{background-size:contain}
	.ham{width:25px;height:25px;top: 10px;}
	.top_fixed_wrap{top:19px;}

	.sub_visual{height:240px;}

	.s_wrap .snavi{display:none}

	.sub_title{padding-top:60px}
	.sub_title p.eng{font-size:28px;}
	.sub_title p.kor{font-size:18px;}
	.regist .reg_terms > h5{font-size:18px;line-height:120%;display:block;padding:20px 0px;}
	.regist .reg_table.reg_table_poll td{font-size:14px;}
	.regist .reg_table > table th{font-size:13px;width:60px;padding:0px;}
	.regist .reg_table > table td{padding-left:0px;}
	.regist .reg_table > table td input#wi_addr1{width:90%;}
	.regist .reg_table > table td input#userName{width:90%;}
	.regist .reg_table > table td input#phoneCell2{width:50px;}
	.regist .reg_table > table td input#phoneCell3{width:50px;}

	.regist .reg_terms > h5{font-size:14px;}
	.regist .agree_radio{font-size:13px;}
	.regist .agree_radio label{display:block;margin-bottom:5px;}
	.agree_radio .radio_exp{text-align:left;position:relative;right:auto;top:auto;padding-left:5px;}

  .regist .button > a, .regist .button > button{line-height: 26px;}

	.cont_area .stab ul li a{font-size:14px;line-height:40px;}

	.footer .area .address_area .grand {text-align:center}
	.footer .area .address_area .grand img{width:60%;text-align:center}
	.footer .area .address_area .text p{font-size:12px;}

	body .agree_radio .radio_exp2{padding-top:30px;}

}
@media (max-width: 480px) {
	.sum_tit_box h5 {font-size: 0.8rem;letter-spacing: 0rem;}
	.sum_tit_box h1 {
		font-size: 2.7rem;
	}
  .sum_tit_box h2 img {
    width: 170px;
  }
  .sum_sum ul li{width:100%;}
  .sum_sum ul li h3 {
    font-size: 0.9rem;
  }
  .sum_sum ul li p{opacity: 0.8;}


}