/* add */
@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@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;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Montserrat:wght@600&display=swap');

/* 초기화 */
html {overflow-y:scroll;height: 100%;}
body {margin:0;padding:0;font-size:14px;font-family: 'Pretendard-Regular', sans-serif !important;background:#fff; height:100%;min-width: 360px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle;font-size:0.85em !important;}
input, button {margin:0;padding:0;;font-size:1em;}
input[type="submit"] {cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {cursor:pointer}

textarea {font-size:1em;}
select {margin:0;font-size:1em;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:active, a:hover {color:#333;}
a:link, a:visited {
    text-decoration: none;
    color: #000000;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"] {
    padding-right: 8px;
    background: #ffffff;
    outline: none;
    border: 1px solid #dddddd;
    height: 32px;
    text-indent: 6px;
    font-size: 12px;
    width: 100%;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #333 !important;
}

.c_red {color:#bd1829;}

.c_red02{color:#a45959;}
.c_orange {color:#ff7d14;}
.c_green {color:#54c867;}

.orange-line {box-shadow: inset 0 -8px 0 #ffb97a; line-height: 1.8;}


table { border-collapse: collapse;border-spacing: 0;}

/* 레이아웃 크기 지정 */
#hd_pop, #hd_top, #hd_logo,
#tnb .inner,
#gnb .gnb_wrap,
#ft_wr {min-width:360px; }

#hd {/*position: fixed;*/margin:0;padding:0; width: 100%; min-width: 360px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 999; transition: 0.4s;   }
#hd_wrapper {position:relative;margin:0 auto; width: 100%; margin: 0 auto; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#hd_wrapper_sub {position:relative;margin:0 auto; width: 100%; margin: 0 auto; zoom:1;border-bottom:1px solid #bd1829;}
#hd_wrapper_sub:after {display:block;visibility:hidden;clear:both;content:""}


/* 헤더 */
#hd_top { width: 100%; min-width: 360px; background:#bd1829; }
.hd_top_wrapper {position:relative; margin:0 auto; width: 100%; height:36px; display: flex; align-items: center;   font-size:14px; color:#fff; justify-content: space-between; zoom:1}
.hd_top_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.right-align {margin-left: auto; }

/* 노티스 */
.top_notice{width:100%; display: flex; align-items: center; padding:0 16px;}
.top_notice_list a{color:#fff;  white-space: nowrap; }
.top_notice_list a:active,a:hover {color:rgba(255, 255, 255, 0.7);}
.tag_red{color: #fff;border-radius: 20px; height: 22px;line-height: 22px; margin-right: 6px; font-size: 14px;padding: 0 14px;background-color: #6a0a14; white-space: nowrap;}

/* 멤버 */
.top_member {position: absolute; top:8px; right: 16px;}
.top_member  a img,.top_member  img{height: 20px; width:20px; }

.top_member a:active,a:hover {color:rgba(255, 255, 255, 0.7);}
.member_bar:before {content: ""; display: inline-block; width: 1px; height: 12px; background-color: #d7747f; margin: 4px 12px 0 ; vertical-align: top;}

/* 서치 */
.top_search {position: absolute; top:8px; right: 51px;}
.top_search  img{height: 18px; width:19px; }


#re_search_modal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 9999; }
#re_search_modal_mask { width: 100%; height: 100%; background: rgba(0,0,0,0.9); cursor: pointer; }
#re_search_modal_contents { position: absolute; top: 40%; left: 0; width: 100%; height: 100px; }
#re_search_modal .xans-layout-searchheader { float: left; width: 100%; height: 100px; margin: 0 0 0; }
#re_search_modal .xans-layout-searchheader fieldset { width: 50%; height: 60px; margin: 0 auto; border: 0px solid #d9d9d9; border-radius: 2px; white-space: nowrap; }
#re_search_modal .xans-layout-searchheader #keyword { width: 90%; height: 60px; padding: 0 0 0 0; border: 0px; border-bottom: 1px solid #eee; line-height: 60px; font-size: 24px; font-weight: bold; color: #efefef; background: rgba(0,0,0,0); opacity: 1; }
#re_search_modal .xans-layout-searchheader input { width: 21px; height: 20px; vertical-align: middle; }


/* 로고 */
.hd_logo { margin:10px auto 0; width: 100%; height:70px; display: flex; justify-content: center; align-items: center;text-align: center; }
.hd_logo img {width: 100%; max-width:62%; }

/* 로그아웃 */
.top_my {display:none;    background-color: #fff; top: 30px; right: 10px;
    z-index: 20;
    position: absolute;
    padding: 4px 6px;
    border: 1px solid #bd1829;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    white-space: nowrap;
}
.top_my a{color:rgba(0, 0, 0, 0.6); font-size:12px; font-family:'Pretendard-Medium';}
.top_my a:active,a:hover {color:rgba(0, 0, 0, 0.4);}
.top_my li { display: inline-block; position: relative; margin:0 6px;}
.top_my li:not(:last-child)::after { content: ""; display: inline-block; width: 1px; height: 10px; background-color: rgba(0, 0, 0, 0.2); margin: 4px auto; vertical-align: top; position: absolute; right: -6px; top:-2px; }


/*gnb*/
#top_menu {width:100%; margin: auto;}

#top_menu:after {display:block;visibility:hidden;clear:both;content:""}
#top_menu .container{min-width: 360px;width: 100%;margin: auto;}
#top_menu {background: #fff;margin: 0;}
#top_menu .container{display: flex;justify-content: space-between;align-items: center;}
#top_menu .top_gnb{text-align:center;}
#top_menu .menu_btn{position:absolute;right:20px;top:20px;display:none;}
#top_menu .menu_btn div { width: 25px;height: 1px;background-color:#bd1829;margin: 6px 0px;position: relative;transition:all .8s ease;}
#top_menu .menu_btn.lijo div{position:absolute;transition:all .8s ease;}
#top_menu .menu_btn.lijo div:nth-child(1){transform: rotate(45deg);top: 7px;right: 0px;}
#top_menu .menu_btn.lijo div:nth-child(2){width:0px;top: 7px;right: 0px;}
#top_menu .menu_btn.lijo div:nth-child(3){transform: rotate(-45deg);top: 7px; right: 0px;}
#top_menu .top_nav {width:98%; margin: 12px auto 14px; }
#top_menu .top_nav ul.top_gnb{margin: auto;display: flex; justify-content: center !important; align-items:  }
#top_menu .top_nav ul.top_gnb li{margin-bottom:0px;color:#000;text-align:center;position: relative; flex-grow: 1 !important;}
#top_menu .top_nav ul.top_gnb li a {box-sizing: border-box;display:block;transition:.8s ease;text-transform:uppercase; white-space: nowrap; font-size:17px; font-family: 'Pretendard-Bold'; color:#181818;  text-align: center; }
#top_menu .top_nav ul.top_gnb li a:active, #top_menu .top_nav ul.top_gnb li a:hover {color:#bd1829;}
#top_menu .top_nav ul.top_gnb > li > a {padding: 0 10px;}
.tag_redline{color: #181818;border-radius: 20px; height: 37px;line-height: 37px; font-size: 16px;padding: 0 20px; border:1px solid #bd1829;white-space: nowrap; font-family: 'Pretendard-SemiBold';}
.tag_redline a:active, .tag_redline a:hover {color:#bd1829;}


/* 중간 레이아웃 */
#wrapper { min-width: 360px; }
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}


#container_sub {position:relative;font-size:1em;zoom:1;  margin:20px auto  0 !important; text-align:center !important; width:100%;}
#container_sub:after {display:block;visibility:hidden;clear:both;content:""}
#container_sub table{margin:0 auto;}
#contents_sub {width:100%; text-align:left;}

#container_sub_v3 {position:relative;font-size:1em;zoom:1;  margin:20px auto  0 !important; text-align:center !important; width:1400px;}
#container_sub_v3:after {display:block;visibility:hidden;clear:both;content:""}


/* 메인vs 스와이퍼 */
.mvSwiper {text-align: center; display: flex; position: relative; width: 87% !important; background-color: #ccc;}
.mvSwiper img{border-radius: 40px;}
.mySwiper .swiper-pagination {margin-bottom:10px;}
.mySwiper .swiper-pagination-bullet {width: 8px; height: 8px; background: white; opacity: 0.25; margin: 10px; transition: 0.2s;transition-timing-function: cubic-bezier(0.25, 0.75, 0.2, 1);}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;transform: scale(1.5);}
.mySwiper .next-ctrl, .mySwiper .prev-ctrl { height:100%; width:100px; top:0; display:none;}
.mySwiper .next-ctrl {right:0;bottom:0;transition: 0.5s ease-in-out;}
.mySwiper .next-ctrl::after, .mySwiper .prev-ctrl::after {color:#fff; opacity: 0.8;}
.mySwiper .next-ctrl:hover::after, .mySwiper.prev-ctrl:hover::after {opacity: 1;}
.mySwiper .prev-ctrl {right:0;bottom:0;}


.main_01 { width: 100%; padding: 30px 15px 0;  overflow:hidden;}
.main_01 .inr { min-width: 330px;  margin: 0 auto; }
.main_01 .mySwiper1 { position: relative; width: 100% !important; overflow: visible; }
.main_01 .swiper-slide { text-align: center;  height: auto; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom:14px;}
.main_01 .swiper-slide a { display: block; position: relative; }
.main_01 .swiper-slide span { font-size: 10px; display: block; margin-top: 4px; position: absolute; bottom: -15px; left: 0; width: 100%; text-align: center; }
.main_01 .swiper-slide img { width: 100%; height: 100%; max-width:75px; max-height:75px; object-fit: cover; border-radius: 50%; }
.main_01 .swiper-pagination { margin-bottom:-30px; }
.main_01 .swiper-pagination-bullet { width: 6px; height: 6px; background: black; opacity: 0.25; margin: 10px; transition: 0.2s; transition-timing-function: cubic-bezier(0.25, 0.75, 0.2, 1); }
.main_01 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; transform: scale(1); }


.main_02 {width: 100%; padding:50px 15px 0;}
.main_02 .inr {min-width: 330px; margin: 0 auto;}
.main_02 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_02 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';}
.main_02 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}

.main_02 .mainList_c_wrap {position: relative; min-width: 320px !important;}
.main_02 .mainList_c_wrap ul.list_c {width:100%; overflow:hidden; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; }
.main_02 .mainList_c_wrap ul.list_c li {position:relative;  width:31%;height:auto;overflow:hidden; text-align:center}
.main_02 .mainList_c_wrap ul.list_c li img {border-radius:20%; width:100%;height:100%;object-fit: cover;}
.main_02 .mainList_c_wrap ul.list_c li .first {margin:0;}
.main_02 .mainList_c_wrap ul.list_c li .feature {position:absolute; top:0;left:0;width:100%;height:69%;border-radius:20%; background:#000; opacity: 0.7 !important;cursor:pointer; display:none;}
.main_02 .mainList_c_wrap ul.list_c li:hover .feature {display: flex; justify-content: center; align-items: center;}
.main_02 .mainList_c_wrap ul.list_c li .feature .des {font-size: 13px; color: #fff; line-height:1.5em; text-align:center;}
.main_02 .cat_name {font-size: 12px; color: #1c1c1c; text-align:center; margin:10px 0 20px 0; }

.swiper-pagination_wrap { display:flex; width:auto; height:22px;  z-index:111; position:absolute; top:33px; right:0;}
.swiper-pagination_wrap:after {display:block;clear:both;content:""}
.swiper-pagination_wrap #prev {cursor:pointer; width:26px; height:26px; border:1px solid #cacaca;}
.swiper-pagination_wrap #pause { cursor:pointer; width:26px; height:26px; border-top:1px solid #cacaca;border-bottom:1px solid #cacaca; }
.swiper-pagination_wrap #next {cursor:pointer; width:26px; height:26px; border:1px solid #cacaca;}


.main_03  {width: 100%; padding:30px 15px 0;}
.main_06  {width: 100%; padding:10px 15px 0;}
.main_03 .inr, .main_06 .inr{min-width: 330px;  margin:0 auto; display: flex; justify-content: space-between;flex-direction: column; align-items: flex-start; }
.main_03 .inr div, .main_06 .inr div {padding:5px 0;}

.main_04 {width: 100%; padding:30px 15px 0; position: relative;}
.main_04 .inr {min-width: 330px; margin: 0 auto;}
.main_04 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_04 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';}
.main_04 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}

.main_04 .mainList_p_wrap {position: relative; min-width: 330px !important;}
.main_04 .mainList_p_wrap ul.list_premium {width:100%; overflow:hidden; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; }
.main_04 .mainList_p_wrap ul.list_premium li {position:relative;  width:31%; height:auto;  text-align:center;}
.main_04 .mainList_p_wrap ul.list_premium li img {border-radius:20%; width:100%; height:100%; object-fit: cover; }
.main_04 .mainList_p_wrap ul.list_premium li .first {margin:0;}
.main_04 .mainList_p_wrap ul.list_premium li .feature {position:absolute; top:0;left:0;width:100%; height:auto;border-radius:20%; background:#000; opacity: 0.7 !important;cursor:pointer; display:none; padding-bottom:20px;}
.main_04 .mainList_p_wrap ul.list_premium li:hover .feature {display: flex; justify-content: center; align-items: center;}
.main_04 .mainList_p_wrap ul.list_premium li .feature .des {font-size: 13px; color: #fff; line-height:1.5em; text-align:center;}
.main_04 .mainList_p_wrap ul.list_premium li .cat_name {font-size: 12px; color: #1c1c1c; text-align:center; margin:10px 0 20px 0; }


.main_05 {width: 100%; padding:30px 15px 0;}
.main_05 .inr {min-width: 330px; margin: 0 auto;}
.main_05 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_05 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';}
.main_05 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}

.main_05 .mainList_review_wrap {position: relative; width: 100%;  min-width: 330px !important;}
.main_05 .mainList_review_wrap ul.list_review {width:100%; overflow:hidden; display: flex; justify-content:flex-start;align-items: flex-start; flex-wrap: wrap; }


.main_05 .mainList_review_wrap ul.list_review .list_a  {position:relative;  width: calc(50% - 10px) !important; margin: 0 20px 5px 0 !important; padding:0 !important; height:auto;  text-align:left;}
.main_05 .mainList_review_wrap ul.list_review li img {  width: 100%; height:165px;  object-fit: cover; margin-bottom: 10px;}
.main_05 .mainList_review_wrap ul.list_review li .review_content {margin-bottom:15px; width:100%; position: relative;}
.main_05 .mainList_review_wrap ul.list_review li .review_content .str {height: 53px; overflow:hidden;}
.main_05 .mainList_review_wrap ul.list_review li .review_content a{width:100%; color:#161616 !important; font-size:13px; display: block; text-align:left; font-family: 'Pretendard-Regular'; line-height:1.4em;}
.main_05 .mainList_review_wrap ul.list_review li .review_content .name {font-size:13px; font-family: 'Pretendard-Medium'; color:#161616 !important; line-height:1.5em;}
.main_05 .mainList_review_wrap ul.list_review li .review_content .date {font-size:12px; font-family: 'Pretendard-Light'; color:#878787 !important; padding-top:10px;}
.main_05 .mainList_review_wrap ul.list_review li .feature {position:absolute; top:0;left:0;height:26px;  background:#f5002e; color:#fff; font-size:12px; padding:0 10px; line-height:26px;} 
.main_05 .mainList_review_wrap ul.list_review .list_a:nth-child(even) {margin-right: 0 !important;}

.main_07 {width: 100%; padding:30px 15px 0;}
.main_07 .inr {min-width: 330px; margin: 0 auto;}
.main_07 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_07 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';}
.main_07 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}


.main_07 .mainList_family_wrap {position: relative; min-width: 330px !important;}
.main_07 .mainList_family_wrap ul.list_family {width:100%; overflow:hidden; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap;  }
.main_07 .mainList_family_wrap ul.list_family li {position:relative;  width:100%; height:auto;  text-align:left;}
.main_07 .mainList_family_wrap ul.list_family li img { width:100%; height:auto; object-fit: cover; margin-bottom:25px; }

.main_07 .familyWrap{ display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; width:100%; }
.main_07 .familyWrap .familyList {position:relative;  width:22%; height:auto; padding-bottom:20px;}
.main_07 .familyWrap .familyList img { width:100%; height:180px; object-fit: cover;  border-radius:20px;}


.main_08 {width: 100%; padding:20px 15px;}
.main_08 .inr {min-width: 330px; margin: 0 auto; }
.main_08 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_08 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';}
.main_08 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}

.main_08 .mainList_tv_wrap {position: relative; width: 100% !important; overflow: visible; }
.swiper-pagination_wrap #more { cursor: pointer; width: 24px; height: 24px; border: 1px solid #cacaca; }
.main_08 .mainList_tv_wrap .swiper-slide iframe { touch-action: none; }
.main_08 .swiper {padding-bottom: 30px !important; margin-bottom: -30px; }
.main_08 .swiper-pagination { bottom: -15px !important; position: relative; z-index: 1; }
.main_08 .swiper-pagination_wrap #next { border-left:none;}
.main_08 .swiper-pagination-bullet {width: 6px; height: 6px; background: black; opacity: 0.25; margin: 10px; transition: 0.2s;transition-timing-function: cubic-bezier(0.25, 0.75, 0.2, 1);}
.main_08 .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;transform: scale(1);}
.item_button { border: 1px solid #d2d2d8; border-radius: 6px; font-family: 'Pretendard-Regular';font-weight:300 !important; color: #212427; display: block; font-size: 14px; height: 32px; letter-spacing: -.5px; line-height: 2.4; text-align: center; margin-top:20px;}


.main_09 {width: 100%; padding:20px 15px 0;}
.main_09 .inr {min-width: 330px; margin: 0 auto;}
.main_09 .tit {display: flex; flex-direction: column; align-items: flex-start;  height: 100%; border-bottom:1px solid #878787;  margin-bottom:20px; padding-bottom:10px;}
.main_09 .tit h2 {font-size: 26px; color: #181818; text-align: left;  font-family: 'GmarketSansBold';line-height:28px;}
.main_09 .tit h3 {font-size:12px; color:#818181; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; line-height:22px;}
.main_09 .contact_wrap {width:100%; min-width: 330px;  overflow:hidden; display: flex; justify-content: space-between;align-items: flex-start;  }

.main_09 .contact_wrap .mainList_event_wrap{width:56%; margin-right:2%; height:187px;}
.main_09 .swiper-pagination {margin-bottom:5px;}
.main_09 .swiper-pagination-bullet {width: 6px; height: 6px; background: black; opacity: 0.25; margin: 10px; transition: 0.2s;transition-timing-function: cubic-bezier(0.25, 0.75, 0.2, 1);}
.main_09 .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;transform: scale(1);}

.main_09 .contact_wrap .service {width:42%; height:187px; background: url('/img/main_v2/bg_main_service.jpg') no-repeat center center ; background-size: cover; text-align:right; padding-right:12px;}
.main_09 .contact_wrap .service h4{font-size:22px; text-align:right; color:#181818; font-family: 'GmarketSansBold'; padding-top:16px; line-height:24px; }
.main_09 .contact_wrap .service ul {padding-top:5px;}
.main_09 .contact_wrap .service li {text-align:right; line-height:12px;}
.main_09 .contact_wrap .service li img {width:10px; height:auto;  margin-bottom:2px;}
.main_09 .contact_wrap .service li  span {font-size: 10px;font-family: 'GmarketSansMedium';color: #181818;}


.main_09 .contact {min-width: 330px; background:#ececec; height:auto; padding-bottom:10px; margin-top:10px;}
.main_09 .contact h4{font-size:24px; text-align:center; color:#181818; font-family: 'GmarketSansBold'; padding-top:20px;}
.main_09 .contact ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin:10px 20px;}
.main_09 .contact li { flex: 1 0 calc(25% - 10px); max-width: calc(25% - 10px); box-sizing: border-box; flex-direction: column; align-items: center; text-align: center; }
.main_09 .contact li  span{ font-size:16px; font-family: 'GmarketSansMedium'; color:#181818; }
.main_09 .contact li img {width:45px;height:45px;margin-bottom:10px;}
.main_09 .contact li .contact-info {flex-grow: 1;}
.main_09 .contact li .contact-info span {font-size: 10px;font-family: 'GmarketSansMedium';color: #181818; display:block;}


.main_10 {width: 100%; padding:20px 15px 0; }
.main_10 .inr {min-width: 330px; margin: 0 auto; }
.main_10 .wrap_controllers {display:none !important;}
.main_10 .mapbox_warp {display: flex;justify-content: space-between; width:100%; margin:0 auto; }
.main_10 .mapbox {flex: 1; display: flex; margin-top: 20px;}
.main_10 .mapbox img {padding-right:5px; width:20px !important; height:auto;}
.main_10 .mapbox h4{font-size:17px; color:#181818; font-family: 'Pretendard-SemiBold'; padding-bottom:10px;}
.main_10 .mapbox span{font-size:11px; color:#181818; font-family: 'Pretendard-Regular'; display:block; line-height:14px;}
.main_10 .bar:before {content: ""; display: inline-block; width: 1px; height: auto; background-color: #e1e1e1; margin: 0 10px 0 0; vertical-align: top;}


.main_11 {width: 100%; margin-top:40px; background: url('/img/main_v2/bg_contact.jpg')70% 60% / cover no-repeat rgb(255, 255, 255); height:200px;}
.main_11 .inr {min-width: 330px; margin: 0 auto; text-align:center;}
.main_11 .inr dl {padding-top:30px;}
.main_11 .inr dl dt {font-size:18px; color:#fff; font-family: 'GmarketSansBold'; }
.main_11 .inr dl dd.txt1 {margin-top:1px; font-size:26px; color:#fff; font-family: 'GmarketSansBold'; }
.main_11 .inr dl dd.txt2 {margin-top:4px; font-size:12px; color:#fff; font-family: 'Pretendard-Regular'; line-height:20px;}
.main_11 .inr dl dd.txt3 {margin-top:16px;}
.main_11 .inr dl dd.txt3 .tel_01{ font-size:16px; color:#fff; font-family: 'GmarketSansBold';  background-color: #5b5b5b; padding:8px 14px 8px; margin: 0 10px; border:1px solid rgba(255, 255, 255, 0.6);}
.main_11 .inr dl dd.txt3 .tel_02{ font-size:16px; color:#fff; font-family: 'GmarketSansBold';  background-color: #677cca; padding:8px 14px 8px; margin: 0 10px; border:1px solid rgba(255, 255, 255, 0.6);}


#ft {width: 100% !important;  background:#171719; margin:0 auto; }
#ft .ft-top { padding:0 15px; min-width: 330px; position:relative; height:50px; border-bottom:1px solid #313131;  margin: 0 auto; display: flex; justify-content: space-between;  align-items: center;}
#ft .ft-top .ft_menu {display: flex; font-size:12px; line-height:80px;}
#ft .ft-top .ft_menu li { float: left; margin-right: 12px; padding-right: 10px;  }
#ft .ft-top .ft_menu li a { color: #F2F2F2; font-size:15px; font-weight: 200; font-family: 'Pretendard-Light'; transition-duration: 0.2s;}
#ft .ft-top .ft_menu li a:hover { color: #888; transition-duration: 0.2s;}


#ft .ft-top .sns {display: flex; flex-grow: 1; justify-content: flex-end;}
#ft .ft-top .sns li { float: right; margin-left: 5px; }
#ft .ft-top .sns img {transition-duration: 0.2s;  width:20px; height:auto;}
#ft .ft-top .sns li:hover img {transform:scale(1.1); transition-duration: 0.2s;}

#ft .ft-info_wrap {width: 100%;  background:#2d2d33; padding-bottom:80px;} 
#ft .ft-info_wrap .ft-info {min-width: 330px;  margin:0 auto;  padding: 15px; text-align:left;} 
#ft .ft-info_wrap .ft-info .txt_01{font-family: 'Pretendard-Light';font-size:15px; color:#b6b6b6 !important; line-height:20px;color: inherit; text-decoration: none  !important; pointer-events: none !important;}
#ft .ft-info_wrap .ft-info .txt_02{font-family: 'Pretendard-Light';font-size:12px; color:#6c6c71; line-height:14px; padding-top:10px;}

@media screen and (max-width: 390px) {
    .main_09 .contact_wrap .service { height: 177px; }  
}
@media screen and (max-width: 360px) {
    #ft .ft-info_wrap .ft-info .txt_01 { font-size: 13px; }
    .main_09 .contact_wrap .service h4 { font-size: 18px; line-height: 20px; }
    .main_09 .contact_wrap .service { height: 162px; padding-right: 5px; }
    .main_09 .contact_wrap .service li span { font-size: 6px; }
    .main_09 .contact_wrap .service li img { width: 6px; margin-bottom: 4px; }
    .main_09 .contact ul { margin: 10px 10px; }
    .main_09 .contact li { flex: 1 0 calc(25% - 0px); max-width: calc(25% - 0px); } /* 문법 오류: 줄이 끝나지 않음 */
    .main_10 .mapbox span { font-size: 10px !important; }
}


/* sub _ 분양 리스트 */

div.adopt-list ul.MainProductList {width:100%;margin:10px 0 0 0;overflow:hidden;}
div.adopt-list ul.MainProductList li {position:relative;float:left;margin:0 0 0 7px;width:210px;height:210px;overflow:hidden; }
div.adopt-list ul.MainProductList li.first {margin:0;}
div.adopt-list ul.MainProductList li div.adopt_name {position:absolute;bottom:0;left:0;width:210px;height:40px;padding:11px 20px 4px 20px;
background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* ie8  */filter:alpha(opacity=80);opacity: 0.8;cursor:pointer;}
div.adopt-list ul.MainProductList li div.adopt_name span {display:block; font-size: 18px; color: #fff; font-family: 'Pretendard-Regular', sans-serif !important;}
div.adopt-list ul.MainProductList li div.adopt_name span.desc {margin:10px 0 0 0;padding:20px 0 0 0;border-top:1px solid #eb3342; color:#83f3f1;}


.sub-adopt .mainList_c_wrap {position: relative; width: 100%; padding:20px 15px 0; }
.sub-adopt .mainList_c_wrap ul.list_c {width:100%; overflow:hidden; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; }
.sub-adopt .mainList_c_wrap ul.list_c li {position:relative;  width:256px;height:auto;overflow:hidden; text-align:center}
.sub-adopt .mainList_c_wrap ul.list_c li img {border-radius:50%; width:100%;height:100%;object-fit: cover;}
.sub-adopt .mainList_c_wrap ul.list_c li .first {margin:0;}
.sub-adopt .mainList_c_wrap ul.list_c li .feature {position:absolute; top:0;left:0;width:256px;height:256px;border-radius:50%; background:#000; opacity: 0.7 !important;cursor:pointer; display:none;}
.sub-adopt .mainList_c_wrap ul.list_c li:hover .feature {display: flex; justify-content: center; align-items: center;}
.sub-adopt .mainList_c_wrap ul.list_c li .feature .des {font-size: 18px; color: #fff; line-height:1.5em; text-align:center;}
.sub-adopt .cat_name {font-size: 18px; color: #1c1c1c; text-align:center; margin:20px 0 40px 0; }


.adopt-list-v2 ul.MainProductList {width:100%;margin:10px 0 0 0;overflow:hidden;}
.adopt-list-v2 ul.MainProductList li {position:relative;float:left;margin:0 0 0 7px;width:330px;height:330px;overflow:hidden; border-radius: 20%;}
.adopt-list-v2 ul.MainProductList li.first {margin:0;}
.adopt-list-v2 ul.MainProductList li div.adopt_name {position:absolute;bottom:0;left:0;width:210px;height:40px;padding:11px 20px 4px 20px;
background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* ie8  */filter:alpha(opacity=80);opacity: 0.8;cursor:pointer;}
.adopt-list-v2 ul.MainProductList li div.adopt_name span {display:block; font-size: 18px; color: #fff; font-family: 'Pretendard-Regular', sans-serif !important;}
.adopt-list-v2 ul.MainProductList li div.adopt_name span.desc {margin:10px 0 0 0;padding:20px 0 0 0;border-top:1px solid #eb3342; color:#83f3f1;}


.sub-adopt   {width: 100%; padding:10px 15px 0;}
.sub-adopt  .inr {min-width: 330px; margin: 0 auto; overflow:hidden; font-size:16px; }
.sub-adopt  .tit { align-items: center;  height: 100%;   margin-bottom:10px; padding-bottom:10px;}
.sub-adopt  .tit h2 {font-size: 30px; color: #181818; text-align: center;  font-family: 'GmarketSansBold';}
.sub-adopt  .tit h3 {font-size:16px; color:#818181; text-align: center; font-family: 'Pretendard-Regular' !important; font-weight:300 !important;line-height:22px; margin:0 10px;}

.sub-adopt .category_link { display: flex;  justify-content: center; }
.sub-adopt .category_link li {width: ; margin-right: 5px; }
.sub-adopt .category_link li a {display: block; height: 30px; border: 1px solid #d9d9d9; color: #181818; padding:0 10px; font-size: 14px; line-height: 28px; text-transform: uppercase;text-align: center;  border-radius:33px;}
.sub-adopt .category_link li a:hover, .sub-adopt .category_link li a:active,  .sub-adopt .category_link .active{ background: #181818; color: #fff; border: 1px solid #181818;}


@media screen and (max-width: 380px) { 
.sub-adopt .category_link li a {font-size: 13px !important; padding:0 9px; line-height: 27px;}
}

#container-center #hotel-container li dl dd {font-size: 12px !important; }
#container-center #hotel-container .tit_txt li {font-size: 12px !important; }
#container-center #hotel-container li dl dt .flag_p, #container-center #hotel-container li dl dt .flag_n ,
#container-center #hotel-container li dl dt .flag ,#container-center #hotel-container li dl dt .flag_r{font-size: 13px !important;padding: 0 18px !important;}
#container-center #hotel-tit h5 {font-size: 18px !important; }
#container-center #hotel-tit p, #container-center #hotel-footer-info li dd { font-size: 13px !important; }


#container-center #hotel-tit .image-grid { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; 
max-width: 100%; height: 100%; margin: 0 auto; padding: 0; list-style: none; }
#container-center #hotel-tit .image-grid__item { display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: calc(30% - 34px); 
align-items: stretch;justify-content: center; position: relative; height: 170px; margin-right: -15px; margin-bottom: -10px; transition: transform 0.14s ease-in, 
text-shadow 0.1s ease-in; border-radius: 25px; overflow: hidden; 
box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); }
#container-center #hotel-tit .image-grid__item:nth-child(even) { margin-top: 60px; }
#container-center #hotel-tit .image-grid__item:before { content: ""; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: none; border-radius: 25px; transition: visibility 0.1s ease-out, opacity 0.1s ease-out; opacity: 0; }
#container-center #hotel-tit .image-grid__item:hover:before { visibility: visible; opacity: 1; }
#container-center #hotel-tit .grid-item { display: flex; position: relative; flex-direction: column; flex-grow: 1; flex-shrink: 1; align-items: stretch;
justify-content: center; text-decoration: none; color: #eeeeee; overflow: hidden; border-radius: 15px; }
#container-center #hotel-tit .grid-item:hover .grid-item__image { transform: scale(1.2); }
#container-center #hotel-tit .grid-item:hover .grid-item__hover { visibility: visible; opacity: 1; }
#container-center #hotel-tit .grid-item:hover .grid-item__name { visibility: visible; transform: scale(1); opacity: 1; }
#container-center #hotel-tit .grid-item__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; transform: scale(1); will-change: transform; transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 0; border-radius: 25px;}
#container-center #hotel-tit .grid-item__hover { visibility: hidden; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(rgba(47, 48, 50, 0.2), rgba(47, 48, 50, 0.7));  transition: visibility 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; }
#container-center #hotel-tit .grid-item__name { visibility: hidden; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; align-items: center; font-size: 1rem; font-weight: 300; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4), 2px 2px 6px rgba(0, 0, 0, 0.3); justify-content: center; letter-spacing: 1px; transform: scale(0.6); transform-origin: center center; transition: visibility 0.14s ease-out, opacity 0.14s ease-out, transform 0.24s ease; opacity: 0; }


.working-process-step { position: relative;  width:100%; margin: 0 auto; padding:10px;}
.working-process-step::before { content: ''; position: absolute; left: 0; right: 0; height: 100%; background: url(https://i.ibb.co/ypVJxZR/step-arrow.png) center center no-repeat; }
.working-process-step .row { display: flex; justify-content: space-between; margin: 0 -15px; }
.working-process-step .process-block { flex: 1; padding: 0 5px; box-sizing: border-box; }
.working-process-step .inner-box { position: relative; padding: 10px 5px 20px; width: 90%; margin: 0 auto; box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1); background-color: #ffffff; text-align: center; transition: 0.5s ease; border-radius: 20px; }
.working-process-step .inner-box:hover { box-shadow: 0px -10px 39px 0px rgba(8, 18, 109, 0.1); transform: translateY(-10px); }
.working-process-step .process-block:nth-child(2) .inner-box { margin-top: 50px; }
.working-process-step .count-box { position: relative; width: 60px; height: 60px; background: #dfaab2; margin:20px auto; color: #ffffff; text-align: center; line-height: 60px; font-size: 20px; font-weight: 800; font-family: 'Muli', sans-serif;  margin-bottom: 15px; border-radius: 50%;}
.working-process-step h3 { position: relative; font-size: 16px; font-weight: 400; color:#333; }
.working-process-step .icon { font-size: 30px; color: #fff; line-height: 60px;}
.working-process-step .text { position: relative; color: #777777; font-size: 13px; line-height: 1.2em; padding-top:10px; }
@keyframes float-bob-y { 0% { transform: translateY(-15px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-15px); } }
.float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }


.sub-adopt .mainList_a_wrap {width: 1400px !important;}
.sub-adopt .mainList_a_wrap ul.list-adopt {width:100%; overflow:hidden; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; }
.sub-adopt .mainList_a_wrap ul.list-adopt li {position:relative;  width:330px; height:auto;  text-align:center;}
.sub-adopt .mainList_a_wrap ul.list-adopt li img {border-radius:20%; width:330px; height:330px; object-fit: cover; }
.sub-adopt .mainList_a_wrap ul.list-adopt li .first {margin:0;}
.sub-adopt .mainList_a_wrap ul.list-adopt li .feature {position:absolute; top:0;left:0;width:330px;height:330px;border-radius:20%; background:#000; opacity: 0.7 !important;cursor:pointer; display:none; padding-bottom:20px;}
.sub-adopt .mainList_a_wrap ul.list-adopt li:hover .feature {display: flex; justify-content: center; align-items: center;}
.sub-adopt .mainList_a_wrap ul.list-adopt li .feature .des {font-size: 18px; color: #fff; line-height:1.5em; text-align:center;}
.sub-adopt .mainList_a_wrap ul.list-adopt li .cat_name {font-size: 18px; color: #1c1c1c; text-align:center; margin:20px 0 40px 0; }


.paging_box {padding:20px 0;}    
.paging_box li { vertical-align: middle;display: inline-block;position: relative;}
.paging_box span, .paging_box span a {font-size:18px; padding: 0 5px; color:#9d9d9d; line-height:20px; font-family: 'Pretendard-Regular' !important; font-weight:300 !important; cursor: pointer;}
.paging_box span.on {color:#181818; font-weight:600 !important; cursor: pointer;}
.paging_box img {padding:0 5px;cursor: pointer;  }

/* sub _ 분양 디테일 */
.detail_wrap  {width: 100%; padding-top:20px; padding-bottom:100px; text-align:center;}
.detail_wrap .detail-head {width: 1400px !important; display: flex; justify-content: space-between;flex-wrap: wrap; }
.detail_wrap .detail-head .detail-left {width:55%;  float: left;}
.detail_wrap .detail-head .detail-left .img_goods {position: relative; margin-bottom: 30px;}
.detail_wrap .detail-head .detail-left .img_area {width: 100%; height: auto; position: relative;}
.detail_wrap .img_goods .gallery_wrap {margin-top: 20px; overflow: hidden;}
.detail_wrap .img_goods .gallery_wrap ul {display: flex; align-items: center; flex-wrap: wrap; }
.detail_wrap .img_goods .gallery_wrap ul li { float: left;margin-left: 18px;}
.detail_wrap .img_goods .gallery_wrap  .first {margin-left:0;}


#catalog-view-promotions.section {padding-top: 20px;}
#catalog-view-promotions.section .title {position: static;left: 0;top: 0;padding-bottom: 0;height: 30px;border-top: 1px solid #686868; text-align: center;}
#catalog-view-promotions.section .title h2 {text-indent: 0; margin: 0 ; margin-top: -12px; padding: 0 4px; font-size: 14px; background: none; color:#000 !important; margin-right:10px; font-family: 'GmarketSansLight' !important;}
.title h2 span{background-color: #fff; padding:0 10px;}
#catalog-view-promotions.section .contents {width: 100%;}
#catalog-view-promotions.section.benefit  {width: 90%;}

.detail-call li {padding-top:5px;}
.call_01 {background-color: #6a0a14; font-family: 'GmarketSansMedium';color: #fff;  border: none;font-size:17px !important;
  padding: 12px 20px; border-radius: 8px;  cursor: pointer;text-align:left; letter-spacing:1px; box-shadow: 0 0 0 1px #c39da1, 0 0 0 8px #6a0a14; width:100%;display: flex;align-items: center;}
.call_01 i {margin-right: 20px; font-size:35px; opacity: 0.6; }
.call_02 {margin:10px 0; background-color: #efefef; font-family: 'GmarketSansMedium';color: #464646;  border: none;font-size:15px !important;
  padding: 12px 20px; border-radius: 8px;  cursor: pointer;text-align:left; letter-spacing:1px; box-shadow: 0 0 0 1px #898989, 0 0 0 8px #efefef; width:100%;display: flex;align-items: center;}
.call_02 i {margin-right: 15px; font-size:30px; opacity: 0.6; }

.detail_wrap .detail-center {width: 1400px !important; margin:150px auto 0;  }
.detail_wrap .detail-center li {width: 100% !important; border-top:1px solid #eee; padding-top:100px; text-align:center;}
.detail_wrap .detail-center div{text-align:center !important;}


/* sub _ search */
.search-txt {height:300px; text-align:center; width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:20px; display: flex; justify-content: center; align-items: center; }
.search-txt i {margin-right: 8px; opacity: 0.6; }


/*sub_내용 */
#container-wrap {display: flex; max-width: 1400px; margin: 20px auto 120px;}
#container-wrap .left-container {flex: 40%; }
#container-wrap .left-container img {width: 100%; height: auto; display: block; }
#container-wrap .right-container { flex: 60%; padding: 40px; box-sizing: border-box; }
#container-wrap h2{font-size:40px; text-align:left; line-height:50px; font-family:'Pretendard-SemiBold';color:#181818;}
#container-wrap .h3{font-size:26px; text-align:left;  font-family:'Pretendard-SemiBold';color:#181818;  display: block; line-height:36px;}
#container-wrap p {font-size:20px; text-align:left; line-height:28px; padding-top:30px; font-family:'Pretendard-Regular'; color:#181818; }
#container-wrap .left-container-02 {flex: 50%; }
#container-wrap .right-container-02 { flex: 50%; box-sizing: border-box; }
#container-wrap .left-container-03 {flex: 60%; }
#container-wrap .right-container-03 { flex: 40%; box-sizing: border-box; }


#container-center  { margin:0 auto  !important;  padding:20px 15px 0; text-align:center !important; min-width: 330px; }
#container-center :after {visibility:hidden;clear:both;content:""}

#container-center #company-tit { }
#container-center #company-tit  img{width:80%; margin:10px auto; }
#container-center #company-tit h5,#container-center #company-tit h2{font-size:30px; text-align:center;  font-family:'Pretendard-SemiBold';color:#181818; line-height:36px; margin-top:20px;}
#container-center #company-tit .h3{font-size:22px; text-align:left;  font-family:'Pretendard-SemiBold';color:#181818; line-height:28px; display: block; margin-bottom:10px;}
#container-center #company-tit h5 span{ display: inline; white-space: nowrap;}
#container-center #company-tit p{font-size:16px; text-align:left; line-height:22px; padding-top:24px; font-family:'Pretendard-Regular'; color:#333;}
.fc_orange {color:#ff7d14;}

#container-center h2 { font-size: 30px; text-align: center; line-height: 38px; font-family: 'Pretendard-SemiBold'; color: #181818; }
#container-center h2 .c_orange { position: relative; }
#container-center h2 .c_strong { position: relative; }
#container-center h2 .c_strong::before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #ff7d14; border-radius: 50%; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); }


#container-center .company { width: 100%; margin: 0 auto; }
#container-center .item { display: flex; padding: 10px 0; }
#container-center .item img { max-width: 60px; height: 60px; margin-right: 5px;  }

#container-center .item .tit_txt { flex: 1; margin-top: 0; text-align:left; padding-bottom:20px; border-bottom: 2px dashed #ccc; }
#container-center .item .tit_txt ul {display: block;margin-bottom:20px;}
#container-center .item .tit_txt li {font-family:'Montserrat','Pretendard-Regular'; color:#636363 !important; font-size:16px;  margin-bottom:6px;line-height:24px;}
#container-center .item .tit_txt li::before {font-size:16px; content: '\2022'; color: #636363;  display: inline-block;width: 10px;margin-right:5px; vertical-align: top; font-weight:800;}


#container-center .item .tit_txt dl {margin:0 0 20px 0px;}
#container-center .item .tit_txt dt {font-family: 'Pretendard-Bold'; font-size:18px; color:#ff7d14; margin-bottom:5px; padding-top: 5px; margin-right:15px;}
#container-center .item .tit_txt dd {font-family:'Montserrat','Pretendard-Regular'; color:#636363 !important; font-size:16px;  margin:0 0 6px 10px; font-weight:400; line-height:24px;}
#container-center .item .tit_txt dt::before {font-size:13px; content: '\2022'; color: #ff7d14;  display: inline-block;width: 10px;margin-right:3px; vertical-align: top;font-weight:800; } 

#container-center .item .tit_txt h4 { color: #181818; font-family: 'GmarketSansBold'; text-align: left; font-size: 22px; margin-bottom: 10px;}
#container-center .item .tit_txt {font-size: 16px;line-height: 28px;padding-top: 10px;font-family: 'Pretendard-Regular'; color: #636363;}

#container-center .map_list li{position: relative; text-align:left;  font-size: 16px; border-bottom: 1px dashed #ccc; padding:10px 0; font-family: 'Montserrat','Pretendard-Regular';}
#container-center .map_list .head{position: absolute;top: 13px; left: 0; line-height: 18px; color:#ff7d14; font-weight:600; letter-spacing:1px;}
#container-center .map_list .text{line-height: 18px; padding-left: 70px; color:#333; line-height:22px;}
#container-center .map_list .text .small{font-size:14px;   display: flex;flex-wrap: wrap; margin: 0; color:#636363;}
#container-center .map_list .text .small dt { font-weight: 800;  flex: 0 0 auto; margin: 0 5px; }
#container-center .map_list .text .small dt::before {content: '\2022'; display: inline-block; width: 5px; vertical-align: top; margin-right:5px;}
#container-center .map_list .text .small dd { flex: 2;}

#container-center #hotel-tit {margin-bottom:40px;}
#container-center #hotel-tit h5{font-size:20px; text-align:center;  font-family:'Pretendard-SemiBold';color:#181818;  display: inline; line-height:26px;}
#container-center #hotel-tit h5 span{ display: inline; white-space: nowrap;}
#container-center #hotel-tit p{font-size:15px; text-align:center; line-height:20px; padding-top:10px; font-family:'Pretendard-Regular'; color:#333;}
#container-center #hotel-container h4 {color: #181818; font-family: 'Montserrat','GmarketSansBold'; text-align: left; font-size:22px; margin-bottom:20px;}
#container-center #hotel-container .tit_txt h4 {color: #181818; font-family: 'GmarketSansBold'; text-align: left; font-size:22px; margin-bottom:10px;}
#container-center #hotel-container .tit_txt ul {display: block;margin-bottom:20px;}
#container-center #hotel-container .tit_txt li {font-family:'Montserrat','Pretendard-Regular'; color:#636363 !important; font-size:14px; line-height:16px; margin-bottom:6px; text-align:left;}
#container-center #hotel-container .tit_txt li::before {font-size:15px; content: '\2022'; color: #636363;  display: inline-block;width: 10px;margin-right:5px; vertical-align: top; font-weight:800;}
#container-center #hotel-container ul {display: flex; margin-bottom:40px;}
#container-center #hotel-container li {flex: 1; overflow:hidden; padding-right:10px;}
#container-center #hotel-container li:last-child {padding-right: 0;}
#container-center #hotel-container li .img {width:100%; height:140px; overflow:hidden;}
#container-center #hotel-container li .img img {width: 100%; height:100%; display: block; border-radius:20px; object-fit: cover; image-rendering: -webkit-optimize-contrast; }
#container-center #hotel-container li dl {margin-top:15px;}
#container-center #hotel-container li dl dt {margin-bottom:10px; text-align:left;}
#container-center #hotel-container li dl dt .flag {display: inline-block; padding: 0 26px;   font-family:'Pretendard-Bold';  font-size: 16px; line-height: 28px; color: #181818; border:2px solid #181818; border-radius:20px; }
#container-center #hotel-container li dl dt .flag_p {display: inline-block; padding: 2px 28px;   font-family:'Pretendard-Bold';  font-size: 16px; line-height: 28px; color: #fff;  border-radius:20px; background: linear-gradient(300deg,#CA9C3C 0,#DEBC66 100%);letter-spacing:1px;}
#container-center #hotel-container li dl dt .flag_n {display: inline-block; padding: 2px 28px;   font-family:'Pretendard-Bold';  font-size: 16px; line-height: 28px; color: #fff;  border-radius:20px; background: linear-gradient(300deg,#795cdc 0,#b58bff 100%);}
#container-center #hotel-container li dl dt .flag_r {display: inline-block; padding: 0 26px;   font-family:'Pretendard-Bold';  font-size: 16px; line-height: 28px; color: #181818; border:2px solid #181818; border-radius:20px; }

#container-center #hotel-container li dl dd  {text-align:left; font-family:'Montserrat','Pretendard-Regular'; color:#181818 !important; font-size:14px;  margin-bottom:6px; line-height:16px;}
#container-center #hotel-container li dl dd::before {font-size:15px; content: '\2022'; color: #181818;  display: inline-block;width: 10px;margin-right:1px; vertical-align: top; font-weight:800;}
#container-center table { margin: 0 auto;}
#container-center #hotel-footer-info {overflow: hidden; margin-top:40px; padding-top: 10px;   border-top: 2px dashed #ccc; display: flex; width:100%;}
#container-center #hotel-footer-info .left-container {flex: 48%; }
#container-center #hotel-footer-info .right-container {flex:52%; }
#container-center #hotel-footer-info li{margin:40px 0 0; text-align:left;}
#container-center #hotel-footer-info li h4 {color: #181818; font-family:'Montserrat', 'GmarketSansBold'; text-align: left; font-size:20px; margin-bottom:10px;}
#container-center #hotel-footer-info li dl {margin:0 0 10px 5px;}
#container-center #hotel-footer-info li dt {font-family: 'Pretendard-Bold'; font-size:16px; color:#181818; margin-bottom:10px; padding-top: 5px; margin-right:5px;}
#container-center #hotel-footer-info li dd {font-family:'Montserrat','Pretendard-Regular'; color:#636363 !important; font-size:14px;  margin:0 0 6px 5px; font-weight:400;}
#container-center #hotel-footer-info li dd::before {font-size:13px; content: '\2022'; color: #636363;  display: inline-block;width: 10px;margin-right:2px; vertical-align: top;font-weight:800; } 
.hotel_m {width:90%; text-align:center; display: table; margin:0; padding:0;}
.hotel_m caption { display: none;}
.hotel_m th {padding: 7px 0; background: #f1f1f1; color:#636363; font-size:14px; font-family:'Montserrat','Pretendard-Regular'; border:1px solid #c0c0c0; font-weight:400;}
.hotel_m td {padding: 7px 0; color:#a45959; font-size:15px; font-family:'Montserrat','Pretendard-Regular'; border:1px solid #c0c0c0; font-weight:400; border-top:none;}


#container-map {width: 100%; padding:30px 0 0; border-top: 1px solid #eee;}
#container-map  h2{font-size:30px; text-align:center; line-height:40px; font-family:'Pretendard-SemiBold';color:#181818;}
#container-map  h3{font-family: 'Montserrat','Pretendard-Regular';}
#container-map  i{}
#container-map  p {font-size:20px; text-align:center; line-height:28px; padding-top:10px; font-family:'Pretendard-Regular'; color:#181818; }
#container-map .inr {width: 1400px; margin: 60px auto 0; border-radius: 110px 0px 0px 110px;}
#container-map .wrap_controllers {display:none !important;}
#container-map .mapbox_warp {display: flex;justify-content: space-between; width:90%; margin:0 auto; }
#container-map .mapbox {flex: 1; display: flex; margin-top: 40px;}
#container-map .mapbox .ico {padding-right:20px;}
#container-map .mapbox h4{font-size:28px; color:#181818; font-family: 'Pretendard-SemiBold'; padding-bottom:20px;}
#container-map .mapbox span{font-size:16px; color:#181818; font-family: 'Pretendard-Regular'; display:block; line-height:1.5rem;}
#container-map .bar:before {content: ""; display: inline-block; width: 1px; height: auto; background-color: #e1e1e1; margin: 0 50px 0 0; vertical-align: top;}


/*member*/
.login {width:280px; margin: 0 auto; padding: 0 0 30px 0; position: relative;}
.login .id_input {margin-bottom: 10px; position: relative;}
.login .pw_input {margin-bottom: 20px; position: relative;}
.login .login_check {position: relative; min-height: 20px; margin-bottom: 30px;}
.login .login_check a ,.login .login_check a:hover {color:#000;}
.login .login_check ul {position: absolute; top: 0; right: 0;}
.login .login_check li:not(:last-child):before {content: "";position: absolute;top: 5px;right: 0;width: 1px;bottom: 5px;background: #cccccc;}
.login .login_check li {float: left;padding: 0px 11px 0px 10px;position: relative;line-height: 20px;font-size: 15px;}
.login .btn_area {margin-bottom: 30px;}
.btn_black01 {height: 50px;width: 100%; background: #000000;font-size: 16px;font-weight: 500;color: #ffffff;}
.btn_border_s01 {margin-top: 10px; height: 50px; width: 100%; background: #ffffff; border: 1px solid #bbbbbb; color: #000000; font-weight: 500; line-height: 48px; text-align: center; display: inline-block; text-decoration: none;}
.btn_border_s01 span{ font-size: 16px; color:#000;}


.searchId {position: relative; display: block; width:280px; margin: 0 auto; padding: 0;}
.searchId ul.tabs {display: block;padding: 0; margin: 0;color:#777;}
.searchId ul.tabs:after { content: "";display: table;clear: both;}
.searchId ul.tabs li {list-style: none; float: left; width:50%;}
.searchId input[type="radio"] { display: none; }
.searchId input[type="radio"]:checked ~ label:after {content: '';position: absolute;bottom: 0; left: 0; right: 0;margin-bottom: -1px; height: 2px;background-color: #000;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.searchId input[type="radio"]:checked ~ label {color: #000;}
.searchId label {position:relative;display: block;color: #777;font-weight: 500;font-size: 18px !important;text-align: center; padding: 0.5rem 1rem 0.75rem; line-height: 35px;cursor: pointer;background-color: #fff;
border-bottom:2px solid #eee;}
.searchId input[type="radio"]:checked ~ .tabBody { display: block;}
.searchId .tabBody { padding: 40px 0; display: none;   position: absolute; left: 0;}
.searchId .message {margin: 40px auto; font-size:22px; text-align:center; color:#000;}


.join_wrap{width:100%; margin: 0 auto; }
.join_wrap h4{font-size:20px !important; color:#181818; font-family: 'Pretendard-SemiBold'; padding-bottom:10px; text-align:left;}
.join_wrap textarea {height:150px; width:100% !important;}
.join_wrap p { text-align:left; font-size:16px !important; line-height: 25px;}

.basic_btn_box { margin:30px 0; text-align: center;}
button[class*="btn_basic"], a[class*="btn_basic"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block;height: 40px;padding: 0 20px; min-width: 120px;font-size: 14px;line-height: 38px;text-align: center;font-weight: normal;}
.btn_basic1 {color: #1b1e23 !important;border: 1px solid #1b1e23;background-color: #fff;}
.btn_basic2 {color: #ffffff !important;border: 1px solid #1b1e23;background-color: #1b1e23;}
.btn_basic3 {color: #ffffff !important;border: 1px solid #1b1e23;background-color: #1b1e23; height: 40px;padding: 0 20px; min-width: 120px;font-size: 14px;line-height: 38px;text-align: center;font-weight: normal;}
.btn_basic4 {color: #ffffff !important;border: 1px solid #1b1e23;background-color: #1b1e23; height: 32px; padding: 0 10px; min-width: 65px; line-height: 30px;font-size: 13px !important;text-align: center;font-weight: normal;}

button[class*="btn_basic"].small, a[class*="btn_basic"].small {height: 32px; padding: 0 10px; min-width: 65px; line-height: 30px;font-size: 13px !important;}

.icon_required {display: inline-block; width: 5px; height: 5px; background: #f25656; border-radius: 50%; margin-left: 3px; vertical-align:5px;}
.form_wrap{min-width: 330px; margin: 0 auto;}
.form_item {display: flex; margin: 10px auto; align-items: center; width: 100%; }
.form_item label {width: 85px; font-size: 10px; text-align:right;}
.form_item input { margin: 2px 5px; width: 100%; flex: 1;}
.form_item button {width: 100px; margin-right:5px; font-size: 10px; padding:0 5px !important;}
.form_item select {margin: 2px 1px 2px 5px; width:68px; height: 32px; font-size: 12px !important;}
.form_item textarea {margin: 2px 5px !important; width: 100%;  flex: 1; border: 1px solid #dddddd;}


.commerce_terms_box {}
.commerce_terms_box  li {line-height: 22px; word-break: keep-all;font-size:16px !important;font-weight:400; text-align:left; font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important;}
.commerce_terms_box   span {margin:5px 14px; display:block; font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important; line-height: 22px; word-break: keep-all;font-size:16px !important;font-weight:400; text-align:left;}
.commerce_terms_box h2 { margin: 40px 0 20px;font-size: 20px;font-weight: 500;line-height: 24px; text-align:left;}


.notice_v2 td {padding: 16px 0 15px 0; text-align: center;  font-size:16px;}
.notice_v2 td a, .notice_v2 td a:hover{color:#000;}
.notice_v2  .num {font-size:14px !important; font-weight:400 !important;}
.notice_v2 .gray , .notice_v2 .gray font{color:#999 !important;}

.notice_v2 th {font-size:16px;
    height: 40px;
    padding: 4px 0;
    color: #333333;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    line-height: 18px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
}

.notice_v2 .tl {text-align:left !important;}
table td a ,table td a:hover{color:#000;}
table .date {font-size:13px !important;}
.cat_list ul{text-align:center; margin:5px 0 15px;}
.cat_list img {border-radius: 20%;}
.cat_list .name {font-family: 'Pretendard-Regular', sans-serif !important; font-size:15px; color:#1c1c1c;  line-height:20px;}
.cat_list .color {  display: inline-block;margin: 0 auto; padding: 1px 8px; background:#a45959; border-radius: 20px;font-family: 'Pretendard-Regular', sans-serif !important; font-size:12px; color:#fff;  }

.cat_detail h3{font-family: 'GmarketSansBold' !important; font-size:30px; letter-spacing: -1px !important; color:#1c1c1c;}
.cat_detail td {text-align:center !important;}
.text6, .text7 {color:#1c1c1c !important; font-family: 'Pretendard-Light'; font-weight:300;}

.reveiw_list_wrap {width:25%; text-align:center; overflow:hidden;  }
.reveiw_list_wrap .reveiw_list {position:relative;  width:320px; height:auto;  text-align:left;}
.reveiw_list_wrap .reveiw_list img{cursor:hand; width:320px; height:220px; object-fit: cover; margin-bottom:15px;}

.reveiw_list_wrap .reveiw_list .review_content {margin-bottom:60px;}
.reveiw_list_wrap .reveiw_list .review_content a{width:100%; color:#161616 !important; font-size:16px; text-align:left; font-family: 'Pretendard-Regular'; line-height:1.5em;}
.reveiw_list_wrap .reveiw_list .review_content .name {font-size:16px; font-family: 'Pretendard-Medium'; color:#161616 !important; line-height:1.5em;}
.reveiw_list_wrap .reveiw_list .review_content .date {font-size:14px; font-family: 'Pretendard-Light'; color:#878787 !important; padding-top:10px;}
.reveiw_list_wrap .reveiw_list .feature {position:absolute; top:0;left:0;height:30px;  background:#f5002e; color:#fff; font-size:16px; padding:0 10px; line-height:30px;} 
.review_content  .str{height:70px;}


.bbs {padding:20px 0;}
.bbs table td{line-height:22px;}

.review_textarea { color: #999 !important; font-size:1em !important; border:1px solid #ddd !important; background-color:ffffff; text-indent: 15px;font-family: 'Pretendard-Regular', sans-serif !important;}
.family-item li{padding:0 !important; margin:0 0 20px !important; text-align:center;}
.family-item .txt {font-size:16px;}
.family-item .bbs {padding:0 !important;}