/* style.css */
@import url("needpopup.min.css");
@import url("animate.css");
@import url("css.css");

/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main3{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main4{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main5{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}


/********************************** c_br ***********************************************************************************/

.c_br {padding:3px;}
.c_l1 {padding:5px;}
.c_l2 {padding:10px;}
.c_l3 {padding:15px;}
.c_l4 {padding:20px;}
.c_l5 {padding:25px;}
.c_l6 {padding:30px;}
.c_l7 {padding:35px;}
.c_l8 {padding:40px;}
.c_l9 {padding:45px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}

/********************************** 메인타이틀 ***********************************************************************************/
.main_title0 {font-size : 2.8rem;  } 
.main_title {font-size : 2.4rem;  } 
.main_sub_title {font-size : 1rem; } 

/***************************************************************** 이미지사이즈 ***************************************************/
.img_file {width:100%;}
.r_img {width:100%;} /**룸이미지 400**/
.bi_img {width:auto; max-width:320px;} /**bi***/
.f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/
.tour_img {width:auto;}
.mov_size2 {width:100%; height:400px; object-fit: fill;}

.arr_01 {background: url('/img/arr_icon1.png') no-repeat;  padding-left:25px; background-position: 80px 5px; }
.arr_02 {background: url('/img/arr_icon2.png') no-repeat;  padding-left:25px;  background-position: 80px 5px; }

.board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto}
.board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px}
.board_arr li:first-child {width:25%;}
.board_arr li:last-child {width:75%;}

}


/****************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main3{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main4{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.main5{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}

/********************************** c_br ***********************************************************************************/
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}

/********************************** 메인타이틀 ***********************************************************************************/
.main_title0 {font-size : 2.8rem;  } 
.main_title {font-size : 2.4rem;  } 
.main_sub_title {font-size : 1rem; } 

/***************************************************************** 이미지사이즈 ***************************************************/
.img_file {width:auto; max-width:800px;}
.r_img {width:auto; max-width:400px;} /**룸이미지 400**/
.bi_img {} /**bi***/
.f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/
.tour_img {width:230px; height:174px;}
.mov_size2 {width:100%; height:800px;}

.board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto}
.board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px}
.board_arr li:first-child {width:15%;}
.board_arr li:last-child {width:85%;}

.arr_01 {background: url('/img/arr_icon1.png') no-repeat;  padding-left:25px; background-position: 80px 5px; }
.arr_02 {background: url('/img/arr_icon2.png') no-repeat;  padding-left:25px;  background-position: 80px 5px; }
}


/********************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:1200px;  margin-right:auto;margin-left:auto; }
.main3{width:1300px;  margin-right:auto;margin-left:auto;}
.main4{width:1500px;  margin-right:auto;margin-left:auto;}
.main5{width:1800px;  margin-right:auto;margin-left:auto;}

/********************************** c_br ***********************************************************************************/
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}

/********************************** 메인타이틀 ***********************************************************************************/
.main_title0 {font-size : 3rem;  } 
.main_title {font-size : 2.4rem;  } 
.main_sub_title {font-size : 1rem; } 

/*************************************************** 이미지사이즈 ******************************/
.img_file {width:auto; max-width:800px;}
.r_img {width:auto; max-width:500px;} /**룸이미지**/
.f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/
.bi_img {} /**bi***/
.tour_img {width:230px; height:174px;}
.mov_size2 {width:100%; height:1080px; object-fit: fill;}

.board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto}
.board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px}
.board_arr li:first-child {width:10%;}
.board_arr li:last-child {width:90%;}

.arr_01 {background: url('/img/arr_icon1.png') no-repeat;  padding-left:25px; background-position: 80px 5px; }
.arr_02 {background: url('/img/arr_icon2.png') no-repeat;  padding-left:25px;  background-position: 80px 5px; }
}


/***************************************************************************** 메인 ******************************************************************************************/
@media (max-width:768px){
.main_tab {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEFAFF 50%); }
.main_tab-info1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px;}
.main_tab-info2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px; }
.main_tab-info3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px;}

.main_tab-info4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px;}
.main_tab-info5{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px; }
.main_tab-info6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px;}

