@font-face {font-family:'Pretendard-Regular';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');font-weight:400;font-style:normal;}
body{font-family:'Pretendard-Regular';overflow:hidden;}
img{width:100%;}
.left{float:left;}
/* .bg{width:100%;height:100%;background:url(/views/pc/images/pc_bg.jpg) no-repeat center center / 100% 100%;overflow:hidden;} */
.img_left{position:absolute;left:1%;bottom:10%;width:26%;}
.img_right{position:absolute;right:0;bottom:0;width:25%;}
.img_logo{position:absolute;left:20.8%;top:10%;width:140px;}
.content{position:absolute;top:18%;width:100%;display:flex;flex-direction:column;padding-left:400px;}
.txt_one{font-size:20px;margin-bottom:10px;}
.txt_two{font-size:30px;font-weight:700;margin-bottom:45px;}
.txt_three{font-size:18px;margin-bottom:30px;padding-left:27px;background:url(/views/pc/images/intro/mark.png) no-repeat left center / 17px 21px;color:black;}
.txt_four{font-size:20px;color:#626a73; line-height: 140%;    text-align:center;margin-bottom:90px;}
.btn_wrap{display:flex;margin-bottom:35px;}
.btn_one{
    display:flex;justify-content:center;
    align-items:center;width:170px;height:45px;border-radius:50px;
    background-color:#26a68f;
    background-position: 30% 50%;
    color:white;font-size:20px;
    /* background:url(/views/pc/images/intro/ico_korea.png) no-repeat left center / 25px 25px; */
}
.btn_one:hover{background-color:#149b84;}
.btn_two{background-color:#1f5dfa;margin-left:20px;
    display:flex;justify-content:center;
    align-items:center;width:170px;height:45px;border-radius:50px;
    background-position: 30% 50%;
    background-color:#1f5dfa;color:white;font-size:20px;
    /* background:url(/views/pc/images/intro/ico_overseas.png) no-repeat left center / 25px 26px; */
}
.btn_two:hover{background-color:#0059cb;}
.bar_wrap{display:flex;width:65%;height:100%;position:absolute;right:calc(-65% + 70px);z-index:1;}
.bar{display:flex;justify-content:center;align-items:center;width:70px;height:100%;background-color:#1f5dfa;cursor:pointer;}
/* .bar p{transform:rotate(270deg);font-size:24px;white-space:nowrap;color:white;padding-left:27px;background:url(/views/pc/images/intro/arrow.png) no-repeat left center / 13px 22px;} */
.bar p{transform:rotate(270deg);font-size:24px;white-space:nowrap;color:white;}
.bar_content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 70px);height:100%;background-color:white;}

/* 월간 자이언트 */
@charset "utf-8";
#m_wrap{position:absolute;top:0;right:0; margin-right:270px;overflow-y:scroll; height:1080px; width: 470px; overflow-x: hidden; box-shadow: 5px 5px 10px #7c7c7c;}

  #m_wrap::-webkit-scrollbar {
    width: 10px;
  }
  #m_wrap::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 10px;
  }
  #m_wrap::-webkit-scrollbar-track {
    background-color: rgb(218, 216, 216);
    border-radius: 10px;
  }

