
/*반응형 시작*/
@media all and (max-width:1600px) {
  /*해더*/
  .wrap {
    width: 100%;
    padding: 0 2%;
  }
  .con_box.wrap {
    padding: 0 0 150px;
  }
  #logo {
    left: 2%;
  }
  #tnb {
    right: 2%;
  }

  .copy_right {right:3%;}

  /*메인비주얼*/
  .rolling .text {
    left: 52%;
  }
  .main_visual .frame .swiper-scrollbar {
    left: 2%;
  }

  /*퀵바*/
  #quick_bar {
    width: 96%;
  }

  /*컨텐츠*/
  #main_01 .main01 > div {
    column-gap: 40px;
  }
  #main_01 .main01 div.notice {
    width: 52%;
  }
  #main_01 .main01 div.popup_wrap {
    width: 45%;
  }

  /*main_02 영역*/
  #main_02 .main02 .gallery .gal_img p {
    font-size: 18px;
  }
  #main_02 .main02 .gallery .gal_img p span {
    font-size: 16px;
  }

  /*main_03 영역*/
  #main_02 .main02 {
    column-gap: 30px;
  }
  .main02_left {
    width: 35%;
  }
  .main02_right {
    width: calc(65% - 30px);
  }
}

@media all and (max-width:1400px) {
  .con_box.wrap {
    padding: 0 3% 150px;
  }
  
}

@media all and (max-width:1300px) {
  #main_01 .main01 .tabs {
    column-gap: 30px;
  }
  #main_01 .main01 .tabs li {
    font-size: 22px;
  }
  #main_01 .main01 .tabbox li span.label {
    width: 65px;
    margin-right: 18px;
    font-size: 16px;
  }
  #main_01 .main01 .tabbox li p {
    width: 60%;
  }
  .tab {
    margin-bottom: 10px;
  }

  #calendar {
    padding: 20px;
    min-height: auto;
  }
  .calendar_wrap {
    margin-bottom: 10px;
  }
  .cal_title {
    margin-bottom: 20px;
  }
  .cal_title h2 {
    font-size: 18px; 
  }
  .cal_con .calendar_table td a {
    height: 45px;
  }
  .cal_con .calendar_table td a span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
  }
  .cal_con .calendar_table th {
    font-size: 14px;
    height: 30px;
  }
  .calendar_dayinfo .dinfo {
    column-gap: 15px;
  }
  .calendar_dayinfo .dinfo span {
    width: 70px; 
    font-size: 16px;  
    padding: 4px 0; 
  }
  .calendar_dayinfo .dinfo p {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .calendar_dayinfo .dayinfo {
    height: 45px;
  }
  #main_02 .main02 .gallery .gal_img p {
    padding: 20px 10px;
  }

  #main_05 {
    padding: 25px 0;
  }
}

