/* BASIC css start */
.ml_menu {position:fixed; top:71px; left:0; width:100%; height:45px; background:#c5c5c5; text-align:center; opacity:0; visibility: hidden; z-index:99; transition: all linear 0.3s;}
.ml_menu.show {opacity:1; visibility: visible;}
.ml_menu.show.down { transform: translateY(50px); }
.ml_menu ul {display:flex;}
.ml_menu ul li {flex:1;}
.ml_menu a {display:block; position:relative; padding:12px 0; color:#fff; font-size:15px; line-height:21px; transition:.3s;}
.ml_menu ul li + li a:before {content:''; position:absolute; top:50%; left:-1px; width:1px; height:18px; margin-top:-9px; background:#fff;}
.ml_menu ul li a.active {background-color:#fe8548; z-index:1;}
.ml_menu ul li a.active:before {display:none;}

.memb_landing {overflow:hidden;}
.memb_landing * {font-family:'Montserrat', 'Noto Sans KR';}
.memb_landing *,
.memb_landing *:before,
.memb_landing *:after {box-sizing:border-box;}
.memb_landing .wow {visibility:hidden;}
.memb_landing .inner_center {padding:0 20px;}
/* ±âÁ¸ ºñÁê¾ó .memb_landing .visual {position:relative;}
.memb_landing .visual .bgbox {width:100%; height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.memb_landing .visual .txtbox {position:absolute; bottom:35px; width:100%;}
.memb_landing .visual .txtbox .title {position:relative; color:#fff; font-size:30px; line-height:1; font-weight:300;}
.memb_landing .visual .txtbox span {display:block; color:#fff; font-size:25px; line-height:30px; font-weight:300;} */

.memb_landing .visual {position:relative; height:420px; background: linear-gradient(120deg, #ff955d, #f86517);}
.memb_landing .visual .title {font-size: 25px; color:#fff; width: 100%; margin:0 auto; text-align: center; padding-top: 100px; font-family: 'Montserrat', 'Noto Sans KR'; font-weight:700;}
.memb_landing .visual .mem_icon {overflow: hidden; position: absolute; top: 160px; left: 50%; transform: translateX(-50%); width: 90%;}
.memb_landing .visual .mem_icon li {float: left; width: 20%; padding-left: 10px;}
.memb_landing .visual .mem_icon li img {width: 50px; height: 50px;}
.memb_landing .visual .txt { font-size: 17px; color:#fff; font-weight:300; line-height: 25px; margin:0 auto; padding-top: 150px; text-align: center; width: 100%; letter-spacing: -1px;}



.memb_landing .ml_section {position:relative; padding-top:70px;}
.memb_landing .ml_section .title h2 {color:#282828; font-size:28px; line-height:40px; font-weight:700; letter-spacing:-0.04em; word-break:keep-all;}
.memb_landing .ml_section .subtitle {padding-top:20px; word-break:keep-all;}
.memb_landing .ml_section .subtitle span {display:block; color:#282828; font-size:17px; line-height:28px; font-weight:300; letter-spacing:-0.04em;}
.memb_landing .ml_section .subtitle span em {color:#fd7d36; font-weight:500;}
.memb_landing .ml_section .cont {position:relative; padding:60px 0; text-align:center;}
.memb_landing .ml_section .cont:after {content:''; display:block; clear:both;}

.memb_landing .ml_section .cont .img_car {float:right; width:250px; height:129px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-right: 10px; }
.memb_landing .ml_section .cont .salebox {position:relative;}
.memb_landing .ml_section .cont .salebox .bg img {width:100%; margin:0 auto; vertical-align:top; margin-right: -20%;}
.memb_landing .ml_section .cont .salebox .saletitle_img {position:absolute; bottom:12%; text-align:center;}
.memb_landing .ml_section .cont .salebox .saletitle_img img {width:45%; margin:0 auto; vertical-align:top;}
.memb_landing .ml_section .cont .pointbox {margin:0 -20px;}
.memb_landing .ml_section .cont .pointbox img {width:80%; vertical-align:top; float: right;}
.memb_landing .ml_section .kakao_invite {margin-top:30px;}
.memb_landing .ml_section .kakao_invite .balloon_ani {position:relative; padding-bottom:20px; text-align:center; animation-name:balloon_ani; animation-duration:1.5s; animation-delay:0s; animation-iteration-count:infinite; animation-timing-function:linear; animation-direction:alternate;}
@keyframes balloon_ani {
	0%{ top:0px }
	50%{ top:10px }
	100%{ top:0px }
}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon {display:inline-block; position:relative; padding:10px 20px; border-radius:20px; background-color:#282828;}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon::before {content:''; display:block; position:absolute; bottom:0; left:20px; border-top:15px solid transparent; border-right:30px solid #282828; border-bottom:15px solid transparent; transform:rotate(45deg);}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon span {position:relative; color:#fff; font-size:12px; line-height:12px; z-index:1;}
.memb_landing .ml_section .kakao_invite .btn_invite {display:block; position:relative; width:70%; margin: -10px 0 0 0; padding:17px 0; background-color: #ffec14; border-radius:50px; color:#432302; font-size:15px; line-height:15px; text-align:center;}
.memb_landing .ml_section .cont .review_card {display:flex; justify-content:center; margin:0 -5px;}
.memb_landing .ml_section .cont .review_card li {flex:1; margin:0 5px;}
.memb_landing .ml_section .cont .review_card li img {width:100%; vertical-align:top;}
.memb_landing .ml_section .cont .btn_review_box {margin-top:30px;}
.memb_landing .ml_section .cont .btn_review_box .btn_review_detail {display:block; width:100%; margin:0 auto; padding:22px 0; border:1px solid #000; border-radius:5px; color:#000; font-size:15px; line-height:15px; text-align:center;}

.memb_landing .ml_section .memb_explain {padding:40px 0; background:#f7f7f7;}
.memb_landing #section3 .memb_explain {background:#f3f0e3;}
.memb_landing .ml_section .memb_explain .explainwrap li {position:relative; padding-left:12px;color:#282828; font-size:14px; line-height:20px;}
.memb_landing .ml_section .memb_explain .explainwrap li span {position:absolute; top:2px; left:2px; font-weight:600;}

.memb_landing .ml_section .memb_explain .explainwrap li .explain_tit {display:block; margin-left:-12px; color:#fe8548; font-size:14px; line-height:27px;}
.memb_landing .ml_section .memb_explain .explainwrap li .explain_tit + ul {margin-left:-12px;}
.memb_landing .ml_section .memb_explain .explainwrap li + li .explain_tit {margin-top:30px;}

 #section2 {background:#fff9f4;}
.memb_landing #section2 .cont {padding:30px 0 60px;}


#section3 {background:#fbfbfb;}

.memb_landing #section3 .memb_explain {background:#ffecdd; padding: 50px 0;}
.memb_landing #section3 .memb_explain .explain_tit {font-size: 25px; color:#282828; margin-bottom: -10px;}
.memb_landing #section3 .memb_explain .explainwrap ul li {padding-bottom: 5px;}

#section4 .kakao_ico img {width: 35px; vertical-align: middle; padding: 0 5px 7px 0; }
.memb_landing #section4 .memb_explain {background:#ffecdd; padding: 50px 0;}
.memb_landing #section4 .memb_explain .explain_tit {font-size: 25px; color:#282828; margin-bottom: 20px;}

.memb_landing .ml_tab {margin:0 -10px;}
.memb_landing .ml_tab ul {display:flex;}
.memb_landing .ml_tab ul li {flex:1; text-align:center;}
.memb_landing .ml_tab ul li a {display:block; width:50px; height:50px; margin:0 auto; overflow:hidden;}
.memb_landing .ml_tab ul li a img {position:relative; width:100%; vertical-align:top;}
.memb_landing .ml_tab ul li a.active img {top:-50px;}
.memb_landing .ml_tabcon {padding:40px 0 0;}
.memb_landing .ml_tabcon .lv_wrap {position:relative;}
.memb_landing .ml_tabcon .lv_wrap .lv {position:absolute; top:0; left:0; width:100%; height:0; visibility:hidden;}
.memb_landing .ml_tabcon .lv_wrap .lv.active {position:relative; height:auto; visibility:visible;}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .nm {display:block; color:#282828; font-size:28px; line-height:1; font-weight:700; text-align:center font-family:'Montserrat', 'Noto Sans KR';}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .desc {display:block; margin-top:10px; color:#292929; font-size:14px; line-height:1; font-weight:400; text-align:center}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .desc em {font-weight:700;}
.memb_landing .ml_tabcon .lv_wrap .lv .list {padding-top:20px;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; height:62px; padding-left:84px; margin-top:12px; border-radius:12px; background:#fff;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li .ico {position:absolute; top:0; left:30px; bottom:0; width:46px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li .txt {width:100%; color:#282828; font-size:17px; line-height:22px; font-weight:600; padding-top: 5px;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li .stxt {width:100%; color:#ff691d; font-size:13px; line-height:16px; font-weight:300; margin-top: -10px;}
.memb_landing .ml_tabcon .lv_wrap .lv .fade_up {transform:translateY(20px); opacity:0; transition:.5s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .fade_up {transform:translateY(0); opacity:1;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .tit .nm {transition-delay:.2s; font-family:'Montserrat', 'Noto Sans KR';}
.memb_landing .ml_tabcon .lv_wrap .lv.active .tit .desc {transition-delay:.4s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(1) {transition-delay:.6s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(2) {transition-delay:.8s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(3) {transition-delay:1.2s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(4) {transition-delay:1.4s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(5) {transition-delay:1.6s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(6) {transition-delay:1.8s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(7) {transition-delay:2s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(8) {transition-delay:2.2s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(9) {transition-delay:2.4s;}
.memb_landing .ml_tabcon .lv_wrap .lv.active .list li:nth-child(10) {transition-delay:2.6s;}

.memb_landing .ml_bottombanner {position:relative;}
.memb_landing .ml_bottombanner .bgbox {width:100%; height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.memb_landing .ml_bottombanner .txtbox {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:15%; color:#fff;}
.memb_landing .ml_bottombanner .txtbox .title {color:#fff; font-size:14px; line-height:14px; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox p {padding:5px 0; font-size:18px; line-height:18px; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox span {display:block; font-size:16px; line-height:22px; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox .btnjoin_box {margin-top:12%;}
.memb_landing .ml_bottombanner .txtbox .btnjoin_box .btnjoin {display:block; width:100%; margin:0 auto; padding:17px 0; border:1px solid #fff; border-radius:50px; color:#fff; font-size:15px; line-height:1; text-align:center;}

.ml_memb_fix_btn .btn_loginjoin {position:fixed; right:20px; bottom:16px; left:20px; width:auto; padding:17px 0; border-radius:50px; box-shadow:3px 4px 9.5px 0.5px rgb(0 0 0 / 15%); background-image:linear-gradient(#ff702b, #ff8a4b); color:#fff; font-size:15px; line-height:15px; text-align:center; z-index:50; transition:.3s; opacity:0; transform:translateY(80px);}
.ml_memb_fix_btn .btn_loginjoin.on {opacity:1; transform:translateY(0);}

.fix_foot_menu {display:none !important;}


/*Áö¿µÃß°¡*/
li.titMember.titMember1{    font-weight: 600;
    font-size: 16px !important;
    margin-top: 30px !important;}

li.titMember.titMember1:first-of-type{margin-top: 15px;}

li.memberList {
    position: relative;
    padding-left: 6% !important;
    margin-bottom: 9px;
}
li.memberList:before{content: '-';
    position: absolute;
    top: -3px;
    left: 13px;}




















/* BASIC css end */