@charset "UTF-8";

.owl-carousel .owl-item img { display:inline !important;}
#contents .wrap {
  width: 100%;
}
/* content01 */
#contents .content01 {
  margin: 0 auto;
  width: 100%;
}
#contents .content01 .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
#contents .content01 .inner > * {
  width: 100%;
}
#contents .content01 .inner .left > .owl-carousel {
  display: block;
  position: relative;
  width: 100%;
}
#contents .content01 .inner .left > .owl-carousel .owl-item {
  height: auto;
}
#contents .content01 .inner .left > .owl-carousel .owl-nav {
  padding: 0 20px;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0.5;
}
 
#contents .content01 .inner .left > .owl-carousel .owl-nav button.owl-prev {
  width: 16px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url(/img/mobile/main/sl-arrow-1.png);
}
#contents .content01 .inner .left > .owl-carousel .owl-nav button.owl-next {
  width: 16px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url(/img/mobile/main/sl-arrow-2.png);
}
#contents .content01 .inner .left > .owl-carousel .owl-nav button span {
  display: none;
}
#contents .content01 .inner .left .notice {
  margin: 10px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background-color: #f4f8fd;
}
#contents .content01 .inner .left .notice h1 {
  font-size: 13px;
  font-weight: 600;
  line-height: 2.23;
  letter-spacing: -1.2px;
  text-align: left;
  color: #1e1e1e;
  position: relative;
}
#contents .content01 .inner .left .notice.active h1::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -8px;
  top: 3px;
  width: 6px;
  height: 6px;
  background-color: #f44b14;
  border-radius: 50%;
}
#contents .content01 .inner .left .notice .noticeList {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: left;
  color: #1e1e1e;
}
#contents .content01 .inner .left .notice .noticeList dd {
  margin-left: 40px;
}
#contents .content01 .inner .right { /* ############# 2024-03-12 ############ */
  padding: 0 6px;
}
#contents .content01 .inner .right ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
#contents .content01 .inner .right ul li { /* ############# 2024-03-12 ############ */
  padding: 20px 18px;
  box-sizing: border-box;
  width: calc(100% / 2 - 15px);
  margin-right: 11px;
  height: 144px;
  margin-bottom: 11px;
  border-radius: 15px;
  background-color: #fff;
  position: relative;
  box-shadow:1px 2px 7px 5px rgba(0,0,0,.04);

} /* end:############# 2024-03-12 ############ */
#contents .content01 .inner .right ul li:nth-of-type(2n) {
  margin-right: 0;
}
#contents .content01 .inner .right ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 65px;
  height: 65px;
} 
#contents .content01 .inner .right ul li.item01::after {
  background-image: url(/img/mobile/main/banner-05-icon.png);
}
#contents .content01 .inner .right ul li.item02::after {
  background-image: url(/img/mobile/main/banner-02-icon.png);
}
#contents .content01 .inner .right ul li.item03::after {
  background-image: url(/img/mobile/main/banner-03-icon.png);
}
#contents .content01 .inner .right ul li.item04::after {
  background-image: url(/img/mobile/main/banner-04-icon.png);
}
#contents .content01 .inner .right ul li.item05::after {
  background-image: url(/img/mobile/main/banner-01-icon.png);
}
#contents .content01 .inner .right ul li.item06::after {
  background-image: url(/img/pc/main/banner-03-icon_bak.png);
}
/*
#contents .content01 .inner .right ul li.item01 {
  background-image: url(/img/mobile/main/banner-01-bg-off.png);
}
#contents .content01 .inner .right ul li.item02 {
  background-image: url(/img/mobile/main/banner-02-bg-off.png);
}
#contents .content01 .inner .right ul li.item03 {
  margin-bottom: 0;
  background-image: url(/img/mobile/main/banner-03-bg-off.png);
}
#contents .content01 .inner .right ul li.item04 {
  margin-bottom: 0;
  background-image: url(/img/mobile/main/banner-04-bg-off.png);
}                                                                   end:2022-11-15*/
/*2022-11-15*/
#contents .content01 .inner .right ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position:relative;
}
#contents .content01 .inner .right ul li h1 {/* ############# 2024-03-12 ############ */
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.5px;
  text-align: left;
  color: #1e1e1e;
  padding:20px 0 0 0;
}