@media all and (max-width:1080px) {
  /*메인비주얼*/
  .rolling .text {
    top: 38%;
  }
  .rolling .text p {
    font-size: 38px;
  }
  .rolling .text h2 {
    font-size: 60px;
    line-height: 1.4;
  }
  .main_visual {
    padding-top: 70px;
    height: auto;
    aspect-ratio: 1 / 0.8;
  }
  .main_visual .frame .swiper-scrollbar {
    width: 520px;
  }
  .main_visual .frame .scrol {
    display: none;
  }
  .rolling .text {
    left: 53%;
  }
  #quick_bar ul li p {
    font-size: 20px;
  }

  /*메인*/
  #main_container .title h3 {
    font-size: 28px;
  }
  #main_container .title {
    margin-bottom: 30px;
  }
  #main_01 .main01 > div {
    column-gap: 20px;
  }
  #main_01 .main01 .tabs {
    column-gap: 20px;
  }
  #main_01 .main01 .tabs li {
    font-size: 20px;
  }
  #main_01 .main01 .tabs li::before {
    top: -10px;
    width: 6px;
  }
  #main_01 .main01 .tabbox > ul > li li {
    padding: 12px 0;
  }
  #main_01 .main01 .tabbox li p {
    font-size: 18px;
  }
  #main_01 .main01 .tab a {
    font-size: 28px;
  }
  #main_01 .main01 .tab a::before {
    width: 35px;
  }
  #main_01 .main01 .tabbox li i {
    width: 105px;
    font-size: 15px;
  }

  /*팝업*/
  .popup_wrap .pop_arrow {
    width: 90px;
  }
  .popup_wrap .pop_arrow .swiper-button-prev {
    width: 35px;
  }
  .popup_wrap .pop_arrow .swiper-button-next {
    width: 35px;
  }
  .popup_wrap .pop_arrow img {
    width: 35px;
  }

  /*main_02 영역*/ 
  #main_02 .main02 {
    column-gap: 20px;
  }
  .main02_right {
    width: calc(65% - 20px);
  }
  .cal_con .calendar_table td a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .calendar_dayinfo .dinfo p {
    font-size: 16px;
  }
  #main_02 .main02 .gallery .gal_img p {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    row-gap: 5px;
    font-size: 18px;
    word-break: keep-all;
  }
  #main_02 .main02 .gallery .gal_img p span {
    font-size: 14px;
  }
  #main_02 .main02 .title a {
    font-size: 28px;
  }
  #main_02 .main02 .title a::before {
    top: 50%;
    width: 35px;
  }
}


@media all and (max-width:890px) {
  /*공통*/
  #main_container .mb120 {
    margin-bottom: 60px;
  }
  /*메인*/
  #main_01 .main01 > div {
    flex-wrap: wrap;
    row-gap: 60px;
  }
  #main_01 .main01 div.notice {
    width: 100%;
  }
  #main_01 .main01 div.popup_wrap {
    width: 100%;
  }
  #main_01 .main01 .tabbox li p {
    width: 80%;
  }


  /*main_02 영역*/
  #main_02 {
    padding: 20px 0 0px;
  }
  #main_02::before {
    top: auto;
    bottom: 0;
    transform: translateY(0);
    width: 92%;
    height: 50%;
  }
  #main_02 .main02 {
    flex-wrap: wrap;
    row-gap: 60px;
  }
  .main02_left, .main02_right {
    width: 100%;
  }
  .main02_right {
    margin-top: 70px;
  }
  #calendar { min-height: auto; }
  .cal_con .calendar_table td a span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  .cal_title h2 {
    font-size: 22px
  };
  .cal_con .calendar_table th {
    font-size: 18px;
  }
  .cal_con .calendar_table td a {
    height: 54px;
  }
  .calendar_dayinfo {
    padding-left: 4%;
  }


  #main_05 .famil {
    column-gap: 15px;
  }
  #main_05 #banner_scroll .famil_site img {
    width: 100%;
    height: 28px;
    object-fit: contain;
  }
  #main_05 #banner_scroll {
    width: calc(100% - 95px);
  }
  #main_05 .family_arrow {
    position: relative;
    width: 80px;
  }
  #main_05 .family_arrow #aro_prev {
    width: 12px;
  }
  #main_05 .family_arrow #aro_next {
    width: 12px;
  }
}

@media all and (max-width:790px) {
  #logo {
    left: 3%;
  }
  #tnb {
    right: 3%;
  }

  /*퀵바*/
  #quick_bar ul li {
    width: calc(100% / 5);
  }
  #quick_bar ul li a {
    padding: 22px 8px;
  }
  #quick_bar ul li p {
    font-size: 16px;
    text-align: center;
  }
  #quick_bar ul li img {
    height: 34px;
    margin-bottom: 13px;
  }

  /*메인*/
  #main_01 .main01 .tabbox li p {
    width: 60%;
  }

  .cal_title h2 { font-size: 22px; }
  .cal_con .calendar_table th { font-size: 13px; }
  
  .calendar_dayinfo .dinfo span {
    width: 65px;
    font-size: 14px;
  }
  .calendar_dayinfo .dinfo p { font-size: 15px; }
  
  #main_02 .main02 .title h3 { font-size: 24px; }

  #main_05 {
    padding: 20px 0;
  }
  #main_05 #banner_scroll .famil_site img {
    width: 80%;
  }

  #main_06 .famil ul {
    column-gap: 10px;
  }
  #main_06 .famil ul li {
    width: calc((100% - 30px) / 4);
  }
  #main_06 .famil ul li img {
    max-width: auto;
    height: 100%;
  }
  #main_06 .famil h5 {
    font-size: 16px;
  }


}

