@charset "utf-8";

/*
 * File Name : layout.css
 * 작성일 : 2023-09-09
 */


/********************************************************
 
 *  Common
 
 ********************************************************/

body {width:100%;height: 100%; min-height: 100%; color:#444;font-size:15px;line-height:1.5;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;word-break: keep-all;background:#f8f8f8;overflow:hidden;overflow-y:auto;}
#wrap {position: relative;min-width:340px;width:100%;background:#fff}

.inner {max-width: 1080px;margin: auto;}


/*-----------------------------------------------------------------------------
 *  Top Rolling Banner
 *----------------------------------------------------------------------------*/

.top_banner_slider {height: 50px;overflow: hidden;}
.top_banner_slider .banner_slider,
.top_banner_slider .swiper-container,
.top_banner_slider .swiper-wrapper,
.top_banner_slider .swiper-slide {height:50px;}
.top_banner_slider .swiper-slide {display: flex;justify-content: center;align-items: center;}
.top_banner_slider .swiper-slide p a {display: flex;justify-content: center;align-items: center;font-size: 15px;font-weight:500;color:#fff;}
.top_banner_slider .swiper-slide p a img {display: inline-block;margin-right: 10px;}
.top_banner_slider .swiper-slide p a strong {font-weight: 700;margin-left: 5px;}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  .top_banner_slider {height: 40px;}
  .top_banner_slider .banner_slider,
  .top_banner_slider .swiper-container,
  .top_banner_slider .swiper-wrapper,
  .top_banner_slider .swiper-slide {height:40px;}
  .top_banner_slider .swiper-slide p a {font-size:14px;}
}
@media (max-width:480px){
  .top_banner_slider .swiper-slide p a {font-size:12px;}
  .top_banner_slider .swiper-slide p a img {width: 16px}
}


/*-----------------------------------------------------------------------------
 *  Bg Color
 *----------------------------------------------------------------------------*/

.bg_violet {background:#624af8}
.bg_blue {background:#1c6df4}
.bg_gray {background:#f8f8f8}


/*-----------------------------------------------------------------------------
 *  Text Color
 *----------------------------------------------------------------------------*/

.txt_main_color {color: #0c897f;}
.txt_yg {color:#e5ff05}
.txt_orange {color:#ed6421}
.txt_violet {color:#7459b6}
.txt_darkblue {color:#1d6eaa}
.txt_yellow {color:#ffe812}
.txt_cyan {color:#00f6ff}
.txt_red {color:#e53416}
.txt_black {color:#000}


/*-----------------------------------------------------------------------------
 *  Text Weight
 *----------------------------------------------------------------------------*/

.wg_500 {font-weight: 500}
.wg_600 {font-weight: 600}
.wg_700 {font-weight: 700}
.wg_800 {font-weight: 800}
.wg_900 {font-weight: 900}


/*-----------------------------------------------------------------------------
 *  Mobile Menu
 *----------------------------------------------------------------------------*/

.nav-icon {display: none; position: absolute;right:25px;top:60px;width: 25px;cursor: pointer;z-index: 100;}
#header.fixed .nav-icon {top:20px;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #1b6c6d;content: '';display: block;height: 2px;margin: 5px 0;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.menuMo {position:fixed;width:320px;height:100% !important;right:-320px;top:0;background:#fff ;z-index:1000;overflow-x:hidden;overflow-y:auto;transition:right 0.3s;}
.menuMo_head {position: relative;padding:40px 30px;}
.menuMo_head .btn_close {position: absolute;top:15px;right: 20px;display: block;width: 35px;height: 35px;background:url("../images/common/btn_menu_close.png") no-repeat center center;background-size: 20px;cursor: pointer;text-indent: -9999px}
.menuMo_head .logo_m {max-width:86px;}
.menuMo_head .mbr_box {margin-top: 10px;}
.menuMo_head .mbr_box .mbr_menu {display: flex; gap:10px;}
.menuMo_head .mbr_box .mbr_menu li a {display: block; font-size:13px;font-weight: 500; color:#000;line-height: 30px;padding: 0 25px;border-radius: 5px;background:#f6f6f6}
.menuMo_head .mbr_box .mbr_menu li a.btn_login {background:#f6f6f6;}
.menuMo_head .mbr_box .mbr_menu li a.btn_join {background: #daf2e6;color: #116139;}

.menuMo > ul.menuMoCont {border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1)}
.menuMo > ul.menuMoCont > li {}
.menuMo > ul.menuMoCont > li + li {}
.menuMo > ul.menuMoCont > li > a {position: relative;display:block;padding:20px 35px;font-size:17px;line-height: 15px; font-weight:600; color:#000;}
.menuMo > ul.menuMoCont > li > a:after {content: "";position: absolute;right:25px;top:26px;width: 8px;height: 8px;border:2px solid #888;border-top:none;border-left:none;transform: rotate(45deg)}
.menuMo > ul.menuMoCont > li > a .icon {display: inline-block;vertical-align: middle; width:24px;margin-right: 10px;}
.menuMo > ul.menuMoCont > li.noSub > a:after {display: none;}
.menuMo > ul.menuMoCont > li > a.active {color:#1b6c6d;background:#f8f8f8;}
.menuMo > ul.menuMoCont > li > a.active:after {border-color:#000;top:30px;transform: rotate(225deg)}
.menuMo > ul.menuMoCont > li div.mSubMenu {display: none;background:#fff;padding: 10px 0;border-bottom: 1px solid #eee}

.menuMo ul li ul li + li {/*border-top: 1px solid #999;*/}
.menuMo ul li ul li a {display:block;padding:10px 40px;font-size:15px;color:#222;font-weight:500;}
.menuMo ul li ul li a .icon {display: inline-block;vertical-align: middle;margin-right: 5px;width: 14px;}

.menuMo_foot {padding:40px 30px;}
.menuMo_foot ul {display: flex;gap:10px;flex-direction: column;}
.menuMo_foot ul li {}
.menuMo_foot ul li a {display: inline-flex;align-items: center;padding: 0 20px;background:#fae100;color:#000;border-radius: 10px;line-height:50px;font-size: 15px;font-weight: 700;}
.menuMo_foot ul li a .icon {display: block; flex-shrink: 0; width:30px; height: 30px;line-height: 30px; border-radius: 50%;text-align: center;}

.menuBackBg {display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.7);left:0;top:0;z-index:990;}

@media screen and (max-width:768px){
  .nav-icon {display: block}
}
@media screen and (max-width:480px){
  .nav-icon {top:56px;right: 20px; width: 20px;}
  .nav-icon:after, .nav-icon:before, .nav-icon div {margin: 4px 0;}
  .menuMo_head .btn_close {width: 26px;height:26px;background-size: 18px;}
}


/*-----------------------------------------------------------------------------
 *  Header
 *----------------------------------------------------------------------------*/

#header {border-bottom: 1px solid #e8e8e8;top:-100%;transition: all 0.3s ease}
#header.fixed {position: fixed;left: 0;top:0;background:#fff;width: 100%;z-index: 20;}
#header .inner {display: flex;justify-content: space-between;align-items: center;padding:25px 0;}
#header .menu_back {position: absolute; left: 0;top:146px;width: 100%;height:0; background:#f8f8f8;opacity: 0; visibility: hidden;z-index: 0;}
#header.fixed .menu_back {top: 96px}
#header.on .menu_back {height: 60px;opacity: 1;visibility: visible;}


/* Gnb */
#gnb {position:absolute; top:50px; left:50%; margin-left:-350px;z-index: 1} 
#header.fixed #gnb {top: 0;}
#gnb .menu {font-size:0;} 
#gnb .menu > li {display:inline-block;padding:35px 20px; box-sizing:border-box;}
#gnb .menu > li > a {position:relative; padding:0 10px; font-size:18px; color:#000; font-weight:600; line-height:1; transition:all 0.2s linear;}
#gnb .menu > li > a .icon_new {position:absolute;right:-2px;top: -2px;display: block;width: 5px;height: 5px;border-radius: 50%;background:#ff0000;text-indent: -9999px;}
#gnb .menu > li > a:after {content:''; width:0; height:3px; background:#116139; position:absolute; bottom:-15px; left:0; transition:all 0.2s linear; z-index:10;}
#gnb .menu > li.on > a {color:#116139; transition:all 0.2s linear;}
#gnb .menu > li.on > a:after {width:100%; transition:all 0.2s linear;}
#gnb .menu > li > a .menu_label {position: absolute;top:-26px;left:50%;transform: translateX(-50%);display: inline-block;padding: 0 10px;line-height:20px;border-radius:20px;font-size:12px;font-weight: 700;color:#fff;background:#ff5a00;animation: upDown .8s ease-in-out infinite alternate forwards;}
#gnb .menu > li > a .menu_label:after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -4px;display: block;width: 0;height: 0;border-top: 4px solid #ff5a00;border-left: 4px solid transparent;border-right: 4px solid transparent;}

#gnb .menu .menu_depth {position:absolute; top:82px; left:0; opacity:0; visibility:hidden;width:100%;min-width: max-content; padding: 10px 0}
#gnb .menu > li:hover > .menu_depth {opacity:1; visibility:visible;}
#gnb .menu .menu_depth ul {font-size:0; position: relative;padding-left:28px}
#gnb .menu .menu_depth li {display:inline-block;margin-right:20px;}
#gnb .menu .menu_depth li a {font-size:16px; color:#444;font-weight:500;line-height: 60px;padding: 0 5px; transition:all 0.2s linear;}
#gnb .menu .menu_depth li a:hover {color:#116139; transition:all 0.2s linear;}
#gnb .menu .menu_depth li a .icon {display: inline-block;vertical-align: middle;margin-right: 5px;line-height: normal;}

.util {display: flex;align-items: center;gap:50px;}
.util .btn_kakao {display: inline-flex;align-items: center;gap:3px;font-size: 15px;color:#000;background:#fae100;border-radius:10px;font-weight: 500; line-height: 40px;padding: 0 20px 0 15px;}
.util .mb_btns {display: flex;align-items: center;gap:10px;}
.util .mb_btns a {line-height: 35px;font-size: 14px;font-weight: 500;padding: 0 20px;border-radius:50px;}
.util .mb_btns a.btn_login {background:#f6f6f6}
.util .mb_btns a.btn_join {background:#daf2e6;color:#116139;}

@keyframes upDown {
  0%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(3px)}
  100%{transform:translateX(-50%) translateY(0)}
}

@media (max-width:1200px){
  #gnb {margin-left: -300px;}
  #gnb .menu > li {padding: 35px 15px;}
}
@media (max-width:1024px){
  #header .inner {padding:20px 0;}
  #header h1 {width: 120px;}
}
@media (max-width:960px){
  #gnb {top:48px;margin-left: -205px;}
  #gnb .menu > li {padding: 35px 10px;}
  #gnb .menu > li > a {padding: 0 5px;font-size: 17px;}
  #gnb .menu .menu_depth {top: 78px;}
  #gnb .menu .menu_depth ul {padding-left: 10px;}
  #gnb .menu .menu_depth li {margin-right: 5px;}
  #gnb .menu .menu_depth li a {font-size:15px;}
  #header .menu_back {top: 136px;}
  
  .util {gap: 10px;}
  .util .btn_kakao {font-size: 13px;line-height: 35px;padding: 0 15px 0 10px;}
  .util .btn_kakao img {width: 26px;}
  .util .mb_btns {gap: 6px;}
  .util .mb_btns a {line-height:30px;font-size: 13px;padding: 0 15px;}
}
@media (max-width:768px){
  #header .inner {padding:10px 0;}
  #header h1 {width: 100px;}
  #gnb {display: none;}
  .util {display: none;}
}
@media (max-width:480px){
  #header .inner {padding: 5px 0;}
  #header h1 {width: 80px;}
}



/*-----------------------------------------------------------------------------
 *  Container
 *----------------------------------------------------------------------------*/

#container {}


/*-----------------------------------------------------------------------------
 *  Footer
 *----------------------------------------------------------------------------*/

#footer {background:#f8f8f8}
#footer .inner {padding: 100px 0 150px;}
.footer_top {display: flex;justify-content: space-between;align-items: center;}
.footer_top .sns_list {display: flex;gap:10px;}
.footer_top .sns_list li {width: 50px;height: 50px;border-radius: 50%;background:#fff;}
.footer_top .sns_list li a {display: flex;justify-content: center;align-items: center;height: 100%;}
.footer_menu .menu_list {display: flex;align-items: center;line-height: 1;}
.footer_menu .menu_list li {display:inline-flex;align-items: center}
.footer_menu .menu_list li + li:before {content: "";display: inline-block;width: 1px;height:15px;background:#ccc;margin: 0 20px;}
.footer_menu .menu_list li a {color:#444;font-weight: 500}
.footer_menu .menu_list li:hover a {color:#000}
.footer_menu .menu_list li.policy a {color:#f34d26}
.footer_info address span {display: inline-block;margin:0 25px 2px 0;font-size: 14px;}
.footer_copyright {position: relative;padding-right: 250px;padding-top: 40px;border-top: 1px solid #ddd;}
.footer_copyright .footer_ment {padding-left:20px; font-size: 13px;background: url("../images/common/icon_warning.png") no-repeat left 3px;}
.footer_copyright .copyright {font-size: 12px;margin-top:15px;}
.footer_copyright .footer_mark {position: absolute;right: 0;top:40px;display: flex;gap:25px;}

.btnTop {position:fixed;display:none;width:50px;height:50px;right:20px;bottom:20px;background:#ccc url("../images/common/icon_top.png") no-repeat center center;border-radius: 50%;text-align: center;overflow: hidden;cursor: pointer;z-index: 10;transition: all 0.3s ease}
.btnTop.type2 {bottom:150px}
.btnTop.on {display: block;}
.btnTop:hover {background-color:#444}
.btnTop a {display: block;height: 100%;text-indent: -9999px;}

@media (max-width:1024px){
  #footer .inner {padding: 80px 0 100px;}
  .footer_top .logo {width: 120px;}
}
@media (max-width:960px){
  .btnTop.type2 {bottom:180px}
}
@media (max-width:768px){
  .footer_top .logo {width: 100px;}
  .footer_top .sns_list li {width: 40px;height: 40px;}
  .footer_info address span {margin: 0 20px 2px 0;font-size: 13px;}
  .footer_copyright .footer_ment {padding-left: 20px;font-size: 12px;background-size: 12px auto;}
  .footer_copyright .copyright {font-size: 11px;}
  
  .btnTop {width:40px;height:40px;right:10px;bottom:70px;background-size: 10px auto;}
}
@media (max-width:640px){
  .footer_top {flex-direction: column;align-items: flex-start;gap:20px}
  .footer_top .logo {width: 80px;}
  .footer_top .sns_list li a img {width: 16px}
  .footer_menu .menu_list {flex-wrap: wrap;;align-items: flex-start;gap:10px;}
  .footer_menu .menu_list li {width: 48.5%;}
  .footer_menu .menu_list li a {font-size: 13px;}
  .footer_menu .menu_list li + li:before {display: none;}
  .footer_copyright {padding-right: 0;padding-top: 30px;}
  .footer_copyright .footer_mark {margin-top: 20px;position: static;gap:20px;}
  .footer_copyright .footer_mark a img {height: 70px;}
  
  .btnTop {width:35px;height:35px;bottom:65px;background-size: 8px auto;}
}
@media (max-width:480px){
  .btnTop.type2 {bottom: 170px}
}


/*-----------------------------------------------------------------------------
 *  Aside
 *----------------------------------------------------------------------------*/

#aside {position: fixed;top:50%;transform: translateY(-50%);right:20px;border-radius: 10px;border:1px solid #ddd;overflow: hidden;z-index: 10}
.cs_num {display: flex;flex-direction: column;align-items: center;;background:#fff;padding: 20px 15px;gap:2px}
.cs_num strong {font-size: 15px;color:#000;font-weight:600}
.cs_num p {font-size: 30px;color:#116139;font-weight: 800;line-height:1;letter-spacing: 0.04em; text-align: center;}
.cs_num p.letter {display: flex;justify-content: center;gap:1px;padding-right: 4px;margin-top: 2px}
.cs_num p.letter span {display: inline-block;line-height: 22px;width: 22px;height: 22px;letter-spacing: 0; text-align: center;font-size: 10px;font-weight: 700;background:#116139;color:#fff;border-radius: 50%;}
.cs_kakao {padding:10px 15px 20px 15px;background:#fae100}
.cs_kakao a {display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 14px;font-weight: 600;color:#000;line-height: 1.2}
.cs_kakao a img {flex-shrink: 0;}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  #aside {display: flex;justify-content: space-between;top: auto;left:5px;bottom: 0;transform:none;right: 5px;}
  #aside > div {flex:1 0 0;align-items: center;gap:5px;}
  .cs_num {flex-direction: row;align-items: center;justify-content: center;gap:10px; padding: 10px 10px;}
  .cs_num .icon {font-size: 0}
  .cs_num .icon img {width:25px }
  .cs_num strong {display: none}
  .cs_num p {font-size: 16px;}
  .cs_kakao {padding: 10px}
  .cs_kakao a {flex-direction: row;align-items: center;justify-content: center;height: 100%;font-size: 13px;text-align: left;}
}
@media (max-width:480px){
  .cs_num {gap:0;align-items: center}
  .cs_num p:nth-of-type(2):before {content: "-";display: inline-block;font-size:16px;margin-right: 2px;}
  .cs_num p.letter {display: none;}
  .cs_kakao a br {display:none}
}


/*-----------------------------------------------------------------------------
 *  Margin & Padding
 *----------------------------------------------------------------------------*/

/* Vertical Padding */
.vPad50 {padding: 50px 0;}
.vPad80 {padding: 80px 0;}
.vPad100 {padding: 100px 0;}


/* Horizontal Padding */
.hPad50 {padding:0 50px;}
.hPad80 {padding:0 80px;}
.hPad100 {padding: 0 100px;}


/* Both Padding */
.pad50 {padding: 50px;}
.pad80 {padding: 80px;}
.pad100 {padding: 100px;}

@media (max-width:1024px){
  .hPad50 {padding:0 40px;}
  .hPad80 {padding:0 60px;}
  .hPad100 {padding: 0 80px;}
}
@media (max-width:768px){
  .hPad50 {padding:0 30px;}
  .hPad80 {padding:0 50px;}
  .hPad100 {padding: 0 60px;}
}
@media (max-width:480px){
  .hPad50 {padding:0 25px;}
  .hPad80 {padding:0 40px;}
  .hPad100 {padding: 0 50px;}
}


/*-----------------------------------------------------------------------------
 *  Content Box
 *----------------------------------------------------------------------------*/

.vGrid30 {display: flex;flex-direction: column;gap:30px;}
.vGrid50 {display: flex;flex-direction: column;gap:50px;}
.vGrid80 {display: flex;flex-direction: column;gap:80px;}
.vGrid100 {display: flex;flex-direction: column;gap:100px;}
.vGrid150 {display: flex;flex-direction: column;gap:150px;}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  .vGrid30 {gap:20px;}
  .vGrid50 {gap:40px;}
  .vGrid80 {gap:60px;}
  .vGrid100 {gap:80px;}
  .vGrid150 {gap:120px;}
}
@media (max-width:480px){
  .vGrid30 {gap:10px;}
  .vGrid50 {gap:30px;}
  .vGrid80 {gap:50px;}
  .vGrid100 {gap:60px;}
  .vGrid150 {gap:80px;}
}


/********************************************************
 
 *  Sub
 
 ********************************************************/

.sub {background:#fff;}


/*-----------------------------------------------------------------------------
 *  Sub Title
 *----------------------------------------------------------------------------*/

#sub_tit {padding: 50px 0}
#sub_tit h2 {font-size: 22px;font-weight: 800;color:#000}

.top_slogan {}
.top_slogan strong {display: block; font-size: 30px;font-weight: 700;color:#000;}
.top_slogan .info_ment {display: inline-block;padding-left: 20px; font-size: 16px;margin-top: 10px;background:url("../images/main/icon_ment.png") no-repeat left center;}

/* Sub Catefory Menu */

.cate_menu {border:1px solid #ddd;border-radius: 10px;padding:0 20px;margin-bottom: 30px;}
.cate_menu ul {display: flex;justify-content: center;}
.cate_menu ul li {padding: 30px 0;}
.cate_menu ul li + li:before {content: "";display: inline-block;width: 1px;height: 15px;background:#ddd;margin:0 30px;line-height: 1}
.cate_menu ul li a {font-size:18px;font-weight: 700;color:#888; line-height: 1}
.cate_menu ul li:hover a {color:#000}
.cate_menu ul li.on a {color:#1b6c6d}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  #sub_tit {padding:30px 0;}
  #sub_tit h2 {font-size: 20px;}
  
  .top_slogan strong {font-size: 26px;}
  .top_slogan .info_ment {padding-left: 20px;font-size: 15px;background-size: 14px auto}
  
  .cate_menu ul li {padding:20px 0;}
  .cate_menu ul li + li:before {height: 12px;margin: 0 10px;}
  .cate_menu ul li a {font-size: 16px;}
}
@media (max-width:480px){
  #sub_tit {padding: 20px 0;}
  #sub_tit h2 {font-size: 18px;}
  .top_slogan .info_ment {font-size:14px;}
}


/*-----------------------------------------------------------------------------
 *  Sub Content
 *----------------------------------------------------------------------------*/

.content {}
.inr_box {padding-bottom: 150px;}

/* Page Navigation */
.pg_nav {}


/* Titles */
.tit_big {}
.tit_mdm {}
.tit_small {}
.tit_tiny {}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  
}
@media (max-width:480px){
  
}


/********************************************************
 
 *  Slider
 
 ********************************************************/

.swiper-button-prev,
.swiper-button-next {width: 40px;height: 40px;border-radius: 50%;font-size: 14px;background:#116139;margin-top: -15px}
.swiper-button-prev {left:-50px}
.swiper-button-next {right:-50px}
.swiper-button-prev:after,
.swiper-button-next:after {font-size: 12px;font-weight: 900; color:#fff;}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {display: none}

/* Slider Right : Width 1400일 경우 */
.slider_right {padding-left: calc(50% - 700px)}

/* Slider Column : 왼쪽 컨텐츠가 있을 경우 Width 1400일 경우 */
.slider_column {display: flex;align-items: stretch;padding-left: calc(50% - 700px)}
.slider_column .left_cont {flex-shrink: 0; width: 400px;background:#f2f2f2;}

/* Slider Tween : 슬라이더 2개 연동 */
.slider_tween {display: flex;justify-content: space-between;}
.slider_tween .swiper-container {width: 50%}

/* Slider Gallery : 갤러리 형태 */
.slider_gallery {max-width: 1400px;margin: 0 auto;}
.slider_gallery .swp_thumb .swiper-slide {border:2px solid transparent;}
.slider_gallery .swp_thumb .swiper-slide-active {border-color: #bc4f38;}

/* Slider Progress Circle : 페이지 원 형태 */
.swp_progress_cir .swiper-pagination-bullet {background:transparent;width: 30px;height: 30px;}
.swp_progress_cir .swiper-pagination-bullet-active .path {display: inline-block !important;stroke-dasharray: 1000;stroke-dashoffset: 0;-webkit-animation: dash linear 120s;animation: dash linear 120s;-webkit-animation-iteration-count: unset;animation-iteration-count: unset;}
.path {display: none;}

@-webkit-keyframes dash {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}
@keyframes dash {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}

@media (max-width:1200px){
  .swiper-button-prev {left: -18px;}
  .swiper-button-next {right: -18px;}
}
@media (max-width:768px){
  .swiper-button-prev, .swiper-button-next {width: 35px;height: 35px;font-size: 12px;}
}


/********************************************************
 
 *  Table
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Row Table : 가로형 기본 테이블
 *----------------------------------------------------------------------------*/

.tb_row {border-top: 3px solid #116139;overflow: hidden;overflow-x: auto}
.tb_row table {line-height: 1.4;min-width:max-content;}
.tb_row table th,
.tb_row table td {padding: 15px;border: 1px solid #cadad2;}
.tb_row.center table th,
.tb_row.center table td {text-align: center}
.tb_row table thead th {font-size: 18px;font-weight:600; color:#000; background:#f5faf7}
.tb_row table tbody th {background:#f8f8f8 ;font-weight: 600;color:#000;}
.tb_row.center table td {font-size: 16px;color:#444}
table .txt_desc {font-size: 15px;}
table .label {display:inline-block; font-size: 15px;color:#fff;font-weight: 500;line-height: 25px;padding: 0 10px;border-radius: 5px; background:#e53416;margin-top: 5px}
table .price {font-size:18px ; color:#e53416 ;font-weight: 700;}
table td.bg_lightRed {background:#fff5ef}

@media (max-width:1024px){
  .tb_row table th,
  .tb_row table td {padding: 10px;}
  .tb_row table thead th {font-size: 16px;}
  .tb_row.center table td {font-size: 15px;}
  table .txt_desc {font-size: 14px;}
  table .label {font-size: 14px;}
  table .price {font-size:16px}
}
@media (max-width:768px){
  .tb_row table thead th {font-size: 15px;}
  .tb_row.center table td {font-size: 14px;}
  table .txt_desc {font-size: 13px;}
  table .label {font-size: 13px;}
  table .price {font-size:15px}
}
@media (max-width:480px){
  
}


/*-----------------------------------------------------------------------------
 *  Column Table : 세로형 기본 테이블
 *----------------------------------------------------------------------------*/

.tb_col {border-top: 3px solid #116139;overflow: hidden;overflow-x: auto;}
.tb_col table {line-height: 1.4;min-width:600px;}
.tb_col table th,
.tb_col table td {padding: 15px;border: 1px solid #cadad2;word-break: keep-all;}
.tb_col.center table th,
.tb_col.center table td {text-align: center}
.tb_col table thead th {font-size: 18px;font-weight:600; color:#000; background:#f5faf7}
.tb_col table tbody th {font-size: 18px; background:#f5faf7 ;font-weight: 600;color:#000;}
.tb_col table td {font-size: 16px;color:#444}
.tb_col table tr.top td {vertical-align: top}

.btn_tb_small {display: inline-flex;gap:10px;align-items: center;line-height: 30px;padding: 0 20px;border-radius: 10px;font-size: 14px;font-weight: 500;color:#116139;background:#daf2e6;margin-top: 10px}
.btn_tb_small:hover {background:#caebda;}

@media (max-width:1024px){
.tb_col table {line-height: 1.3}
.tb_col table th,
.tb_col table td {padding: 10px;}
.tb_col table thead th {font-size: 16px;}
.tb_col table tbody th {font-size: 16px;}
.tb_col table td {font-size:15px;}

.btn_tb_small {font-size: 13px;}
}
@media (max-width:768px){
.tb_col table th,
.tb_col table td {padding: 10px;}
.tb_col table thead th {font-size: 14px;}
.tb_col table tbody th {font-size: 14px;}
.tb_col table td {font-size:13px;}

.btn_tb_small {font-size: 12px;}
}
@media (max-width:480px){
  
}


/********************************************************
 
 *  Button Set : 버튼 셋
 
 ********************************************************/

.btn_set {}

.btn_rd_green {background:#1b6c6d;color:#fff;font-size: 17px;border-radius: 10px;padding: 15px 20px;text-align: center;}
.btn_rd_green .arr {display: inline-block;vertical-align: middle;font-size: 0;width:10px;height: 14px;background:url("../images/common/arr_view_w.png") no-repeat center center;margin-left: 10px}

@media (max-width:1024px){
  
}
@media (max-width:768px){
  
}
@media (max-width:480px){
  .btn_rd_green {font-size: 15px;padding: 10px 20px;}
  .btn_rd_green .arr {width: 8px;height: 8px;background-size: 6px auto;}
}


/********************************************************
 
 *  Form
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Checkbox
 *----------------------------------------------------------------------------*/

.chk_group ul {display: flex;flex-wrap: wrap;gap:5px 10px;}