#contents .content01 .inner .right ul li h3 {/* ############# 2024-03-12 ############ */
  position:absolute;
  top:0px; 
  font-size: 11px;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #49459c;
}
/* 2022-11-15 삭제
#contents .content01 .inner .right ul li.item02 h1, 
#contents .content01 .inner .right ul li.item02 h3 { 
  color: #1e1e1e;
}
*/


/*###########################2024-11-26####################################*/
.main_news_second .main_news_list {
    overflow: hidden;
    margin: -10px;
    font-size: 0
}

.main_news_second .main_news_item {
    float: left;
    position: relative;
    overflow: hidden;
    width: calc(50% - 20px);
    margin: 10px;
    background-color: #f6f7fb;
	border:1px solid #f6f7fb;
	border-radius:15px;
}

.main_news_second .main_news_item::before {/*중*/
    display: inline-block;
    padding-bottom: 104.748%;
    content: ""
}


.main_news_second .main_news_thumb {/*중*/
    position: absolute;
    top: 0;
    left: 0;
    height: max-content;
}

.main_news_second .main_news_info {/*중*/
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding:20px;
	z-index:1
}



.main_news .main_news_item.is_white_dimmed .main_news_info .main_news_category,.main_news .main_news_item.is_white_dimmed .main_news_info .main_news_desc {
    z-index: 1
}

.main_news_info .con_mini{font-size:13px !important;}

.main_news_second .main_news_category {
	margin-bottom: 9px;
	padding: 4px 0;
	font-size: 17px;
	line-height: 1.3333333333
	
}

.com_logo{position:absolute;bottom:0;right:2.5vw;margin-top:-20px;width:78px;height:78px;z-index:-1;}



@media only screen and (min-width: 1440px) {

    .main_news_second .main_news_desc {
        font-size: 19px;
        line-height: 1.4;
        padding-top:7px;
		font-weight: 700

    }

    .main_news .main_news_category {
        font-size: 1.4rem;
        line-height: 1.7142857143
    }

}


@media only screen and (max-width: 1439.98px) {


    .main_news_second .main_news_desc {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 19px;
        line-height: 1.2;
		padding:6px 0 0 0;
    }
}


@media only screen and (max-width: 1169.98px) and (max-width:768px) {/*중*/
    .statistic_section.section_history_count {
        -webkit-background-size:auto 100%;
        background-size: auto 100%
    }
}

@media only screen and (max-width: 960.98px) {

	.main_news_second .main_news_list {
		margin: 5px 10px -5px
	}

	.main_news_second .main_news_item {
		width: calc(50% - 10px);
		margin: 5px
	}

    .main_news_second .main_news_item {/*중*/
        width: calc(50% - 10px);
        margin: 5px
    }

    .main_news_second .main_news_item.type_two::before {
        padding-bottom: calc(130.5% + 10px)/*152.5%*/

    }

    .main_news_second .main_news_item.type_three::before {
        padding-bottom: 64.5%
    }

}

/*###########################2024-11-26####################################*/


/* content02 */
#contents .content02 {
  margin: 20px 0;
  padding: 30px 0;
  background-color: #f4f8fd;
}
#contents .content02 .inner {
  padding: 0 10px;
  margin: 0 auto;
  width: 100%;
}
#contents .content02 h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.86;
  letter-spacing: -1.44px;
  text-align: center;
  color: #1e1e1e;
  position: relative;
}
#contents .content02 h1::after {
  content: "";
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 122px;
  height: 3px;
  background-color: #ea5472;
}
#contents .content02 ul {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar; 
}
#contents .content02 ul li {
  margin: 0 5px;
}
#contents .content02 ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#contents .content02 ul li a .icon {
  margin-bottom: 5px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  text-align: center;
}
#contents .content02 ul li:hover a .icon {
  box-shadow: 0px 18px 49px 0 rgba(126, 144, 167, 0.2);
}
#contents .content02 ul li a p {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.69;
  letter-spacing: normal;
  text-align: center;
  color: #1e1e1e;
}
#contents .content02 ul li:hover a p {
  color: #ea5472;
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(1) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-1-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(2) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-2-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(3) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-3-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(4) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-4-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(5) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-5-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(6) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-6-off.png);
}
#contents .content02 .mobile-pick .owl-item:nth-of-type(7) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-7-off.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(1) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-1-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(2) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-2-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(3) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-3-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(4) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-4-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(5) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-5-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(6) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-6-on.png);
}
#contents .content02 .mobile-pick .owl-item:hover:nth-of-type(7) a .icon {
  background-image: url(/img/mobile/main/main-ctg-icon-7-on.png);
}
/* content03 */
#contents .content03 .inner {
  margin: 20px auto;
  width: 100%;
}
#contents .content03 .inner a{
  display: block;
}

