/*메인*/

.jtext a:after, .brochure_wrap a, .banner_wrap a:after, .rese_btn a, .map_adress ul li a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.brochure_wrap ul li span, .brochure_wrap ul li div{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ************************************ 서브 ************************************ */
.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.first_top{padding-top: 50px;}


/* 인사말 */
.ceo_wrap{position: relative; width: 100%; background: url("../imgs/sub/s01/ceo_bg.jpg") no-repeat center 200px; margin-top: 100px;}
.ceo_wrap .lays li:first-child{padding-bottom: 20px;}
.ceo_wrap .lays{margin-bottom: 0;}
.ceo_wrap{margin-bottom: 150px;}

/* 사업소개 */
.product_wrap{padding-top: 100px;}
.product_wrap.non_first{padding-top: 50px;}
.product_wrap .lay_title{font-size: 40px; font-weight: 800; color: #222; line-height: 1.2; margin-bottom: 20px;}
.product_wrap h4.lay_title{font-size: 30px;}
.product_wrap .lay_title.up_text{margin-bottom: 10px;}
.product_wrap .lay_text{font-size: 17px; line-height: 1.4; color: #666;}
.product_wrap .product_point{padding-bottom: 50px; text-align: center;}
.product_wrap .product_point.bottom_lays{margin-top: 200px;}

.product_wrap .product_point span{display: inline-block; font-size: 21px; color: #005298; margin-bottom: 10px;}
.product_lays:after{display: block; content: ''; clear: both;}
.product_lays > li{float: left;}
.product_lays > li:first-child{margin-left: 0 !important;}
.product_lays.lay1 > li{float: inherit; width: 100%; margin-left: 0 !important;}
.product_lays.lay2 > li{width: 45%; margin-left: 10%;}
.product_lays .img_layout{margin: 0;}
.product_lays .img_layout li{border-radius: 20px; overflow: hidden; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);}
.product_lays .img_layout.li_per50 li{width: 50% !important; margin-left: auto; margin-right: auto; float: inherit;}
.product_lays .img_layout.no_radius li{box-shadow: none; border-radius: 0;}
.product_lays .shop_btn{display: inline-block; width: 300px; padding: 10px 0; line-height: 30px; text-align: center; background: #406EFF; color: #fff; font-size: 15px; border-radius: 50px; margin-top: 30px;}
.product_lays .shop_btn:hover{background: #000;}
.product_lays .s_inline_title{font-size: 19px; font-weight: 700; color: #333; margin-bottom: 3px;}
.product_lays .text_layout p:last-child{margin-bottom: 0;}

/* 사업소개 */
.places_top{text-align: center;}
.places_top h3{font-size: 25px; font-weight: 500; line-height: 1.3; color: #fff !important;}
.places_top p{font-size: 41px; font-weight: 600; line-height: 1.1; color: #fff !important; margin-top: 10px;}
.places_middle{background: url("../imgs/sub/s01/line.jpg") repeat-y center; padding: 100px 0;}
.places_middle ul{display: flex; justify-content: center;}
.places_middle li{margin-left: 8%; text-align: center;}
.places_middle li:first-child{margin-left: 0;}
.places_middle li div{display: inline-block; width: 200px; height: 200px; border-radius: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);}
.places_middle li:nth-child(1) div{background-image: url("../imgs/sub/s01/s12_c_01.jpg");}
.places_middle li:nth-child(2) div{background-image: url("../imgs/sub/s01/s12_c_02.jpg");}
.places_middle li:nth-child(3) div{background-image: url("../imgs/sub/s01/s12_c_03.jpg");}
.places_middle li:nth-child(4) div{background-image: url("../imgs/sub/s01/s12_c_04.jpg");}
.places_middle li b{display: block; font-size: 19px; margin-top: 20px;}
.places_middle li span{display: block; font-size: 15px; margin-top: 10px; color: #666;}
.places_bottom{display: table; table-layout: fixed; margin: 0 auto;}
.places_bottom div{display: table-cell; width: 450px; height: 450px; border: 1px solid #555; border-radius: 50%; text-align: center; vertical-align: middle;}
.places_bottom b{display: block; font-size: 19px; color: #999;}
.places_bottom span{display: block; font-size: 45px; color: #333;}


/* VR */
.vr_viewer{width: 100%; height: 600px; margin-top: 50px;}
.psv-download-button{display: none !important;}


/* 숙박 */
.room_info{padding-top: 20px;}
.room_info ul:after{content:""; display:block; clear:both;}
.room_info > ul > li{float: left; width: 32%; margin-left: 2%; padding-left: 80px; box-sizing: border-box; background-repeat: no-repeat; background-position:top left; background-size: 65px; min-height: 65px; margin-bottom: 30px;}
.room_info > ul > li:nth-child(3n+1){margin-left: 0;}
.room_info > ul > li.opt1{background-image: url("../imgs/sub/s01/room_icon_01.png");}
.room_info > ul > li.opt2{background-image: url("../imgs/sub/s01/room_icon_02.png");}
.room_info > ul > li.opt3{background-image: url("../imgs/sub/s01/room_icon_03.png");}
.room_info > ul > li.opt4{background-image: url("../imgs/sub/s01/room_icon_04.png");}
.room_info > ul > li.opt5{background-image: url("../imgs/sub/s01/room_icon_05.png");}
.room_info > ul > li.opt6{background-image: url("../imgs/sub/s01/room_icon_06.png");}
.room_info > ul > li p{font-size: 17px; font-weight: bold; color: #333; margin-bottom: 5px;}
.room_info > ul > li span{display: block; font-size: 15px; color: #999; word-break: keep-all;}
.rese_btn{text-align: center; margin-top: 40px; display: none;}
.rese_btn a{display: inline-block; text-align: left; padding: 10px 90px 10px 20px; border: 1px solid #333; border-radius: 5px; font-size: 17px; background: url("../imgs/right_arrow_gray.png") no-repeat center right; background-size: 30px; text-decoration: none !important;}
.rese_btn a:hover{background-color: #333; color: #fff !important;}
.rese_btn.all_display{display: block;}
.rese_btn.all_margin{margin: 40px 0;}

/* 피크닉 */
.picnic_wrap{background: #f1f1f1; padding: 40px 0;}
.picnic_wrap ul:after{content:""; display:block; clear:both;}
.picnic_wrap > ul > li{float: left; width: 32%; margin-left: 2%; box-sizing: border-box; padding: 0 20px; text-align: center;}
.picnic_wrap > ul > li:first-child{margin-left: 0; border-right: 1px solid #ccc;}
.picnic_wrap > ul > li:nth-child(3){border-left: 1px solid #ccc;}
.picnic_wrap > ul > li p{font-size: 19px; font-weight: bold; margin-bottom: 10px;}
.picnic_wrap > ul > li span{display: block; font-size: 15px; color: #999;}


/* 오시는 길 */
.sub_map_box{width: 100% !important; margin-top: 100px !important;}
.sub_map_box .wrap_map{min-height: 600px;}
.sub_map_box .wrap_controllers{display: none;}

.map_adress{margin-top: 100px;}
.map_adress .madp_01{font-size: 23px; font-weight: 700; word-break: keep-all;}
.map_adress .madp_02{font-size: 15px; color: #89A0B1; margin-top: 5px;}
.map_adress ul{display: flex; margin-top: 40px;}
.map_adress ul li{margin-left: 20px;}
.map_adress ul li:first-child{margin-left: 0;}
.map_adress ul li a{display: block; width: 240px; height: 50px; line-height: 50px; border-radius: 100px; font-size: 15px; text-align: center;}
.map_adress ul li:nth-child(1) a{background: #03C75A; color: #fff;}
.map_adress ul li:nth-child(2) a{background: #FFEA3B; color: #030001;}
.map_adress ul li:nth-child(1) a:hover{background: #009B45;}
.map_adress ul li:nth-child(2) a:hover{background: #FFD83B;}

.map_table_wrap{border-top: 2px solid #000;}
.map_table_wrap ul{display: flex; border-bottom: 1px solid #ccc;}
.map_table_wrap ul li{padding: 30px 10px; word-break: keep-all;}
.map_table_wrap ul li:nth-child(1){font-size: 18px; font-weight: 700; line-height: 1.4; width: 200px;}
.map_table_wrap ul li:nth-child(2){font-size: 15px; line-height: 1.5; width: calc(100% - 200px);}

/* 센터안내 */
.intro_center_top{margin-top: 50px;}


/* Layout */
.map_lays{display: flex; margin: 100px 0;}
.map_lays > li:nth-child(1){width: 320px; margin-right: 20px;}
.map_lays > li:nth-child(2){width: calc(100% - 340px);}
.map_lays h3{font-size: 27px; font-weight: 800;}





.only_pc{display: block !important;}
.only_mobile{display: none !important;}


@media (max-width: 1420px){
	/* Layout */
	.map_lays > li:nth-child(1){width: 200px;}
	.map_lays > li:nth-child(2){width: calc(100% - 220px);}
}


@media (max-width: 1200px){
	
	/* 사업소개 */
	.places_middle li div{width: 180px; height: 180px;}

	
    
	/* 조직도 */
	.org_wrap > ul li span{font-size: 20px;}
	.org_wrap > ul.org_depth1 li span{font-size: 24px;}
}

@media (max-width: 1023px){
	
	/* 사업소개 */
	.places_middle ul{flex-wrap: wrap;}
	.places_middle li{width: 45%; margin-left: 5%;}
	.places_middle li:nth-child(2n+1){margin-left: 0;}
	.places_middle li:nth-child(n+3){margin-top: 50px;}
	
	/* 숙박 */
	.room_info > ul > li{min-height: 80px;}
	.room_info > ul > li{width: 49%; margin-left: 2% !important;}
	.room_info > ul > li:nth-child(2n+1){margin-left: 0 !important;}


}

@media screen and (max-width: 767px) {
	.only_pc{display: none !important;}
	.only_mobile{display: block !important;}
	
	/* 인사말 */
	.ceo_wrap{margin-top: 50px;}
    .ceo_wrap{background-position: center 50px; margin-bottom: 50px;}
	.ceo_wrap .lays li:first-child{padding-bottom: 0;}
	
	/* 사업소개 */
	.product_wrap {padding-top: 50px;}
	.product_wrap .lay_text{margin-bottom: 10px;}
	.product_wrap .product_point{padding-bottom: 10px; text-align: left;}
	.product_wrap .product_point.product_icons_lays{text-align: center;}
	.product_wrap .product_point.bottom_lays{margin-top: 50px;}
	.product_lays > li{width: 100% !important; margin-left: 0 !important;}
	.product_lays > li:first-child{margin-bottom: 50px;}
	.product_lays > li.title_only_lays{margin-bottom: 20px;}
	.product_wrap .product_point span{font-size: 17px;}
	.product_wrap .lay_title{font-size: 27px; line-height: 1.2; margin-bottom: 10px;}
	.product_wrap h4.lay_title{font-size: 25px;}
	.product_icons li b{font-size: 14px; margin-top: 10px;}
	.product_lays .img_layout li{border-radius: 10px;}
	.product_lays .img_layout.li_per50 li{width: 100% !important;}
	
	.product_wrap .product_full{margin: 0 3%;}
	
	
	/* 사업소개 */
	.places_top .places_content{margin: 0 3%;}
	.places_top h3{font-size: 21px; line-height: 1.4;}
	.places_top p{font-size: 35px; line-height: 1.2; margin-top: 10px;}
	.places_bottom div{width: 350px; height: 350px;}
	.places_bottom b{font-size: 17px;}
	.places_bottom span{font-size: 35px;}	
	
	
	/* 오시는 길 */
	.sub_map_box {height: 300px !important; margin-top: 50px;}
	.sub_map_box .wrap_map{min-height: 300px;}
	
	.map_adress{margin-top: 60px;}
	.map_adress .madp_01{font-size: 19px;}
	.map_adress .madp_02{font-size: 14px;}
	.map_adress ul{flex-wrap: wrap; margin-top: 40px;}
	.map_adress ul li{margin-left: 0; width: 100%;}
	.map_adress ul li:nth-child(2){margin-top: 20px;}
	.map_adress ul li a{ height: 45px; line-height: 45px; font-size: 14px;}
	
	.map_table_wrap ul li{padding: 20px 10px;}
	.map_table_wrap ul li:nth-child(1){font-size: 16px; width: 140px;}
	.map_table_wrap ul li:nth-child(2){font-size: 14px; width: calc(100% - 140px);}
	
	
	
	/* Layout */
	.map_lays{flex-wrap: wrap; margin: 60px 0;}
	.map_lays > li{width: 100% !important; margin-right: 0;}
	.map_lays > li:nth-child(1){margin-bottom: 20px;}
	.map_lays h3{font-size: 23px;}
	
	
	/* 숙박 */
	.room_info > ul > li{min-height: 65px;}
	.room_info > ul > li{width: 100%; margin-left: 0 !important; background-size: 50px; padding-left: 60px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
	.room_info > ul > li:first-child{padding-top: 15px; border-top: 1px solid #ccc; background-position: left 15px;}
	.rese_btn{display: block;}
	
	/* 피크닉 */
	.picnic_wrap{ padding: 20px;}
	.picnic_wrap > ul > li{width: 100%; margin-left: 0; border: 0 !important; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc !important;}
	.picnic_wrap > ul > li:first-child{margin-top: 0; padding-top: 0; border-top: 0 !important;}
	.picnic_wrap > ul > li p{font-size: 15px; margin-bottom: 5px;}
	.picnic_wrap > ul > li span{font-size: 13px;}
	
	.rese_btn a{padding: 8px 70px 8px 15px; font-size: 15px; background-size: 25px;}


   .first_top{padding-top: 30px;}
}


@media screen and (max-width: 480px) {
	
	/* 인사말 */
    .ceo_wrap{background: url("../imgs/sub/s01/ceo_bg2.jpg") no-repeat center 50px;}
	
    /* 사업소개 */
	.product_wrap .product_point span{font-size: 15px; margin-bottom: 5px;}
	.product_wrap .lay_title{font-size: 23px;}
	.product_wrap h4.lay_title{font-size: 20px;}
	.product_icons li{width: 48%; margin-left: 4%;}
	.product_icons li:nth-child(4n+1){margin-left: 0;}
	.product_icons li:nth-child(n+5){margin-top: 0;}
	.product_icons li:nth-child(2n+1){margin-left: 0;}
	.product_icons li:nth-child(n+3){margin-top: 30px;}
	.product_icons li span{max-width: 130px;}
	.product_lays .s_inline_title{font-size: 17px;}    
	
	.places_top h3{font-size: 17px; line-height: 1.6;}
	.places_top p{font-size: 27px; line-height: 1.3; margin-top: 10px;}
	
	.places_middle li{width: 100%; margin-left: 0;}
	.places_middle li:nth-child(n+2){margin-top: 50px;}
	
	.places_bottom div{width: 300px; height: 300px;}
	.places_bottom b{font-size: 15px;}
	.places_bottom span{font-size: 30px;}

	
	/* VR */
	.vr_viewer{width: 100%; height: 400px; margin-top: 40px;}
	
	/* 센터안내 */
	.intro_center_top{margin-top: 40px;}
	

}