@media all and (max-width:660px) {
  /*비주얼*/
  .main_visual {
    padding-top: 64px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .rolling .text h2 {
    font-size: 55px;
  }
  .rolling .text p {
    font-size: 35px;
  }
  .rolling .text {
    top: 46%;
  }

  /*퀵바*/
  #quick_bar ul {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    padding: 20px 0;
  }
  #quick_bar ul li {
    width: calc(100% / 3);
  }
  #quick_bar ul li a {
    padding: 0 8px;
  }

  /*푸터*/
  footer {
    padding: 40px 0 60px;
  }
  #ft .ft_ul {
    column-gap: 30px;
  }
  #ft .ft_ul li a {
    font-size: 16px;
  }
  #ft .ft_info h2 {
    font-size: 25px;
    margin: 0 0 8px;
  }
  #ft .ft_info p {
    margin-bottom: 14px;
    font-size: 14px;
  }
}

@media all and (max-width:490px) {
  #main_01 .main01 .tab {
    position: relative;
    display: block;
  }
  #main_01 .main01 .tab a {
    position: absolute;
    top: -70px;
    right: 0;
    width: 35px;
  }
  #main_01 .main01 .tab a::before {
    left: 27%;
    top: 53%;
  }
  #main_01 .main01 .tabs {
    width: 100%;
    justify-content: space-between;
    column-gap: 0;
  }
  #main_01 .main01 .tabs li {
    font-size: 18px;
  }
  #main_01 .main01 .tabbox li span.label {
    width: 54px;
    margin-right: 16px;
    font-size: 14px;
  }

  /*퀵바*/
  #quick_bar {
    width: 94%;
  }
  #quick_bar ul li img {
    height: 30px;
    margin-bottom: 12px;
  }
  #quick_bar ul li a {
    padding: 0 3px;
  }
  #quick_bar ul li p {
    font-size: 14px;
  }

  #main_02 .main02 {
    row-gap: 20px;
  }
  #main_02::before {
    height: 46%;
  }
  #calendar {
    padding: 30px 20px 20px;
  }
  .calendar_wrap {
    margin-bottom: 0;
  }
  .cal_con .calendar_table td a {
    height: 45px;
  }
  .cal_con .calendar_table td a span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
  }
  .cal_con .calendar_table th {
    font-size: 14px;
  }
  .calendar_dayinfo .dinfo {
    column-gap: 10px;
  }
  .calendar_dayinfo .dinfo span {
    width: 60px;
    font-size: 13px;
  }
  #main_02 .main02 .gallery .gal_img p {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    row-gap: 5px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #main_02 .main02 .gallery .gal_img p span {
    font-size: 12px;
  }

  #main_05 .family_arrow #aro_prev {
    width: 10px;
  }
  #main_05 .family_arrow #aro_next {
    width: 10px;
  }

  /*푸터*/
  #ft .ft_ul {
    column-gap: 14px;
  }
  #ft .ft_ul li a {
    font-size: 15px;
  }
  #ft .ft_info h2 {
    font-size: 20px;
  }
}

@media all and (max-width:390px) {
  #main_01 .main01 .tabs li {
    font-size: 16px;
  }
  #main_02::before {
    height: 41%;
  }

  /*푸터*/
  #ft .ft_ul {
    justify-content: space-between;
    column-gap: 0px;
  }
  #ft .ft_ul li a {
    font-size: 14px;
  }
}


