@charset "utf-8";

/* ************************************** *
 * main layout
 * ************************************** */

/* 메인 */

/* 메인 */
.visual_wrap {
	width: 100%;
	position: relative;
	padding-bottom:56.25%;
	height:0;
}

.visual_wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; }

.visual_wrap .text-wrap {
    position: absolute;
    top: 18.375rem;
    left: 26rem;
    text-align: center;
    color: #fff;
    animation: sceneopa 11.5s ;
	z-index:11;
}

.visual_wrap .text-wrap .box {
    margin-bottom:30px;
}

.visual_wrap .text-wrap h2 {
    font-weight: 800;
    color: #FFFFFF;
    font-family: 'NanumSquare', serif;
    margin-top: 5.125rem;
    line-height: 4.1rem;
    letter-spacing: -0.04em;
    display: inline-block;
    position: relative;
    height: 65px;
    overflow: hidden;
    font-size: 4rem;
	text-shadow: 2px 2px 2px black;
    animation: typingAni 4s steps(60, end)1;

}
.visual_wrap .text-wrap h2::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    right: 0;
    width: 20px;
    height: 60px;
    border-right: 1px solid #fff;
    animation: cursor 0.5s step-end infinite ;
}

.visual_wrap .text-wrap h4 {
    display: inline-block;
    overflow: hidden;
    height: 52px;
    font-weight: 500;
    font-size: 3rem;
    font-family: 'NanumSquare', serif;
	text-shadow: 2px 2px 2px black;
    animation: typingAni2 7.5s steps(90, end)1;
    position: relative;
}

.visual_wrap .text-wrap h4 strong { color:red; font-weight:800; }

.visual_wrap .text-wrap h4::after {
    position: absolute;
    display: block;
    content: "";
    top: 5px;
    right: 0;
    width: 20px;
    height: 52px;
    border-right: 1px solid #fff;
    animation: cursor 0.5s step-end infinite;
}


@keyframes sceneopa {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes typingAni {
    0% {
        width: 0%;
    }
    100% {
        width: 900px;
    }
}
@keyframes typingAni2 {
    0% {
        width: 0%;
    }
    60% {
        width: 0%;
    }
    100% {
        width: 900px;
    }
}
@keyframes cursor {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
.visual_wrap {
	width: 100%;
	height: 920px;
	position: relative;
	overflow:hidden;
}

.rolling_wrap {
	position:relative;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	z-index:5;
}	

.rolling_wrap ul {
	width: 100%;
	height: 100%;
	position: relative;
}

.rolling_wrap li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;}
	
.rolling_wrap li.view { visibility: visible; opacity: 1;}
	
		
.rolling_wrap li img.vsImg {
	display: block;
	position: relative;
	left: 50%;
	width: 2500px;
	margin-left: -1250px;}
		
		
		
.rolling_wrap li.list_01 img.vsTxt1 {display: block; position: absolute; top:40%; left: 50%; opacity: 0; margin-left: -700px; margin-top:-300px;}	
.rolling_wrap li.list_02 img.vsTxt1 {display: block; position: absolute; top:40%; left: 50%; opacity: 0; margin-left: -700px; margin-top:-300px;}
.rolling_wrap li.list_03 img.vsTxt1 {display: block; position: absolute; top:40%; left: 50%; opacity: 0; margin-left: -700px; margin-top:-300px;}
		
.rolling_wrap li.view img.vsImg { width: 1920px; margin-left: -960px; transition: all 4s;}
.rolling_wrap li.view.list_01 img.vsTxt1 { opacity:1; top: 50%; transition: all 2s; -webkit-transition: all 2s;}
.rolling_wrap li.view.list_02 img.vsTxt1 { opacity:1; top: 50%; transition: all 2s; -webkit-transition: all 2s;}
.rolling_wrap li.view.list_03 img.vsTxt1 { opacity:1; top: 50%; transition: all 2s; -webkit-transition: all 2s;}
*/
/* ////////////////////////////////////////////////// table & mobile */

/* 메인 신청부분 */
.main_counsel { background:rgb(202 95 95 / 75%); height:100px;  padding:0px; }
.main_counsel h2 { float:left; width:200px; margin-top:30px; }
.main_counsel table { float:left;  width:1000px; border:0; background:transparent !important; overflow:hidden;  }
.main_counsel .tbl_frm01 {margin:0;}
.main_counsel th, .main_counsel td { background:transparent !important; color:#fff; border:0; padding:5px 0; }
.main_counsel th { width:auto; }
#fmembership_term { position:absolute; right:220px; bottom:-15px; color:#fff; z-index:9; }
.main_counsel .btn_confirm { position:absolute; top:0px; right:0; }

.main_counsel textarea { width:180px; height:40px; }


/* 메인부분 */
.title_wrap { text-align:center; margin-bottom:50px; }
.title_wrap h2 { font-size:45px; font-weight:bold; }
.title_wrap p { font-size:18px; }


.scale_img img {-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.scale_img:hover img {-webkit-transform: scale(1.1) rotate(0.01deg);
-moz-transform:  scale(1.1) rotate(0.01deg);
-ms-transform:  scale(1.1) rotate(0.01deg);
-o-transform: scale(1.1) rotate(0.01deg) ;
transform: scale(1.1) rotate(0.01deg);}


#section01 { padding:80px 0 40px;}
#section01 ul { width:1150px; margin:0 auto; }
#section01 ul:after {display:block;visibility:hidden;clear:both;content:""}
#section01 ul li {float:left; }
#section01 ul.banner01 { margin-bottom:10px; }
#section01 ul.banner01 li { margin-left:10px; width:280px; height:380px; overflow:hidden; }
#section01 ul li:first-child { margin-left: 0;}

#section02 { background:url('/img/main/bg_today.jpg') top center no-repeat; width:100%; height:500px; padding:50px 0; text-align:center;}

#section02 .title_wrap { color:#fff; }
#section02 .title_wrap .title_line { display:inline-block; width:120px; height:2px; background:#fff; overflow:hidden; }


#section03 { padding:80px 0; background:#fff; }
#section03 .main_container { width:1150px; }

#main_bbs1 { float:left; width:565px; }
#main_bbs1:after {display:block;visibility:hidden;clear:both;content:""}

#main_bbs2 { float:right; width:534px; }

/* 찾아오시는길 */
#sub01-02 {}


#sub01-02 .map-tab { margin-bottom:150px; }
#sub01-02 .map-tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-tab li { float:left; width:50%; }
#sub01-02 .map-tab li a { display:block; height:80px; line-height:80px; font-size:25px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; color:#ccc; }
#sub01-02 .map-tab li a.active { border-bottom:1px solid #333; color:#333; }

#sub01-02 h3 { text-align:center; font-size:35px; font-weight:800; margin-bottom:50px; }
#sub01-02-map1 { margin-bottom:100px; }

#sub01-02 .map-info { border-top:1px solid #dddddd; padding:22px 0; color:#333; }
#sub01-02 .map-info:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-info li { padding:8px 0; font-size:15px; }
#sub01-02 .map-info strong { display:inline-block; width:100px; font-weight:800;  }
#sub01-02 .map-info span { display:inline-block; }

/* 지도 */
#naverMap { width:100%; height:500px; }