#contents .content04 .inner {
  margin: 40px auto;
  width: 100%;
}
#contents .content04 h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.86;
  letter-spacing: -1.44px;
  text-align: center;
  color: #1e1e1e;
  position: relative;
}
#contents .content04 h1::after {
  content: "";
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 184px;
  height: 3px;
  background-color: #488ef6;
}
.content04 ul {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.content04 ul li {
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(100% / 2 - 15px);
  position: relative;
}

.content04 ul li:nth-of-type(2n) {
  margin-right: 0;
}
.content04 ul li.icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.3);
}
.content04 ul li.icon.address11:before {
  background-image: url(/img/mobile/main/logo-01.png);
}
.content04 ul li.icon.expedia:before {
  background-image: url(/img/mobile/main/logo-02.png);
}
.content04 ul li.icon.xGolf:before {
  background-image: url(/img/mobile/main/logo-03.png);
}
.content04 ul li.icon.myPet:before {
  background-image: url(/img/mobile/main/logo-04.png);
}
.content04 ul li.icon.wemep:before {
  background-image: url(/img/mobile/main/logo-05.png);
}
.content04 ul li.icon.touch:before {
  background-image: url(/img/mobile/main/logo-06.png);
}
.content04 ul li.icon.esofting:before {
  background-image: url(/img/mobile/main/logo-07.png);
}
.content04 ul li.icon.hugMom:before {
  background-image: url(/img/mobile/main/logo-08.png);
}
.content04 ul li a {
  display: block;
  border-radius: 20px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  overflow: hidden;
  transition: all 0.5s;
}

.content04 ul li a .des {
  padding: 10px;
}
.content04 ul li a .des .tit {
  font-size: 12px;
  font-weight: 600;
  height: 33px;
  line-height: 1.42;
  letter-spacing: -0.96px;
  text-align: left;
  color: #1e1e1e;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.5s;
}
.content04 ul li a .des .date {
  margin-top: 15px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.78;
  letter-spacing: -0.72px;
  text-align: left;
  color: #a0a0a0;
}
.content04 ul li:hover a {
  box-shadow: 0px 10px 20px 0 rgba(72, 142, 246, 0.3);
}
.content04 ul li:hover a .des .tit {
  color: #488ef6;
}
.mobile-menu .item > div{
  display: none;
}
.mobile-menu.owl-carousel .owl-stage{
  width: 180% !important; 
}
.mobile-menu.owl-carousel.owl-drag .owl-item{
  width: 8% !important;
  text-align: center;
}
.mobile-menu.owl-carousel.owl-drag .owl-item:first-child{
  margin-left: 10px;
}
.mobile-menu.owl-carousel.owl-drag .owl-item a{
  font-size: 15px;
  font-weight: 500;
  line-height: 0.67;
  letter-spacing: normal;
  text-align: left;
  color: #1e1e1e;
}
.mobile-pick.owl-carousel .owl-stage{
  overflow-x: auto;
  overflow-y: hidden;
}
.mobile-pick.owl-carousel.owl-drag .owl-item{
  text-align: center;
  width: 10% !important;
}
.mobile-pick.owl-carousel.owl-drag .owl-item:first-child{
  margin-left: 10px;
}


/* main middle_notice 2024-03-14 */