/* PC Device */
@media all and (min-width:1001px){
/* 전체메뉴 */
#total_m_lay{display:none;}
.btnMenuClose{display:none}
}

@media all and (max-width:1540px){
#full_dropdown {float:right;}

.mVisual li.visual1 .video-container video {position:absolute;top: -20%;left:0;width:100%;height:100%;}
}
@media all and (max-width:1450px){
#aro_next {right:0;}
#aro_prev {left:0;}
.main03_left {width: 64%;}
.main03_right {width: 34%;}
}
@media all and (max-width:1400px){

.wrap {width:100%; min-width:320px;padding:0 3%; box-sizing:border-box; margin:0 auto;}
#logo {left:2%;}
#tnb {right:2%;}
.board-title {display: block;position: relative;left: auto;top: auto;}
#sidebar .wrap {padding:0;}
div#bo_list, div#bo_gall, section#bo_w, article#bo_v {padding:0 3%;max-width:100%;width:100%;}
div#sct, div#sit {padding:0 3% 150px;max-width:100%;width:100%;}
#sod_fin, #sod_v, #smb_my {padding:0 3%;max-width:100%;width:100%;}
.sub_navi_inner {display:none;}
#bo_v {border-top:none;}
#bo_v_title {border-top: 2px solid #0170cc;}
div#schedule div#bo_list {padding:0;}

.sConBox {padding:0 3%;max-width:100%;width:100%;}
}

@media all and (max-width:1300px){
#full_dropdown {display:none;}	
#tnb {display: inline-block;}


#gnb #gnb_1dul {width:100%;}
#sidebar {width:100%;}
}

@media all and (max-width:1400px){
.tab__item {margin-right: 0.5rem;}
}

@media all and (max-width:1260px){

.main03_left {width: 58%;}
.main03_right {width: 39%;}
}
/*@media all and (max-width:1250px){*/
@media all and (max-width:1280px){

.board-title {width:100%;}
.board-title h2 {text-align:center;margin-bottom:20px;margin-top:20px;}

}


@media all and (max-width:1100px){

.greeintgs_con span {width: 48%;}
.greeintgs_con p {width: calc(100% - 52%);}

}