.w180{width: 180px;}
.color_b{color: #000 !important;}

header{position: relative; display: flex !important; justify-content: space-between; padding: 0 24px; height: 60px; z-index: 1;}
h1{position: relative; align-items: center;}
h1 > a > img{width: 80%}

.common_top_area{position: relative; display: flex; justify-content: space-between; align-items: center;}
.common_top_area .top_kakao img{width: 35px; margin-right: 10px;}
.common_top_area .top_share{width: 30px;}

.main_slider_area{position: relative;}
.main_slider_area .main_slider{position: relative; margin:0 auto;  min-height: 260px;}
.main_slider_area .main_slider span{position: relative; display: block; height: 260px; overflow: hidden;}
.main_slider_area .main_slider span img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}
.main_slider_area .main_slider .slide_conts{position: absolute; color: #fff; top:25px; left: 24px; font-size: 0.85em; z-index: 999;}
.main_slider_area .main_slider .slide_conts .monthly{font-size: 0.9em; padding:5px 18px; border-radius: 30px; border:1px solid #000; display: inline-block;}
.main_slider_area .main_slider .slide_conts .monthly_b{font-size: 0.9em; padding:5px 18px; border-radius: 30px; border:1px solid #000; display: inline-block;}
.main_slider_area .main_slider .slide_conts .title{font-size: 1.8em; font-weight: 700; margin:10px 0;}
.main_slider_area .page_num{position: absolute; color: #fff; bottom:10px; left: 24px; font-size: 0.9em;z-index: 1;background-color: #6655f1;  padding: 0 20px;  border-radius: 20px;  line-height: 28px;}

.menu_monthly{position: relative; display: block;  content: ''; margin: 20px 0; padding: 0 10px; box-sizing: border-box;}
.menu_monthly > ul{display: flex; justify-content: space-between;}
.menu_monthly > ul > li{display: list-item;  }
.menu_monthly a{color: #333; line-height: 32px; font-size: 0.7em; text-align: center; display: block;}
.menu_monthly a > span{display: block;}
.menu_monthly a > span img{width: 50%;}

/* .list_area{clear: both; position: relative; padding: 0 24px;} */
.list_area{clear: both; position: relative; padding: 20px 24px;}
.list_area .tit_list-korea{text-align: center; margin-bottom: 10px; background-color: #fd1c58; padding:5px 0; border-radius: 20px; color: #fff; font-weight: 500;}
.list_area .tit_list-overseas{text-align: center; margin-bottom: 10px; background-color: #8779d8; padding:5px 0; border-radius: 20px; color: #fff; font-weight: 500;}

.list_area .korea{margin-bottom: 10px; display: inline-block; background-color: #26a68f; color: #fff; padding: 4px 20px 4px 18px; border-radius: 30px; font-size: 1.0em; font-weight: 500;}
.list_area .korea::before{content:''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; top: 3px; position: relative; background: url(../images/monthly/ico_korea.svg) no-repeat 0 0; background-size: 100%}
.list_area .overseas{margin-bottom: 10px; display: inline-block; background-color: #1c62d7; color: #fff; padding: 4px 20px 4px 18px; border-radius: 30px; font-size: 1.0em; font-weight: 500;}
.list_area .overseas::before{content:''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; top: 3px; position: relative; background: url(../images/monthly/ico_overseas.svg) no-repeat 0 0; background-size: 100%}

.main_tit_area{clear: both; display: flex; justify-content: space-between; margin: 0 24px 0;}
.main_tit_area .tit{font-size: 0.9em; color: #333; position: relative;}
/*.main_tit_area .tit::after{content: '';  display: inline-block;  width: 40px;  height: 35px;  bottom: 10px;  left: 188px;  position: absolute;  background: url(../images/monthly/img_clock.png) no-repeat 0 0;  background-size: 100%;}*/
.main_tit_area .tit .bold{font-weight: 700; font-size: 1.2em !important; position:relative; z-index: 999999999;}
.main_tit_area .tit .underline{border-bottom: 5px solid yellow; position: absolute; bottom:1px}
.main_tit_area .tit > p{position: absolute; right: 0; top:0;}
.main_tit_area .tit > p > img{width: 80%;}
.main_tit_area .btn_main_more{font-size: 0.8em; position: relative; top: 10px}
.main_tit_area .btn_main_more::after{content:''; display: inline-block; width: 7px; height: 15px; margin-left: 5px; top: 3px; position: relative; background: url(../images/monthly/arrow_prenxt.png) no-repeat 50% 0; background-size: 7px 30px}

.stay-curation_area{clear: both; position: relative; padding: 0 24px; }
.stay-curation_area .stay-curation{position: relative; margin-bottom: 20px;}
.stay-curation_area .stay-curation ul{display: flex; justify-content: flex-start;}
.stay-curation_area .stay-curation ul li{margin-right: 10px;width:180px;}
.main_tit_stay{clear: both; display: flex; justify-content: space-between; margin: 0 0 20px;}
.main_tit_stay .tit{font-size: 1.2em; color: #333; position: relative; }
.main_tit_stay .btn_main_more{font-size: 0.8em; position: relative; top: 5px}
.main_tit_stay .btn_main_more::after{content:''; display: inline-block; width: 7px; height: 15px; margin-left: 5px; top: 3px; position: relative; background: url(../images/monthly/arrow_prenxt.png) no-repeat 50% 0; background-size: 7px 30px}

.list_type01{position: relative;overflow: hidden;}
.list_type01 > ul > li{position: relative; width: 100%; }
.list_overseas{display:flex;justify-content:space-between; text-align: center; padding: 5px 5px 12px 5px; border-radius:20px; font-weight: 500; }
.lists_overseas{text-align: center; padding: 8px 2px; border-radius:20px; background-color: #000; color:#fff; font-weight: 500; width:90px;}
.list_type01 .product{position: relative; width: 100%; overflow: hidden;  border-radius: 10px;}
.list_type01 .product > p > img{width: auto; height: 360px; border-radius: 10px;}
.list_type01 .product .info_hole{position: absolute;  z-index: 999999999;  color: #fff;  font-size: 0.8em;  background-color: #3758f7;  padding: 5px 15px;  top: 15px; left: 10px; border-radius: 10px;}
.list_type01 .product .item_title{position: absolute; color: #fff !important; bottom:0; left: 0; line-height: 24px; background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 10px 0 20px 15px;}
.list_type01 .product .item_title .item_location{font-size: 0.8em;}
.list_type01 .price_group{position: relative; font-size: 1.0em; margin-top: 10px; text-align: right; color: #999;}
.list_type01 .price_group .fly{text-align: left; font-size: 0.85em; color: #000;}
.list_type01 .price_group .fly::before{content:''; display: inline-block; width: 14px; height: 15px; margin-left: 3px; margin-right: 5px; top: 2px; position: relative; background: url(../images/ico_voucher_airplane.png) no-repeat 0 0; background-size: 100%}
.list_type01 .price_group .normal_price{text-decoration: line-through; padding-left: 5px;}
.list_type01 .price_group .price{font-size: 1.4em; font-weight: 700; color: #000;}
.list_type01 .price_group .price .hotprice{font-size: 0.8em; margin-right: 5px; color: #fd1c58;}
.list_type01 .price_group .price span{font-size: 0.8em;}

.list_type02{position: relative; margin-bottom: 40px;}
.list_type02 > ul{display: flex; justify-content: flex-start;}
.list_type02 > ul > li{position: relative; width: 120px; margin-right: 20px;}
.list_type02 .product{position: relative; width: 120px; margin-right: 16px; overflow: hidden;  border-radius: 10px;}
.list_type02 .product > p > img{width: auto; height: 120px; border-radius: 10px;}
.list_type02 .info_group{position: relative; font-size: 0.85em; margin-top: 10px;}
.list_type02 .info_group .flag{margin-bottom: 10px; font-size: 0.9em;}
.list_type02 .info_group .flag img{width: 20px; margin-right: 5px;}
.list_type02 .info_group .price{font-size: 1.1em; font-weight: 700;}
.list_type02 .info_group .price > span{font-size: 0.8em; font-weight: normal;}
.list_type02 .label_day{ position: absolute; top: 5px; right: 5px; font-size: 0.7em; color: #fff; background-color: #1c62d7; border-radius: 10px; padding: 2px 10px;}

.bnr_w100{padding:10px 0; margin-bottom: 20px;background:#f3f8fe;}
.bnr_w100 > a{display: block; margin:10px 0;}
.bnr_w100 > a > img{width: 90%; margin:0 auto; display: block; border-radius: 10px;}
.bnr_w100 .fullimg{width: 100%; display: block; border-radius: 0;}
.bnr_cscenter{position: relative; margin:0 auto; text-align: center; padding-bottom: 30px;}
.bnr_cscenter > a{margin:10px 0; display: block;}
.bnr_cscenter > a > img{width: 50%;}

.swiper-container, .swiper-wrapper{z-index: unset!important;}
.swiper-pagination{margin:20px auto 0;}