.notice_latest_main {display:flex; height:40px;padding:12px 15px; font-size: 12px;background:#fff;border: solid #f1f1f1;border-width:1px 0}
.notice_latest_main .notice_item {flex-grow:1;background:url('/img/mobile/main/icon_notice.png') no-repeat left 50%; background-size:17px 17px;padding-left:25px;letter-spacing:-0.25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_latest_main .notice_item > a {display: inline-block;}
.notice_latest_main .btn_more {padding:0 15px; flex-grow:0; font-size:11px; color:#666; background:url('/img/mobile/main/btn_link_go.png') no-repeat right center; background-size:6px 10px;}

/*
.main_middle_notice { border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.main_middle_notice .notice_wrap { line-height: 40px; position: relative ;height:40px;}
.main_middle_notice .notice_wrap h1 { background:url('/img/mobile/main/icon_notice.png') no-repeat left 50%; background-size:17px 17px;padding-left:25px }
.main_middle_notice .notice_wrap h1::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -6px;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #f44b14;
  border-radius: 50%;
  }*/
.text_field {  float: left; width:calc(100% - 50px); position: relative; overflow: hidden; padding-left:60px; /*background: url("/img/main/main_icon_notice.png") 24px center no-repeat; background-size:18px 16px;*/  }
.text_field a { display: block; position: relative; font-size:12px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; height:40px; }
.notice_list_go { width:8px; height: 13px; position: absolute; right: 20px; top:50%; margin-top:-6.5px; background: url("/img/mobile/common/arrow_right.svg") center center no-repeat; background-size: contain}

/*main banner*/
.main_visual_wrap { position: relative;  }
.main_visual { position: relative; margin: 0 auto; }
.main_visual .visual_txt { position: absolute; top: 0px; left: 0px; width: 100%; padding: 25px 0 0 25px; }
.main_visual .visual_txt > a { display: block; color: inherit; font-size: 14px; }
.main_visual .visual_txt > a .visual_badge { display: inline-block; padding: 4px 7px 5px; margin-left: 20px; margin-bottom: 1.364em; line-height: 1; background-color: #ff7a34; color: inherit; font-size: 0.786em; font-weight: 100; opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.main_visual .visual_txt > a .s1 { margin-left: 20px; font-size: 1.5em; color: inherit; margin-bottom: 0.7em; font-weight: 100; letter-spacing: -1px; line-height: 1.2; opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.main_visual .visual_txt > a .s1 b { font-weight: 600; }
.main_visual .visual_txt > a .s2 { margin-left: 20px; margin-bottom: 2.5em; font-size: inherit; font-weight: 100; color: inherit; line-height: 1; opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.main_visual .visual_txt > a .s3 { margin-left: 20px; font-size: inherit; font-weight: 100; opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.main_visual .owl-item .visual_txt > a .visual_badge.active { margin-left: 0; opacity: 1; }
.main_visual .owl-item .visual_txt > a .s1.active { margin-left: 0; opacity: 1; }
.main_visual .owl-item .visual_txt > a .s2.active { margin-left: 0; opacity: 1; }
.main_visual .owl-item .visual_txt > a .s3.active { margin-left: 0; opacity: 1; }
.owl-counter-wrap { position: absolute; bottom: 20px; right: 30px; padding: 5px 8px 5px 15px; background-color: rgba(0,0,0,0.7); border-radius: 15px; line-height: 1; vertical-align: middle; z-index: 1; }
.owl-counter-wrap .owl-counter1 { display: inline-block; color: #aeaeae; }
.owl-counter-wrap .owl-counter1 b { font-weight: bold; color: #fff; }
.owl-counter-wrap .mv_all_open { width: 12px; height: 12px; text-indent: -9999px; background: url(/img/mobile/main/visual_open.png) center center no-repeat; background-size: cover; margin-left: 4px; }
.mv_all_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); padding: 10px; z-index: 3; display: none; }
.mv_all_wrap h3 { margin-bottom: 5px; text-align: center; color: #fff; text-align: center; font-size: 14px; }
.mv_all_wrap > ul { overflow: auto; height: 100%; padding-bottom: 20px; }
.mv_all_wrap > ul > li { margin-bottom: 5px; }
.mv_all_wrap > ul > li > a { display: block; }
.mv_all_wrap .mv_all_close { position: absolute; top: 0; right: 10px; display: block; width: 30px; height: 30px; background: rgba(0,0,0,0) url(/img/mobile/main/visual_all_close.png) center center no-repeat; background-size: 20px; text-indent: -9999px; }

/*main contents*/
.main_contents { background-color: #fff; margin-bottom: 10px; }
.main_contents h3.main_con_tit { font-size: 15px; font-weight: 600; padding: 20px 0px 20px 15px; }
.main_contents .view_all_btn { position: absolute; top: 20px; right: 20px; padding-right: 15px; background: url(/img/mobile/main/all_view_ico.png) right center no-repeat; background-size: 10px; }

.main_contents01 { margin-bottom: 0; }
.main_contents01 .mc01_box01 { float: left; width: 50%; }
.main_contents01 .mc01_box02 { float: left; width: 50%; }
.main_contents01 .owl-item a { display: block; }
.main_contents01 .owl-dots { position: absolute; left: 0; bottom: 8px; width: 100%; text-align: center; }
.main_contents01 .owl-dots .owl-dot { display: inline-block; width: 6px; height: 6px; margin: 0 1.5px; border-radius: 50%; background-color: #c5c6cb; }
.main_contents01 .owl-dots .owl-dot.active { background-color: #fc0c0c; }

.title_h1{padding:10px 0 14px 22px;}
.title_h1 h1{font-size:19px;font-weight:800}
.title_h1 h1 span{color:#000096;font-weight:800}/* ############# 2024-03-12 ############ */
.title_h1 h1 em{font-style:normal;font-size:12px;padding-left:10px;}


.layout_wrap.main_grid { padding:0 12px;margin:20px 0}
.layout_wrap .inner {background: #666;box-sizing: border-box;position: relative;}
.main_banner_wrap {padding-bottom:30px;}
.main_banner_wrap .img_box { display: block; }
.main_banner_wrap .owl-dots { position: absolute; bottom: 1.750rem; left: 1.750rem; }
.main_banner_wrap .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; margin: 0 2px; border-radius: 5px; background-color: #dadada; transition: all 0.5s; -webkit-transition: all 0.5s; }
.main_banner_wrap .owl-dots .owl-dot.active { width: 37px; background-color: #2020ca; }
.main_banner01 .owl-stage-outer { overflow: hidden; -webkit-border-radius: 10px 10px 40px 10px; border-radius: 10px 10px 40px 10px;}

.m_nongcaBn .owl-stage { overflow: hidden; }
.m_nongcaBn .thumb { background: #f1f1f1; border:1px solid #1b9d71; position: relative; -webkit-border-radius: 20px 0 20px 0;border-radius: 20px 0 20px 0; overflow: hidden; transition: all .3s}
.m_nongcaBn .thumb:hover {box-shadow: 0 10px 5px rgba(0,0,0,0.1); border:1px solid #1b9d71}
.m_nongcaBn .owl-item > div > a { display: inline;}
.m_nongcaBn .owl-item > div { }

.skip { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; }

/* 2022-05-03 슬라이드 채움픽*/
.conGroup{margin: 30px 0 45px;}
.conGroup.first{margin:20px 0 30px}
.swiper-slide { width:100%;}
.benefit_group { display:flex;}
.benefit_group > div { flex:1;}
.benefit_group > div > a {min-width:70px;margin:0 0 0 0;text-align:center;display:block;}
.benefit_group > div > a > .txt_benefit {display:block;font-size:12px;}
.benefit_group > div > a > .txt_benefit em{font-style:normal;color:#1975f4;font-weight:bold}


/* 2024-03-12 전부 매일혜택가득*/
.todayPick { display: flex;  justify-content: space-between;  font-size: 0;margin:0 15px}
.todayPick li { position: relative;}
.todayPick li:before { content: ""; position: absolute; top: 0; left: 50%; border-radius: 100%; transform: translateX(-50%); pointer-events: none;}
.todayPick li a { 
	display: -webkit-box; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	font-size: 12px; color: #333; text-align: center;
	}
.todayPick li a span { display: block; position: relative; width: 80px; height: 80px; margin: 0 auto 6px; border-radius: 20px; background-color: #fff;}
.todayPick li a span img{  position: absolute;  left: 50%;  top: 50%;  transform: translate3d(-50%, -50%, 0);}
/*.todayPick li.active .todayIcon::after {content: "";display: block;clear: both; position: absolute;   background-color: #fff;  border-radius: 20px;  opacity:.6;}*/
.todayPick li.active-point .todayIcon::after {  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  background-color: #ef3e42;
  border-radius: 50%;
  border:2px solid #fff
  }


/*popLayer*/
.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
#gameLayer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.game_result_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.game-dialog {margin: 0 auto;color:#646873;width:100%;position: relative;}
.game-dialog .inbox {margin:0 20px;}
.game-content { border: none;background:#fff; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; }

.pop-btnWrap{padding:20px 20px 20px}
.pop-btnWrap a{display:block;padding:2vh 0;color:#fff;font-size:15px;text-align:center;background-color:#3d6fe7; border-radius: 7px;}

.game-content .pop_img{padding:6vh 10vw 1vh;text-align:center;color:#222}

.game-dialog .botPopMnu {position: absolute;z-index: 111;left: 0;right: 0;top: -40px;color:#fff;}
.game-dialog .botPopMnu li {width: 50%;}
.game-dialog .botPopMnu li:first-child {float: left; text-align: left;}
.game-dialog .botPopMnu li:first-child a {display: block;padding-left: 22px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;}
.game-dialog .botPopMnu li:last-child { float: right;text-align: right;}
.game-dialog .botPopMnu li:last-child a {display: inline-block;padding: 4px 22px 4px 45px;vertical-align: top;}
.game-dialog .botPopMnu li:last-child a .but_exit {display:inline-block;width:22px;height:22px;overflow:hidden;word-break:break-all;font-size:1px;line-height:1em;color:transparent;vertical-align:top;background-image:url('/img/mobile/common/btn_close_new.png');background-size:22px auto;text-shadow:none !important;}
.game-dialog .botPopPg {margin: 0 auto;position: relative;z-index: 11;max-width: 375px;}


/*2024-11-26*/
.main_slide_frame{padding-bottom:30px;text-align:center}
.main_slide_frame img{vertical-align:top}


/*2024-03-12*/
.main_slide_frame img{vertical-align:top}
/*2024-03-12 전부*/
@media all and (max-width: 319px) {
	.hd_bottom .layout_wrap .gnbListGadk {overflow:hidden;padding:11px 0 5px}
	.hd_bottom .layout_wrap .gnbListGadk li{width:calc(33.3333% - 4px);margin:0 6px 6px 0;background: #fff;float:left;display:inline-block;border-radius:30px;text-align:center;padding:11px 0;border:1px solid #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.hd_bottom .layout_wrap .gnbListGadk li.on{border:2px solid #000096;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0 !important;}
	.hd_bottom .layout_wrap .gnbListGadk li.on a:before{left:-12px;}
	.hd_bottom .layout_wrap .gnbListGadk li a:before{content:"";display:none}
	.hd_bottom .layout_wrap .gnbListGadk li a{padding-left:0;font-size:11px}
	.todayPick li a span { width: 60px; height: 60px;}
	#contents .content01 .inner .right ul li h1 {font-size:12px}
	#contents .content01 .inner .right ul li::after {
		right: 7px;
		width: 50px;
		height: 50px;
	} 
	.title_h1 h1 {font-size:15px;}

	.menu_partners > ul > li > a > dl > dt{padding: 15px 15px;}
	.menu_partners > ul > li {width: 100%;height:auto;}
	.menu_partners > ul > li > a > dl > dd{  padding: 14px 0 14px 14px;}
	.menu_partners > ul > li > a > dl > dt > img{height:20px;}

	#menuAll > ul.main_menu_top > li > a {background-size: 23px !important;color: #fff;}
}