.main_tab0 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.main_tab1 {background:url('/img/main_sp.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:300px;   text-align:center; padding-top:50px;}
.main_tab1-1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }

.main_box {width:100%; position: relative;  margin-right:auto;margin-left:auto; height:500px; background-color:#ffffff; }
.main_tab2 {position: relative;  background:url('/img/t1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:280px;   text-align:center; padding-top:100px;}
.main_tab3 {width:100%; margin-right:auto;margin-left:auto;}

.main_content {width:100%; margin-right:auto;margin-left:auto;}
}

@media  (min-width: 768px) and (max-width:1198px){
.main_tab {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEFAFF 50%); }
.main_tab-info1{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 0px;}
.main_tab-info2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 120px 0px 0px 0px; }
.main_tab-info3{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 0px;}

.main_tab-info4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 10px 0px 0px;}
.main_tab-info5{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 5px 0px 5px; }
.main_tab-info6{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 0px 0px 10px;}

.main_tab0 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.main_tab1 {background:url('/img/main_sp.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:500px;   text-align:center;}
.main_tab1-1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }

.main_box {width:100%;  position: relative;  margin-right:auto;margin-left:auto; height:500px; background-color:#ffffff; top:-200px;}
.main_tab2 {position: relative;  background:url('/img/t1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center;}
.main_tab3 {width:100%; margin-right:auto;margin-left:auto;}

.main_content {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
}

@media (min-width:1198px){
.main_tab {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEFAFF 50%); }
.main_tab-info1{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 0px;}
.main_tab-info2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 120px 0px 0px 0px; }
.main_tab-info3{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 0px;}

.main_tab-info4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 10px 0px 0px;}
.main_tab-info5{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 5px 0px 5px; }
.main_tab-info6{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 0px 0px 10px;}

.main_tab0 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.main_tab1 {background:url('/img/main_sp.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:500px;   text-align:center;}
.main_tab1-1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.main_box {width:1500px; position: relative;  margin-right:auto;margin-left:auto; height:500px; background-color:#ffffff; top:-200px;}
.main_tab2 {position: relative;  background:url('/img/t1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center;}
.main_tab3 {width:100%; margin-right:auto;margin-left:auto;}
.main_content {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}

}
/***************************************************************************** 메인 ******************************************************************************************/


/**********************************************************펜션소개************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-pension-info1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-pension-info2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-pension-info3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-pension-info4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-pension-info5{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}

.pension_tab{position: relative;  background:url('/img/pension_t1.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:300px;   text-align:center; padding-top:100px;}
.pension_tab1{position: relative;  background:url('/img/pension_t2.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
.pension_tab_btn {width:100%; margin-right:auto;margin-left:auto;}
.pension_info_contents {text-align:left;}
.pension_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-pension-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col-pension-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
.col-pension-info3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}
.col-pension-info4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col-pension-info5{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}

.pension_tab{position: relative;  background:url('/img/pension_t1.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
.pension_tab1{position: relative;  background:url('/img/pension_t2.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
.pension_tab_btn {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.pension_info_contents {text-align:left;}
.pension_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-pension-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col-pension-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
.col-pension-info3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}
.col-pension-info4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col-pension-info5{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}

.pension_tab{position: relative;  background:url('/img/pension_t1.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:500px;   text-align:center; }
.pension_tab1{position: relative;  background:url('/img/pension_t2.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:500px;   text-align:center; }
.pension_tab_btn {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.pension_info_contents {text-align:left;}
.pension_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
}


/**********************************************************객실안내/예약안내 ************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-room{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 5px 10px 5px 0px;}

.col-room-info1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-room-info2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.col-room-info3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px;}
.room_info_contents {text-align:left;}
.room_info_contents div { letter-spacing: -0.05em; line-height: 180%;}
.room_info_contents div::before {   content: "·";   color:#797979; font-family: "Font Awesome 6 Free"; font-size:18px;   font-weight: 900;  padding-left:5px; margin-right: 10px;}
.room_info_contents b {font-weight: 800; letter-spacing: -0.05em; line-height: 180%;}
.room_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
.room_title {font-size:1.5rem;}
.room_way {font-size:0.9rem;}
.room_contents {font-size:0.8rem;}
.room_tab{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.room_tab2{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:300px;   text-align:center; padding-top:100px;}
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-room{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 5px 10px 5px 0px;}

.col-room-info1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 20px 0px 0px;}
.col-room-info2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px;}
.col-room-info3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}
.room_info_contents {text-align:left;}
.room_info_contents div { letter-spacing: -0.05em; line-height: 180%;}
.room_info_contents div::before {   content: "·";   color:#797979; font-family: "Font Awesome 6 Free"; font-size:18px;   font-weight: 900;  padding-left:5px; margin-right: 10px;}
.room_info_contents b {font-weight: 800; letter-spacing: -0.05em;  line-height: 180%;}
.room_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
.room_title {font-size:2rem;}
.room_way {font-size:1.2rem;}
.room_contents {font-size:1rem;}
.room_tab{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.room_tab2{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-room{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 30px;}

.col-room-info1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 20px 0px 0px;}
.col-room-info2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px;}
.col-room-info3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}
.room_info_contents {text-align:left;}
.room_info_contents div { letter-spacing: -0.05em; line-height: 180%;}
.room_info_contents div::before {   content: "·";   color:#797979; font-family: "Font Awesome 6 Free"; font-size:18px;   font-weight: 900;  padding-left:5px; margin-right: 10px;}
.room_info_contents b {font-weight: 800; letter-spacing: -0.05em; line-height: 180%;}
.room_info_box { background-color:#FFFFFF; border:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
.room_title {font-size:2rem;}
.room_way {font-size:1.2rem;}
.room_contents {font-size:1rem;}
.room_tab{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFF8FB 50%); }
.room_tab2{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
}


/**********************************************************특별함************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-special{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 0px 20px 0px; }
.col-special-info1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px; }
.col-special-info2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 20px 0px;}
.special_title {font-size:1.5rem;}
.special_way {font-size:0.9rem;}
.special_contents {font-size:0.8rem;}
.s_tt { display:none}
.s_tt2 { display:none}
.sp_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.sp_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}
.special_tab{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:300px;   text-align:center; padding-top:100px; }
.special_tab_btn {width:100%; margin-right:auto;margin-left:auto; }
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-special{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px;}
.col-special-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px; }
.col-special-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
.special_title {font-size:2rem;}
.special_way {font-size:1.2rem;}
.special_contents {font-size:1rem;}
.s_tt { position: absolute;	color:#FFFFFF; font-size:3rem;  z-index:2; left:0; right:0;  top:40%;margin:auto;}
.s_tt2 { position: absolute; color:#FFFFFF; font-size:1.3rem;	z-index:2; left:0; right:0;  top:50%; margin:auto;}
.sp_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.sp_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}
.special_tab{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
.special_tab_btn {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-special{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px;}
.col-special-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px; }
.col-special-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
.special_title {font-size:2rem;}
.special_way {font-size:1.2rem;}
.special_contents {font-size:1rem;}
.s_tt { position: absolute;	color:#FFFFFF; font-size:3rem;  z-index:2; left:0; right:0;  top:40%;margin:auto;}
.s_tt2 { position: absolute; color:#FFFFFF; font-size:1.3rem;	z-index:2; left:0; right:0;  top:50%; margin:auto;}
.sp_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.sp_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}
.special_tab{position: relative;  background:url('/img/room_t.png'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;  height:400px;   text-align:center; }
.special_tab_btn {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
}


/**********************************************************여행안내************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-tour-info1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 0px 20px 0px; border-bottom:0px solid #E6E6E6;}
.col-tour-info2{transform: scaleY(1); -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 0px 50px 0px; border-bottom:1px solid #616161;}

.tour_title {font-size:2rem;}
.tour_way {font-size:1.2rem;}
.tour_contents {font-size:1rem;}
.col_right {text-align:left;}
.col_left {text-align:left;}
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-tour-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 100px 0px; border-right:1px solid #E6E6E6;}
.col-tour-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 100px 20px;}

.tour_title {font-size:2rem;}
.tour_way {font-size:1.2rem;}
.tour_contents {font-size:1rem;}
.col_right {text-align:right;}
.col_left {text-align:left;}
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-tour-info1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 100px 0px; border-right:1px solid #E6E6E6;}
.col-tour-info2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 100px 20px;}

.tour_title {font-size:2rem;}
.tour_way {font-size:1.2rem;}
.tour_contents {font-size:1rem;}

.col_right {text-align:right;}
.col_left {text-align:left;}
}


/**********************************************************커뮤니티************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-board{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px;}

.bo_title {font-size:1rem;}
.bo_text {font-size:0.9rem; letter-spacing: -0.002em;}
.bo_contents {font-size:0.9rem; letter-spacing: -0.002em; }
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-board{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px;}

.bo_title {font-size:1.2rem;}
.bo_text {font-size:1rem; letter-spacing: -0.002em;}
.bo_contents {font-size:1rem; letter-spacing: -0.002em; }
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-board{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px;}

.bo_title {font-size:1.2rem;}
.bo_text {font-size:1rem; letter-spacing: -0.002em;}
.bo_contents {font-size:1rem; letter-spacing: -0.002em; }
}


/***************************************************************************** col ******************************************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%;padding: 10px 10px 0px 0px;}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.col-room-img1{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding: 0px 20px 0px 0px;}
.col-room-img2{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 20px;}

.col_sp_list1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col_sp_list2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
}

/***************************** 768 1198 ***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 5px 10px 5px 0px;}
.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}

.col-room-img1{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding: 0px 20px 0px 0px;}
.col-room-img2{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 20px;}

.col_sp_list1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col_sp_list2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
}

/*****************************1198 ***********************************************/
@media (min-width:1198px){
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 5px 10px 5px 0px;}
.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}

.col-room-img1{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding: 0px 20px 0px 0px;}
.col-room-img2{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 0px 0px 0px 20px;}

.col_sp_list1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 20px 0px 0px;}
.col_sp_list2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px 0px 0px 20px;}
}
/***************************************************************************** col ******************************************************************************************/


/*****************************************************************************테이블***********************************************************************************************/
@media (max-width:768px){
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type01 td { font-family: 'Chosunilbo_myungjo'; font-weight:400; font-size:0.9rem; border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-left:1px solid #E4E6E8; padding:20px 0px 20px 0px; }
.tbl-type01 .bg { background:#FAFAFA; font-weight:600; font-size:0.9rem;  }
.tbl-type01 span { font-family: 'Chosunilbo_myungjo'; font-weight:600; font-size:1rem; letter-spacing: 0.008em; }
.tbl-type01 .rm { background:#FDFDFD; font-weight:600; font-size:1rem;  }
.tbl-type01 td:last-child { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-right:1px solid #E4E6E8; padding:20px 10px 20px 10px;  }

/* 게시판 */
.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; }
.tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090;  padding:20px; font-weight:600; border-bottom:1px solid #909090;}
.tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090;  border-bottom:2px solid #000000;  padding:13px 5px;}

}

@media  (min-width: 768px) and (max-width:1198px){
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type01 td { font-family: 'Chosunilbo_myungjo'; font-weight:400; font-size:1rem; border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-left:1px solid #E4E6E8; padding:20px 0px 20px 0px; }
.tbl-type01 .bg { background:#FAFAFA; font-weight:600; font-size:1rem;  }
.tbl-type01 span { font-family: 'Chosunilbo_myungjo'; font-weight:600; font-size:1.1rem; letter-spacing: 0.008em; }
.tbl-type01 .rm { background:#FDFDFD; font-weight:600; font-size:1rem;  }
.tbl-type01 td:last-child { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-right:1px solid #E4E6E8; padding:20px 10px 20px 10px;  }

/* 게시판 */
.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; }
.tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090;  padding:20px; font-weight:600; border-bottom:1px solid #909090;}
.tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090;  border-bottom:2px solid #000000;  padding:13px 5px;}
}

@media (min-width:1198px){
/********table**************/
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type01 td { font-family: 'Chosunilbo_myungjo'; font-weight:400; font-size:1rem; border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-left:1px solid #E4E6E8; padding:20px 0px 20px 0px; }
.tbl-type01 .bg { background:#FAFAFA; font-weight:600; font-size:1rem;  }
.tbl-type01 span { font-family: 'Chosunilbo_myungjo'; font-weight:600; font-size:1.1rem; letter-spacing: 0.008em; }
.tbl-type01 .rm { background:#FDFDFD; font-weight:600; font-size:1rem;  }
.tbl-type01 td:last-child { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; border-right:1px solid #E4E6E8; padding:20px 10px 20px 10px;  }

/* 게시판 */
.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;}
.tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; }
.tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090;  padding:20px; font-weight:600; border-bottom:1px solid #909090;}
.tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090;  border-bottom:2px solid #000000;  padding:13px 5px;}


}
/*****************************************************************************테이블***********************************************************************************************/


/********************************************************************************************************************************************/


@media  (max-width: 768px){
.title_bg1 {background:url('/img/t1.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.png') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
}

@media  (min-width: 768px) and (max-width:1400px){
.title_bg1 {background:url('/img/t1.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
}

@media (min-width:1400px){
.title_bg1 {background:url('/img/t1.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.png') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
}

@-webkit-keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

@keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

/*****************************************************************************텍스트***********************************************************************************************/

/*******************************************************************폰트******************************************************************************************************/

html {
    font-size: 62.5%
}
.f06 {font-size : 0.6rem}
.f07 {font-size : 0.7rem}
.f08 {font-size : 0.8rem}
.f09 {font-size : 0.9rem} 
.f10 {font-size : 1rem} 
.f11 {font-size : 1.1rem} 
.f12 {font-size : 1.2rem} 
.f13 {font-size : 1.3rem} 
.f14 {font-size : 1.4rem} 
.f15 {font-size : 1.5rem} 
.f16 {font-size : 1.6rem} 
.f17 {font-size : 1.7rem} 
.f18 {font-size : 1.8rem} 
.f19 {font-size : 1.9rem} 
.f20 {font-size : 2rem} 
.f21 {font-size : 2.1rem} 
.f22 {font-size : 2.2rem} 
.f23 {font-size : 2.3rem} 
.f24 {font-size : 2.4rem} 
.f25 {font-size : 2.5rem} 
.f26 {font-size : 2.6rem} 
.f27 {font-size : 2.7rem} 
.f28 {font-size : 2.8rem} 
.f29 {font-size : 2.9rem} 
.f30 {font-size : 3.0rem} 

@media (max-width:768px){

.f06 {font-size : 0.4rem}
.f07 {font-size : 0.5rem}
.f08 {font-size : 0.6rem}
.f09 {font-size : 0.7rem} 
.f10 {font-size : 0.8rem} 
.f11 {font-size : 0.9rem} 
.f12 {font-size : 1rem} 
.f13 {font-size : 1.1rem} 
.f14 {font-size : 1.2rem} 
.f15 {font-size : 1.3rem} 
.f16 {font-size : 1.4rem} 
.f17 {font-size : 1.5rem} 
.f18 {font-size : 1.6rem} 
.f19 {font-size : 1.7rem} 
.f20 {font-size : 1.8rem} 
.f21 {font-size : 1.9rem} 
.f22 {font-size : 2.0rem} 
.f23 {font-size : 2.1rem} 
.f24 {font-size : 2.2rem} 
.f25 {font-size : 2.3rem} 
.f26 {font-size : 2.4rem} 
.f27 {font-size : 2.5rem} 
.f28 {font-size : 2.6rem} 
.f29 {font-size : 2.7rem} 
.f30 {font-size : 2.8rem} 
}

/******************************************************* 타이틀 텍스트 *************************/
@media (max-width:768px){
.title_text { position: absolute;	font-size:1.8rem; z-index:2;  top:150px; display:block;  letter-spacing: 0.01em;}
.title_text1{ position: absolute; font-size:1.1rem; 	z-index:2; top:210; display:block;}

.stitle_text { position: absolute;	font-size:1.8rem; z-index:2;  top:120px; display:block;  letter-spacing: 0.01em;}

.sub_title_1{ color:#000000; font-size:2.4rem; font-weight:300; width:auto;  }
.sub_title_2{ color:#000000; font-size:1.0rem;  font-weight:300; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(0, 0, 0, 0.1); }
.sub_title_3{ color:#ffffff; font-size:1.0rem;  font-weight:300; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.r_tt { position: absolute;	z-index:2; left:0; right:0;  bottom:110px;margin:auto;}
.r_tt2 { position: absolute;	z-index:2; left:0; right:0;  bottom:80px;margin:auto;}
}

@media  (min-width: 768px) and (max-width:1198px){
.title_text { position: absolute;	font-size:5.0rem; z-index:2;  top:350px; display:inline-block; letter-spacing: 0.01em;}
.title_text1{ position: absolute; font-size:1.6rem; 	z-index:2;top:480px; display:inline-block;}

.stitle_text { position: absolute;	font-size:3.0rem; z-index:2;  top:200px; display:inline-block; letter-spacing: 0.01em;}

.sub_title_1{ color:#000000; font-size:2.4rem; font-weight:300; width:auto;  }
.sub_title_2{ color:#000000; font-size:1.0rem;  font-weight:300; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(0, 0, 0, 0.1); }
.sub_title_3{ color:#ffffff; font-size:1.0rem;  font-weight:300; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.r_tt { position: absolute;	z-index:2; left:0; right:0;  bottom:110px;margin:auto;}
.r_tt2 { position: absolute;	z-index:2; left:0; right:0;  bottom:80px;margin:auto;}

}

@media (min-width:1198px){
.title_text { position: absolute;	font-size:5.0rem; z-index:2;  top:350px; display:inline-block; letter-spacing: 0.01em;}
.title_text1{ position: absolute; font-size:1.3rem; 	z-index:2;top:480; display:inline-block;}

.stitle_text { position: absolute;	font-size:5.0rem; z-index:2;  top:200px; display:inline-block; letter-spacing: 0.01em;}

.sub_title_1{ color:#000000; font-size:2.4rem; font-weight:300; width:auto;  }
.sub_title_2{ color:#696969; font-size:1.0rem;  font-weight:600; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(0, 0, 0, 0.1); 
}
.sub_title_3{ color:#ffffff; font-size:1.0rem;  font-weight:300; display:inline-block; text-align:center; width:auto;  padding:15px 40px 15px 40px; border-top:1px solid rgba(255, 255, 255, 0.1); 
}

.r_tt { position: absolute;	color:#FFFFFF; font-size:3rem;  z-index:2; left:0; right:0;  bottom:30%;margin:auto;}
.r_tt2 { position: absolute; color:#FFFFFF; font-size:1.3rem;	z-index:2; left:0; right:0;  bottom:25%;margin:auto;}
}


/*************************************************box md**********************************/
@media (max-width:768px){
.c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
}

@media  (min-width: 768px) and (max-width:1198px){
.c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
}

@media (min-width:1198px){
.c_box { background-color:#FFFFFF; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
}


.icon::before {   content: "·";   color:#797979; font-family: "Font Awesome 6 Free"; font-size:18px;   font-weight: 900;  padding-left:5px; margin-right: 10px;}


/********************************** pc & mobile ***********************************************************************************/
@media (max-width:768px){
.pc {display:none;}
.mblock {display: block;}
.pblock {display:none;}
.m_br{padding:20px;}
.photo_img {object-fit: cover; width: 100%; height:200px; }
.room_img {object-fit: cover; width: 100%; height:180px; }
.special_img {object-fit: cover; width: 100%; height:200px; }
.special_img2 {object-fit: cover; width: 100%; height:250px; }
.tour_img {object-fit: cover; width: 100%; height:250px; }
}

@media  (min-width: 768px) and (max-width:1198px){
.pc {display:none;}
.mblock {display:none;}
.pblock {display:block;}
.photo_img {object-fit: cover; width: 100%; height:200px; }
.room_img {object-fit: cover; width: 100%; height:200px; }
.special_img {object-fit: cover; width: 100%; height:250px; }
.special_img2 {object-fit: cover; width: 100%; height:450px; }
.tour_img {object-fit: cover; width: 100%; height:350px; }
}

@media (min-width:1198px){
.mobile {display:none;}
.mblock {display:none;}
.pblock {display:block;}
.photo_img {object-fit: cover; width: 100%; height:250px; }
.room_img {object-fit: cover; width: 100%; height:250px; }
.special_img {object-fit: cover; width: 100%; height:250px; }
.special_img2 {object-fit: cover; width: 100%; height:450px; }
.tour_img {object-fit: cover; width: 100%; height:400px; }
}
 

/********************************** bg ***********************************************************************************/

@media (max-width:768px){
.smenu-tab{width:100%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}
.s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);}
}
@media  (min-width: 768px) and (max-width:1198px){
.smenu-tab{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}
.s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);}
}
@media (min-width:1198px){
.smenu-tab{width:1500px;  margin-right:auto;margin-left:auto;}
.s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);}
}


/*****************************************************************************버튼***********************************************************************************************/
/***************************** 768 ***********************************************/
@media (max-width:768px){
.gw_btn{ color:#FFFFFF;  font-size:14px; font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  
padding:15px 40px 15px 40px;background-color:#4D008E; border:1px solid #4D008E; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.gw_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E;}

.gw_btn1{ color:#656565;  background-color:#fffffff; border:1px solid #BBBBBB; text-align:center;  padding:10px 30px 10px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width:auto;  transition: .25s all ease;}
.gw_btn1:hover{color:#FFFFFF; background-color:#FF8400;  cursor:pointer; border:1px solid #FF8400;}

.gw_btn_reser{ color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 20px 10px 20px;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.gw_btn_main{ color:#FFFFFF; background-color:#0020E6; border:0px solid #FF8400; text-align:center;  padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.reser_btn { color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 2px;}
.reser_btn:hover{color:#FFFFFF; background-color:#D84824;  cursor:pointer; border:1px solid #D84824; transition: .25s all ease; border-radius: 2px;}

.room_view_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 20px 10px 20px; transition: .25s all ease; border-radius: 1px;}
.room_view_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}

.room_list_btn { color:#FFFFFF;  cursor:pointer; border:1px solid rgba(255,255,255,0.5); display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.room_list_btn:hover{color:#FFF5BB;  cursor:pointer; border:1px solid rgba(255,245,187,0.7);  transition: .25s all ease; border-radius: 1px;}

.gw_btn_main2{ color:#FFFFFF; background:rgba(255,255,255,0);
border:5px solid rgba(255,255,255,0.5);  text-align:center;  padding:15px 30px 15px 30px;  transition: .25s all ease;}
.gw_btn_main2:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:5px solid #4D008E;}

.gw_sub_btn{ color:#ffffff;  font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:15px 40px 15px 40px;  background:rgba(0,0,0,0); border:1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
}


/***************************** 768  1198***********************************************/
@media  (min-width: 768px) and (max-width:1198px){
.gw_btn{ color:#333333;  font-size:14px; font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:15px 40px 15px 40px;  background:rgba(0,0,0,0); border:1px solid #373242; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.gw_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E;}

.gw_btn1{ color:#656565;  background-color:#fffffff; border:1px solid #BBBBBB; text-align:center;  padding:10px 30px 10px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width:auto;  transition: .25s all ease;}
.gw_btn1:hover{color:#FFFFFF; background-color:#FF8400;  cursor:pointer; border:1px solid #FF8400;}


.gw_btn_reser{ color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 20px 10px 20px;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.gw_btn_main{ color:#FFFFFF; background-color:#0020E6; border:0px solid #FF8400; text-align:center;  padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.reser_btn { color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 2px;}
.reser_btn:hover{color:#FFFFFF; background-color:#D84824;  cursor:pointer; border:1px solid #D84824; transition: .25s all ease; border-radius: 2px;}

.room_view_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.room_view_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}

.room_list_btn { color:#FFFFFF;  cursor:pointer; border:1px solid rgba(255,255,255,0); display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.room_list_btn:hover{color:#FFF5BB;  cursor:pointer; border:1px solid rgba(255,245,187,0.7);  transition: .25s all ease; border-radius: 1px;}

.gw_btn_main2{ color:#FFFFFF; background:rgba(255,255,255,0);
border:5px solid rgba(255,255,255,0.5);  text-align:center;  padding:15px 30px 15px 30px;  transition: .25s all ease;}
.gw_btn_main2:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:5px solid #4D008E;}

.gw_sub_btn{ color:#ffffff;  font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:15px 40px 15px 40px;  background:rgba(0,0,0,0); border:1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
}


/***************************** 1198 ***********************************************/
@media (min-width:1198px){
.gw_btn{ color:#333333;  font-size:14px; font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:15px 40px 15px 40px;  background:rgba(0,0,0,0); border:1px solid #373242; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.gw_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E;}

.gw_btn1{ color:#656565;  background-color:#fffffff; border:1px solid #BBBBBB; text-align:center;  padding:10px 30px 10px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width:auto;  transition: .25s all ease;}
.gw_btn1:hover{color:#FFFFFF; background-color:#FF8400;  cursor:pointer; border:1px solid #FF8400;}

.gw_btn_reser{ color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 20px 10px 20px;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.gw_btn_main{  color:#FFFFFF; background-color:#0020E6;    text-align:center;  padding:10px 40px 10px 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}

.reser_btn { color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 2px;}
.reser_btn:hover{color:#FFFFFF; background-color:#D84824;  cursor:pointer; border:1px solid #D84824; transition: .25s all ease; border-radius: 2px;}

.room_view_btn { color:#4E4E4E; background-color:#F6F6F6;  cursor:pointer; border:1px solid #DBDBDB; display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.room_view_btn:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:1px solid #4D008E; transition: .25s all ease; border-radius: 1px;}

.room_list_btn { color:#FFFFFF;  cursor:pointer; border:1px solid rgba(255,255,255,0); display:inline-block;  position: relative;  text-align:center; width:auto;  padding:10px 50px 10px 50px; transition: .25s all ease; border-radius: 1px;}
.room_list_btn:hover{color:#FFF5BB;  cursor:pointer; border:1px solid rgba(255,245,187,0.7);  transition: .25s all ease; border-radius: 1px;}

.gw_btn_main2 { color:#FFFFFF; background:rgba(255,255,255,0);
border:5px solid rgba(255,255,255,0.5);  text-align:center;  padding:15px 30px 15px 30px;  transition: .25s all ease;}
.gw_btn_main2:hover{color:#FFFFFF; background-color:#4D008E;  cursor:pointer; border:5px solid #4D008E;}

.gw_sub_btn{ color:#ffffff;  font-weight:300; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:15px 40px 15px 40px;  background:rgba(0,0,0,0); border:1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
}
/*****************************************************************************버튼***********************************************************************************************/


/*****************************************************************************하단***********************************************************************************************/
@media (max-width:768px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFf; border-top:1px solid #E1E1E1;}
.foot{width:auto;  margin-right:auto;margin-left:auto; padding: 0px 10px 0px 10px;}
.foot img {width:150px; padding: 5px;}

.col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 100%;max-width:100%;padding: 10px 0px 0px 0px; text-align:center;}
.col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 10px 0px 0px 0px; text-align:center;}

.col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px; text-align:center;}
.col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px; text-align:center;}


.col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;}

.topul li{display:block; border-right:0px solid #A9A9A9; padding:10px 10px 0px 10px; width:100%; }
.topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;}
.topul li:last-child{border-right:0px solid #f4f4f4;}
}

@media  (min-width: 768px) and (max-width:1198px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFf; border-top:1px solid #E1E1E1;}
.foot{width:auto;  margin-right:auto;margin-left:auto; padding: 0px 10px 0px 10px;}
.foot img {padding: 10px;}

.col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;}
.col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;}

.col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;}
.col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 0px 0px 0px 0px; }

.col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;}

.topul li{display:block; border-right:0px solid #A9A9A9; padding:10px 10px 0px 10px; width:100%; }
.topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;}
.topul li:last-child{border-right:0px solid #f4f4f4;}

}

@media (min-width:1198px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFf; border-top:1px solid #E1E1E1;}
.foot{width:1500px;  margin-right:auto;margin-left:auto;}
.foot img {padding: 10px;}

.col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;}
.col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;}

.col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;}
.col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 0px 0px 0px 0px; text-align:right;}

.col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;}

.topul li{display:inline-block; border-right:1px solid #A9A9A9; padding:0px 20px 0px 20px; width:auto; }
.topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;}
.topul li:last-child{border-right:0px solid #f4f4f4;}
}
/*****************************************************************************하단***********************************************************************************************/

@media (max-width:768px){
#kcm_table {width:100%; overflow:auto; white-space:nowrap;}
#kcm_table table {width:800px; border-collapse:collapse;}
::-webkit-scrollbar { width: 5px; height:5px;} 
::-webkit-scrollbar-track { -webkit-box-shadow: inset  5px 5px 5px 5px rgba(220,220,220,0.5); -webkit-border-radius: 0px; border-radius:0px; } 
::-webkit-scrollbar-thumb { -webkit-border-radius:0px; border-radius: 0px; background: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); }

#kcm_table2 {width:100%; overflow:auto; white-space:nowrap;}
#kcm_table2 table {width:700px; border-collapse:collapse;}
::-webkit-scrollbar { width: 5px; height:5px;} 
::-webkit-scrollbar-track { -webkit-box-shadow: inset  5px 5px 5px 5px rgba(220,220,220,0.5); -webkit-border-radius: 0px; border-radius:0px; } 
::-webkit-scrollbar-thumb { -webkit-border-radius:0px; border-radius: 0px; background: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); }
}

@media  (min-width: 768px) and (max-width:1198px){
#kcm_table {width:100%;overflow:auto;}
#kcm_table2 {width:100%;overflow:auto;}
}


@media (max-width:1198px){
#kcm_table {width:100%;overflow:auto;}
#kcm_table2 {width:100%;overflow:auto;}
}