/* Tablet Device */
@media all and (max-width:1000px){
img{max-width:100%}
#full_dropdown {display:none;}

#weather h3{display:none;}
#hd .top_sns {display:none;}


/* 모바일메뉴 */


/* 중간 */

#container #content{width:100%; box-sizing: border-box;}
#container #content .sConBox{padding:50px 10px 50px; max-width:768px}
#container #content .sConBox .btnPrint{display:none}
#index #container #content{padding: 0 0;}
.cont_inquiry {height: 240px;}
.cont_inquiry .online_inqu {right: 5%;}

/* 게시판 읽기 */
#bo_v {padding:20px;}

/* 게시판 검색 */
#bo_sch .sch_input{width:60%}

.sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
.sct_20 .sct_li:nth-child(2n) {margin-right:0%;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {width:45%;}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {width:50%;}

#exptime {border-radius:0; border:0; padding:0; }
#khoa {border-radius:0; border:0; padding:0; }

.history .his_sec {padding:0;}
.hd_pops {top:0 !important;left:0 !important;}


.sct_10 .sct_li {width: 32% !important;margin-right:1.5%;}
.sct_10 .sct_li:nth-child(3n) {margin-right:0;}
.sct_10 .sct_li:nth-child(4n) {margin-right:1.5%;}
.sct_10 .sct_li:nth-child(4n+1) {clear:none;}
.sct_10 .sct_li:nth-child(3n+1) {clear:both;}
#sct_ct_1 li {width: 25% !important;}


}

@media all and (max-width:950px){
.tab_container li.mem, .tab_container li.mem02 {padding: 12px;}
.mem .mem_img, .mem02 .mem_img {margin-right: 15px;}
.mem .mem_info, .mem02 .mem_info { margin-left:0; margin-top: 160px;}
#biz_top .btop_in img { display: block; float: none; margin: 0 auto;}
#biz_top .btop_con { margin-left: 0; clear: both; margin-top: 20px; }

.mVisual li.visual1 .video-container video {position:absolute;top: -34%;	left:-177px;width:130%;	height:130%;}
}

@media all and (max-width:900px){
.copy_right {width: 100%;position: relative;right: inherit;top: inherit;margin-top: 30px;clear: both;float: left;}
#smb_my_ov .op_area dt {width: 20%;clear:both;}
#smb_my_ov .op_area dd {width: 80%;}
.tab_container li:last-child {margin-right:0;}
.tab_container li {width: 48%;float: left;margin-right: 0;}
.tab_container li:nth-child(2n) {float:right;}
.tab_container li:nth-child(3), .tab_container li:nth-child(4) {margin-top:2%;}
#main_biz {width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;cursor: pointer;transition: all 0.2s;transform: scale(0.98);will-change: transform;position: relative;-webkit-overflow-scrolling: touch;user-select: none;margin-bottom: 0.6rem;/* padding-left: 4%; */}
#main_biz li {width:128px;margin-right:10px;float:none;display:inline-block;}
#main_biz li a span {display: block;width: 90px;height: 90px;margin:0 auto 20px auto;}
#main_biz li:nth-child(1) a span {background-size:54%;}
#main_biz li:nth-child(2) a span {background-size:54%;}
#main_biz li:nth-child(3) a span {background-size:54%;}
#main_biz li:nth-child(4) a span {background-size:54%;}
#main_biz li:nth-child(5) a span {background-size:54%;}
#main_biz li:nth-child(6) a span {background-size:54%;}
#main_biz li a p {text-align: center;font-size: 16px; height: 48px;}
#main_biz li a p br {display:block;}
}

@media all and (max-width:860px){
#hd .top_login {display:none;}
#gnb {
  height:70px;
  border-bottom: 1px solid #ddd;
}
#logo a img {height: 36px;}
#logo {top:3px;}
#tnb {top:25px;}
#main_04 {padding: 0 0 40px 0;}
.sct_10 .sct_li {width: 32% !important;margin-right:1.5%;}
.sct_10 .sct_li:nth-child(3n) {margin-right:0;}
.sct_10 .sct_li:nth-child(4n) {margin-right:1.5%;}
.sct_10 .sct_li:nth-child(4n+1) {clear:none;}
.sct_10 .sct_li:nth-child(3n+1) {clear:both;}
#sct_ct_1 li {width: 25% !important;}
.rolling .text h2 {font-size:57px;}
.rolling .text p {font-size: 28px;}
}

@media all and (max-width:800px){


#bo_sch .sch_input {width: 47%;}

.video-container video{width:100%; height:100%;}

#bo_v_con table{table-layout: unset !important;}
#bo_v_con table td p{line-height:1.2;}
#bo_v_con table td span{line-height:1.4;}
.organ_img {max-width:100%;}
}

