
.line {padding-bottom:20px;border-bottom:1px solid #ddd}






/*_pc*/
@media all and (min-width:1025px) {	   
    #main{padding-bottom:150px}    
    #main .container{max-width:1340px}
	#main .container.wide{max-width:1600px} 
    
    /*이미지형 비주얼*/
    .s_visual{display:flex;justify-content: center;align-items:center; height:500px}    
    .s_visual.s01{background:url('../images/ex.jpg') no-repeat center /cover}
	
	.s_visual.s0301{background:url('../images/sub/top0301.jpg') no-repeat center /cover}
	.s_visual.s0401{background:url('../images/sub/top0401.jpg') no-repeat center /cover}
	.s_visual.s0402{background:url('../images/sub/top0402.jpg') no-repeat center /cover}
	.s_visual.s0403{background:url('../images/sub/top0403.jpg') no-repeat center /cover}
	.s_visual.s0404{background:url('../images/sub/top0404.jpg') no-repeat center /cover}
	.s_visual.s0601{background:url('../images/sub/top0601.jpg') no-repeat center /cover}
	.s_visual.s0701{background:url('../images/sub/top0701.jpg') no-repeat center /cover}
	
    
    .s_visual.on .h2_tit span{letter-spacing: 2px;opacity:0.7}
    .s_visual.on .h2_tit .tit{letter-spacing: 4px;opacity:0.9}
    .s_visual .h2_tit{text-align:center;color:#fff;text-transform: uppercase}
    .s_visual .h2_tit span{font-size:18px;letter-spacing:10px;opacity:0;transition:3s}
    .s_visual .h2_tit .tit{font-size:48px;letter-spacing:20px;opacity:0;transition:3s 1s}
    
    
    /*갤러리형 비주얼*/
    .s_visual_gallery{position:relative;overflow:hidden}
    .s_visual_gallery .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .s_visual_gallery .swiper-slide .bg{transform:scale(1.1);transition:10s}
    .s_visual_gallery .swiper-slide .bg img{width:100%;height:100%;object-fit: cover}
    .s_visual_gallery .swiper-slide-active .bg{transform: scale(1)}
    .s_visual_gallery .slogan{display:flex;justify-content: center;align-items: center; position:absolute;z-index:10;left:0;width:100%;top:0;height:100%;pointer-events:none }
    .s_visual_gallery .slogan .text1{transition:0.5s 0.5s}
    .s_visual_gallery .slogan .text2{transition:0.5s 1s}
    .s_visual_gallery .swiper-button-prev,
    .s_visual_gallery .swiper-button-next{position:absolute;left:auto;right:auto;top:auto;bottom:auto;width:60px;height:60px;border:1px solid #fff;border-radius:50%}
    .s_visual_gallery .swiper-button-prev{left:5%;top:50%;;background:url('../images/swiper-prev.png') no-repeat center;}
    .s_visual_gallery .swiper-button-next{right:5%;top:50%;background:url('../images/swiper-next.png') no-repeat center}
    .s_visual_gallery .swiper-button-prev:hover,
    .s_visual_gallery .swiper-button-next:hover{background-color:rgba(255,255,255,0.2)}
    .s_visual_gallery .swiper-pagination{position:relative;top:auto;bottom:-20px;width:auto;font-size:24px;color:#fff;transform:skewX(-15deg)}
    .s_visual_gallery .swiper-pagination .line{display:inline-block;position:relative;top:-5px;;border-top:1px solid #fff;margin:0 10px;width:100px}

    .s_visual_gallery.on .h2_tit span{letter-spacing: 2px;opacity:0.7}
    .s_visual_gallery.on .h2_tit .tit{letter-spacing: 4px;opacity:0.9}
    .s_visual_gallery .h2_tit{position:relative;text-align:center;color:#fff;text-transform: uppercase}
    .s_visual_gallery .h2_tit span{font-size:18px;letter-spacing:10px;opacity:0;transition:3s}
    .s_visual_gallery .h2_tit .tit{font-size:48px;letter-spacing:20px;opacity:0;transition:3s 1s}
    
    
    
    .h3_tit{text-align:center;margin:100px 0 50px}
    .h3_tit span{color:#777;text-transform: uppercase}
    .h3_tit .tit{font-size:38px}
    
    
    /*s0101*/
     .info_con{line-height:1.8}
     .info_con li{display:flex;border-bottom:1px solid #ddd;padding:20px 0;}
     .info_con li .tit{width:200px}
     .info_con li .desc{flex:1}
    
     .check_con{padding:20px 0;line-height:1.8}
      .check_con .tit {font-size:18px}
    
    /*s0201*/
    .titG{padding-bottom:20px;border-bottom:1px solid #ddd}
     .titG .stit{font-size:28px;color:var(--main-color)}
    .titG .tit{font-size:28px}

    .s0201_sec1 .room_con .typeG{margin:20px 0}
    .s0201_sec1 .room_con .typeG li{display:flex;gap:20px;margin:5px 0}
    .s0201_sec1 .room_con .typeG li .desc{flex:1}

    .s0201_sec1 .room_con .viewG{margin:50px 0}
    .s0201_sec1 .room_con .viewG li{display:flex;gap:40px;margin:40px 0}
    .s0201_sec1 .room_con .viewG li .thumb{width:70%}
    .s0201_sec1 .room_con .viewG li .info{flex:1;line-height:2}
    .s0201_sec1 .room_con .viewG li .info dt{font-size:18px}
    .s0201_sec1 .room_con .viewG li .info dd{text-indent:-10px;padding-left:20px}
	
	
 .preview_con .tit{margin:40px 0;font-size:24px}
 .preview_con .list{display:flex;gap:10px;flex-wrap:wrap}
 .preview_con .list li{width:calc((100% - 10px *4 ) / 5)}
 .preview_con .list li .thumb{filter:grayscale(0);transition:0.3s}
 .preview_con .list li .thumb:hover{filter:grayscale(1)}
 .preview_con .list li .name{margin:10px 0;font-size:15px}
  
  
      .s_table{}
    .s_table .scroll_box{overflow:auto}
    .s_table table{width:100%;border-collapse: collapse;border-top:2px solid #5f9ba2}
    .s_table th,
    .s_table td{padding:10px 0;text-align:center;font-size:14px;border:1px solid #ddd;font-weight:400}
    .s_table thead th{background:#f1fafa;font-size:16px;border:1px solid #a5c8cd}
    .s_table tbody th{background:#f7f7f7}
    .s_table .add{margin:20px 0;text-align:right}


    /*text_con*/
	.text_con .titG{padding-top:10px;border-top:1px solid #ddd; text-align:center}
	.text_con  .titG .tit{padding-top:40px;font-size:21px}
	
    /*sepcial_sub*/	
	.msec8{position:relative} 
	.msec8{ padding:80px 0 ;background:#f2efef;overflow:hidden}
    .msec8 .headG{text-align:center}
    .msec8 .headG .tit{font-size:40px; color:var(--main-color)}
    .msec8 .headG .desc{font-size:18px;margin:0 0;color:#333}
		
    .msec8 .swiper-slide .thumb{overflow:hidden;margin-top:50px}
    .msec8 .swiper-slide .thumb .bg{display:block;padding-bottom:60%;transition:0.3s}
    .msec8 .swiper-slide .thumb:hover .bg{transform:scale(1.1)}
    .msec8 .swiper-button-prev,
    .msec8 .swiper-button-next{top:calc(65% - 150px)}
    .msec8 .swiper-slide .info{margin:0 auto;text-align:center;padding:20px 0 40px}
    .msec8 .swiper-slide .info .tit{display:inline-block;font-size:20px;border-bottom:1px solid #ddd;padding:15px 10px}
    .msec8 .swiper-slide .info .stit{margin:20px 0;color:#aaa;letter-spacing:2px;font-size:0.8rem}
    .msec8 .swiper-slide .info .more{}
	


    .s_con6 .list > li{margin:50px 0;}  
    .s_con6 .infoG .tit{font-size:28px;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}
    .s_con6 .infoG .tit span{font-size:18px;margin-right:10px;color:var(--main-color)}
    .s_con6 .infoG .desc{font-size:18px; line-height:28px}
	
	
	.accodian {list-style: none; margin:30px 0 50px; }
	.accodian--box { margin-bottom: 3px;}
	.accodian--box h4 { background: #fff; padding: 20px; color: #000;cursor: pointer;
	font-size:22px; line-height:32px; border-bottom:1px solid #ddd; padding-left:35px;background:url('../images/sub/info_icon.gif') no-repeat 10px center;}
	.accodian--box div { background:var(--main-color); padding: 15px; display: none;
	font-size:16px; line-height:28px; border-bottom:1px solid #ddd; color: #fff}
	.accodian--box a {font-size:16px; line-height:28px;}
		
	
    .s01_sec4 .mapG{height:400px}
    
    .s01_sec4 .infoG{;margin:10px 0}
    .s01_sec4 .infoG li{display:flex;border-bottom:1px solid #ddd;padding:20px 0}
    .s01_sec4 .infoG li .tit{width:150px;font-weight:600;padding-left:40px}
    .s01_sec4 .infoG li .tit.address{background:url('../images/sub/ico_pos.png') no-repeat 10px center; padding-top:10px}
    .s01_sec4 .infoG li .tit.tel{background:url('../images/sub/ico_tel.png') no-repeat 8px center}
	.s01_sec4 .infoG li .tit.point{background:url('../images/sub/ico_point.png') no-repeat 10px center; padding-top:10px}
    .s01_sec4 .infoG li .desc{flex:1}
	
    .s01_sec4 .btnG{display:flex;gap:10px;padding:20px 0;justify-content: center}
    .s01_sec4 .btnG a{line-height:50px;padding:0 50px;font-size:16px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
    .s01_sec4 .btnG a:hover{background:var(--main-color);color:#fff}

	.btnG{display:flex;gap:10px;padding:20px 0;justify-content:left}
	.btnG a{line-height:50px;padding:0 50px;font-size:16px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
	.btnG a:hover{background:var(--main-color);color:#fff}


    .msec6{background:#fef9f5;overflow:hidden;margin-bottom:-150px}
    .msec6 .container{max-width:1300px}
    .msec6 .headG{text-align:center; padding-top:100px}
    .msec6 .headG .tit{font-size:38px}
    .msec6 .headG .desc{font-size:18px;color:var(--main-color);margin:0px 0 0px;}

    .msec6 .banner_con{display:flex;gap:50px;margin:0px 0;align-items:center}
    .msec6 .banner_con .infoG{width:40%}
    .msec6 .banner_con .infoG .tit{font-size:24px;color:var(--main-color)}
    .msec6 .banner_con .infoG .desc{font-size:15px;margin:50px 0;color:var(--main-color); line-height:26px}
    .msec6 .banner_con .infoG .more{display:inline-block;line-height:50px;padding:0 50px;font-size:16px;color:var(--main-color);border:1px solid var(--main-color);transition:0.3s}
    .msec6 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}

    .msec6 .banner_con .photoG{position:relative;width:100%;height:750px}
    .msec6 .banner_con .photoG .photo{position:absolute;background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
    .msec6 .banner_con .photoG .photo:before{content:'';position:absolute;z-index:10;left:0;width:100%;top:-30px;height:50px;}
    .msec6 .banner_con .photoG .s1:before{background:url('../images/ms6_tape.png') no-repeat center}
    .msec6 .banner_con .photoG .s2:before{background:url('../images/ms6_tape2.png') no-repeat center}
    .msec6 .banner_con .photoG .s3:before{background:url('../images/ms6_tape3.png') no-repeat center}
    .msec6 .banner_con .photoG .s4:before{background:url('../images/ms6_tape4.png') no-repeat center}
    .msec6 .banner_con .photoG .s1{width:400px;left:0;top:150px}
    .msec6 .banner_con .photoG .s2{width:400px;left:400px;top:100px}
    .msec6 .banner_con .photoG .s3{width:350px;left:120px;top:330px}
    .msec6 .banner_con .photoG .s4{width:350px;left:390px;top:350px}




}




/*_mobile*/
@media all and (max-width:1024px) {	   
    #main{padding-bottom:80px}    
    #main .container{max-width:1300px}
    
    .s_visual{display:flex;justify-content: center;align-items:center; height:300px}    
    .s_visual.s01{background:url('../images/ex.jpg') no-repeat center /cover}
	
	.s_visual.s0301{background:url('../images/sub/top0301.jpg') no-repeat center /cover}
	.s_visual.s0401{background:url('../images/sub/top0401.jpg') no-repeat center /cover}
	.s_visual.s0402{background:url('../images/sub/top0402.jpg') no-repeat center /cover}
	.s_visual.s0403{background:url('../images/sub/top0403.jpg') no-repeat center /cover}
	.s_visual.s0404{background:url('../images/sub/top0404.jpg') no-repeat center /cover}
	.s_visual.s0601{background:url('../images/sub/top0601.jpg') no-repeat center /cover}
	.s_visual.s0701{background:url('../images/sub/top0701.jpg') no-repeat center /cover}
	
	
    
    .s_visual.on .h2_tit span{letter-spacing: 2px;opacity:0.7}
    .s_visual.on .h2_tit .tit{letter-spacing: 4px;opacity:0.9}
    .s_visual .h2_tit{text-align:center;color:#fff;text-transform: uppercase}
    .s_visual .h2_tit span{font-size:12px;letter-spacing:5px;opacity:0;transition:3s}
    .s_visual .h2_tit .tit{font-size:20px;letter-spacing:10px;opacity:0;transition:3s 1s}
    
    
    /*갤러리형 비주얼*/
    .s_visual_gallery{position:relative;overflow:hidden}
    .s_visual_gallery .swiper-slide{position:relative;;overflow:hidden}
    .s_visual_gallery .swiper-slide .bg{transform:scale(1.1);transition:10s}
    .s_visual_gallery .swiper-slide .bg img{width:100%;height:100%;object-fit: cover}
    .s_visual_gallery .swiper-slide-active .bg{transform: scale(1)}
    .s_visual_gallery .slogan{display:flex;justify-content: center;align-items: center; position:absolute;z-index:10;left:0;width:100%;top:0;height:100%;pointer-events:none }
    .s_visual_gallery .slogan .text1{transition:0.5s 0.5s}
    .s_visual_gallery .slogan .text2{transition:0.5s 1s}
    .s_visual_gallery .swiper-button-prev,
    .s_visual_gallery .swiper-button-next{display:none;position:absolute;left:auto;right:auto;top:auto;bottom:auto;width:40px;height:40px;border:1px solid #fff;border-radius:50%}
    .s_visual_gallery .swiper-button-prev{left:5%;top:50%;;background:url('../images/swiper-prev.png') no-repeat center /20px;}
    .s_visual_gallery .swiper-button-next{right:5%;top:50%;background:url('../images/swiper-next.png') no-repeat center /20px}
    .s_visual_gallery .swiper-button-prev:hover,
    .s_visual_gallery .swiper-button-next:hover{background-color:rgba(255,255,255,0.2)}
    .s_visual_gallery .swiper-pagination.bullet{position:absolute;left:0;width:100%;top:auto;bottom:20px}


    .s_visual_gallery.on .h2_tit span{letter-spacing: 2px;opacity:0.7}
    .s_visual_gallery.on .h2_tit .tit{letter-spacing: 4px;opacity:0.9}
    .s_visual_gallery .h2_tit{position:relative;text-align:center;color:#fff;text-transform: uppercase}
    .s_visual_gallery .h2_tit span{font-size:12px;letter-spacing:5px;opacity:0;transition:3s}
    .s_visual_gallery .h2_tit .tit{font-size:24px;letter-spacing:10px;opacity:0;transition:3s 1s}
    
    
    
    .h3_tit{text-align:center;margin:50px 0 30px}
    .h3_tit .tit{font-size:24px}    
    
    
    /*s0101*/
     .info_con{line-height:1.8}
     .info_con li{display:flex;border-bottom:1px solid #ddd;padding:15px 0;}
     .info_con li .tit{width:130px}
     .info_con li .desc{flex:1}
    
     .check_con{padding:15px 0;line-height:1.8}
     .check_con .tit {font-size:16px}
    
    
    /*s0201*/
    .titG{padding-bottom:10px;border-bottom:1px solid #ddd}
	 .titG .stit{font-size:18px;color:var(--main-color)} 
	 .titG .tit{font-size:18px}

    .s0201_sec1 .room_con .typeG{margin:20px 0}
    .s0201_sec1 .room_con .typeG li{display:flex;gap:20px;margin:5px 0}
    .s0201_sec1 .room_con .typeG li .desc{flex:1}

    .s0201_sec1 .room_con .viewG{margin:30px 0}
    .s0201_sec1 .room_con .viewG li{margin:30px 0}
    .s0201_sec1 .room_con .viewG li .thumb{}
    .s0201_sec1 .room_con .viewG li .info{line-height:2;margin-top:10px}
    .s0201_sec1 .room_con .viewG li .info dt{font-size:14px}
    .s0201_sec1 .room_con .viewG li .info dd{text-indent:-10px;padding-left:15px}
	
	
	 .preview_con .tit{margin:20px 0;font-size:16px}
 .preview_con .list{display:flex;gap:10px;flex-wrap:wrap}
 .preview_con .list li{width:calc((100% - 10px *1 ) / 2)}
 .preview_con .list li .thumb{}
 .preview_con .list li .name{margin:10px 0;font-size:12px}
 
 
   .s_table{}
    .s_table .more{position:relative;animation: wave_motion 0.4s infinite alternate;margin-bottom:5px;text-align:right}
    .s_table .scroll_box{overflow:auto}
    .s_table table{width:100%;border-collapse: collapse;border-top:2px solid #5f9ba2}
    .s_table th,
    .s_table td{padding:10px 0;text-align:center;font-size:12px;border:1px solid #ddd;font-weight:400}
    .s_table thead th{background:#f1fafa;font-size:14px;border:1px solid #a5c8cd}
    .s_table tbody th{background:#f7f7f7}
    .s_table .add{margin:20px 0;text-align:right}
	
	
	    /*s0201*/
	.text_con .titG{padding-top:10px;border-top:1px solid #ddd; text-align:center}
	.text_con .titG .tit{padding-top:20px;font-size:15px}
	
	
	    /*sepcial_sub*/	
	
    .msec8{padding:40px 0 10px;background:#f7f6f6;overflow:hidden}
    .msec8 .headG{text-align:center}
    .msec8 .headG .tit{font-size:20px}
    .msec8 .headG .desc{font-size:14px;margin:1px 0;color:#333; }

    .msec8 .swiper-slide .thumb{overflow:hidden;margin-top:20px}
    .msec8 .swiper-slide .thumb .bg{display:block;padding-bottom:60%;transition:0.3s}
    .msec8 .swiper-slide .thumb:hover .bg{transform:scale(1.1)}

    .msec8 .swiper-slide .info{margin:0 auto;text-align:center;padding:10px 0 20px}
    .msec8 .swiper-slide .info .tit{display:inline-block;font-size:14px;border-bottom:1px solid #ddd;padding:5px 10px}
    .msec8 .swiper-slide .info .stit{margin:10px 0;color:#aaa;letter-spacing:2px;font-size:12px}
    .msec8 .swiper-slide .info .more{}
	
	
    .s_con6 .list > li{margin:50px 0;text-align:center}  
    .s_con6 .infoG .tit{font-size:18px;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}
    .s_con6 .infoG .tit span{font-size:12px;margin-right:15px}
    .s_con6 .infoG .desc{font-size:14px;line-height:22px}
	
	
	
		
	.accodian {list-style: none; margin:30px 0 50px; }
	.accodian--box { margin-bottom: 3px;}
	.accodian--box h4 { background: #fff; padding: 14px; color: #000;cursor: pointer;
	font-size:16px; line-height:28px; border-bottom:1px solid #ddd; padding-left:35px;background:url('../images/sub/info_icon.gif') no-repeat 10px center;}
	.accodian--box div { background:var(--main-color); padding: 15px 5px 15px 15px; display: none;
	font-size:14px; line-height:22px; border-bottom:1px solid #ddd; color: #fff}
	.accodian--box a {font-size:14px; line-height:28px;}
	
	
    .s01_sec4 .mapG{height:400px}
    
    .s01_sec4 .infoG{;margin:10px 0}
    .s01_sec4 .infoG li{display:flex;border-bottom:1px solid #ddd;padding:10px 0}
    .s01_sec4 .infoG li .tit{width:120px;font-weight:600;padding-left:40px}
    .s01_sec4 .infoG li .tit.address{background:url('../images/sub/ico_pos.png') no-repeat 10px center; padding-top:10px}
    .s01_sec4 .infoG li .tit.tel{background:url('../images/sub/ico_tel.png') no-repeat 8px center}
	.s01_sec4 .infoG li .tit.point{background:url('../images/sub/ico_point.png') no-repeat 8px center; padding-top:15px}
    .s01_sec4 .infoG li .desc{flex:1}

    .s01_sec4 .btnG{display:flex;gap:10px;padding:20px 0;justify-content: center}
    .s01_sec4 .btnG a{line-height:35px;padding:0 30px;font-size:14px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
    .s01_sec4 .btnG a:hover{background:var(--main-color);color:#fff}


.btnG{display:flex;gap:10px;padding:15px 0;justify-content:left}
.btnG a{line-height:35px;padding:0 30px;font-size:14px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
.btnG a:hover{background:var(--main-color);color:#fff}
	


    
	
	.msec6{background:#fef9f5;padding:50px 0;overflow:hidden}
    .msec6 .container{max-width:1300px}
    .msec6 .headG{text-align:center}
    .msec6 .headG .tit{font-size:20px;color:#9c4602}
    .msec6 .headG .desc{font-size:14px;color:var(--main-color);margin:10px 0}

    .msec6 .banner_con{;margin:50px 0}
    .msec6 .banner_con .infoG{;text-align:center;margin-bottom:50px}
    .msec6 .banner_con .infoG .tit{font-size:16px;color:var(--main-color)}
    .msec6 .banner_con .infoG .desc{font-size:12px;margin:20px 0;color:var(--main-color);}
    .msec6 .banner_con .infoG .more{display:inline-block;line-height:35px;padding:0 30px;font-size:14px;color:var(--main-color);border:1px solid var(--main-color);transition:0.3s}
    .msec6 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}

    .msec6 .banner_con .photoG{display:flex;gap:10px;flex-wrap:wrap}
    .msec6 .banner_con .photoG .photo{position:relative;;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);transform:none !important;margin:20px 0}
    .msec6 .banner_con .photoG .photo:before{content:'';position:absolute;z-index:10;left:0;width:100%;top:-30px;height:50px;}
    .msec6 .banner_con .photoG .s1:before{background:url('../images/ms6_tape.png') no-repeat center }
    .msec6 .banner_con .photoG .s2:before{background:url('../images/ms6_tape2.png') no-repeat center}
    .msec6 .banner_con .photoG .s3:before{background:url('../images/ms6_tape3.png') no-repeat center}
    .msec6 .banner_con .photoG .s4:before{background:url('../images/ms6_tape4.png') no-repeat center}
	
	
}