@media all and (max-width:780px){


.sVisual {height: 300px;}
.cont_inquiry .online_inqu {text-shadow: 3px 1px 4px #000;}


  /* 상품 상세보기 - 이미지 미리보기 */
  #sit_pvi {width:100%; max-width:100%;text-align:center; margin-bottom:30px; }

  /* 상품 상세보기 - 간략정보 및 구매기능 */
  #sit_ov {width:100%; height: auto; min-height: auto;}
  #sit_ov_btn button {width:48%;}
  #sit_desc_btn {text-align: right;}
  #sit_inf {margin: 20px 0;}

}

/* Mobile Device */

@media all and (max-width:768px){
#weather {display:none;}

/*.cal_Con {overflow:auto;}
.cal_Con > div { width:768px;}*/
.tab_container li.mem02{grid-template-columns: 1fr;}
/* .mem02 .mem_info > h5{text-align:center} */
.mem02 .mem_img img{width: auto;display:block;margin:0 auto}
/* .mem_info table{width:50%;margin:0 auto;} */
.terms { padding:0 25px 50px;}

#sidebar .home {display:none;}
#sidebar .snb {width:50%;}
.greeintgs_title h2 {font-size:30px;word-break:keep-all;}
.greeintgs_title p {font-size: 20px;word-break:keep-all;}
.greeintgs_line {margin: 30px 0;}
.greeintgs_line span {    height: 50px;}
.greeintgs_con p {font-size:16px;word-break:keep-all;}
}



@media all and (max-width:700px){
.mem_part, .main_popup {width: 100%;}

.popup_slides a {display:block;}

#more_btn {display: block;position: relative;right: auto;top: auto;text-align: center;padding-top: 20px;clear: both;overflow: hidden;}
.tab_container li a span.date {font-size: 14px;margin-bottom: 5px;}
#organization .tabs li:last-child {border-right: none;}

.calendar_wrap {width: 100%;border-right:none;}
.calendar_day {width: 100%;margin-top:30px;}
.main03_right {width: 100%;float: left;margin: 3% auto 0 auto;clear: both;}



.greeintgs > img {width: 327px;display: block;margin:0 auto 37px auto;float: none;}
.greeintgs h2 {clear:both;font-size: 25px;word-break:keep-all;}

.team_left, .team_right {width: 100%;}

#organization .tabs {float: none;display: block;margin: 0 0 30px 0;overflow: hidden;width: auto;}
#organization .tabs li span {font-size:18px;padding: 10px 0; border:none;border-radius: 0;}
#organization .tabs li {margin:0;}
#organization .tabs li {width: calc(100% / 3);border-left:#ddd 1px solid;padding:0;float:left;}
#organization .tabs li.active span {border:none;}


#biz_top_con div table, .tab__content div table {min-width:700px;}
#biz_top_con div, .tab__content div {overflow-y:hidden;overflow-x:auto;}
.mo_biz_message {display: block;padding:10px 0;}
}

@media all and (max-width:640px){
.operation_con h2 {width: 100%;margin-right: 0;float: none;font-size: 21px;margin-bottom: 20px;}
.ooper-in {margin-left: 0;}
.ooper-in h3 {font-size: 18px;margin-bottom: 2px;}
.ooper-in p {font-size: 15px;}
.poer_box {padding: 20px;font-size: 15px;}

.mb {display:block;}

#hd .top_login {display:none;}
#tnb {right: 3%;}


.cont_inquiry .online_inqu {right: 2%;}
.con_box > .cont_inquiry > .online_inqu > h2 {font-size: 22px;}
.cont_inquiry p {font-size: 16px;}


#sidebar > div a {font-size:14px; }
.sub_navi_inner {margin-bottom:20px;}

.sConBox h2 { font-size: 20px;}
.sConBox h3 { font-size: 18px;line-height: 25px;}

/* 게시판 목록 */
.bo_title_review {font-size:18px; }
/* 게시판 읽기 */
#bo_v {padding:10px;}
/* 게시판 검색 */
#bo_sch {width:100%}
#bo_sch select{display:none;}
#bo_sch .sch_input{width:82%}

.sct_20 .sct_li {margin:0 0 30px 0; width:100% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:0%;}
.sct_20 .sct_img a, .sct_20 .sct_img a img {max-width:500px;}

.sod_left {width:100%; float:none;padding: 20px 0 20px 0;}
.sod_right {width:100%; float:none; margin: 0 auto;}

.th_line th {font-size:13px;}
#sod_fin_list .td_bdno dd {margin-top:10px;}

dl.note {margin-top:50px;}
dl.note dt {font-size:20px;}
p.note {font-size:14px;}

div#sit {margin: 30px auto;}
#wrapper_title {font-size: 24px; margin: 20px 0;}
div#sct, div#sit {padding: 0 3% 80px;}
#sit_btn_buy {padding: 10px 28px; font-size: 18px;}

#sit_title {font-size: 24px;padding-bottom: 0;}
.contents_tit span {font-size: 24px;}

.greeintgs h2 {font-size: 19px;}
.greeintgs p {font-size: 15px;}
.greeintgs p span {font-size: 17px;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {width:100%; max-width:100%;text-align:center; margin-bottom:30px; }

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {width:100%; height: auto; min-height: auto;}
#sit_ov_btn button {width:48%;}
#sit_desc_btn {text-align: right;}
#sit_inf {margin: 20px 0;}


/*.tbl_frm01 .frm_input,  .tbl_frm01 textarea{max-width:280px;}*/

.salon_top_txt {padding: 34px;}

.privateD {padding: 20px; }
#smb_my_ovaddd {width:100% !important;}
/* .mbskin{width:98%;} */
}

@media all and (max-width:610px){
.group {overflow-x:scroll;}
.mobile_txt {display:block;padding:10px 0;}
table.group_table th, table.group_table td { padding: 7px;}
}

@media all and (max-width:600px){
/*체험프로그램*/
.sct_10 .sct_li {width: 48% !important;margin-right:0%;margin-bottom:20px}
.sct_10 .sct_li:nth-child(3n) {margin-right:0;}
.sct_10 .sct_li:nth-child(3n+1) {clear:none;}
.sct_10 .sct_li:nth-child(4n) {margin-right:0;}
.sct_10 .sct_li:nth-child(2n) {float:right;}

.sct_10 .sct_li {width: 100% !important;}
.sct_10 .sct_li:nth-child(2n+1) {clear:both;}
.sct_10 .sct_img {margin: 0 0 20px;}
.sct_10 .sct_img a {font-size: 16px;}

#sct_ct_1 li {width: 50% !important;}

#fregister section {margin: 10px auto 60px !important;}
#fregister .fregister_agree {top: inherit !important; padding: 10px !important;}
.hd_pops {top:0 !important;left:0 !important;width: 100%;}
.hd_pops_con {width:100%  !important;height:auto  !important;}
.hd_pops_con img {display:block;width:100%  !important;height:auto  !important;}
.hd_pops_conp {margin-bottom:0;}
.history .his_sec:after {left: 4%;}
.history .his_sec .his_info li {width: 96%}
.history .his_sec .his_info li:nth-child(even) {float: left;margin: 0 0 22px 4%;padding: 0 0 0 150px;text-align: left;}
.history .his_sec .his_info li:nth-child(even):before {right:auto;left: -8px;}
.history .his_sec .his_info li:nth-child(even) span {right: auto;left: 26px;}
.history .his_sec .his_info li span {left: 26px;}
.history .his_sec .his_info li {padding-left: 150px;}	
.tab_container li.mem {width: 100%;margin-right:0; height:auto; overflow: hidden;}
.board-title h2, #photogallery h2 {font-size: 31px;}
.tabs li span, .tabs li.active span {font-size:15px;}
.tab_container li a h3 {font-size:18px;}
.tab_container li a p {font-size:15px;margin-bottom: 20px;}
#main_biz li a span {display: block;width: 80px;height: 80px;}
#main_biz li {width: 115px;}

#bo_v_file li{padding: 5px 10px 25px;font-size: 14px;}
.bo_v_file_cnt{top: 32px;right:10px;}
#bo_v_file a{font-size: 16px;}
.sVisual > div h2 {font-size: 40px;}
.sVisual > div p {font-size: 16px;}


.tab_content table th {padding:5px;font-size:1em;}
.tab_content table td {padding:5px;font-size:1em;}
table.group_list th {padding:5px;font-size:1em;}
table.group_list td {padding:5px;font-size:1em;}
.btop_con table th {padding:5px;font-size:1em;}
.btop_con table td {padding:5px;font-size:1em;}


#biz_top_con div table th{padding:5px;font-size:1em;}
#biz_top_con div table td {padding:5px;font-size:1em;}

.tab__content div table th {padding:5px;font-size:1em;}
.tab__content div table td {padding:5px;font-size:1em;}



#biz_top_con h3, .tab__content h3 {font-size: 20px;font-weight: 700;margin: 30px 0 15px 0;}
#biz_top_con h3 i img, .tab__content h3 i img {width: 22px;}
.tab__item a {font-size:1em;}
.tab__content ul {padding-left: 29px;}
.tab__content li {font-size:1em;}
#sidebar .snb > .over span {font-size:1.1em;}
.tbl_head01 thead th {font-size:1em;}
#organization .tabs li span {font-size:1em;}
}

@media all and (max-width:570px){
#gym_con li {width: 100%;float: left;margin-bottom: 20px;}
#gym_con li:last-child {margin-bottom: 0;}
#sit_desc_btn {margin: 27px 0 30px 0;text-align: center;}
.tel_box {display: block;float: left;margin-top: 20px;}
.map_add {overflow: hidden;}
}

@media all and (max-width:500px){
.mbskin {width: 100%;}
.tab__item {width: calc(100% / 3);}

#biz_list li {padding:20px;}
.biz_img {width: auto;float: none;margin-right: 0;text-align: center;}
.biz_in {margin-left: 0;}
#sod_inquiry li .idtime_time {position: relative;top: auto;right: auto;color: #999;display: block;}

.rolling .text h2 {font-size: 34px;}
.rolling .text p {font-size: 20px;}
}

/* Mobile Device */

@media all and (max-width:440px){
.mem_info table{width:100%;margin:0 auto;}
.bo_v_left, .bo_v_com {margin: 10px 0;float: right;}
.mem_part li {width:100%;}
.mem_part li a img {display:inline-block;float:left;margin: 0 15px 0 0;}
.mem_part li a h3, .mem_part li a p {text-align:left;}
.mem_part li a {margin:15px 10px;;}
.tab_container li {width: 100%;}
.tab_container li:nth-child(2) {margin-top: 2%;}
#organization .tabs li {width:50%;}
#organization .tabs li:last-child {border-right: none;}
#organization .tabs li:nth-child(1), #organization .tabs li:nth-child(2) {border-bottom:#ddd 1px solid;}
#organization .tabs li:last-child{border-bottom:none;}
#organization .tabs li:nth-child(1), #organization .tabs li:nth-child(3){border-left: none;border-right: none;}
#gnb {
  height: 64px;
}
#logo a img {height: 30px;}
#logo {top: 5px;}
#tnb {top: 20px;}
#biz_top .btop_in li h5 {background: url(/img/sub/biz_icon.gif) 0 8px no-repeat;padding-left: 14px;font-size: 16px;margin-bottom: 0;}
.sub_title h4 {font-size: 29px;margin-bottom: 34px;padding: 30px 0 10px 0;}

}	

@media all and (max-width:400px){
.board-title h2 {text-align:center;margin-bottom:20px;margin-top:0px;}

p.note {line-height:20px; height:40px;}
/*.tbl_frm01 .frm_input, .tbl_frm01 textarea {width:90%;}*/
.greeintgs_title h2 {font-size:25px;word-break:keep-all;}
.greeintgs_title p {font-size: 18px;word-break:keep-all;}
.greeintgs_line {margin: 20px 0;}
.greeintgs_line span {    height: 30px;}
.greeintgs_con p {font-size:15px;word-break:keep-all;}
.greeintgs_con span {width:100%;text-align:center;}
.greeintgs_con p {width:100%;margin-top:30px;}
.greeintgs_con span img {max-width: 80%;margin: 0 auto;}
}

@media all and (max-width:370px){

.sct_10 .sct_li {width:100% !important;}
.copy_right select {width:100%}
.grid_3 {width: 117px;}
.mem .mem_info > h5 {margin-bottom: 10px;font-size: 20px;margin-top: 4px;}
.mem .mem_info dd, .mem .mem_info dt {font-size: 15px;}
.tab__item {width: calc(100% / 2);}
}
