/* @charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300'); */

/* =================================================
	* Common
================================================= */

/* new review page */
.reivew #allPartners{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.reivew #allPartners.partners{
	flex-wrap: nowrap;
}

.partners .partner-card-reason{
	/* width: 50%; */
	margin-left: 10px;
	margin-right: 10px;
}

#allPartners .partner-card{
	/* width: 50%; */
	padding-left: 10px;
	padding-right: 10px;
}

/* home page new design */
.error_date{
	display: none;
	font-size: 12px;
    line-height: 24px;
    font-family: 'Urbanist-SemiBold';
    color: red;

}

.error_country{
	display: none;
	font-size: 12px;
    line-height: 24px;
    font-family: 'Urbanist-SemiBold';
    color: red;
}


.my_real__delete {
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: url(../images/my_real__delete.svg) no-repeat 0 0 / cover;
    margin-right: 10px;
}

.chemistry-texture{
	position: absolute;
	bottom: 0;
	right: 10%;
}

.countryli a{
	display: block;
	cursor: pointer;
}

.email_send_verifiy{
	margin-bottom: 35px;
    font-size: 22px;
    /* font-weight: bold; */
	font-family: 'Urbanist-Medium';
    color: #fff;
    text-align: center;
}

.reset_password_email_error_message{
	font-size: 18px;
	color: white;
	font-family: 'Urbanist-Medium';
	text-align: center;
}

body{position:relative;z-index:2;font-family: 'Noto Sans KR', sans-serif;}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.bold{font-weight:bold;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.bx-viewport li { min-height:1px;min-width:1px; }
*{word-break:keep-all;word-wrap: break-word;}
.fc-red{color:#ff5784 !important;}
.fc-yellow{color:#f8e274 !important;}
.m-show{display:none;}
.oswald{font-family: 'Oswald', sans-serif;}
.cookie-4 {font-family: 'CookieRun-Regular';}
.cookie-7 {font-family: 'CookieRunOTF-Bold';}
.cookie-9 {font-family: 'CookieRunOTF-Black';}
.pc {display: block;}
.pc_f {display: flex;}
.m {display: none;}
.m_f {display: none;}

/* Form */
input,
textarea{-webkit-appearance:none;-webkit-border-radius:0;font-family: 'Noto Sans KR', sans-serif;}
.input-txt{width:100%;}
.input-txt input{width:100%;height:55px;padding:0 30px;background:rgba(0,0,0,.1);border:2px solid #747474;border-radius:2px;box-sizing:border-box;font-size:20px;color:#c6c6c6;line-height:56px;}
.input-radio input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;font-size:20px;color:#c6c6c6;}
.input-radio label{display:block;width:100%;height:60px;background:rgba(0,0,0,.1);padding-top:7px;border:2px solid #747474;border-radius:2px;box-sizing:border-box;font-size:28px;font-weight:bold;color:#c6c6c6;text-align:center;cursor:pointer;transition:.3s ease-in-out;}
.input-radio label:after{content:"";display:block;clear:both;}
.input-radio input:checked + label{border-color:#ffca01;color:#ffca01;}
.input-radio.type2 label{
	height:auto;
	min-height:72px;
	padding:18px 0;
	font-size:20px;
	line-height:1.4;

	/*newly added*/
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bg-dem{
	width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
}
.input-radio.type3 label{overflow:hidden;height:72px;padding:14px 30px;font-size:24px;}
.input-radio label span{float:left;}
.input-radio label strong{float:right;}
.input-chk input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;font-size:20px;color:#c6c6c6;}
.input-chk label{display:table;position:relative;width:100%;min-height:72px;padding:0 30px;background:none;border:2px solid #c6c6c6;border-radius:2px;box-sizing:border-box;transition: .3s ease-in-out;}
.input-chk label:before{content:"";position:absolute;top:50%;right:30px;width:28px;height:24px;margin-top:-12px;background:url('../images/img_checked1.png') no-repeat center center;background-size:100% 100%;opacity:0;transition: .3s ease-in-out;}
.input-chk label span{display:table-cell;font-size:20px;color:#c6c6c6;vertical-align:middle;transition: .3s ease-in-out;}
.input-chk input:checked + label{border:2px solid #e9527a;}
.input-chk input:checked + label:before{opacity:1;}
.input-chk input:checked + label span{color:#e9527a;}
/*.ui-selectmenu-button.ui-button{display:table;position:relative;width:100%;min-height:72px;padding:0 30px;background:none;border:2px solid #c6c6c6;border-radius:2px;box-sizing:border-box;font-size:24px;font-weight:bold;color:#c6c6c6;outline:none;}*/
/*.ui-selectmenu-button.ui-button{display:table;position:relative;width:100%;min-height:55px;padding:0 30px;background:none;border:2px solid #c6c6c6;border-radius:2px;box-sizing:border-box;font-size:20px;font-weight:bold;color:#c6c6c6;outline:none;}*/
.ui-selectmenu-button.ui-button{display:table;position:relative;width:100%;min-height:55px;background:none;border:2px solid #c6c6c6;border-radius:2px;box-sizing:border-box;font-size:20px;font-weight:bold;color:#c6c6c6;outline:none;}
.ui-selectmenu-button.ui-button.ui-selectmenu-button-open{border-bottom:2px solid transparent;}
.ui-selectmenu-text{display:table-cell;vertical-align:middle;font-family: 'Noto Sans KR', sans-serif;outline:none;}
.ui-selectmenu-icon.ui-icon{position:absolute;top:50%;right:30px;width:22px;height:13px;margin-top:-7px;background:url('../images/icon_down.png') no-repeat center center !important;background-size:100% 100% !important;}
.ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon{background-image:url('../images/icon_up.png') !important;}
.ui-widget.ui-widget-content{margin-top:-2px;background:#222;border:2px solid #c6c6c6;border-top:0;width:470px!important;}
.ui-widget.ui-widget-content .ui-menu-item{display:table;width:100%;height:72px;border-top:2px solid #4a4a4a;box-sizing:border-box;}
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper{display:table-cell;padding:0 30px;font-size:24px;font-weight:bold;color:#c6c6c6;vertical-align:middle;}
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active{background:#4a4a4a;border:0;}

/* Button */
.btn-smallist{display:table;height:40px;box-sizing:border-box;font-size:28px;text-align:center;}
.btn-smallist span{display:table-cell;vertical-align:middle;}
.btn-small{display:table;height:60px;box-sizing:border-box;font-size:28px;text-align:center;}
.btn-small span{display:table-cell;vertical-align:middle;}
.btn-medium{display:table;height:72px;box-sizing:border-box;font-size:28px;font-weight:bold;text-align:center;}
.btn-medium span{display:table-cell;vertical-align:middle;}
.btn-large{display:table;height:80px;box-sizing:border-box;font-size:22px;font-weight:bold;text-align:center;}
.btn-large span{display:table-cell;vertical-align:middle;}
.btn-large2{display:table;height:50px;box-sizing:border-box;font-size:22px;font-weight:bold;text-align:center;}
.btn-large2 span{display:table-cell;vertical-align:middle;}
.btn-style1{width:100%;background:#e9527a;border:2px solid #e9527a;border-radius:2px;color:#fff;transition: .3s ease-in-out;}
.btn-style1:hover{opacity:.8;}
.btn-style2{width:100%;background:none;border:2px solid #ff99c1;border-radius:2px;font-size:20px;color:#ff5784;transition: .3s ease-in-out;}
.btn-style2:hover{background:rgba(255, 153, 193, .1);}
.btn-style3{width:100%;background:none;border:2px solid #f8e274;border-radius:2px;font-size:20px;color:#f8e274;transition: .3s ease-in-out;}
.btn-style3 em{display:block;font-size:16px;color:#f8e274;}
/*.btn-style3:hover{background:rgba(248, 226, 116, .1);}*/
.btn-style4{width:100%;background:none;border:2px solid #c6c6c6;border-radius:2px;font-size:20px;color:#c6c6c6;transition: .3s ease-in-out;}
.btn-style4:hover{background:rgba(198, 198, 198, .1);}
.btn-style5{width:100%;background:none;border:2px solid #ff5784;border-radius:2px;font-size:20px;color:#ff5784;transition: .3s ease-in-out;}
.btn-style5:hover{background:rgba(158, 158, 158, .1);}
.btn-style6{width:100%;background:none;border:2px solid #9e9e9e;border-radius:2px;font-size:20px;color:#9e9e9e;transition: .3s ease-in-out;}
.btn-style6:hover{background:rgba(158, 158, 158, .1);}
.btn-style7{width:100%;background:none;border:2px solid #ff5784;border-radius:2px;font-size:20px;color:#fff;transition: .3s ease-in-out;}
.btn-style7:hover{background:rgba(158, 158, 158, .1);}
.btn-style8{width:100%;background:none;border:2px solid #23ffe9;border-radius:2px;font-size:16px;color:#23ffe9;transition: .3s ease-in-out;}
.btn-style8 em{display:block;font-size:16px;color:#23ffe9;}
.btn-style8:hover{background:rgba(35, 255, 233, .1);}
.btn-style9{width:100%;background:none;border:2px solid #f8e274;border-radius:2px;font-size:16px;color:#f8e274;transition: .3s ease-in-out;}
.btn-style9:hover{background:rgba(248, 226, 116, .1);}
.btn-style10{width:100%;background:none;border:2px solid #b238ff;border-radius:2px;font-size:16px;color:#b238ff;transition: .3s ease-in-out;}
.btn-style10:hover{background:rgba(178, 56, 255, .1);}
.btn-style11{width:100%;background:#ffcc2a;border:2px solid #ffcc2a;border-radius:2px;color:#222;transition: .3s ease-in-out;}
.btn-style11:hover{opacity:.8;}

.btn-style12{width:100%;background:#f65a5a;border:2px solid #f65a5a;border-radius:2px;color:#222;transition: .3s ease-in-out;}
.btn-style12 span {color:#fff;}
.btn-style12:hover{opacity:.8;}

.btn-style13{width:100%;background:none;border:2px solid #f8e274;border-radius:2px;border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);border-image-slice: 1;color:#f8e274;font-size:20px;color:#f8e274;transition: .3s ease-in-out;}
.btn-style13 em{display:block;font-size:16px;color:#f8e274;}
.btn-style13:hover{background:rgba(248, 226, 116, .1);}

.btn-style14{width:100%;background:none;border:2px solid #22eed9;border-radius:2px;border-image-source: linear-gradient(102deg, #22eed9, #08acdc 110%);border-image-slice: 1;color:#22eed9;font-size:20px;color:#22eed9;transition: .3s ease-in-out;}
.btn-style14 em{display:block;font-size:16px;color:#22eed9;}
.btn-style14:hover{background:rgba(35, 255, 233, .1);}

.btn-zoom {display: flex;justify-content: center;align-items: center; width:300px;height:80px;margin:0 auto; background:#008cff;border:2px solid #008cff;border-radius:2px;color:#fff;transition: .3s ease-in-out;}
.btn-zoom:hover{opacity:.8;}
.btn-zoom span {padding-left: 80px;background: url(../images/btn_zoom.png) no-repeat 0 45% / 60px;font-size: 22px;}


a.disabled{background:transparent;border:2px solid #555;color:#555;}
.btn-more{display:block;width:293px;height:72px;margin:0 auto;padding:15px 0 0;background:#ff5784;border-radius:36px;box-sizing:border-box;font-size:28px;font-weight:bold;color:#fff;text-align:center;transition: .3s ease-in-out;}
.btn-more:hover{opacity:.8;}

/* List */
.accordion-list .list-item{}
.accordion-list .list-item .title{position:relative;padding:22px 100px 20px 20px;border-bottom:2px solid rgba(255, 255, 255, 0.2);box-sizing:border-box;font-size:20px;color:#fff;cursor:pointer;}
.accordion-list .list-item .title:before{content:"";position:absolute;top:0;right:0;width:80px;height:100%;background:url('../images/icon_down.png') no-repeat center center;background-size:22px auto;}
.accordion-list .list-item .cont{display:none;padding:24px 30px 20px;background-color:rgba(0, 0, 0, 0.1);font-size:18px;font-weight:200;color:#fff;line-height:1.6;}
.accordion-list .list-item.on .title{border-bottom:2px solid white;}
.accordion-list .list-item.on .title:before{background-image:url('../images/icon_up.png');}
.accordion-list .list-item.on .cont{display:block;}
.accordion-list.rsvp .list-item .title {font-size: 16px;}
.accordion-list.rsvp .list-item.on .title{border-bottom:2px solid #fff;}
.accordion-list.rsvp .list-item .title:before{background-size:16px auto;}
.accordion-list.rsvp .list-item .cont p {font-size: 14px;font-weight: 400;}
.accordion-list.rsvp .list-item .cont p + p {margin-top: 10px;}
.accordion-list.rsvp .list-item .cont p + p + img {margin-top: 20px;}
.accordion-list.rsvp .list-item .cont p.t2 {color:#808080;}
.accordion-list.rsvp .list-item .cont img {width: 100%;margin: 10px 0;}
.accordion-list.rsvp .list-item .cont .t2 + img {margin-top: 30px;}
.accordion-list.rsvp .list-item .cont img + p {margin-bottom: 20px;}

/* Popup */
.popup{display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;padding:20px;box-sizing:border-box;}
.popup .table{display:table;width:100%;height:100%;text-align:center;}
.popup .table-cell{display:table-cell;width:100%;vertical-align:middle;}
.popup .table-cell .pop-cont{position:relative;margin:0 auto;padding:91px 57px 64px;background:#222;border:1px solid #fff;border-radius:2px;box-sizing:border-box;}
.popup .table-cell .pop-cont h2{font-size:40px;font-weight:bold;color:#fff;}
.popup .table-cell .pop-cont .btn-wrap{margin-top:66px;}
.popup .table-cell .pop-cont .btn-wrap a{font-size:28px;}
.popup .table-cell .pop-cont .btn-wrap a + a{margin-top:20px;}
.popup .table-cell .pop-cont .btn-close{position:absolute;top:29px;right:29px;width:32px;height:32px;background:url('../images/btn_close1.png') no-repeat center center;background-size:100% 100%;text-indent:-9999em;outline:none;}
.popup.pop-payment .table-cell .pop-cont{max-width:513px;}
.popup.pop-great .table-cell .pop-cont{max-width:553px;padding-top:26px;border:1px solid #23ffe9;}
.popup.pop-great .table-cell .pop-cont h2{margin-bottom:34px;color:#23ffe9;line-height:1;}
.popup.pop-great .table-cell .pop-cont p{font-size:28px;color:#fff;}
.popup.pop-great .table-cell .pop-cont .btn-close{background-image:url('../images/btn-x-great.png');}
.popup.pop-bad .table-cell .pop-cont{max-width:553px;padding-top:26px;border:1px solid #f8e274;}
.popup.pop-bad .table-cell .pop-cont h2{margin-bottom:34px;color:#f8e274;line-height:1;}
.popup.pop-bad .table-cell .pop-cont p{font-size:28px;color:#fff;}
.popup.pop-bad .table-cell .pop-cont .btn-close{background-image:url('../images/btn-x-bad.png');}
.pop-gallery{background:rgba(0,0,0,.8);}
.pop-gallery .gallery-cont{position:relative;}
.pop-gallery .gallery-cont .img img{display:block;max-width:600px;margin:0 auto;}
.pop-gallery .btn-close{position:absolute;top:-50px;left:50%;width:32px;height:32px;margin-left:-16px;background:url('../images/btn_close1.png') no-repeat center center;background-size:100% 100%;text-indent:-9999em;outline:none;}
.popup.pop-alert .table-cell .pop-cont{max-width:553px;padding-top:107px;border:1px solid #fff;}
.popup.pop-alert .table-cell .pop-cont h2{margin-bottom:34px;color:#23ffe9;line-height:1;}
.popup.pop-alert .table-cell .pop-cont p{font-size:26px;color:#fff;}
.popup.pop-alert .table-cell .pop-cont p>span{display:inline-block;font-size:40px;color:#ff5784;font-weight:bold;margin:10px 0px;}
.popup.pop-alert .table-cell .pop-cont .btn-close{background-image:url('../images/btn-x.png');width:20px;height:20px;}
.popup.pop-login .table-cell .pop-cont{padding-top: 94px;}
.popup.pop-edit-relation{background:rgba(0,0,0,.5);}
.popup.pop-edit-relation .table-cell .pop-cont{max-width:629px;padding:30px;border:1px solid #fff;}
.popup.pop-edit-relation .table-cell .pop-cont h2{margin-bottom:28px;font-size:24px;line-height:1.4;}
.popup.pop-edit-relation .table-cell .pop-cont .btn-style5{background:url('../images/heart@3x.png') no-repeat center center;background-size:22px 22px;text-indent:-9999em;}
.popup.pop-edit-relation .table-cell .pop-cont .btn-close{background-size:22px 22px;}
.popup.pop-edit-relation .action-area li{position:relative;height:89px;padding-top:28px;border-top:1px solid #2e2e2e;text-align:left;box-sizing:border-box;}
.popup.pop-edit-relation .action-area li strong{font-size:20px;font-weight:bold;color:#fff;}
.popup.pop-edit-relation .action-area li .btn-smallist{position:absolute;top:50%;right:0;width:76px;margin-top:-20px;}
.popup.pop-edit-relation .notice{padding-top:28px;border-top:1px solid #2e2e2e;text-align:left;}
.popup.pop-edit-relation .notice li{font-size:14px;color:#949494;line-height:24px;}
.popup.pop-edit-alarm{background:rgba(0,0,0,.5);}
.popup.pop-edit-alarm .table-cell .pop-cont{max-width:629px;padding:30px 30px 0;border:1px solid #fff;}
.popup.pop-edit-alarm .table-cell .pop-cont h2{margin-bottom:28px;font-size:24px;line-height:1.4;}
.popup.pop-edit-alarm .table-cell .pop-cont .btn-close{background-size:22px 22px;}
.popup.pop-edit-alarm .action-area li{display:table;position:relative;width:100%;height:139px;border-top:1px solid #2e2e2e;text-align:left;box-sizing:border-box;}
.popup.pop-edit-alarm .action-area li .txt-wrap{display:table-cell;vertical-align:middle;}
.popup.pop-edit-alarm .action-area li strong{display:block;margin-bottom:10px;font-size:20px;font-weight:bold;color:#fff;line-height:1.3;}
.popup.pop-edit-alarm .action-area li span{display:block;font-size:14px;color:#949494;}
.popup.pop-edit-alarm .action-area li .toggle-checkbox{position:absolute;top:50%;right:0;margin-top:-23px;}
.popup.pop-edit-alarm .action-area li .toggle-checkbox input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.popup.pop-edit-alarm .action-area li .toggle-checkbox span{display:block;position:relative;width:90px;height:45px;background:#373737;border:1px solid #5d5d5d;border-radius:45px;}
.popup.pop-edit-alarm .action-area li .toggle-checkbox span:before{content:"";position:absolute;top:6px;left:6px;width:33px;height:33px;background:#797979;border-radius:33px;transition:.2s ease-in-out;}
.popup.pop-edit-alarm .action-area li .toggle-checkbox input:checked + span:before{left:51px;background:#ff5784;}

/* =================================================
	* Header
================================================= */
#header{position:static;top:0;left:0;z-index:10;width:100%;height:70px;padding:0 40px 0 200px;background:#1d1e1f;box-sizing:border-box;display: none;align-items: center;justify-content:flex-end;}
#header:after{content:"";display:block;clear:both;}
#header h1{position:absolute;top:0;left:40px;padding-top:12px;}
#header h1 a{display:block;width:100px;height:34px;}
#header h1 a img{display:block;width:100%; width: auto; object-fit: cover; height: 40px;}
#header .btn-menu{display:none;}
#header .gnb{padding:0 50px 0 0;}
#header .gnb:after{content:"";display:block;clear:both;}
/* #header .gnb ul{display: flex; align-items: center;} */
#header .gnb ul:after{content:"";display:block;clear:both;}
#header .gnb ul li{position:relative;float:right;height:40px;margin-left:40px;display: flex;align-items: center;justify-content: space-between}
#header .gnb ul li a{display:block;font-size:14px;color:#c6c6c6;text-transform:uppercase;transition:color .3s ease-in-out;}
#header .gnb ul li a:hover{color:#fff;}
#header .gnb ul li.menu-service > a{padding-right:20px;background:url('../images/icon_down.png') no-repeat right center;background-size:12px auto;}
#header .gnb ul li ul{display:none;position:absolute;top:37px;left:50%;width:200px;margin-left:-100px;padding:10px 0;background:#1d1e1f;border:1px solid #c6c6c6;}
#header .gnb ul li ul li{float:none;margin-left:0;}
#header .gnb ul li ul li a{padding:10px 20px;}
#header .gnb ul li:hover ul{display:block;}
#header .gnb ul li.my_profile {position: relative;}
#header .gnb ul li.my_profile > a {position: relative;}
/* #header .gnb ul li.my_profile > a::after {display: block;content: ''; width: 0;height: 0;border: 5px solid transparent;border-bottom: 5px solid #fff;border-top: 0;화살표position: absolute;top:10px;right:0;} */
/* #header .gnb ul li.my_profile.on > a::after {display: block;content: ''; width: 0;height: 0;border: 5px solid transparent;border-top: 5px solid #fff;border-bottom: 0;화살표} */
#header .gnb ul li.my_profile .profile_box {position: absolute;right:0;top:50px;width: 200px;border-radius: 4px;background-color: #e9ecef;display: none; z-index: 9;}
#header .gnb ul li.my_profile .profile_box.on {display: block;}
#header .gnb ul li.my_profile .profile_box p {padding:15px 24px;border-bottom: 1px solid #dee2e6;font-size: 15px;font-weight: 700;color:#111;}
#header .gnb ul li.my_profile .profile_box .btn_box {padding:10px 0;}
#header .gnb ul li.my_profile .profile_box .btn_box a + a {margin-top: 10px;}
#header .gnb ul li.my_profile .profile_box .btn_box a {font-size: 14px;  color: #495057;text-transform: capitalize;padding:5px 24px;}
#header .gnb ul li.my_profile .profile_box .btn_box a:hover {background-color: #ccc;}
#header .gnb ul.mobile_list {display: none;}
#header .language-wrap{float:left;padding-top:24px;}
#header .language-wrap:after{content:"";display:block;clear:both;}
#header .language-wrap a{position:relative;float:left;padding:0 10px;font-size:14px;color:#c6c6c6;transition:color .3s ease-in-out;}
#header .language-wrap a:before{content:"";position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#c6c6c6;}
#header .language-wrap a:first-child:before{display:none;}
#header .language-wrap a:hover{color:#fff;}
#header .language-wrap a em{display:none;}

#header .dropdown{position:absolute;top:10px;right:25px;}
#header .dropdown:hover ul{display:block;}
#header .dropdown ul{display:none;position:absolute;top:50px;right:0;width:200px;padding:10px 0;background:#1d1e1f;border:1px solid #c6c6c6;}
#header .dropdown ul li{float:none;margin-left:0;}
#header .dropdown ul li a{padding:10px 20px;}
#header .dropdown .btn-sub-menu{display:block;position:relative;width:40px;height:40px;text-indent:-9999em;outline:none;}
#header .dropdown .btn-sub-menu:before{content:"";position:absolute;bottom:-40px;right:0;width:40px;height:40px;}
#header .dropdown .btn-sub-menu span{position:absolute;top:50%;left:10px;width:22px;height:3px;margin-top:-2px;background:#c6c6c6;transition:.3s ease-in-out;}
#header .dropdown .btn-sub-menu span:before{content:"";position:absolute;top:-8px;left:0;width:27px;height:3px;background:#c6c6c6;transition:.3s ease-in-out;}
#header .dropdown .btn-sub-menu span:after{content:"";position:absolute;top:8px;left:0;width:16px;height:3px;background:#c6c6c6;transition:.3s ease-in-out;}

#header .search_box {position: relative;}
#header .search_box input { width: 264px;height: 38px;border-radius: 18px;box-sizing: border-box;border: 0 solid #000;padding:5px 16px; color: #000;}
#header .search_box .search_menu {width: 264px;position: absolute;left: 0;top:50px;background-color: #2d2d2d;display: none;}
#header .search_box .search_menu.on {display: block; z-index: 9;}
#header .search_box .search_menu > p {text-align: center;font-size: 14px;color:#c6c6c6;padding:20px;}
#header .search_box .search_menu ul {border-top: 1px solid #3f3f3f;}
#header .search_box .search_menu li {border-bottom: 1px solid #3f3f3f;padding:20px;display: flex;align-items: center;color:#c6c6c6;}
#header .search_box .search_menu li:last-child {border-bottom: 0 solid #000;}
#header .search_box .search_menu li .user_id {}
#header .search_box .search_menu li .user_name {font-size: 12px;}
#header .search_box .search_menu li .btn_box {margin-left: auto;font-size: 12px;}
#header .search_box .search_menu li .btn_box button {color:#c6c6c6;padding: 3px 16px;border-radius: 12px;border: solid 1px #979797;box-sizing: border-box;}
#header .search_box .search_menu li .btn_box button.on {color:#222;border-color: #23ffe9;background-color: #23ffe9;}
#header .search_box .search_menu li .btn_box span {color:#2d8cff;}

/* =================================================
	* Container
================================================= */
#container{min-height:100vh;padding:60px 0 180px;background:url('../images/bg.png') no-repeat center 60px #222;background-size:cover;box-sizing:border-box;}
/*#container.sub41_1 {background: #222;}*/
/*#container.sub42_1 {background: #222;}*/
/*#container.sub43_1 {background: #222;}*/
/*#container.sub44_1 {background: #222;}*/
/*#container.support {background: #222;}*/
/*#container.terms {background: #222;}*/
/*#container.sub52_1 {background: #222;}*/
/*#container.kemi-partners {background: #222;}*/

#container {background: #222;}
.tit-wrp{text-align:center;}
.tit-wrp dt{margin-bottom:3px;font-size:32px;font-weight:bold;color:#fff;line-height:1.2;}
.tit-wrp dd{font-size:22px;color:#ff5784;}
.tit-wrp dd a{display:block;margin-top:14px;text-decoration:underline;font-size:18px;color:#ff5784;}
.gradient-wrap{max-width:424px;margin:0 auto;padding:2px;background:#ff3268;background-image: linear-gradient(127deg, #ff3268, #441024);border-radius:2px;}
.gradient-wrap .visual{overflow:hidden;position:relative;width:100%;height:240px;}
.gradient-wrap .visual #player{width:100%;height:100%;}
.gradient-wrap .visual .dim,
.gradient-wrap .visual .txt{display:table;overflow:hidden;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;}
.gradient-wrap .visual .txt img{position:absolute;top:0;left:0;width:100%;z-index:1;}
.gradient-wrap .visual .txt span{display:table-cell;position:relative;z-index:2;background:rgba(0,0,0,.5);font-size:36px;font-weight:bold;color:#d8d8d8;line-height:44px;vertical-align:middle;text-align:center;}
.gradient-wrap .visual .dim:before{content:"";position:absolute;top:50%;left:50%;z-index:2;width:60px;height:60px;margin:-30px 0 0 -30px;background:url('../images/icon_play1.png') no-repeat center center;background-size:100% 100%;}
.gradient-wrap .visual img{display:block;width:100%;}
.gradient-wrap p{padding:8px 16px;font-size:16px;color:#fff;line-height:2;}

/* Main */
.main{padding:30px 0 65px;}
.main .title{margin-bottom:75px;}
.main .title p{margin-bottom:14px;font-size:26px;font-weight:300;color:#9b9b9b;text-align:center;letter-spacing:1px;}
.main .title h3{text-align:center;}
.main .owl-carousel{margin-bottom:58px;}
.main .owl-carousel .item{overflow:hidden;position:relative;width:454px;height:260px;border:2px solid #000;box-sizing:border-box;}
/*.main .owl-carousel .item:before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:1;transition:.2s ease-in-out;}*/
.main .owl-carousel .owl-item{position:relative;}
.main .owl-carousel .owl-item.active.center .item:before{opacity:0;}
.main .owl-carousel .item .content{position:absolute;bottom:0;left:0;width:100%;padding:14px 20px;background:rgba(0,0,0,.8);font-size:22px;font-weight:600;color:#999;text-align:center;box-sizing:border-box;}
.main .owl-carousel .owl-nav.disabled{display:block;}
.main .owl-carousel .owl-nav button{width:60px;height:60px;outline:none;}
.main .owl-carousel .owl-nav button span{display:block;text-indent:-9999em;}
.main .owl-carousel .owl-nav .owl-prev{position:absolute;top:50%;left:38%;margin:-30px 0 0 -500px;background:url('../images/btn_left1.png') no-repeat center center;}
.main .owl-carousel .owl-nav .owl-next{position:absolute;top:50%;right:38%;margin:-30px -500px 0 0;background:url('../images/btn_right1.png') no-repeat center center;}
.main .btn-wrap{max-width:400px;margin:0 auto;}
.main .btn-wrap a + a{margin-top:30px;}

/* sub41 */
.sub41 {padding:200px 0 90px 50%;position: relative;}
.sub41 .img_box {width: 438px;height: 490px;position: absolute;left:9.7%;top:60%;transform: translateY(-50%);}
.sub41 .img_box img {width: 100%;}
.sub41 .img_box span {font-size: 14px;font-weight: 500;text-align: center;color: #ced4da;position: absolute;}
.sub41 .img_box .s1 {left:12px;top:70px;}
.sub41 .img_box .s2 {left:180px;top:5px;}
.sub41 .img_box .s3 {left:305px;top:115px;}
.sub41 p {font-size: 28px;font-weight: 500;  color: #fff;position: relative;max-width: 500px;margin:0;}
.sub41 p b {font-size: 32px;color: #ffca01;}
.sub41 p:after {content: '(chesmistry)';position: absolute;right:-125px;top:10px;opacity: .5;font-size: 22px;font-weight: 500;}
.sub41 .btn-wrap{max-width:400px;margin:34px 0 0;position: relative;}
.sub41 .btn-wrap .btn-large + .btn-large {margin-top:30px;}
.sub41 .btn-wrap .btn-tip {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80px;
	height: 80px;
	text-align: center;
	position: absolute;left: 435px;top:0;border-radius: 2px;
	color: #fff;
}
.sub41 .btn-wrap img {width: 100%;}
.sub41 .btn-wrap .btn-large{font-weight:400;}

/* About */
.about{padding:60px 40px 100px;}
.about h3{margin-bottom:68px;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.about .about-box{position:relative;max-width:1024px;margin:0 auto 62px;}
.about .about-box img{display:block;width:100%;}
.about .about-box dl{width:100%;padding:35px 40px;background:rgba(0,0,0,.8);box-sizing:border-box;}
.about .about-box dl dt{margin-bottom:30px;font-size:28px;font-weight:bold;color:#ff0;}
.about .about-box dl dd{font-size:24px;color:#fff;}

/* Gallery */
.gallery{padding:60px 40px 100px;}
.gallery h3{margin-bottom:110px;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.gallery-list{max-width:1024px;margin:0 auto 150px;}
.gallery-list:after{content:"";display:block;clear:both;}
.gallery-list ul{width:102%;margin-left:-2%;}
.gallery-list ul li{float:left;width:23%;height:181px;margin:0 0 2% 2%;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer;}
.gallery-list ul li img{display:none;}
.loader{display:none;border:7px solid #aaa;border-top:7px solid #f8e274;position:fixed;top:50%;left:50%;margin-left:-25px;margin-top:-25px;border-radius:50%;width:50px;height:50px;animation:spin 0.5s linear infinite;z-index: 100;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Detail */
.detail{padding:50px 40px 100px;}
.detail .tit-wrp{margin-bottom:30px;}
.detail .content{position:relative;}
.detail .content + .content{margin-top:30px;padding-top:30px;}
.detail .content + .content:before{content:"";position:absolute;top:0;left:50%;width:400px;height:1px;margin-left:-200px;background:#444;}
.detail .btn-wrap{max-width:400px;margin:0 auto;}
.detail .btn-wrap a{margin-top:20px;}
.detail-moreservice .btn-wrap:after{content:"";display:block;clear:both;}
.detail-moreservice .btn-wrap a{float:left;width:49%;font-size:18px;}
.detail-moreservice .btn-wrap a + a{margin-left:2%;}

/* Join */
.join-step1,
.join-step{max-width:850px;margin:0 auto;padding:67px 40px 54px;}
.join-step1 h3,
.join-step h3{margin-bottom:5px;padding-bottom:5px;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.join-step1 .step,
.join-step .step{padding-bottom:30px;border-bottom:1px solid #fff;font-size:40px;font-weight:bold;color:#fff;text-transform:uppercase;line-height:1;
	margin-bottom: 45px;}
.join-step1 .step em,
.join-step .step em{color:#656565;}
.join-step1 .step-contents{max-width:400px;margin:90px auto 0;}
.join-step1 .step-contents a + a{margin-top:20px;}
.join-step .step-contents{max-width:500px;margin:47px auto 0;}
.join-step .step-contents dl + dl{margin-top:30px;}
.join-step .step-contents dl dt{margin-bottom:10px;font-size:20px;color:#fff;}
.join-step .step-contents dl dd:after{content:"";display:block;clear:both;}
.join-step .step-contents dl dd .input-radio{float:left;width:48%;}
.join-step .step-contents dl dd .input-radio{float:none;width:100%;}
.join-step .step-contents dl dd .input-radio + .input-radio{margin-left:0 !important;}
.join-step .btn-wrap{max-width:400px;margin:60px auto 0;}
.join-step1-1 .step-contents{position:relative;max-width:500px;margin:145px auto 0;box-sizing:border-box;}
.join-step1-1 .form-group{position:relative;padding-right: 176px;margin-bottom:20px;}
.join-step1-1 .step-contents .input-txt input{padding:0 20px;}
.join-step1-1 .step-contents .btn-small{position:absolute;top:0;right:0;width:148px;}
.join-step1-1 .step-contents .btn-small.btn-style6{position:absolute;top:0;right:0;width:148px;background:#c6c6c6;border-color:#c6c6c6;font-size:28px;color:#fff;}
.join-step .notice{margin-top:20px;font-size:18px;color:rgba(255, 87, 132, 0.7);text-align:center;}
.join-step .notice img{display:inline-block;top:3px;margin-right:5px;position:relative;}

.join-step2-2{padding-bottom:176px;}
.join-step2-2 .step-contents p{margin-top:65px;font-size:18px;color:#9e9e9e;text-align:center;}
.join-step2-2 .step-contents p a{font-weight:bold;color:#ff5784;text-decoration:underline;}
.join-step2-2 .btn-wrap{margin-top:104px;}
.join-step3{padding-bottom:148px;}
.join-step3 .step-contents{max-width:400px;margin-top:90px;}
.join-step3 .step-contents .input-radio + .input-radio{margin-top:20px;}
.join-step3 .btn-wrap{margin-top:90px;}

/* FAQ */
.faq{max-width:850px;margin:0 auto;padding:43px 40px 100px;}
.faq .accordion-list{margin-top:43px;}
.faq .btn-area{margin:33px auto;}
.faq .btn-style3{display:block;max-width:400px;margin:0 auto;padding:23px 0px;border-radius:100px;}
.faq .tit {text-align: center;}
.faq .tit img {width: 150px;}
.faq ul {max-width:400px;margin:35px auto 0;padding-left: 50px;box-sizing: border-box;}
.faq li {font-size: 20px;color: #fff;margin-bottom: 30px;padding-left: 34px;position: relative;}
.faq li::before {content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background-color: #fff;position: absolute;left: 0;top:10px;}
/* Sign */
.sign{padding:37px 0 100px;}
.sign h3{font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.sign p{margin-top:2px;font-size:22px;color:#ff5784;text-align:center;}
.sign .sign-cont{max-width:400px;margin:130px auto 0;padding:0 40px;}
.sign .sign-cont a + a{margin-top:20px;}

/* Progress */
.progress{max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.progress h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #ff5784;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.progress .contents{max-width:502px;margin:0 auto;}
.progress .contents .step_info{margin-bottom:28px;font-size:40px;font-weight:bold;color:#4e4e4e;}
.progress .contents .step_info em{color:#ff5784;}
.progress .contents .description{margin-bottom:40px;font-size:26px;color:#fff;}
.progress .contents li + li{margin-top:20px;}
.progress .contents li.select-start-titme{position:relative;padding-right:180px;}
.progress .contents li.select-start-titme a{position:absolute;top:0;right:0;width:160px;}
.progress .contents .btn-wrap{margin-top:86px;}
.progress .contents .btn-wrap:after{content:"";display:block;clear:both;}
.progress .contents .btn-wrap a{float:left;width:47%;font-size:28px;font-weight:bold;}
.progress .contents .btn-wrap a + a{margin-left:6%;}
.progress.step2_2 .input-chk label span{font-size:24px;font-weight:bold;}
.progress.step2_3 .notice{margin-top:40px;font-size:20px;color:#9e9e9e;text-align:center;}
.progress.step3 .contents > dl dt{margin-bottom:30px;font-size:37px;font-weight:bold;color:#ff5784;text-align:center;}
.progress.step3 .contents > dl dd{margin-bottom:60px;font-size:26px;color:#fff;text-align:center;}
.progress.step3 .contents > dl dd em{display:inline-block;margin:0 10px;}
.progress.step3 .reserve-info{padding:20px 30px 30px;background-color:rgba(0, 0, 0, 0.1);border:2px solid #ff5784;border-radius:2px;font-size:24px;color:#c6c6c6;line-height:41px;}
.progress.step3 .reserve-info dl dt{display:inline;}
.progress.step3 .reserve-info dl dd{display:inline;}
.progress.step3 .reserve-info p{margin-bottom:50px;font-size:20px;color:#ff5784;}
.progress.step3 .reserve-info .phone{display:block;}
.progress.step3 .contents .btn-wrap a{width:32%;}
.progress.step3 .contents .btn-wrap a + a{width:62%}

/* Partners */
.partners{max-width:400px;margin:0 auto;padding:50px 40px 100px;}
.partners .tit-wrp{margin-bottom:30px;}
.partners .content{position:relative;}
.partners .tab{margin-bottom:25px;}
.partners .tab:after{content:"";display:block;clear:both;}
.partners .tab a{float:left;width:33.3%;height:64px;padding-top:15px;border:1px solid #555;border-bottom:1px solid #fff;box-sizing:border-box;font-size:20px;color:#555;text-align:center;}
.partners .tab a + a{border-left:0;}
.partners .tab a.on{border:1px solid #fff;border-bottom:1px solid transparent;color:#fff;}
.partners .tab a span{display:none;font-size:14px;font-weight:100;color:#fff;line-height:1;opacity:.6;}
.partners .tab a.on span{display:block;}
.partners .tab-cont{display:none;}
.partners .tab-cont.on{display:block;}
.partners .tab-cont p{margin-bottom:38px;font-size:16px;color:#9e9e9e;text-align:center;}
.partners .btn-edit{width:100%;height:58px;margin:-10px 0 30px;background:url('../images/settings@2x.png') no-repeat center center #343434;background-size:33px 32px;text-indent:-9999em;}
.appraisal-wrp .tit{display:inline-block;margin-bottom:20px;font-size:14px;color:#fff;background: #1d1e1f;padding:5px 20px;}
.appraisal-wrp .tit span {font-size: 12px;display: block;}
.appraisal-wrp .sec{position:relative;padding:5px 0 0 53px;border-left:1px solid #fff;}
.appraisal-wrp .sec .time{position:absolute;top:5px;left:-8px;padding-left:20px;font-size:14px;color:#fff;}
.appraisal-wrp .sec .time:before{content:"";position:absolute;top:3px;left:0;width:8px;height:8px;background:#fff;border:4px solid #222;border-radius:10px;}
.appraisal-wrp .sec .in{position:relative;padding-left:200px;}
.appraisal-wrp .sec .in + .in{margin-top:18px;}
.appraisal-wrp .sec .in .user{position:absolute;top:2px;left:20px;font-size:16px;font-weight:bold;color:#fff;line-height:1;text-transform:uppercase;}
.appraisal-wrp .sec .in .user em{display:block;width:60px;height:20px;margin-top:8px;padding-top:2px;border:1px solid #ff3268;border-radius:3px;box-sizing:border-box;font-size:12px;font-weight:200;color:#ff3268;text-align:center;text-transform:lowercase;}
.appraisal-wrp .sec .in .btn-goodbad{width:180px;}
.appraisal-wrp .sec .in .btn-goodbad:after{content:"";display:block;clear:both;}
.appraisal-wrp .sec .in .btn-goodbad a{float:left;width:80px;margin-left:10px;}
.appraisal-wrp .sec .in .btn-goodbad label{float:left;width:80px;margin-left:10px;}
.appraisal-wrp .sec .in .btn-goodbad input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.appraisal-wrp .sec .in .btn-goodbad strong{cursor:pointer;}
.appraisal-wrp .sec .in .btn-goodbad .pending {color:#fff;}
.appraisal-wrp .sec .in .btn-goodbad input:not(:checked):disabled + strong{border:2px solid #555;color:#555;}
.appraisal-wrp .sec .in .btn-goodbad.disabled input:not(:checked) + strong{border:2px solid #555;color:#555;}
.appraisal-wrp .sec .in .btn-goodbad input:not(:checked):disabled + strong:hover{background:none;}
.appraisal-wrp .sec .in .btn-goodbad input:not(:checked):disabled + strong:hover span:after{display:none;}
.appraisal-wrp .sec .in .btn-goodbad input:checked + strong span:after,
.appraisal-wrp .sec .in .btn-goodbad strong:hover span:after{content:"";display:inline-block;width:12px;height:11px;margin-left:5px;vertical-align:middle;}
.appraisal-wrp .sec .in .btn-goodbad input:checked + strong.btn-style14 span:after,
.appraisal-wrp .sec .in .btn-goodbad strong.btn-style14:hover span:after{background:url('../images/ico-check-great.png') no-repeat right center;background-size:11px 11px;}
.appraisal-wrp .sec .in .btn-goodbad input:checked + strong.btn-style13 span:after,
.appraisal-wrp .sec .in .btn-goodbad strong.btn-style13:hover span:after{background:url('../images/ico-check-bad.png') no-repeat right center;background-size:11px 11px;}
.appraisal-wrp .sec .in .btn-goodbad input:checked + strong.btn-style10 span:after,
.appraisal-wrp .sec .in .btn-goodbad strong.btn-style10:hover span:after{background:url('../images/ico-check-soso.png') no-repeat right center;background-size:11px 11px;}
.appraisal-wrp .sec + .sec{padding-top:45px;}
.appraisal-wrp .sec + .sec .time{top:45px;}
.appraisal-wrp + .appraisal-wrp{margin-top:40px;}
.partners .tab-cont .btn-today{display:block;width:227px;height:62px;margin:0 auto 49px;padding-top:11px;border:1px solid #ff5784;border-radius:62px;box-sizing:border-box;font-size:22px;font-weight:bold;color:#ff5784;text-align:center;}
.great-list li{position:relative;height:auto;padding:14px 78px 14px 86px;border-bottom:2px solid #4e4e4e;box-sizing:border-box;}
.great-list li .btn-smallist{position:absolute;top:50%;transform: translateY(-50%);left:0;width:76px;background:url('../images/star@2x.png') no-repeat center center;background-size:25px 22px;text-indent:-9999em;}
.great-list li strong{display:block;font-size:16px;font-weight:bold;color:#fff;line-height:40px;text-align:center;}
.great-list li button{position:absolute;top:0;right:0;width:68px;height:100%;background:url('../images/btn-x2.png') no-repeat center center;text-indent:-9999em;}
.bad-list li{position:relative;height:70px;padding:14px 78px 14px 0;border-bottom:2px solid #4e4e4e;box-sizing:border-box;}
.bad-list li strong{display:block;font-size:16px;font-weight:bold;color:#fff;line-height:40px;text-align:left;}
.bad-list li button{position:absolute;top:0;right:0;width:68px;height:100%;background:url('../images/btn-x.png') no-repeat center center;text-indent:-9999em;}
.partners .tab-cont .btn-more{margin-top:70px;}

.tab-wrap {
    width: 900px;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #535353;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(83, 83, 83);
    text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tab-wrap__item {
    width: 33.3333%;
    font-size: 20px;
    color: rgba(255,255,255,.5);
    font-family: 'Urbanist-Bold';
    padding: 20px 0;
}

.tab-wrap__item.on {
    color: #ffcc2a;
    position: relative;
}

.tab-wrap__item.on::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffcc2a;
}

/* Login */
.login{max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.login h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.login .contents{max-width:502px;margin:0 auto;}
.login .contents .description{margin-bottom:10px;font-size:20px;color:#fff;}
.login .contents .btn-wrap{margin-top:71px;}
.login .contents .btn-wrap:after{content:"";display:block;clear:both;}
.login .contents .btn-wrap a{float:none;margin:0px auto;width:100%;max-width:308px;font-size:22px;font-weight:bold;}
.login .contents .btn-wrap a + a{margin-left:6%;}
.login .notice{margin-top:20px;font-size:18px;color:#ffcc2a;text-align:center;}
.login .contents .btn-wrap a{}

/* Support */
.support_wrap {max-width:850px;margin:0 auto;padding:60px 40px;}
.support_wrap h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.support_wrap .contents{max-width:502px;margin:0 auto;}
.support_wrap .contents .description{margin-bottom:10px;font-size:20px;color:#fff;}
.support_wrap .contents .btn-wrap{margin-top:71px;}
.support_wrap .contents .btn-wrap:after{content:"";display:block;clear:both;}
.support_wrap .contents .btn-wrap a{float:none;margin:0px auto;width:100%;max-width:308px;font-size:28px;font-weight:bold;}
.support_wrap .contents .btn-wrap a + a{margin-left:6%;}
.support_wrap .notice{margin-top:30px;font-size:18px;color:#ffcc2a;text-align:center;}
.support_wrap  .textarea-txt textarea {width:100%;min-height:300px;margin-top: 20px; padding:10px 30px;background:rgba(0,0,0,.1);border:2px solid #747474;border-radius:2px;box-sizing:border-box;font-size:20px;color:#c6c6c6;line-height:1.5;}
.support_wrap .contents .btn-wrap a{ color:#222;}

/* Terms */
.terms_wrap {max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.terms_wrap h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.terms_wrap .contents{max-width:90%;margin:0 auto;text-align: left;color:#fff;}
.terms_wrap .contents p {margin-bottom: 20px;}
.terms_wrap .contents p b {font-weight: bold;margin-right: 5px;}
.terms_wrap .contents p i {font-weight: bold;font-style: italic;}
.terms_wrap .contents p a {text-decoration: underline;color:#0058f8}
.terms_wrap .contents .t1 {font-size: 30px;font-weight: bold;}
.terms_wrap .contents .t2 {font-size: 20px;font-weight: bold;}
.terms_wrap .contents ul {margin-bottom: 20px;padding:0 20px;}
.terms_wrap .contents ol {margin-bottom: 20px;padding:0 20px;}
.terms_wrap .contents ul li {position: relative;padding-left: 20px;margin-bottom: 10px;}
.terms_wrap .contents ul li::before {content:'•';position: absolute;left:0px;top:0px;}
.terms_wrap .contents ol li {position: relative;padding-left: 20px;margin-bottom: 10px;}
.terms_wrap .contents ol li::before {position: absolute;left:0px;top:0px;}
.terms_wrap .contents ol li:nth-child(1):before {content:'1.'}
.terms_wrap .contents ol li:nth-child(2):before {content:'2.'}
.terms_wrap .contents ol li:nth-child(3):before {content:'3.'}
.terms_wrap .contents ol li:nth-child(4):before {content:'4.'}
.terms_wrap .contents ol li:nth-child(5):before {content:'5.'}
.terms_wrap .contents ol li:nth-child(6):before {content:'6.'}
.terms_wrap .contents ol li:nth-child(7):before {content:'7.'}
.terms_wrap .contents ol li:nth-child(8):before {content:'8.'}
.terms_wrap .contents ol li:nth-child(9):before {content:'9.'}
.terms_wrap .contents ol li:nth-child(10):before {content:'10.'}


/* Payment */
.payment{max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.payment h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.payment .contents{max-width:544px;margin:0 auto;}
.payment .contents .description{margin-bottom:40px;font-size:20px;color:#fff;text-align: center;}
.payment .contents .description.f24 {font-size: 24px;margin-top: 100px;}
.payment .contents .select-txt {width: 270px;margin:0 auto;}
.payment .contents .select-txt .ui-selectmenu-button.ui-button {width:100%;border:2px solid #ffcc2a;border-radius:2px;color:#fff;transition: .3s ease-in-out;height: 56px;min-height: 56px; line-height: 56px;color:#ffcc2a;}
.payment .contents .select-txt .ui-selectmenu-icon.ui-icon {position: absolute;top: 50%;right: 30px;width: 22px;height: 13px;margin-top: -7px;background: url(../images/icon_down.png) no-repeat center center !important;background-size: 100% 100% !important;}
.payment .contents .select-txt .ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {background-image: url(../images/icon_up.png) !important;}

.payment .contents .info_box {display: flex;justify-content: space-between;max-width: 440px;margin:60px auto 0;}
.payment .contents .info_box .box {width: 50%;font-size: 22px;color: #fff;height: 193px;display: flex;align-items: center;flex-wrap: wrap;}
.payment .contents .info_box .box p {width: 100%;}
.payment .contents .info_box .box.line {border: 2px solid rgba(255,255,255,.9);border-radius: 2px;text-align: center;}
.payment .contents .info_box .box.line + .box {padding-left: 55px;}
.payment .contents .btn-wrap{margin-top:71px;}
.payment .contents .btn-wrap:after{content:"";display:block;clear:both;}
.payment .contents .btn-wrap a{float:none;margin:0px auto;width:100%;height: 72px; max-width:400px;font-size:28px;font-weight:bold;color:#222;}
.payment .contents .btn-wrap a + a{margin-left:6%;}
.payment .notice{margin-top:20px;font-size:18px;color:#ffcc2a;text-align:center;}

/* order */
.order{max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.order h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.order .contents{max-width:500px;margin:0 auto;text-align:center;}
.order .contents .description{margin-bottom:30px;font-size:26px;color:#fff;}
.order .notice{margin-top:38px;color:#c6c6c6;font-size:24px;text-align:center;}
.order .notice>span{color:#ffca01;}
.order .contents .btn-wrap{margin-top:86px;}
.order .contents .btn-wrap:after{content:"";display:block;clear:both;}
.order .contents .btn-wrap a{float:left;width:47%;font-size:28px;font-weight:bold;}
.order .contents .btn-wrap a + a{margin-left:6%;}
.ui-widget.ui-widget-content{margin-top:29px;padding:17px 15px;background:#111;border:none;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.ui-widget.ui-datepicker{position:absolute;top:-9999em;}
.ui-datepicker-header{padding:7px 0px;background:transparent;border:none;border-radius:0px;}
.ui-datepicker-header:after{content:"";position:absolute;border-width:15px 15px 0;border-style:solid;border-color:transparent;display:block;width:0;top:-12px;left:30px;bottom:auto;right:auto;border-width:0 12px 12px;border-color:#111 transparent;}
.ui-datepicker-title{text-align:center;color:#fff;font-size:15px;font-weight:normal}
.ui-datepicker-calendar th{padding:8px 10px;text-align: center;color:#fff;font-size:12px;}
.ui-datepicker-calendar td{text-align:center;padding:5px;}
.ui-datepicker-calendar td>a{display:inline-block;padding:4px 0px;width:26px;text-align: center;color:#fff;font-size:12px;}
.ui-datepicker-calendar td>a.ui-state-highlight{background:rgba(255, 255, 255, .3) !important;border-radius:50%;}
.ui-datepicker-calendar td.ui-datepicker-current-day>a{background:#ff5784 !important;border-radius:50%;}
.ui-datepicker-calendar td>a.ui-state-hover{background:#ff5784 !important;border-radius:50%;}
.ui-datepicker-calendar tr:first-child td{padding-top:17px;}
.ui-datepicker-calendar th{border-bottom:1px solid #c8c9cc;color:#c8c9cc;}
.ui-datepicker-calendar td a{top:23px;background:transparent !important;border:none !important;color:#fff!important;font-size:12px;}
.ui-widget-header a.ui-corner-all{position:absolute;border-radius:0px;color:rgba(236, 237, 241, 0.4);cursor:pointer;}
.ui-widget-header a.ui-datepicker-next{right:50px;}
.ui-widget-header a.ui-datepicker-prev{left:50px;}
.ui-datepicker-prev .ui-icon-circle-triangle-w{background-position: -96px 0 !important;}
.ui-datepicker-next .ui-icon-circle-triangle-e{background-position: -32px 0 !important;}
.input-calender{position:relative;margin:0px auto;max-width:377px;}
.input-calender:before{content:"";position:absolute;top:22px;left:28px;display:block;background:url('../images/icon-calendar@2x.png');width:28px;height:28px;background-size:100%;cursor:pointer;}
.input-calender input{height:72px;padding-left:84px;font-size:24px;cursor:pointer;}
.order-complete .contents{max-width: 672px;}
.order-complete-box{background:rgba(0, 0, 0, 0.28);border:1.5px solid #fff;padding:40px;text-align:center;}
.order-complete-box h4{font-size:37px;color:#ffca01;font-weight:bold;margin-bottom:27px;}
.order .contents .order-complete-box .description{margin-bottom:18px;}
.order .order-complete-box .notice{margin-top:18px;font-size:26px;}
.order-complete .notice{font-size:20px;}
.order-complete .notice>span{display:inline-block;font-weight:bold;margin-right:3px;}
.order-complete .contents .btn-wrap{margin-top:25px;}
.order-complete .contents .btn-wrap a{float:none;margin:0px auto;max-width:133px;font-size:20px;font-weight:bold;}
.order .important-notice{margin-top:12px;color:#ffca01;font-size:18px;text-align:center;}
.order-bridge h3{margin-bottom:30px;padding-bottom:0;border-bottom:0;font-size:18px;font-weight:bold;color:#ff5784;}
.order.order-bridge .contents ul{padding:30px;border:1px solid #ff5784;border-radius:1px;}
.order.order-bridge .contents ul li{font-size:16px;color:#c6c6c6;text-align:left;}
.order.order-bridge .contents ul li.payment{font-size:14px;color:#ff5784;}
.order.order-bridge .contents .btn-wrap{margin-top:96px;}
.order.order-bridge .contents .btn-wrap a{font-size:20px;}
.order .contents .date-select{max-width:400px;margin:30px auto 0 auto;}
.order .contents .date-select li{padding:12px 0;}
.order .contents .date-select li em{margin-left:20px;font-size:20px;line-height:29px;color:#d6fb4e;}
.order .contents .date-select li em:first-child{margin-left:0;color:#fff;}
.order .contents .date-select li a{margin-left:20px;padding:0 10px;}
.order .contents .date-select li a span{font-size:16px;color:#fff;}
.order .contents .msg-box{padding:30px 0 0;}
.order .contents .msg-box p{font-size:20px;text-align:center;color:#fff;}

/* Relationship */
.relationship{max-width:850px;margin:0 auto;padding:60px 40px 200px;}
.relationship.step1 h3{margin-bottom:40px;font-size:24px;font-weight:bold;color:#fff;}
.relationship.step1 h3 span{display:block;margin-bottom:8px;font-size:18px;font-weight:100;color:#fff;line-height:1.4;}
.relationship.step1 .user-list{border-top:1px solid rgba(255, 255, 255, 0.1);}
.relationship.step1 .user-list li{position:relative;height:44px;padding:10px 0 0 60px;border-bottom:1px solid rgba(255, 255, 255, 0.1);box-sizing:border-box;}
.relationship.step1 .user-list li .checkbox{position:absolute;top:50%;left:0;margin-top:-14px;}
.relationship.step1 .user-list li .checkbox input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.relationship.step1 .user-list li .checkbox span{display:block;width:44px;height:28px;padding-top:3px;border:1px solid rgba(85,85,85,.8);border-radius:1px;font-size:12px;font-weight:bold;color:#717171;box-sizing:border-box;text-align:center;}
.relationship.step1 .user-list li .checkbox input:checked + span{background:#ff5784;border-color:#ff5784;color:#fff;}
.relationship.step1 .user-list li .checkbox input:disabled + span{opacity:.5;}
.relationship.step1 .user-list li .user-info{font-size:14px;color:#fff;}
.relationship.step1 .btn-fixed{font-size:20px;}
.relationship.step2 h3{margin-bottom:40px;font-size:25px;color:#ff5784;text-align:center;line-height:1.2;}
.relationship.step2 .image-area{margin-bottom:40px;}
.relationship.step2 .image-area img{display:block;max-width:100%;margin:0 auto;}
.relationship.step2 .contents p{font-size:16px;font-weight:100;color:#fff;line-height:1.4;text-align:center;}
.relationship.step3 h3{margin-bottom:12px;font-size:40px;font-weight:100;color:#ff5784;text-align:center;}
.relationship.step3 h3 span{display:block;font-size:16px;color:#fff;}
.relationship.step3 .relationship-info{margin-bottom:30px;text-align:center;}
.relationship.step3 .relationship-info .info-inner{display:inline-block;padding:5px 10px;border:1px solid #ff5784;font-size:12px;color:#fff;text-align:center;}
.relationship.step3 .image-area{margin-bottom:40px;}
.relationship.step3 .image-area img{display:block;max-width:100%;margin:0 auto;}
.relationship.step3 .contents p{font-size:16px;font-weight:100;color:#fff;line-height:1.4;text-align:center;}


/* profile */
.profile {max-width:850px;margin:0 auto;padding:60px 40px 0;}
.profile h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:500;color:#fff;text-align:center;}
.profile .contents{margin:0 auto;}
.profile .profile_img {width: 136px;height: 136px;margin:0 auto;position: relative;}
.profile .profile_img .btn_add_img {position: absolute;right:0;bottom:0;}
.profile .profile_form {margin: 60px auto;}
.profile .profile_form.view {max-width:600px;}
.profile .profile_form.write {max-width:500px;}
.profile .profile_form .input_box {width: 100%;display: flex;justify-content: space-between;color:#fff;border-bottom: 1px solid #fff;padding: 40px 13px 16px;font-size: 20px;box-sizing: border-box;flex-wrap: wrap;}
.profile .profile_form.write .input_box {border-bottom: 0 solid #000;padding: 20px 0 16px;}
.profile .profile_form .input_box input {background: transparent;border: 0 solid #000;text-align: right;font-size: 20px;color:#fff;}
.profile .profile_form.write .input_box input {padding: 14px 28px 18px 32px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);width: 100%;text-align: left;margin-top: 15px;box-sizing: border-box;}
.profile .profile_form .input_box input::placeholder {color:#fff;}
.profile .profile_form.write .input_box input::placeholder {opacity: .5;}
.profile .textarea_tit {margin-top: 60px;font-size: 20px;color:#fff;padding-left: 13px;}
.profile .profile_form.write .textarea_tit {margin-top: 30px;}
.profile .textarea_tit + textarea {width:100% !important;height:180px;overflow-y: auto; margin-top: 15px; padding: 24px 91.5px 0 23.5px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);box-sizing: border-box;background:transparent;font-size: 20px; resize: none;color:#fff;}
.profile .textarea_tit + textarea::placeholder {color:#fff;opacity: .5;}
.profile .profile_form .btn-wrap a {width: 400px;margin:70px auto 0;}
.profile .select_wrap {margin-top: 37px;display: flex;justify-content: space-between;}
.profile .select_wrap div {display: flex;width: 40%;justify-content: space-between;}
.profile .select_wrap label {font-size: 18px;color:#fff;}
.profile .select_wrap input {width: 40%;border: 0 solid #000;background:transparent;padding:0;font-size: 20px;}

.profile .contents .description.al{clear:both;text-align:left;margin-bottom:10px;color:#fff;font-size: 20px;}
.profile .contents .form-item{margin-bottom:23px;width:100%;height:auto;position:relative;clear:both;}
.profile .contents .form-item ul{width:100%;height:auto;}
.profile .contents .form-item ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;height:auto;}
.profile .contents .form-item ul li .item{width:calc( 50% - 10px );height:auto;overflow:hidden;}
.profile .contents .form-item select{border:1px solid rgba(255, 255, 255, 0.2);width:100%;}
.profile .contents .form-item .t01+span{margin-left:28px;}
.profile .ctrl-wrap{position:absolute;right:-110px;top:15px;display:flex;justify-content:flex-start;align-items:center;}
.profile .ctrl-wrap button{margin-right:10px;font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;border: solid 1.8px rgba(255, 255, 255, 0.2);width:37px;height:37px;border-radius:50%;}
.profile .ctrl-wrap button img{width:50%;}


/* friend */
.friend {max-width:100%;margin:0 auto;padding:0px 40px 0;position: relative;}
.friend h3 {margin-bottom:45px;font-size:32px;font-weight:500;color:#fff;text-align:center;}
.friend h3 span {display: block; font-size: 18px;margin-top: 22px;font-weight: 400;}
.friend .contents {margin:0 auto ; width: 900px;}
.friend .contents .btn-wrap {width: 400px;margin:52px auto;}
/* .friend .friend_list {border-top: solid 2px #ffff} */
.friend .friend_list li {
	display: flex;
	padding:22px 0;
	/* border-bottom: 1px solid rgba(255, 255, 255, .4); */
	align-items: center;
	font-size: 14px;
	color:#fff;
	/* justify-content: space-between; */
}

.my_real__user{
	width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
}

.my_real__user img{
	width: 50px;
    height: 50px;
    padding-right: 30px;
}

.friend .friend_list li .time {color: #868e96;margin-top: 10px;}
.friend .friend_list li .profile_box {display: flex;align-items: center;}
.friend .friend_list li .profile_box .profile_img {width: 80px;height: 80px;border-radius: 100%;background-color: #d8d8d8;}
.friend .friend_list li .profile_box .knick_name {margin-left: 15px;width: 80px;}
/* .friend .friend_list li .text_box {width: 490px;} */
.friend .friend_list li button img {width: 13px;height: 13px;}
.friend .profile_info {text-align: center;}
.friend .profile_info .profile_img {width: 100px;height: 100px;border-radius: 100%;background: #d8d8d8;margin:0 auto;}
.friend .profile_info .knick_name {font-size: 22px;margin-top: 20px;color:#fff;font-weight: 700;}
.friend .friend_message {margin: 40px 0;}
.friend .message_box {position: relative;}
.friend .friend_message textarea {width: 100%;height:222px; padding: 28px 32px 26px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background: transparent;resize: none;color:#fff;box-sizing: border-box;}
.friend .friend_message textarea::placeholder {font-size: 14px;}
.friend .friend_message button { width: 148px;height: 54px;border-radius: 36px;background-color: #ffcc2a;font-size: 22px;font-weight: 500; color:#131313;box-sizing: border-box;position: absolute;right:32px;bottom:26px;}
.friend .message_list {margin-top: 40px;}
.friend .message_list li {display: flex;padding:22px 0; border-bottom: 1px solid rgba(255, 255, 255, .4);align-items: center;font-size: 14px;color:#fff;}
.friend .message_list .img_box { width: 80px;height: 80px;background: #d8d8d8;border-radius: 100%;margin-right: 33px;}
.friend .message_list .time {color:#868e96;margin-top: 10px;}
.friend .message_list .text_box {width:calc(100% - 113px);}
.friend .message_list li.t_right .img_box {order:2;margin:0 0 0 33px;}
.friend .matched {
	width: 600px;
	margin:0 auto;
	padding-top: 50px;
    /* border-top: solid 2px #ffff; */
    padding-bottom: 50px;
}

.history_wrap .appraisal-wrp .sec .time:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -11px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 4px solid #222;
    border-radius: 10px;
}

.friend .sort_list {margin:0 auto 20px;}
.friend .sort_list.center {justify-content: center;display: flex;padding-bottom: 20px;width: 600px;}
.friend .sort_list.center button {margin-right: 0;width: 33.333%;text-align: center;border: solid 1px #555;padding:18px 0;border-bottom-color: #fff;}
.friend .sort_list button {font-size: 20px;color:rgba(255,252,252,.5); margin-right: 70px;}
.friend .sort_list button.on {color:#fff;font-weight: 700;border-color: #fff;border-bottom: 0 solid #000;}
.friend .sort_list.center + p {font-size: 16px;text-align: center;color:#9e9e9e;margin-bottom: 40px;}
.friend .profile_img {display: flex;align-items: center;}
.friend .profile_img img {width: 80px;}
.friend .profile_img .name {font-size: 14px;color:#fff;margin-left: 20px;}
.friend .checkbox_wrap {display: flex;flex-wrap: wrap;margin:20px auto 0;border-top: 1px solid #495057;border-bottom: 1px solid #495057;padding-bottom: 20px;}
.friend .checkbox_wrap span {flex:0 1 auto;height: 40px;width:auto;margin:22px 8px 0;padding:5px 16px 0;border: 1px solid #979797;border-radius:20px;box-sizing:border-box;font-size: 16px;font-weight: 300; text-align:center;color:#fff;}
.friend .checkbox_wrap span.on {background:linear-gradient(#222,#222) padding-box, linear-gradient(to right, #f8e274, #d57205) border-box;border:1px solid transparent;color:#f8e274;border-radius:20px;}
.friend .appraisal-wrp .sec .in {padding-left: 0;}
.friend .appraisal-wrp .sec .in .user {width: 200px;line-height: 1rem; overflow: hidden;text-overflow: ellipsis;}
.friend .appraisal-wrp .sec .in .btn-goodbad label {float: right;width: 70px;margin-left: 10px;}
.friend .appraisal-wrp .sec .in .btn-goodbad {width: auto;}
.friend .appraisal-wrp .sec .in .btn-goodbad span {font-size: 14px;}
.friend .appraisal-wrp .btn-goodbad strong {display: flex;justify-content: center;align-items: center;height: 40px;}
.friend .appraisal-wrp .btn-goodbad strong span {font-size: 14px;}
.friend .appraisal-wrp .btn_bad {width:100%;background:none;border:1px solid #f8e274;border-radius:2px;border-image-source: linear-gradient(118deg, #f8e274, #d57205 110%);border-image-slice: 1;color:#f8e274;transition: .3s ease-in-out;}
.friend .appraisal-wrp .btn_bad:hover {background:rgba(248, 226, 116, .1);}
.friend .appraisal-wrp .btn_soso {width:100%;background:none;border:1px solid #ce9ffc;border-radius:2px;border-image-source: linear-gradient(118deg, #ce9ffc, #9f44d3 110%);border-image-slice: 1;color:#ce9ffc;ftransition: .3s ease-in-out;}
.friend .appraisal-wrp .btn_soso:hover {background:rgba(178, 56, 255, .1);}
.friend .appraisal-wrp .btn_kemi {width:100%;background:none;border:1px solid #22eed9;border-radius:2px;border-image-source: linear-gradient(118deg, #22eed9, #08acdc 110%);border-image-slice: 1;color:#22eed9;transition: .3s ease-in-out;}
.friend .appraisal-wrp .btn_kemi:hover {background:rgba(35, 255, 233, .1);}
.friend .appraisal-wrp .sec .in .btn-goodbad input:checked + strong span:after,
.friend .appraisal-wrp .sec .in .btn-goodbad strong:hover span:after {display: none;}
.friend .appraisal-wrp .sec .in .btn-goodbad input:checked + .btn_bad {color:#fff;background-image: linear-gradient(118deg, #f8e274, #d57205), linear-gradient(119deg, #f8e274 2%, #d57205);}
.friend .appraisal-wrp .sec .in .btn-goodbad input:checked + .btn_soso {color:#fff;background-image: linear-gradient(118deg, #c589ff, #9f44d3), linear-gradient(118deg, #ce9ffc, #9f44d3, #f6416c);}
.friend .appraisal-wrp .sec .in .btn-goodbad input:checked + .btn_kemi {color:#fff;background-image: linear-gradient(117deg, #22eed9 1%, #08acdc);}

.friend .sub_txt {padding-top: 40px;border-top: 1px solid #fff;color:#fff;font-size: 20px;text-align: center;}
.friend .partner_cont {margin-top: 60px;text-align: center;}
.friend .partner_cont .img1 {width: 212px;}
.friend .partner_cont .img2 {width: 590px;}
.friend .partner_cont .img_cont p {font-size: 16px;color:#9e9e9e;margin-top: 20px;}
.friend .partner_cont .img_cont + .img_cont {margin-top: 70px;}
.friend .partner_cont ul {margin-top: 150px;}
.friend .partner_cont li {display: flex;align-items: center;padding-bottom: 50px;border-bottom: 1px solid #495057;margin-bottom: 50px;}
.friend .partner_cont .img_box {width: 356px;}
.friend .partner_cont .img_box img {width: 100%;}
.friend .partner_cont .text_box {width: calc(100% - 395px); text-align: left;padding-left: 40px;}
.friend .partner_cont .text_box .t1 {font-size: 24px;color:#fff;font-weight: 700;}
.friend .partner_cont .text_box .t2 {font-size: 16px;color:#9e9e9e;margin-top: 20px;}
.friend .partner_cont .text_box .t2 a {color:#ffcc2a;}

/* billing */
.billing {max-width:1074px;margin:0 auto;padding:60px 40px 90px;color:#fff;}
.billing h3 {margin-bottom:45px;padding-bottom:35px;font-size:32px;font-weight:500;text-align:center;border-bottom:1px solid #fff;}
.billing .contents {margin:0 auto;}
.billing .question_txt {margin-top: 30px; font-size: 18px;padding-left: 15px;}
.billing .question_txt a {color:#ffcc2a;text-decoration: underline;}

.billing .alert_wrap {display: none;align-items: center; background-color: #ffcc2a;width: 1060px;padding: 12px 0 14px 27px;box-sizing: border-box;margin:0 auto;}
.billing .alert_wrap.on {display: flex;}
.billing .alert_wrap p {color:#d92424;font-size: 18px;margin-left: 12px;}
.billing .billing_info {margin: 55px auto 0;width: 1060px;}
.billing .billing_info ul {display: flex;flex-wrap: wrap;}
.billing .billing_info ul li {font-size: 26px;width: 50%;display: flex;}
.billing .billing_info ul li strong {font-weight: 700;}
.billing .billing_info ul li span {font-size: 18px;}
.billing .billing_info ul li span + span {margin-left: 40px;}
.billing .billing_info ul li:nth-child(even) {margin-left: auto;justify-content: flex-end;}
.billing .billing_info ul li:nth-child(-n + 2) {margin-bottom: 20px;}
.billing .link_page {margin-top: 35px;}
.billing .link_page a {font-size: 18px; color:#ffcc2a;}
#downgrade_free::after,#restore_downgrade::after {display: inline-block;content: '';width: 1px;height: 24px;background-color: #fff;margin:0 20px;transform: translateY(5px);}
.billing .billing_list {margin-top: 60px;padding:45px 80px; border-radius: 2px;border: solid 0.3px rgba(255, 255, 255, 0.2);}
.billing .billing_list ul {margin-bottom: 60px;}
.billing .billing_list li {display: flex;margin-bottom: 40px;}
.billing .billing_list li img {margin-right: 20px;}
.billing .billing_list li:last-child {margin-bottom: 0;}
.billing .billing_list li .status_box {margin-left: auto;}
.billing .billing_list li .default {color:#ffcc2a;font-size: 18px;}
.billing .billing_list li .remove {color:#f65a5a;font-size: 18px;margin-left: 20px;}
.billing .billing_list a {font-size: 18px;color:#ffcc2a;}
.billing .tbl_wrap {margin-top: 45px;border-radius: 2px;border: solid 0.3px rgba(255, 255, 255, 0.2);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.billing .tbl_wrap table {width: 100%;table-layout: fixed;}
.billing .tbl_wrap table th,
.billing .tbl_wrap table td {padding:30px 30px; text-align: left;border-bottom: 0.3px solid rgba(255, 255, 255, 0.2);font-size: 18px;}
.billing .tbl_wrap table th:first-child,
.billing .tbl_wrap table td:first-child {padding-left: 80px;}
.billing .tbl_wrap table td:first-child img {margin-left: 5px;transform: translateY(3px);}

.billing .paging_wrap {display: flex;justify-content: space-between;padding:20px 60px;border: 0.3px solid rgba(255, 255, 255, 0.2);border-top: 0 solid #000;}
.billing .paging_wrap a {display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;}
.billing .paging_wrap a img {width: 36px;}

.billing.btn-wrap {display: flex;justify-content: space-between;}
.billing.btn-wrap a {width: 48%;}
.billing.btn-wrap .btn-style4 {color:#c6c6c6 !important;}


.wait_infomation {padding: 130px 0 120px;}
.wait_infomation .text_wrap {text-align: center;color: #111;font-weight: 500;}
.wait_infomation .text_wrap .t1 { font-size: 70px;font-weight: bold;}
.wait_infomation .text_wrap .t2 { margin-top: 8px; font-size: 46px; }
.wait_infomation .text_wrap .t2 b { color: #e81615; font-weight: bold;}
.wait_infomation .text_wrap .t3 { margin-top: 22px; font-size: 38px;}
.wait_infomation .tbl_wrap {width: 1580px;margin:155px auto 0;}
.wait_infomation .tbl_wrap table {table-layout: fixed;width: 100%;border: solid 4px #111;}
.wait_infomation .tbl_wrap table th,
.wait_infomation .tbl_wrap table td {border: solid 2px #111;padding:15px 0 20px;}
.wait_infomation .tbl_wrap table th {font-size: 32px;font-weight: bold;color:#fff;background-color: #2b3353;}
.wait_infomation .tbl_wrap table tbody th {font-size: 28px;font-weight: 500;}
.wait_infomation .tbl_wrap table td {font-size: 28px;font-weight: 500; text-align: center;}
.wait_infomation .tbl_wrap .match {background-color: #7ad57b;}
.wait_infomation .tbl_wrap .others { padding:60px 0;}


/* kemi-partners */
.partners-cont {max-width:850px;margin:0 auto;padding:60px 40px 0;}
.partners-cont h3{margin-bottom:75px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:500;color:#fff;text-align:center;}
.partners-cont .contents {width: 400px;margin:0 auto;}
.partners-cont .btn-wrap a {width: 400px;margin:28px auto 0;}
.partners-cont h4 {margin-top:56px;margin-bottom: 45px; padding-left: 60px; font-size: 28px;font-weight: bold;color:#ffcc2a; background: url(../images/ico_h4_arrow.png) no-repeat 0 50% / 36px 26px;}
.partners-cont h4:first-child {margin-top: 0;}
.partners-cont h4 span {font-size: 20px;font-weight: normal;margin-left: 28px;vertical-align: middle;}
.partners-cont .input_box {margin-bottom: 24px;display: flex;justify-content: space-between;align-items: stretch;}
.partners-cont .input {width: 100%; height: 64px;padding:0 26px;color:#fff;font-size: 18px;border: 1.4px solid #fff;background: transparent;box-sizing: border-box;}
.partners-cont .btn_box .input {width: 71.5%;}
.partners-cont .btn_resend {width: 100px;background-color: #fff;color:#222;font-size: 18px;margin-left: 14px;}
.partners-cont .t1 {font-size: 20px;color:#fff;text-align: center;font-weight: 400;line-height: 38px;}
.partners-cont .alert_box {margin: 83px auto 68px;padding:31px 0 34px; width: 311px;border-radius: 8px;border: solid 1.4px #ffcc2a;text-align: center;color:#fff;font-size: 16px;line-height: 34px;position: relative;}
.partners-cont .alert_box::after {content: '';display: block;width:28px;height: 28px;background: url(../images//ico_exclamation_mark.png) no-repeat 0 0 / cover;position: absolute;left: 50%;top:-16px;transform: translateX(-50%);}
.partners-cont .alert_box + .btn-wrap a {font-size: 27px;}


/* rainbow bg */
.rainbow {
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(115deg, #ff0000 37%, #ff9d00 63%, #ffb000 70%, #ffc200 75%, #ffe800 87%, #fff200 91%, #fff200 91%);
	color:#fff;
}
.rainbow::after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;left:0;
	bottom:0;
	background-image: linear-gradient(-206deg, rgba(255, 255, 255, 0) 63%, #5cb201 100%);
}
.rainbow .container {
	padding:105px 154px;
	position: relative;
	height: calc(100vh - 210px);
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.rainbow .tit_box {padding-bottom: 150px;border-bottom: 1px solid #fff;position: relative;}
.rainbow .tit_box h1 {
	font-size: 117px;
	margin-bottom: 27px;
}
.rainbow .tit_box h1 sup {
	vertical-align: super;
	font-size: 50px;
	margin-left: 10px;
}
.rainbow .tit_box p {
	font-size: 38px;
	font-weight: 500;
}
.rainbow .tit_box .movie_box {
	width: 453px;
	position: absolute;
	right:0;
	top:0;
}
.rainbow .tit_box .movie_box div {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 비율인 경우. 4:3 비율인 경우 75%로 설정합니다 */
	overflow: hidden;
}
.rainbow .tit_box .movie_box iframe,
.rainbow .tit_box .movie_box object,
.rainbow .tit_box .movie_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.rainbow .cont_box {
	margin-top: 125px;
	height: 495px;

}
.rainbow .cont_box li {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 46px;
	position: relative;
	padding-left: 30px;
}
.rainbow .cont_box li::before {
	content: '-';
	display: inline-block;
	position: absolute;
	left:10px;
	top:0;
}
.rainbow .cont_box li:last-child {
	margin-bottom: 0;
}
.rainbow .cont_btm {
	font-size: 29px;
	font-weight: 500;
	position: relative;
	margin-top: auto;
}
.rainbow .cont_btm img {
	position: absolute;
	right:0;bottom:0;
	width: 91px;
}

.email_setting {max-width:850px;margin:0 auto;padding:60px 40px 0;}
.email_setting h3 {margin-bottom: 45px;
	padding-bottom: 35px;
	border-bottom: 1px solid #fff;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-align: center;}
.email_setting .email_setting_list li {padding:0 86px 0 82px;display: flex;justify-content: space-between;margin-bottom: 51px;}
.email_setting .email_setting_list li:last-child {margin-bottom: 0;}
.email_setting .email_setting_list li span {font-size: 24px;color:#fff;}
.email_setting .email_setting_list li input {display: none;}
.email_setting .email_setting_list li label {width: 30px;height: 30px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.email_setting .email_setting_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}


/* sub76 */
.matching_email_setting {max-width:850px;margin:0 auto;padding:60px 40px 0; padding-bottom: 40px;}
.matching_email_setting .tab_menu {border-bottom: 1px solid #fff;margin-bottom:45px;display: flex; align-items: center; justify-content: center;}
.matching_email_setting .tab_menu button {width: 50%;border: 0 solid #000;padding:0;}
.matching_email_setting h3 {padding: 11px 0 12px; font-size:26px;font-weight:500;color:#fff;text-align:center;}
.matching_email_setting .tab_menu button.on h3 {background-color: #ffcc2a;color:#222;}
.matching_email_setting.new .tab_menu button.on h3 {background-color: transparent;color:#ffcc2a;}
.matching_email_setting .matching_wrap .t1 {font-size: 26px;color:#fff;margin-bottom: 32px;display: flex;justify-content: space-between;}
.matching_email_setting .matching_wrap .t1 a {font-size: 22px;color:#ffcc2a}
.matching_email_setting .matching_wrap .t2 {font-size: 18px;color:rgba(255,255,255,.6);margin-top: 27px;}
.matching_email_setting .checkbox_wrap {display: flex;}
.matching_email_setting .checkbox_wrap button {border-width: 1px;font-size: 16px;font-weight: 400;margin-right: 40px;text-align:center;}
.matching_email_setting .checkbox_wrap button span {display: block;}
.matching_email_setting .checkbox_wrap button.btn-large {height: 40px;min-width:148px;width: auto;padding:0 30px;}
.matching_email_setting .checkbox_wrap button.btn-large.round { border-radius: 40px;border-image-source: none;}
.matching_email_setting .checkbox_wrap button.btn-large.round span {margin:0;}
.matching_email_setting .checkbox_wrap button.btn-large.on {background-color: #ffcc2a;color:#333;}
.matching_email_setting .matching_wrap li {margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #495057;}
.matching_email_setting .matching_wrap li:last-child {border-bottom: 0 solid #000;}
.matching_email_setting .matching_wrap .answer {display: flex;align-items: center; width: 100%;height: 74px; border-radius: 2px;border: solid 1.5px #fff;padding:0 34px;font-size: 26px;color:#ffcc2a;box-sizing: border-box;}
.matching_email_setting .email_setting_list li {padding:0 86px 0 82px;display: flex;justify-content: space-between;margin-bottom: 50px;}
.matching_email_setting .email_setting_list li:last-child {margin-bottom: 0;}
.matching_email_setting .email_setting_list li span {font-size: 24px;color:#fff;}
.matching_email_setting .email_setting_list li input {display: none;}
.matching_email_setting .email_setting_list li label {width: 30px;height: 30px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.matching_email_setting .email_setting_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}
.matching_email_setting.new .checkbox_wrap {flex-wrap: wrap;}
.matching_email_setting.new .checkbox_wrap label {color:#fff;display:inline-flex;align-items: center;margin-right: 90px;margin-bottom: 10px}
.matching_email_setting.new .checkbox_wrap label:last-child {margin-right: 0;}
.matching_email_setting.new .checkbox_wrap input[type="radio"] {border: 1px solid #dedede;border-radius: 100%;width: 30px;height: 30px;margin:0;box-sizing: border-box;float: left;}
.matching_email_setting.new .checkbox_wrap input[type="radio"]:checked {background: url(../images/ico_radio_on.svg) no-repeat center / 60%;}
.matching_email_setting.new .checkbox_wrap span {margin-left: 10px;}
.matching_email_setting.new .checkbox_wrap button {margin-right: 10px;margin-bottom: 10px;color:#fff;}

/* sub64, 68, 69 */
.activities {width: 1148px;margin:0 auto;padding:60px 40px 0;}
.activities h3 {width: 850px; margin:0 auto 45px;padding-bottom: 35px; font-size:32px;font-weight:500;color:#fff;text-align:center;border-bottom: solid 1px #fff;}
.activities .stit {display: flex;align-items: center;margin-bottom: 26px;}
.activities .stit button {display: inline-flex; justify-content: center;align-items: center; width: 204px;height: 56px;background-color: #ffcc2a;border-radius: 28px;color:#131313;font-size: 22px;font-weight: 700;margin-top:0;}
.activities .stit > span {color:#ffcc2a;font-size: 20px;font-weight: 500;margin-left: 28px;}
.activities .owl-carousel {margin-bottom: 52px;}
.activities .img_list {display: flex;justify-content: space-between;}
.activities .img_list li {width: 356px; height: 300px;background-color: #fff;position: relative;}
.activities .img_list li .img_box {width: auto;background-color: #fff;}
.activities .img_list li span {position: absolute;right:28px;bottom:40px;font-size: 20px;
	color: white;}
/*.activities .owl-carousel.slide2 .owl-nav.disabled {display: none;}*/
.activities .owl-carousel .owl-nav.disabled{display:block;}
.activities .owl-carousel .owl-nav button{width:60px;height:60px;outline:none;}
.activities .owl-carousel .owl-nav button span{display:block;text-indent:-9999em;}
.activities .owl-carousel .owl-nav .owl-prev{position:absolute;top:50%;left:38%;margin:-30px 0 0 -500px;background:url('../images/btn_left1.png') no-repeat center center;}
.activities .owl-carousel .owl-nav .owl-next{position:absolute;top:50%;right:38%;margin:-30px -500px 0 0;background:url('../images/btn_right1.png') no-repeat center center;}
.activities .accordion-list {width: 600px;margin:75px auto 0;}
.activities .btn_wrap {width: 356px;margin:0 auto;}
.activities .ui-selectmenu-button.ui-button {border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);border-image-slice: 1;color:#f8e274;}
.activities .btn-large {height: 56px;margin-top: 17px;}

/* sub70, 73 */
.location {max-width:850px;margin:0 auto;padding:60px 40px 0;text-align: center;position: relative}
.location h3 {margin-bottom:45px;padding-bottom: 35px; font-size:32px;font-weight:500;color:#fff;text-align:center;border-bottom: solid 1px #fff;}
.location .map_wrap {width: 656px;height:0; position: relative;padding-top: 30%;margin:0 auto;}
.location .map_wrap.wide {width: 834px;padding-top: 56.25%;}
.location .map_wrap iframe {width: 100%;height: 100%; position: absolute;left:0;top:0;}
.location .t1 {font-size: 24px;margin-bottom: 26px; color:#fff;}
.location .t2 {font-size: 24px;margin-bottom: 11px;color:#ffcc2a;}
.location .t3 {font-size: 24px;margin:53px 0 14px;color:#fff;font-weight: 700;}
.location .t4 {font-size: 18px;color:#fff;margin-bottom: 24px;}
.location .t5 {font-size: 18px;color:#fff;margin-top: 24px;position: relative;}
.location .t6 {font-size: 22px;color:#fff;margin-bottom: 58px;}
.location .input_box {width: 500px;height: 60px;position: relative;margin:0 auto 22px;position: relative;}
.location .input_box input {width: 100%;height: 60px; background: transparent;border-radius: 2px;border: solid 1.5px #fff;padding:0 25px;color:#fff;font-size: 20px;box-sizing: border-box;}
.location .input_box button {width: 30px;height: 30px;background:url(../images/ico_q.svg) no-repeat 0 0 / cover;position: absolute;right: 18px;top:15px;}
.location .input_box ul {position: absolute;left:0;top:60px;display: none; background:#fff;width: 100%;padding-bottom: 10px;z-index: 10;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);max-height: 400px;overflow-y: scroll;}
.location .input_box ul li {
	padding: 11px 15px;
    text-align: left;
    cursor: pointer;
}
.location .input_box ul li:hover {background-color: #eee;}
/* jar */
.jar {max-width:850px;margin:0 auto;padding:60px 40px 200px;position: relative;}
.jar .btn_back {top:70px;}
.jar h3 {margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.jar .contents{max-width:602px;margin:0 auto;text-align: center;}
.jar .contents .txt_name {margin-bottom:10px;font-size:28px;color:#fff;}
.jar .contents .txt_name span {font-weight: bold;color:#ffcc2a;}
.jar .contents .t1 {font-size: 20px;margin-top: 24px;color:#fff;}
.jar .contents .t2 {margin-top: 31px; font-size: 18px; color:#fff;opacity: .8;}
.jar .contents .t2 + .t2 {margin-top: 24px;}
.jar .contents .input_box {width: 356px;height: 54px;border-radius: 2px;background: #fff;position: relative;margin: 36px auto 0;}
.jar .contents .input_box input {width: calc(100% - 70px); font-size: 19px;color:#222;border: 0 solid #000;height: 52px;position: absolute;left:0;top:0;padding-left: 10px;text-align: right;outline: none;font-weight: bold;}
.jar .contents .input_box span {position: absolute;right:10px;top:50%;transform: translateY(-50%);font-size: 19px;color:#222;font-weight: bold;}
.jar .contents textarea {padding:16px 20px; margin-top: 56px;width: 500px;height: 124px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background: transparent;resize: none;font-size: 16px;color:white;}
.jar .contents .btn-wrap{margin-top:24px;}
.jar .contents .btn-wrap:after{content:"";display:block;clear:both;}
.jar .contents .btn-wrap a {float:none;margin:0px auto;width:100%;max-width:356px;font-size:28px;font-weight:bold;}
.jar .contents .icon {margin-top: 100px;}
.jar .contents .j1 {font-size: 28px;font-weight: 500;color:#fff;margin-top: 38px;}
.jar .contents .j2 {font-size: 18px;margin-top:26px;color:#fff;}
.jar .contents .j2 + .j2 {margin-top:38px;margin-bottom: 54px;}
.jar h4 {font-size: 26px;color:#fff;}
.jar .contents.who {max-width: 100%;text-align: left;margin:0;}
.jar .checkbox_wrap {display: flex;flex-wrap: wrap;width: 100%;margin:30px 0 66px;}
.jar .checkbox_wrap button {border-width: 1px;font-size: 20px;font-weight: 400;margin-right: 22px;margin-bottom: 24px; text-align:center;}
.jar .checkbox_wrap button span {display: block;}
.jar .checkbox_wrap button.btn-large {height: 40px;min-width:105px;width: auto;padding:0 24px;border: 1px solid #fff;color:#fff; background: none;border-radius: 2px;}
.jar .checkbox_wrap button.btn-large.on {color:#ffcc2a; border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);    border-image-slice: 1;}
.jar .checkbox_wrap button.btn-large:hover{background: rgba(248, 226, 116, .1);}

/* recommended */
.recommended {max-width:850px;margin:0 auto;padding:60px 40px 200px;position: relative;}
.recommended h3 {margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.recommended .contents{max-width:100%;margin:0 auto;}
.recommended .sort_list {margin-bottom: 35px;}
.recommended .sort_list.center {justify-content: center;display: flex;border-bottom: 2px solid #fff;padding-bottom: 20px;}
.recommended .sort_list.center button {margin-right: 0;width: 33.333%;text-align: center;}
.recommended .sort_list button {font-size: 23px;color:rgba(255,252,252,.5); margin-right: 70px;}
.recommended .sort_list button.on {color:#ffcc2a;font-weight: 700;}
.recommended .list {border-bottom: solid 1px #495057;padding:40px 0;}
.recommended .list .status {width: 68px;height: 22px;display: flex;justify-content: center;align-items: center;color:#222;background-color: rgba(255, 255, 255, 0.6);font-size: 12px;font-weight: 700;}
.recommended .list .status.on {background-color: #ffcc2a;}
.recommended .list > div {margin-top: 32px;display: flex;}
.recommended .profile_img {width: 68px;margin-right: 42px;text-align: center;color:#fff;}
.recommended .profile_img img {width: 100%;}
.recommended .profile_img .name {font-size: 14px;color:#fff;text-align: center;font-weight: bold;position: relative;
	/*bottom: -70px;*/
}
.recommended .list  .profile_img .name{
	bottom: -70px;}
.recommended .checkbox_wrap {display: flex;flex-wrap: wrap;width: 410px;}
.recommended .checkbox_wrap span {border-width: 1px;font-size: 14px;font-weight: 400;margin-right: 14px;margin-bottom: 10px; text-align:center;display: flex;justify-content: center;align-items: center;}
.recommended .checkbox_wrap span {height: 34px;width: auto;padding:0 18px;border: 1px solid #fff;color:#fff; background: none;border-radius: 2px;}
.recommended .checkbox_wrap span.on {color:#ffcc2a; border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);    border-image-slice: 1;}
.recommended .txt_box {width: 330px;color:#fff;font-size: 18px;text-align: right;}

.recommended.select {max-width: 100%;margin:0 auto;padding:60px 40px 200px;position: relative;text-align: center;}
.recommended.select h3 {max-width: 850px; margin:0 auto 70px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.recommended.select .contents.select {width:100%;margin:0 auto;}
.recommended.select .btm {max-width: 850px; margin:0 auto;border-top: 2px solid rgba(255,255,255,.9);padding-top: 56px;}
.recommended.select .btm .btn-wrap {width: 207px;margin:0 auto;}
.recommended.select .btm .btn-wrap .btn-large {height: 53px;}
.recommended.select .btn_skip {font-size: 22px;font-weight: bold;color:#ffcc2a;margin-top: 25px;}
.recommended.select .swiper {width: 1200px;}
.recommended.select .select_list_wrap {display: flex;justify-content: center;}
.recommended.select .select_list {width: 300px;padding-bottom: 70px;margin:0 33px 0;}
.recommended.select .select_list .profile_img {width: 136px;text-align: center;color:#fff;margin:0 auto;}
.recommended.select .select_list .profile_img img {width: 61px;margin:0 auto 22px;display: block;}
.recommended.select .select_list .name {font-size: 18px;color:#fff;text-align: center;font-weight: bold;}
.recommended.select .select_list .checkbox_wrap {margin:25px auto 0;color:#fff;display: block;width: 100%;}
.recommended.select .select_list .checkbox_wrap span {font-size: 16px;font-weight: 400;margin-right: 16px;margin-bottom: 10px; text-align:center;display: inline;height: auto;}
.recommended.select .select_list .checkbox_wrap span {color:#fff;border: 0 solid #000;padding:0;margin:0;}
.recommended.select .select_list .checkbox_wrap span.on {color:#ffcc2a;}
.recommended.select .select_list .txt_box {width: 100%;color:#fff;font-size: 18px;text-align: center;margin: 20px auto 0;background: #303030;padding:20px 10px;}
.recommended.select .select_list .txt_box + label {display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.recommended.select .select_list .txt_box + label input {width: 20px;height: 20px;border-radius: 2px;border: solid 1px #fff;}
.recommended.select .select_list .txt_box + label input:checked {background:#ffcc2a url(../images/ico_check_on2.svg) no-repeat 50% / 90%;border-color: #ffcc2a;}
.recommended.select .select_list .txt_box + label span {color:#ffcc2a;margin-left: 5px;}
.recommended.select .select_list .btn_select {border: solid 1px #ffcc2a;width: 160px;height: 56px;display: flex;justify-content: center;align-items: center;margin: 37px auto 0;;}
.recommended.select .select_list .btn_select span {color: #ffcc2a;font-size: 20px;font-weight: bold;padding-left: 34px;background: url(../images/ico_select_off.svg) no-repeat 0 50% / 22px;}
.recommended.select .select_list .btn_select.on {background-color: #ffcc2a;}
.recommended.select .select_list .btn_select.on span {color:#222;background: url(../images/ico_select_on.svg) no-repeat 0 50% / 22px;}

/* btn back */
.btn_back {
	position: absolute;left:40px;top:60px;
	color:#ffcc2a;font-size: 20px;
	padding-left: 27px;background: url(../images/ico_back.svg) no-repeat 0 50%;
}

/* Version 2 */
#container.ver2-container{padding:100px 40px 280px;background:#222;}
.ver2-container h3{max-width:600px;margin:0 auto;padding-bottom:40px;border-bottom:1px solid #fff;font-size:32px;font-weight:500;color:#fff;text-align:center;line-height:1;}

/* Online */
.online-contents{max-width: 600px;margin: 0 auto;}
.online-contents h3{margin-bottom:59px;}
.online-contents ul{width:232px;margin:0 auto 80px;}
.online-contents ul li{position:relative;padding-left:32px;font-size:20px;color:#fff;font-weight:300;}
.online-contents ul li + li{margin-top:30px;}
.online-contents ul li:before{content:"";position:absolute;top:12px;left:0;width:8px;height:8px;background:#fff;border-radius:4px;}
.online-contents .input-calender{max-width:400px;}
.online-contents .input-calender:before{top:14px;left:19px;width:31px;height:32px;background-image:url('../images/icon-calendar2.png');}
.online-contents .input-calender input{height:60px;padding-left:70px;border:1px solid #fff;color:#fff;}
.online-contents .msg-box{max-width:400px;margin:8px auto 0;}
.online-contents .msg-box p{font-size:20px;color:#fff;font-weight:300;line-height:33px;}

/* Completed Online RSVP */
.completed-online-contents{max-width: 600px;margin: 0 auto;}
.completed-online-contents .contents{margin-bottom:52px;padding:54px 0 24px;background-color:rgba(216, 216, 216, 0.07);text-align:center;position: relative;}
.completed-online-contents .contents .date{margin-bottom:24px;font-size:24px;font-weight:300;color:#fff;line-height:1.6;}
.completed-online-contents .contents .btn-zoom{font-size:22px;font-weight:500;height: 60px;}
.completed-online-contents .contents .btn-zoom span {padding:0 40px 0 0;background: url('../images/zoom-link.svg') no-repeat 100% 50% / 28px;}
.completed-online-contents .contents .notice{margin:18px 0 28px;font-size:20px;font-weight:300;color:#fff;line-height:1.8;}
.completed-online-contents .contents .btn-cancel{font-size:18px;font-weight:300;text-decoration:underline;line-height:1.8;text-align: center;color:#fff;
	position: absolute;right: 10px; top:10px}
.completed-online-contents .btn-wrap {text-align: center;}
.completed-online-contents .btn-wrap a{max-width:400px;margin:0 auto;font-size:22px;text-align: center;color:#f8e274;}
.completed-online-contents .btn-wrap a span {padding-right: 20px;background: url('../images/zoom-arrow.svg') no-repeat 100% 65% / 10px;}

/* Activities */
.activities-contents h3{margin-bottom:40px;}
.activities-contents .contents{max-width:1180px;margin:0 auto;}
.activities-contents .contents .control-area{margin-bottom:4px;}
.activities-contents .contents .control-area .ui-selectmenu-button{width:auto;min-height:32px;padding:0 30px 0 0;border:0;font-size:32px;font-weight:500;color:#fff;}
.activities-contents .contents .control-area .ui-selectmenu-icon{right:0;}
.activities-info {margin-top: 30px; padding:50px 30px;display: flex;align-items: center;justify-content: space-between;background-color: #2e2e2e;}
.activities-info p {color: #fff;font-size: 20px;}
.activities-info a {display: inline-flex;min-width: 147px; height: 45px;padding:0 30px;border-radius: 22px;background-color: #ffcc3a;color:#000;font-size: 14px;font-family: 'Lato';align-items: center;flex: 0;box-sizing: border-box;}
.activities-list{overflow:hidden;}
.activities-list ul{width:102.5%;margin-left:-2.5%;font-size:0;}
.activities-list ul li{display:inline-block;position:relative;width:25%;padding:36px 0 36px 2.5%;box-sizing:border-box;vertical-align:top;}
.activities-list ul li:before{content:"";position:absolute;top:0;left:0;width:1180px;height:2px;background:#fff;}
.activities-list ul li:nth-child(1):before,
.activities-list ul li:nth-child(2):before,
.activities-list ul li:nth-child(3):before,
.activities-list ul li:nth-child(4):before{display:none;}
.activities-list ul li .date{display:block;margin-bottom:8px;font-size:18px;color:#fff;line-height:1.4;}
.activities-list ul li .date em + em{margin-left:15px;}
.activities-list ul li .pic{display:block;margin-bottom:10px;}
.activities-list ul li .pic img{display:block;width:100%;}
.activities-list ul li .title{display:block;font-size:18px;color:#fff;line-height:1.4;}

/* Offline Meetup */
.offline-contents h3{margin-bottom:40px;}
.offline-contents .owl-carousel{max-width:356px;margin:0 auto;}
.offline-contents .owl-carousel .item{min-height:250px;box-sizing:border-box;}
.offline-contents .owl-carousel .item.type2{display:table;width:100%;padding:40px 41px;background-color:rgba(216, 216, 216, 0.1);border:1px solid #979797;}
.offline-contents .owl-carousel .item.type2 ul{display:table-cell;vertical-align:middle;}
.offline-contents .owl-carousel .item.type2 ul li{position:relative;padding-left:32px;font-size:20px;font-weight:300;color:#fff;}
.offline-contents .owl-carousel .item.type2 ul li + li{margin-top:8px;}
.offline-contents .owl-carousel .item.type2 ul li:before{content:"";position:absolute;top:12px;left:0;width:8px;height:8px;background:#fff;border-radius:4px;}
.offline-contents .owl-carousel .item.type3{padding:28px 36px 22px;background-color:rgba(216, 216, 216, 0.1);border:1px solid #979797;}
.offline-contents .owl-carousel .item.type3 h4{font-size:20px;font-weight:300;color:#fff;}
.offline-contents .owl-carousel .item.type3 .address{font-size:20px;font-weight:300;color:#fff;}
.offline-contents .owl-carousel .item.type3 .btn-map{display:block;width:272px;height:60px;margin:15px auto 0;border:1px solid #979797;border-radius:30px;font-size:18px;color:#fff;}
.offline-contents .owl-dots{margin:38px 0 80px;font-size:0;text-align:center;}
.offline-contents .owl-dots .owl-dot{display:inline-block;width:12px;height:12px;margin:0 4px;border:1px solid #d8d8d8;border-radius:12px;}
.offline-contents .owl-dots .owl-dot.active{background:#d8d8d8;}
.offline-contents .input-calender{max-width:400px;}
.offline-contents .input-calender:before{top:14px;left:19px;width:31px;height:32px;background-image:url('../images/icon-calendar2.png');}
.offline-contents .input-calender input{height:60px;padding-left:70px;border:1px solid #fff;color:#fff;}
.offline-contents .msg-box{max-width:400px;margin:8px auto 0;}
.offline-contents .msg-box p{font-size:20px;color:#fff;font-weight:300;line-height:33px;}

/* Completed Offline RSVP */
.completed-offline-contents .contents{max-width:600px;margin:0 auto 100px;background-color: rgba(216, 216, 216, 0.07);box-sizing:border-box;text-align:center;padding: 54px 0 24px;}
.completed-offline-contents .contents .date{margin-bottom:24px;font-size:24px;font-weight:300;color:#fff;}
.completed-offline-contents .contents .btn-cancel{margin-bottom:50px;font-size:18px;font-weight:300;color:#fff;text-decoration:underline;}
.completed-offline-contents .contents p{margin-bottom:70px;font-size:18px;font-weight:300;color:#fff;}
.completed-offline-contents .contents .map_wrap{margin-bottom:24px;}
.completed-offline-contents .contents .map_wrap .tit{margin-bottom:10px;font-size:24px;font-weight:bold;color:#fff;}
.completed-offline-contents .contents .map_wrap .address{margin-bottom:24px;font-size:18px;font-weight:300;color:#fff;}
.completed-offline-contents .contents .map_wrap iframe{width:100%;max-width:356px;height:246px;margin:0 auto;}
.completed-offline-contents .contents .btn-whatsapp{display:block;width:272px;max-width:100%;height:60px;margin:0 auto 0;border:1px solid #979797;border-radius:30px;font-size:18px;color:#fff;}
.completed-offline-contents .wait-box{margin-bottom:54px;text-align:center;}
.completed-offline-contents .wait-box h4{margin-bottom:40px;font-size:26px;font-weight:bold;color:#ffcc2a;}
.completed-offline-contents .wait-box p{font-size:18px;color:#fff;}
.completed-offline-contents .select_list_wrap {display: flex;justify-content: center;}
.completed-offline-contents .select_list {width: 400px;padding-bottom: 70px;margin:0 33px 0;text-align: center}
.completed-offline-contents .select_list .profile_img {width: 136px;text-align: center;color:#fff;margin:0 auto;}
.completed-offline-contents .select_list .profile_img img {width: 100%;margin-bottom: 22px;}
.completed-offline-contents .select_list .name {font-size: 24px;font-weight:300;color:#fff;text-align: center;}
.completed-offline-contents .select_list .checkbox_wrap {display: flex;flex-wrap: wrap;justify-content: center;margin:8px auto 0;}
.completed-offline-contents .select_list .checkbox_wrap span {flex:0 1 auto;height: 40px;width:auto;margin:22px 8px 0;padding:5px 16px 0;border: 1px solid #979797;border-radius:20px;box-sizing:border-box;font-size: 16px;font-weight: 300; text-align:center;color:#fff;}
.completed-offline-contents .select_list .checkbox_wrap span.on {background:linear-gradient(#222,#222) padding-box, linear-gradient(to right, #f8e274, #d57205) border-box;border:1px solid transparent;color:#f8e274;border-radius:20px;}
.completed-offline-contents .select_list .txt_box {width: 330px;margin:36px auto 0;color:#fff;font-size: 18px;font-weight:300;text-align: center;line-height:1.78;box-sizing: border-box;}
.completed-offline-contents .select_list .btn_select{display:block;width:24px;height:24px;margin:30px auto 0;background:#d8d8d8;text-indent:-9999em;}
.completed-offline-contents .select_list .btn_select.on {background-color: #ffcc2a;}

/* find friends */
.find_friend {max-width: 850px;margin:0 auto 100px;}
.find_friend .top {display: flex;width: 100%;align-items: center;margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #fff;}
.find_friend .top .txt_box {width: 50%;}
.find_friend .top h3 {font-size:32px;font-weight:bold;color:#fff;display: block;}
.find_friend .top .stit {font-size: 24px;color:#c6c6c6;font-weight: 300;margin-top: 20px;}
.find_friend .top .btn-wrap {width:400px;margin-left: auto;}
.find_friend .top .btn-wrap a + a {margin-top: 24px;}
.find_friend .t1 {font-size: 20px;text-align: center;color: #fff;margin-top: 60px;}
.find_friend .t2 {font-size: 18px;text-align: center;color: #fff;margin-top: 60px;}
.find_friend .review_list {display: flex;justify-content: center;margin-top: 30px;}
.find_friend .review_list li {margin:0 25px;border: 1px solid #000;border-radius: 100%;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;}
.find_friend .review_list li.great {color:#23ffe9;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #22eed9, #08acdc) border-box;border:1px solid transparent;}
.find_friend .review_list li.soso {color:#ce9ffc;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #ce9ffc, #9f44d3) border-box;border:1px solid transparent;}
.find_friend .review_list li.bad {color:#f8e274;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #f8e274, #d57205) border-box;border:1px solid transparent;}
.find_friend .info_box {border-top: 1px solid #fff;background-color: #2e2e2e;width: 520px;margin:30px auto 0;padding:30px 40px;font-size: 18px;color:#fff;}
.find_friend .info_box li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.find_friend .info_box li:last-child {margin-bottom: 0;}
.find_friend .info_box p {text-align: center;font-size: 18px;}
.find_friend .btn_tip {display: flex;justify-content: center;align-items: center;border-radius: 40px;border: solid 1px #ffcc2a;width:260px;height: 79px;margin:60px auto;flex-direction: column;}
.find_friend .btn_tip strong {color:#ffcc2a;font-weight: 700;}
.find_friend .btn_tip span {color:#ffcc2a;font-weight:300;}
.find_friend > h3 {font-size: 32px;font-weight: 500;color:#fff;margin: 80px auto;text-align: center;}
.find_friend .choice_wrap {	display: flex;width: 850px;margin:60px auto 80px;justify-content: space-between;}
.find_friend .choice_wrap > div {width: 404px;background-color: #2e2e2e;padding:10px 10px 40px;box-sizing: border-box;margin: 0 auto}
.find_friend .choice_wrap > div img {width: 100%;}
.find_friend .choice_wrap > div p {font-size: 24px;font-weight: 500;color:#fff;text-align: center;margin:40px 0 30px;}
.find_friend .choice_wrap > div a {border:1px solid transparent;border-radius:36px;display: block;width: 237px;height: 72px;font-size: 22px;overflow: hidden;margin:0 auto;}
.find_friend .choice_wrap > div a span {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;transition: .3s all;background-color:#2e2e2e;}
.find_friend .choice_wrap a.talk {background:linear-gradient(#2e2e2e,#2e2e2e) padding-box, linear-gradient(to right, #f8e274, #d57205) border-box;color:#f8e274;}
.find_friend .choice_wrap a.talk:hover span {background-color: rgba(248, 226, 116, .1);}
.find_friend .choice_wrap a.group {background:linear-gradient(#2e2e2e,#2e2e2e) padding-box, linear-gradient(to right, #23ffe9, #0058f8) border-box;color:#23ffe9;}
.find_friend .choice_wrap a.group:hover span {background-color: rgba(35, 255, 233, .1);}
.find_friend .select_meet {padding:60px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.find_friend .select_meet p {font-size: 20px;text-align: center;color:#fff;}
.find_friend .select_meet_list {display: flex;margin-top: 30px;}
.find_friend .select_meet_list li {width: 100px;text-align: center;margin-right: 50px;}
.find_friend .select_meet_list li:last-child {margin-right:0;}
.find_friend .select_meet_list li img {width: 100%;}
.find_friend .select_meet_list li input {display: none;}
.find_friend .select_meet_list li label {display: block;margin:10px auto 0; width: 24px;height: 24px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.find_friend .select_meet_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}

/* online */
.online {max-width: 600px;margin:0 auto 100px;padding-top: 40px;}
.online h3 {max-width: 600px; margin:0 auto 70px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
.online .t1 {text-align: center;font-size: 20px;margin-bottom: 20px;color:#fff;}
.online .online_box {width: 400px;margin:60px auto 0;}
.online .online_box li {padding:0 20px;border: solid 1px #555;margin-bottom: 24px;}
.online .online_box .status_box {display: flex;align-items: center;justify-content: space-between;font-size: 18px;cursor: pointer;padding:20px 0;}
.online .online_box .status_box .lang span {color:#fff;}
.online .online_box .status_box .lang .on {color:#00c80d;}
.online .online_box .status_box strong {color:#fff;}
.online .online_box .status_box strong.on {padding-left: 16px;position: relative;}
.online .online_box .status_box strong.on::before {content: '';display: block;width: 10px;height: 10px;border-radius: 100%;background: #00c80d;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.online .online_box li.disabled {color:#555;}
.online .online_box .disabled .status_box .lang span {color:#555;}
.online .online_box .disabled .status_box .lang .on {color:#555;}
.online .online_box .disabled .status_box strong {color:#555;}
.online .online_box .select_list {display: none;border-top: 1px solid #555;;padding: 30px 0 20px;}
.online .online_box .on.select_list {display: block;}
.online .online_box .select_list p {margin-bottom: 20px;display: flex;align-items: center;}
.online .online_box .select_list p:last-child {margin-bottom: 0;}
.online .online_box .select_list span {color:#fff;font-size: 16px;margin-right: 25px;}
.online .online_box .select_list span.select {margin-right: 0;margin-left: auto;font-size: 12px;color:#ffca01;border: 1px solid #ffca01;border-radius: 20px;padding:4px 15px 5px;cursor: pointer;}
.online .online_box .select_list span.select.on {background-color: #ffca01;color:#000;}

.meet_wrap {position: relative;width: 850px;margin:0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height:calc(100vh - 240px);}
.meet_wrap .ico {position: absolute;display: block;z-index: 0}
.meet_wrap > * {z-index: 1}
.meet_wrap .__01 {width: 283px;height: 162px; background: url(../images/oval_1.svg) no-repeat 0 0 / cover;left: 90px;top:-40px;}
.meet_wrap .__02 {width: 70px;height: 70px; background: url(../images/oval_2.svg) no-repeat 0 0 / cover;right: -100px;top: 65px;}
.meet_wrap .__03 {width:94px;height: 94px; background: url(../images/oval_3.svg) no-repeat 0 0 / cover;left: -90px;top:195px}
.meet_wrap .__04 {width:29px;height: 29px; background: url(../images/oval_4.svg) no-repeat 0 0 / cover;right: -30px;top: 165px;}
.meet_wrap .__05 {width:167px;height: 167px; background: url(../images/oval_5.svg) no-repeat 0 0 / cover;left: -60px;bottom:-80px;}
.meet_wrap .__06 {width:60px;height:60px;background: url(../images/oval_6.svg) no-repeat 0 0 / cover;right: -90px;top: 435px;}
.meet_wrap h3 {font-size: 32px;font-weight: 500;color:#fff;margin: 80px auto 40px;text-align: center;}
.meet_wrap .t1 {font-size: 24px;text-align: center;color:#fff;}
.meet_wrap .t2 {font-size: 18px;text-align: center;color:#fff;}
.meet_wrap .t2 + .t2{margin-top: 30px;}
.meet_wrap .time_text {text-align: center;}
.meet_wrap .time_text .t1 {margin-top: 20px;}
.meet_wrap .time_text .t1 + .t1 {margin-top: 60px;}
.meet_wrap .btn_main {padding: 26px 43px;border-radius: 40px;border: solid 1px #ffcc2a;font-size: 18px;font-weight: 700;color:#ffcc2a;margin-top: 40px;}
.meet_wrap .join_text {text-align: center;}
.meet_wrap .join_text .people span {font-size: 32px;font-weight: 500;color:#fff;margin-left: 10px;}
.meet_wrap .join_text h3 {margin:0 auto;}
.meet_wrap .join_text .tit {margin: 40px auto 0; line-height: 79px; border-radius: 40px;border: solid 1px #ffcc2a;color:#ffcc2a;font-size: 32px;font-weight: 700;width: 240px;}
.meet_wrap .info_box {width: 520px;margin:40px auto 0;background-color: #2e2e2e;padding:20px 0;}
.meet_wrap .reivew {text-align: center;position: relative;z-index: 1;}
.meet_wrap .reivew .tit {margin: 0 auto 40px; line-height: 79px; border-radius: 40px;border: solid 1px #ffcc2a;color:#ffcc2a;font-size: 32px;font-weight: 700;width: 240px;}
.meet_wrap .reivew h3 {margin:0 auto 40px;}
.meet_wrap .btn_box {
	/* display: flex; */
	
	width: 100%;justify-content: center;margin:20px auto 30px;flex-wrap: wrap;gap: 10px}
.meet_wrap .btn_box strong {display: flex;justify-content: center;align-items: center;height: 40px;width: 72px;cursor: pointer; margin-bottom: 10px;}
.meet_wrap .btn_box strong span {font-size: 14px; color: #FFFFFF;}
.meet_wrap .btn_box label {position: relative;min-width: 30%}
.meet_wrap .btn_box label input {position: absolute;left:0;top:0;}
.meet_wrap .btn_bad {width:100%;background:none;border:1px solid #f8e274;border-radius:2px;border-image-source: linear-gradient(118deg, #f8e274, #d57205 110%);border-image-slice: 1;color:#f8e274;transition: .3s ease-in-out;}
.meet_wrap .btn_bad:hover {background:rgba(248, 226, 116, .1);}
.meet_wrap .btn_soso {width:100%;background:none;border:1px solid #ce9ffc;border-radius:2px;border-image-source: linear-gradient(118deg, #ce9ffc, #9f44d3 110%);border-image-slice: 1;color:#ce9ffc;ftransition: .3s ease-in-out;}
.meet_wrap .btn_soso:hover {background:rgba(178, 56, 255, .1);}
.meet_wrap .btn_kemi {width:100%;
	background:none;
	border:1px solid #5B5B5B;
	border-radius:2px;
	/* border-image-source: linear-gradient(118deg, #22eed9, #08acdc 110%); */
	border-image-slice: 1;
	color:#22eed9;
	transition: .3s ease-in-out;
}
.meet_wrap .btn_kemi:hover {background:rgba(35, 255, 233, .1);}
.meet_wrap .btn_back {color:#fff;font-size: 18px;font-weight: 700;padding-left: 30px;background: url(../images/btn_back.svg) no-repeat 0 50% / 20px 14px;}
.meet_wrap .remaining_time {position: absolute;right:0;top:60px;color:#fff;font-family: 'Lato';}
.meet_wrap .remaining_time p {font-size: 18px;font-weight: 800;}
.meet_wrap .remaining_time .time_box {display: flex;align-items: center;margin-top:10px;position: relative;}
.meet_wrap .remaining_time .time_box::after,
.meet_wrap .remaining_time .time_box::before {content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;position: absolute;left: 61px;}
.meet_wrap .remaining_time .time_box::after {top:20px;}
.meet_wrap .remaining_time .time_box::before {top:30px;}
.meet_wrap .remaining_time .time_box > div {width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;font-size: 30px;background: #000;border-radius: 10px;}
.meet_wrap .remaining_time .time_box .txt_time {margin-right: 14px;}
.meet_wrap .meet_up {color:#fff;position: relative;z-index: 1;}
.meet_wrap .meet_up .t1 {font-size: 18px;text-align: center;font-weight: bold;font-family: 'Lato';margin-bottom: 10px;}
.meet_wrap .meet_up .time_txt {font-size: 50px;text-align: center;font-weight: 800;font-family: 'Lato';margin-bottom: 30px;}
.meet_wrap .meet_up .t_tit {font-size: 32px;font-weight: 500;text-align: center;margin-bottom: 40px;}
.meet_wrap .meet_up ul {border-top: 1px solid #fff;padding-top: 40px;}
.meet_wrap .meet_up ul li {padding-left: 15px;position: relative;font-size: 18px;font-weight: 500;letter-spacing: -0.01em;margin-bottom: 20px;}
.meet_wrap .meet_up ul li::before {content: '·';position: absolute;left: 0;}


/* Popup Window1 */
.dialog .pop-wrap.save-my-city1 .pop-header{border-bottom:0;}
.dialog .pop-wrap.save-my-city1 h1{text-indent:-9999em;}
.dialog .pop-wrap.save-my-city1 .pop-cont p{margin:76px 0 67px;font-size:20px;font-weight:300;color:#fff;text-align:center;}
.dialog .pop-wrap.save-my-city1 .pop-cont .ui-selectmenu-button.ui-button.ui-selectmenu-button-open{border-bottom:2px solid #c6c6c6;}
.dialog .pop-wrap.save-my-city1 .pop-cont .ui-selectmenu-button.ui-button{max-width:400px;min-height:60px;margin:0 auto;}
.dialog .pop-wrap.save-my-city1 .pop-cont .btn-wrap{padding:88px 0 124px;}
.dialog .pop-wrap.save-my-city1 .pop-cont .btn-wrap a{max-width:240px;margin:0 auto;font-size:22px;font-weight:normal;}

/* Popup Window2 */
.dialog .pop-wrap.save-my-city2 .pop-header{border-bottom:0;}
.dialog .pop-wrap.save-my-city2 h1{text-indent:-9999em;}
.dialog .pop-wrap.save-my-city2 .row + .row{margin-top:46px;}
.dialog .pop-wrap.save-my-city2 .label{margin-bottom:26px;font-size:20px;font-weight:300;color:#fff;}
.dialog .pop-wrap.save-my-city2 .date-range{display:flex;justify-content:center;align-items:center;}
.dialog .pop-wrap.save-my-city2 .date-range .input-calender{width:200px;margin:0;}
.dialog .pop-wrap.save-my-city2 .date-range .input-calender + .input-calender{position:relative;margin-left:65px;}
.dialog .pop-wrap.save-my-city2 .date-range .input-calender + .input-calender:after{content:"";position:absolute;top:50%;left:-40px;width:16px;height:3px;margin-top:-1px;background:#979797;}
.dialog .pop-wrap.save-my-city2 .date-range .input-calender:before{top:14px;left:19px;width:31px;height:32px;background-image:url('../images/icon-calendar2.png');}
.dialog .pop-wrap.save-my-city2 .date-range .input-calender input{height:60px;padding-left:70px;padding-right:20px;border:1px solid #fff;font-size:20px;color:#fff;}
.dialog .pop-wrap.save-my-city2 .select-row{position:relative;padding-right:110px;}
.dialog .pop-wrap.save-my-city2 .select-row .ui-selectmenu-button.ui-button.ui-selectmenu-button-open{border-bottom:2px solid #c6c6c6;}
.dialog .pop-wrap.save-my-city2 .select-row .control-area{overflow:hidden;position:absolute;top:8px;right:0;width:94px;}
.dialog .pop-wrap.save-my-city2 .select-row .control-area .btn-plus{float:left;width:39px;height:39px;margin-right:16px;background:url('../images/ico_plus.png') no-repeat center center;background-size:100% 100%;box-sizing:border-box;text-indent:-9999em;}
.dialog .pop-wrap.save-my-city2 .select-row .control-area .btn-minus{float:left;width:39px;height:39px;background:url('../images/ico_minus.png') no-repeat center center;background-size:100% 100%;box-sizing:border-box;text-indent:-9999em;}
.dialog .pop-wrap.save-my-city2 .select-row + .select-row{margin-top:16px;}
.dialog .pop-wrap.save-my-city2 .pop-cont .btn-wrap{padding:88px 0 72px;}
.dialog .pop-wrap.save-my-city2 .pop-cont .btn-wrap a{max-width:240px;margin:0 auto;font-size:22px;font-weight:normal;}

/* Popup level */
.dialog .pop-wrap.language-level {width:580px;box-sizing: border-box;}
.dialog .pop-wrap.language-level h1 {font-size: 22px;font-weight: 500;}
.dialog .pop-wrap.language-level .pop-header{border-bottom:0;margin-bottom: 10px;}
.dialog .pop-wrap.language-level .pop-cont p {font-size:18px;font-weight:300;color:#fff;text-align:center;}
.dialog .pop-wrap.language-level .pop-cont p + p {margin-top: 10px;}
.dialog .pop-wrap.language-level .pop-cont .txt_lv {margin-bottom: 30px;font-size: 40px;font-weight: 700;}
.dialog .pop-wrap.language-level .pop-cont .btn-wrap{margin-top: 30px;}
.dialog .pop-wrap.language-level .pop-cont .btn-wrap a {display: block; padding:16px 0;width: 200px;border-radius: 28px;border: solid 1px #ffcc2a;margin:0 auto;text-align: center;color:#ffcc2a;font-size: 16px;}
.dialog .pop-wrap.language-level .check_languge {display: flex;justify-content: center;}
.dialog .pop-wrap.language-level .check_languge > div {width: 50%;text-align: center;cursor: pointer;}
.dialog .pop-wrap.language-level .check_languge > div:first-child {border-right: 1px solid #979797;}
.dialog .pop-wrap.language-level .check_languge > div::before {content: '';display: block;width: 24px;height: 24px;border: solid 1px #c4c4c4;margin:0 auto 10px;border-radius: 100%;}
.dialog .pop-wrap.language-level .check_languge > div.on::before {background-color: #ffcc2a;}



/* =================================================
	* Footer
================================================= */
#footer{height:180px;margin-top:-180px;background:#1d1e1f;z-index: 1; width: 100%;}
#footer .inner{position:relative;max-width:1024px;margin:0 auto;padding:44px 0;}
#footer .inner h2{position:absolute;top:33px;left:40px;}
#footer .inner h2 img{display:block;width:100px;}
#footer .inner .content dl{overflow:hidden;}
#footer .inner .content dl + dl{margin-top:12px;}
#footer .inner .content dl dt{float:left;font-size:14px;color:#525252;}
#footer .inner .content dl dd{float:left;margin-left:7px;font-size:14px;color:#e4e4e4;}
#footer .inner p{position:absolute;bottom:50px;right:40px;font-size:12px;font-weight:100;color:#fff;}
#footer .inner .content + p {position: static;text-align: center;margin-top: 50px;}
#footer .inner ul.content  {display: flex;justify-content: center;}
#footer .inner .content li {margin:0 40px;}
#footer .inner .content li a{color:#fff;font-weight: 300;font-size: 14px;}


/* loading */
.loading_wrap {
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.9);
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color:#fff;
	font-family: 'Lato';
}
.loading_dot {
	display: flex;
	align-items: center;
}
.loading_dot span {
	display: block;
	width: 10px;
	height: 10px;
	margin:0 5px;
	border-radius: 50%;
}

.loading_dot span:nth-child(1) {
	background-image: linear-gradient(to bottom, #22eed9, #08acdc);
	animation: loading_animation 1s infinite alternate;
}
.loading_dot span:nth-child(2) {
	background-image: linear-gradient(to bottom, #ce9ffc -34%, #9f44d3);
	animation: loading_animation 1s infinite alternate;
	animation-delay: .333s;
}
.loading_dot span:nth-child(3) {
	background-image: linear-gradient(to bottom, #f8e274 -33%, #d57205);
	animation: loading_animation 1s infinite alternate;
	animation-delay: .666s;
}
.loading_wrap .t1 {
	font-size: 14px;
	margin-top: 10px;
}
.loading_wrap .txt {
	font-size: 18px;
	margin-top: 80px;
}
.loading_wrap .txt span {
	color:#222;
	background: #ffcc2a;
	border-radius: 14px;
	font-size: 14px;
	padding:1px 7px;
	margin-right: 7px;
}
.loading_wrap .btn_start {
	margin-top: 30px;
	padding: 12px 40px;
	font-size: 18px;
	border-radius: 40px;
	border: solid 1px #ffcc2a;
	color:#ffcc2a;
}
.loading_wrap .btn_start:hover{
	opacity:.8;
}
@keyframes loading_animation {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.5);
	}
}


/* =================================================
	* Media Query
================================================= */
@media only screen and (max-width:1024px) {
	/* Main */
	.main .owl-carousel .owl-nav .owl-prev{left:30px;margin-left:0;}
	.main .owl-carousel .owl-nav .owl-next{right:30px;margin-right:0;}
}


@media only screen and (max-width: 950px){
	#header .gnb ul li{margin-left: 20px}

}

@media only screen and (max-width:850px) {
	#wrap {overflow-x: hidden;}
	/* Common */
	.m-show{display:block;}
	.pc-show{display:none;}
	.pc {display: none;}
	.pc_f {display: none;}
	.m {display: block;}
	.m_f {display:flex;}

	/* Header */
	#header{padding:0 20px;}
	#header h1{left:20px;}
	#header h1 a{
		/* display: none; */
		width: 80px;
		height: 45px;
		background: url(../images/logo-3.png) no-repeat center center;
		background-size: 100% 100%;
		/* object-fit: contain; */
		background-position: center;
		background-size: contain;
	}
	#header h1 a img{display:none;}
	#header .btn-menu{display:block;position:absolute;top:10px;right:15px;z-index:11;width:40px;height:40px;text-indent:-9999em;outline:none;}
	#header .btn-menu span{position:absolute;top:50%;left:10px;width:22px;height:3px;margin-top:-2px;background:#c6c6c6;transition:.3s ease-in-out;}
	#header .btn-menu span:before{content:"";position:absolute;top:-8px;left:0;width:27px;height:3px;background:#c6c6c6;transition:.3s ease-in-out;}
	#header .btn-menu span:after{content:"";position:absolute;top:8px;left:0;width:16px;height:3px;background:#c6c6c6;transition:.3s ease-in-out;}
	#header .btn-menu.on span{background:none;transform:rotate(180deg);}
	#header .btn-menu.on span:before{top:0;width:25px;transform:rotate(-45deg);}
	#header .btn-menu.on span:after{top:0;width:25px;transform:rotate(45deg);}
	#header .gnb{position: fixed;
		top: -100%;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		transition: .3s ease-in-out;
	}
	#header .gnb .inner{box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%);
		overflow-y: auto;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		width: 100%;
		height: auto;
		padding: 80px 30px 0px;
		background: #ffffff;
		box-sizing: border-box;
	}
	/* #header .gnb ul{float:none;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #4a4a4a; display: none;} */
	#header .gnb ul li{float:none;height:auto;margin-left:0;flex-wrap: wrap;}
	#header .gnb ul li a{padding:10px 0;font-size:16px;color:#9b9b9b;}
	#header .gnb ul li a:hover{color:#c6c6c6;}
	#header .gnb ul li.menu-service{display:none;}
	#header .gnb .m-show a{display:block;padding:10px 0;font-size:16px;color:#9b9b9b;}
	#header .gnb ul::after {display: none;}
	#header .gnb ul li.my_profile {position: relative;}
	#header .gnb ul li.my_profile > a::after {display: none;}
	#header .gnb ul li.my_profile .profile_box {position: static;width: 100%;border-radius: 4px;background-color: transparent;display: none;}
	#header .gnb ul li.my_profile .profile_box.on {display: block;}
	#header .gnb ul li.my_profile .profile_box p {padding: 10px 0;font-size: 16px;color: #9b9b9b;}
	#header .gnb ul li.my_profile .profile_box .btn_box {padding:0;}
	#header .gnb ul li.my_profile .profile_box .btn_box a + a {margin-top: 0;}
	#header .gnb ul li.my_profile .profile_box .btn_box a {padding: 10px 0;font-size: 16px;color: #9b9b9b;}
	#header .gnb ul li.my_profile.on > a::after {top:25px;}
	#header .gnb ul li.my_profile > a::after {display: block;content: ''; width: 0;height: 0;border: 5px solid transparent;border-bottom: 5px solid #fff;border-top: 0;/* 화살표 */position: absolute;top:10px;right:0;}
	#header .gnb ul li.my_profile > a::after {top:25px;}
	#header .gnb ul li.my_profile img {width: 40px;}
	#header .gnb ul.mobile_list {display: block;}

	#header .language-wrap{float:none;position:absolute;top:17px;left:50%;width:50px;height:27px;padding:0;background:rgba(0, 0, 0, 0.3);border-radius:5px;box-sizing:border-box;transform:translate(-50%, 0);}
	#header .language-wrap:before{content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
	#header .language-wrap a{position:relative;z-index:2;width:50%;height:27px;padding:4px 0 0;box-sizing:border-box;font-size:0;text-align:center;}
	#header .language-wrap a em{display:block;font-size:12px;}
	#header .language-wrap a:before{display:none;}
	#header .language-wrap a:hover{color:#c6c6c6;}
	#header .language-wrap a.on:hover,
	#header .language-wrap a.on{color:#fff;}
	#header .language-wrap a.on:after{content:"";position:absolute;top:2px;left:2px;z-index:-1;width:23px;height:23px;background:#4a4a4a;border-radius:4px;}
	#header .dropdown{position:static;}
	#header .dropdown .btn-sub-menu{display:none;}
	#header .dropdown ul{display:block;position:static;padding-top:0;border:none;border-bottom:1px solid #4a4a4a;width:auto;background:none;}
	#header .dropdown ul li a{padding:10px 0;}
	#header .gnb.on{top:0;}
	#header .search_box {width: calc(100% - 100px);position: static;}
	#header .search_box input { width: 550px;height: 38px;}
	#header .search_box .search_menu {width: 100vw;top:60px;}



	/* Container */
	.about .about-box dl dt{margin-bottom:15px;font-size:20px;}
	.about .about-box dl dd{font-size:14px;}
	.gallery-list ul li{width:48%;}

	/* Version 2 */
	#container.ver2-container{padding-bottom:100px;}
	.activities-list ul li{width:50%;}
	.activities-list ul li:nth-child(3):before,
	.activities-list ul li:nth-child(4):before{display:block;}

	/* Footer */
	#footer{height:auto;margin-top:0px;}
	#footer .inner{padding:30px 20px;text-align:center;}
	#footer .inner h2{position:static;margin-bottom:20px;}
	#footer .inner h2 img{margin:0 auto;}
	#footer .inner p{position:static;margin-top:20px;}
	#footer .inner .content dl{font-size:0;}
	#footer .inner .content dl + dl{margin-top:5px;}
	#footer .inner .content dl dt{display:inline-block;float:none;}
	#footer .inner .content dl dd{display:inline-block;float:none;}
	#footer .inner .content + p {position: static;text-align: center;margin-top: 10px;}
	#footer .inner ul.content  {display: flex;justify-content: center;}
	#footer .inner .content li {margin:0 10px;}
	#footer .inner .content li a{color:#fff;}

	.loading_wrap .txt {
		margin:80px 20px 0;
		text-align: center;
	}


	.friend .matched {width: 100%;margin:0 auto;}
	.friend .sort_list.center button {font-size: 16px;}
	.friend .sort_list.center {width: 100%;margin-bottom: 10px;}
	.friend .sort_list.center + p {font-size: 12px;}
	.appraisal-wrp .sec .in {padding-left: 0;}
	.appraisal-wrp .sec .in .btn-goodbad label .btn-smallist span {font-size: 12px;}

	.friend .sub_txt {padding-top: 20px;border-top: 1px solid #fff;color:#fff;font-size: 16px;text-align: center;}
	.friend .partner_cont {margin-top: 30px;text-align: center;}
	.friend .partner_cont .img1 {width: 20%;}
	.friend .partner_cont .img2 {width: 70%;}
	.friend .partner_cont .img_cont p {font-size: 14px;color:#9e9e9e;margin-top: 20px;}
	.friend .partner_cont .img_cont + .img_cont {margin-top: 70px;}
	.friend .partner_cont ul {margin-top: 50px;}
	.friend .partner_cont li {display: flex;align-items: center;padding-bottom: 30px;border-bottom: 1px solid #495057;margin-bottom: 30px;}
	.friend .partner_cont .img_box {width: 30%;}
	.friend .partner_cont .img_box img {width: 100%;}
	.friend .partner_cont .text_box {width: calc(100% - 30%); text-align: left;padding-left: 20px;}
	.friend .partner_cont .text_box .t1 {font-size: 18px;color:#fff;font-weight: 700;}
	.friend .partner_cont .text_box .t2 {font-size: 12px;color:#9e9e9e;margin-top: 20px;}
	.friend .partner_cont .text_box .t2 a {color:#ffcc2a;}

	/* find friends */
	.find_friend {max-width: 100%;width: 100%; margin:0 auto 100px;padding:0 20px;box-sizing: border-box;}
	.find_friend .top {display: block;width: 100%;margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #fff;}
	.find_friend .top .txt_box {width: 100%;text-align: center;margin-bottom: 20px;}
	.find_friend .top h3 {font-size:18px;font-weight:bold;color:#fff;display: block;text-align: center;}
	.find_friend .top .stit {font-size: 14px;color:#c6c6c6;font-weight: 300;margin-top: 10px;text-align: center;}
	.find_friend .top .btn-wrap {width:100%;margin:0 auto;}
	.find_friend .top .btn-wrap a {font-size: 14px;height: 60px;}
	.find_friend .top .btn-wrap a + a {margin-top: 24px;}
	.find_friend .t1 {font-size: 16px;text-align: center;color: #fff;margin-top: 30px;}
	.find_friend .t2 {font-size: 14px;text-align: center;color: #fff;margin-top: 30px;}
	.find_friend .review_list {display: flex;justify-content: center;margin-top: 30px;width: 100%;}
	.find_friend .review_list li {margin:0 3%;border: 1px solid #000;border-radius: 100%;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;}
	.find_friend .review_list li.great {color:#23ffe9;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #22eed9, #08acdc) border-box;border:1px solid transparent;}
	.find_friend .review_list li.soso {color:#ce9ffc;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #ce9ffc, #9f44d3) border-box;border:1px solid transparent;}
	.find_friend .review_list li.bad {color:#f8e274;background:linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #f8e274, #d57205) border-box;border:1px solid transparent;}
	.find_friend .info_box {border-top: 1px solid #fff;background-color: #2e2e2e;width: 100%;margin:30px auto 0;padding:10px 20px;font-size: 14px;color:#fff;box-sizing: border-box;}
	.find_friend .info_box li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
	.find_friend .info_box li:last-child {margin-bottom: 0;}
	.find_friend .info_box p {text-align: center;font-size: 14px;}
	.find_friend .btn_tip {display: flex;justify-content: center;align-items: center;border-radius: 40px;border: solid 1px #ffcc2a;width:60%;height: 60px;margin:30px auto;font-size: 14px;}
	.find_friend .btn_tip strong {color:#ffcc2a;font-weight: 700;}
	.find_friend .btn_tip span {font-size: 12px;}

	.find_friend > h3 {font-size: 18px;margin: 40px auto;}
	.find_friend .choice_wrap {	width: 100%;margin:30px auto;flex-wrap: wrap;}
	.find_friend .choice_wrap > div {width: 100%;padding:10px 10px 40px;}
	.find_friend .choice_wrap > div img {width: 100%;}
	.find_friend .choice_wrap > div p {font-size: 16px;margin:20px 0 15px;}
	.find_friend .choice_wrap > div a {border:1px solid transparent;border-radius:36px;display: block;width: 80%;height: 36px;font-size: 18px;}
	.find_friend .select_meet {padding:30px 0;}
	.find_friend .select_meet p {font-size: 18px;}
	.find_friend .select_meet_list {display: flex;justify-content: space-between;margin-top: 30px;flex-wrap: wrap;}
	.find_friend .select_meet_list li {width: 30%;text-align: center;margin-bottom: 10%;margin-right: 0;}
	.find_friend .select_meet_list li img {width: 100%;}
	.find_friend .select_meet_list li input {display: none;}
	.find_friend .select_meet_list li label {display: block;margin:10px auto 0; width: 24px;height: 24px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
	.find_friend .select_meet_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}

	/* online */
	.online {max-width: 100%;margin:0 auto 0px;padding: 20px;}
	.online h3 {max-width: 90%; margin:0 auto 40px;padding-bottom:25px;font-size:18px;}
	.online .t1 {text-align: center;font-size: 14px;margin-bottom: 10px;}
	.online .online_box {width: 100%;margin:30px auto 0;}
	.online .online_box li {padding:0 10px;margin-bottom: 15px;}
	.online .online_box .status_box {font-size: 14px;padding:15px 0;}
	.online .online_box .select_list {display: none;border-top: 1px solid #555;padding: 20px 0 10px;}
	.online .online_box .select_list p {margin-bottom: 15px;}
	.online .online_box .select_list span {font-size: 12px;}
	.online .online_box .select_list span.select {margin-right: 0;margin-left: auto;font-size: 12px;color:#ffca01;border: 1px solid #ffca01;border-radius: 20px;padding:4px 15px 5px;}

	.meet_wrap {width: 100%;min-height:auto;padding:60px 20px 20px;box-sizing: border-box;}
	.meet_wrap .ico {position: absolute;display: block;}
	.meet_wrap .__01 {width: 56px;height: 32px; background: url(../images/oval_1.svg) no-repeat 0 0 / cover;left: 20px;top:0px;}
	.meet_wrap .__02 {width: 70px;height: 70px; background: url(../images/oval_2.svg) no-repeat 0 0 / cover;right: -100px;top: 65px;}
	.meet_wrap .__03 {width:94px;height: 94px; background: url(../images/oval_3.svg) no-repeat 0 0 / cover;left: -90px;top:195px}
	.meet_wrap .__04 {width:29px;height: 29px; background: url(../images/oval_4.svg) no-repeat 0 0 / cover;right: -30px;top: 165px;}
	.meet_wrap .__05 {width:167px;height: 167px; background: url(../images/oval_5.svg) no-repeat 0 0 / cover;left: -60px;bottom:-150px;}
	.meet_wrap .__06 {width:60px;height:60px;background: url(../images/oval_6.svg) no-repeat 0 0 / cover;right: -20px;top: 435px;}
	.meet_wrap h3 {font-size: 22px;margin: 40px auto 40px;}
	.meet_wrap .t1 {font-size: 18px;}
	.meet_wrap .t2 {font-size: 14px;}
	.meet_wrap .t2 + .t2{margin-top: 15px;}
	.meet_wrap .time_text .t1 {margin-top: 10px;}
	.meet_wrap .time_text .t1 + .t1 {margin-top: 30px;}
	.meet_wrap .btn_main {padding: 16px 23px;border-radius: 40px;border: solid 1px #ffcc2a;font-size: 16px;font-weight: 700;color:#ffcc2a;margin-top: 20px;}
	.meet_wrap .join_text {text-align: center;width: 100%;}
	.meet_wrap .join_text .people span {font-size: 32px;font-weight: 500;color:#fff;margin-left: 10px;}
	.meet_wrap .join_text h3 {margin:0 auto;}
	.meet_wrap .join_text .tit {margin: 20px auto 0; line-height: 48px;font-size: 18px;width: 50%;}
	.meet_wrap .info_box {width: 100%;margin:20px auto 0;padding:20px 0;}
	.meet_wrap .reivew {text-align: center;}
	.meet_wrap .reivew .tit {margin: 0 auto 20px; line-height: 48px; font-size: 18px;width: 50%;}
	.meet_wrap .reivew h3 {margin:0 auto 40px;}
	.meet_wrap .btn_box {display: flex;width: 100%;justify-content: space-between;margin:20px auto 30px;}
	.meet_wrap .btn_box strong {height: 40px;width: 30%;}
	.meet_wrap .btn_box label {width: 30%;position: relative;}
	.meet_wrap .btn_box label input {position: absolute;left:0;top:0;}
	.meet_wrap .btn_box label strong {width: 100%;}
	.meet_wrap .btn_back {margin-top: 30px;}
	.meet_wrap .remaining_time {position: static;margin-bottom: 50px;}

}

@media only screen and (max-width:480px) {
	/* Common */
	.input-txt input{height:45px;padding:0 15px;font-size:16px;line-height:41px;}
	.input-radio label{height:45px;padding-top:5px;font-size:20px;}
	.input-radio.type2 label{
		/*min-height:0;*/
		font-size:14px;
	}
	.input-radio.type3 label{height:45px;padding:10px 15px 0;min-height:0;font-size:14px;}
	.input-chk label{height:45px;min-height:0;padding:0 15px;font-size:14px;}
	.input-chk label span{font-size:14px;}
	.input-chk label:before{right:15px;width:17px;height:12px;margin-top:-6px;}
	.btn-small{height:45px;font-size:20px;}
	.btn-medium{height:50px;font-size:20px;}
	.btn-large{}
	.btn-style1{}
	.btn-style2{font-size:14px;}
	.btn-style3{font-size:14px;}
	.btn-style3 em{font-size:11px;}
	.btn-style4{font-size:14px;}
	.btn-style8 em{font-size:11px;}
	.btn-more{width:150px;height:45px;padding-top:9px;font-size:16px;}

	.btn-zoom {display: flex;justify-content: center;align-items: center; width:80%;height:60px;margin:0 auto; background:#008cff;border:2px solid #008cff;border-radius:2px;color:#fff;transition: .3s ease-in-out;box-sizing: border-box;}
	.btn-zoom:hover{opacity:.8;}
	.btn-zoom span {padding-left: 60px;background: url(../images/btn_zoom.png) no-repeat 0 45% / 50px;font-size: 22px;}


	.accordion-list .list-item .title{font-size:16px;}
	.accordion-list .list-item.on .cont{font-size:14px;}
	.tit-wrp dt{font-size:20px;}
	.tit-wrp dd{font-size:16px;}
	.tit-wrp dd a{font-size:14px;}
	.popup.pop-great .table-cell .pop-cont h2{font-size:25px;}
	.popup.pop-great .table-cell .pop-cont p{font-size:20px;}
	.popup.pop-bad .table-cell .pop-cont h2{font-size:25px;}
	.popup.pop-bad .table-cell .pop-cont p{font-size:20px;}
	.ui-selectmenu-button.ui-button{min-height:45px!important;padding:0 15px;font-size:14px;}
	.ui-selectmenu-icon.ui-icon{right:15px;width:15px;height:9px;margin-top:-5px;}
	.ui-widget.ui-widget-content .ui-menu-item{height:45px;}
	.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper{padding:0 15px;font-size:14px;}
	.popup .table-cell .pop-cont{padding:40px 50px 30px;}
	.popup .table-cell .pop-cont h2{font-size:20px;}
	.popup .table-cell .pop-cont .btn-wrap a{font-size:14px;}
	.popup .table-cell .pop-cont .btn-close{top:15px;right:15px;width:20px;height:20px;}
	.popup.pop-edit-relation .action-area li{height:65px;padding-top:18px;}
	.popup.pop-edit-relation .action-area li strong{font-size:14px;}
	.popup.pop-edit-relation .notice li{font-size:12px;}
	.popup.pop-edit-alarm .action-area li{display:block;height:auto;padding:15px 0;}
	.popup.pop-edit-alarm .action-area li .txt-wrap{display:block;}
	.popup.pop-edit-alarm .action-area li strong{font-size:14px;}
	.popup.pop-edit-alarm .action-area li span{font-size:12px;}
	.popup.pop-edit-alarm .action-area li .toggle-checkbox{position:static;margin-top:10px;}
	.popup.pop-edit-alarm .action-area li .toggle-checkbox span{width:60px;height:30px;}
	.popup.pop-edit-alarm .action-area li .toggle-checkbox span:before{top:3px;left:3px;width:24px;height:24px;}
	.popup.pop-edit-alarm .action-area li .toggle-checkbox input:checked + span:before{left:33px;}

		/* Container */
	#container{padding-bottom:224px;background:url('../images/m_bg.png') no-repeat center 60px #222;background-size:100% auto;}
	#container.sub41_1 {background: #222;}
	.gradient-wrap .visual{height:150px;}
	.gradient-wrap .visual img{position:absolute;top:50%;left:0;transform:translate(0, -50%);}
	.gradient-wrap .visual .txt img{top:50%;}
	.gradient-wrap .visual .txt span{font-size:20px;line-height:1.4;}
	.gradient-wrap p{font-size:14px;}

	/* Join */
	.join-step1,
	.join-step{padding:50px 20px 50px;}
	.join-step1 .step,
	.join-step .step{padding-bottom:20px;font-size:20px;}
	.join-step1 .step-contents{margin-top:50px;}
	.join-step .step-contents{margin-top:30px;}
	.join-step .step-contents dl + dl{margin-top:20px;}
	.join-step .step-contents dl dt{margin-bottom:10px;font-size:16px;}
	.join-step .step-contents dl dd .input-radio + .input-radio{margin-left:4%;}
	.join-step .btn-wrap{margin:40px auto 0;}
	.join-step1 .step-contents a + a{margin-top:15px;}
	.join-step1-1 .step-contents{max-width:350px;margin:50px auto 0;padding-right:0;}
	.join-step1-1 .form-group{padding-right:0px;}
	.join-step1-1 .step-contents .input-txt{padding-right:0;}
	.join-step1-1 .step-contents .btn-style1{position:static;width:100%;margin-top:12px;margin-bottom:40px;}
	.join-step1-1 .step-contents .btn-small.btn-style6{position:static;width:100%;margin-top:12px;font-size:20px;}
	.join-step2-2 .step-contents p{margin-top:30px;font-size:14px;}
	.join-step .notice{margin-top:15px;font-size: 15px;}
	.join-step .notice img{top:4px;margin-right:2px;}

	/* About */
	.about{padding:30px 20px 80px;}
	.about h3{margin-bottom:30px;font-size:20px;}
	.about .about-box{margin-bottom:30px;}
	.about .about-box dl dt{margin-bottom:5px;font-size:18px;}
	.about .about-box dl dd{font-size:14px;}
	.about .about-box dl{padding:12px 15px;}

	/* Detail */
	.detail{padding:30px 20px 80px;}
	.detail .content + .content:before{left:0;width:100%;margin-left:0;}
	.detail-moreservice .btn-wrap a{float:none;width:100%;font-size:14px;}
	.detail-moreservice .btn-wrap a + a{margin-left:0;}

	/* FAQ */
	.faq{padding:30px 20px 80px;}
	.faq h3{font-size:25px;}
	.faq .faq-link{font-size:16px;}
	.faq .accordion-list{margin-top:40px;}
	.accordion-list .list-item .title{padding:14px 50px 14px 15px;}
	.accordion-list .list-item .title:before{width:50px;}
	.accordion-list .list-item .cont{padding:15px 20px;}
  	.faq .btn-style3{padding:20px 0;width: 300px;;}

	.faq .tit img {width: 100px;}
	.faq ul {width:300px;margin:15px auto 0;padding-left: 20px;box-sizing: border-box;}
	.faq li {font-size: 14px;color: #fff;margin-bottom: 10px;padding-left: 14px;position: relative;}
	.faq li::before {content: '';display: block;width: 4px;height: 4px;border-radius: 100%;background-color: #fff;position: absolute;left: 0;top:10px;}
	/* Sign */
	.sign{padding:37px 20px 80px;}
	.sign h3{font-size:25px;}
	.sign p{font-size:18px;}
	.sign .sign-cont{max-width:300px;margin-top:80px;padding:0;}

	/* Main */
	.main{padding:25px 0 60px;}
	.main .title{margin-bottom:31px;}
	.main .title p{margin-bottom:5px;font-size:25px;color:#fcfbfc;}
	.main .title h3 img{width:250px;}
	.main .owl-carousel{overflow:hidden;margin-bottom:35px;}
	.main .owl-carousel .owl-item{}
	.main .owl-carousel .item{width:300px;height:200px;box-sizing:border-box;}
	.main .owl-carousel .owl-nav.disabled{display:none;}
	.main .owl-carousel .item .content{padding:8px 10px;font-size:14px;}
	.main .btn-wrap{width:300px;margin:0 auto;}
	.sub41 .btn-wrap .btn-large {height:55px;font-size:16px;}
	.sub41 .btn-wrap .btn-large + .btn-large {margin-top:17px;}
	.sub41 .btn-wrap .btn-tip {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 80px;
		height: 80px;
		text-align: center;
		position: absolute;left: auto;right:0;top:-110px;border-radius: 2px;
		border: solid 1px #fff;
		background-color: #181818;
		color: #fff;
	}


	/* sub41 */
	.sub41 p {font-size: 20px;width: 300px;margin:0 auto 20px;}
	.sub41 p b {font-size: 26px;}
	.sub41 p:after {content: '(chemistry)';position: absolute;right:100px;top:40px;font-size: 16px;}
	.sub41 .btn-wrap{width:300px;margin:0 auto;}
	.sub41 .btn-wrap a{height:55px;font-size:16px;}
	.sub41 .btn-wrap a + a{margin-top:17px;}

	.sub41 {padding:50px 0;position: relative;}
	.sub41 .img_box {width: 90%;height:auto;position: static;transform: translateY(0);margin:0 auto 20px;}
	.sub41 .img_box img {width: 100%;}
	.sub41 .img_box span {font-size: 14px;font-weight: 500;text-align: center;color: #ced4da;position: absolute;}
	.sub41 .img_box .s1 {left:5px;top:45px;}
	.sub41 .img_box .s2 {left:120px;top:5px;}
	.sub41 .img_box .s3 {left:230px;top:85px;}
	.sub41 p {font-size: 20px;font-weight: 500;  color: #fff;}
	.sub41 p b {font-size: 24px;font-weight: 900;  color: #ffca01;}
	.sub41 p span {opacity: .5;font-size: 16px;font-weight: 500;}

	/* Support */
	.support_wrap {max-width:850px;margin:0 auto;padding:60px 40px;}
	.support_wrap  .textarea-txt textarea {width:100%;min-height:300px;margin-top: 20px; padding:10px 15px;background:rgba(0,0,0,.1);border:2px solid #747474;border-radius:2px;box-sizing:border-box;font-size:14px;color:#c6c6c6;line-height:1.5;}
	.support_wrap .contents .btn-wrap a{}

	/* Terms */
	.terms_wrap {max-width:850px;margin:0 auto;padding:60px 20px;}
	.terms_wrap h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:bold;color:#fff;text-align:center;}
	.terms_wrap .contents{max-width:90%;margin:0 auto;text-align: left;color:#fff;}
	.terms_wrap .contents p {margin-bottom: 20px;}
	.terms_wrap .contents .t1 {font-size: 20px;font-weight: bold;}
	.terms_wrap .contents .t2 {font-size: 16px;font-weight: bold;}
	.terms_wrap .contents ul {margin-bottom: 20px;padding:0;}
	.terms_wrap .contents ol {margin-bottom: 20px;padding:0;}
	.terms_wrap .contents ul li {position: relative;padding-left: 20px;margin-bottom: 10px;}
	.terms_wrap .contents ul li::before {content:'•';position: absolute;left:0px;top:0px;}
	.terms_wrap .contents ol li {position: relative;padding-left: 20px;margin-bottom: 10px;}
	.terms_wrap .contents ol li::before {position: absolute;left:0px;top:0px;}
	.terms_wrap .contents ol li:nth-child(1):before {content:'1.'}
	.terms_wrap .contents ol li:nth-child(2):before {content:'2.'}
	.terms_wrap .contents ol li:nth-child(3):before {content:'3.'}
	.terms_wrap .contents ol li:nth-child(4):before {content:'4.'}
	.terms_wrap .contents ol li:nth-child(5):before {content:'5.'}
	.terms_wrap .contents ol li:nth-child(6):before {content:'6.'}
	.terms_wrap .contents ol li:nth-child(7):before {content:'7.'}
	.terms_wrap .contents ol li:nth-child(8):before {content:'8.'}
	.terms_wrap .contents ol li:nth-child(9):before {content:'9.'}
	.terms_wrap .contents ol li:nth-child(10):before {content:'10.'}

	/* Payment */
	.payment{max-width:850px;margin:0 auto;padding:60px 40px 0;}
	.payment h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:37px;}
	.payment .contents{max-width:544px;margin:0 auto;}
	.payment .contents .description{margin-bottom:40px;font-size:20px;color:#fff;text-align: center;}
	.payment .contents .description.f24 {font-size: 22px;margin-top: 50px;}
	.payment .contents .select-txt {width: 100%;margin:0 auto;}
	.payment .contents .info_box {display: block;max-width: 100%;margin:30px auto 0;}
	.payment .contents .info_box .box {width: 100%;font-size: 18px;color: #fff;height: auto;display: flex;align-items: center;flex-wrap: wrap;padding:10px 0;}
	.payment .contents .info_box .box p {width: 100%;}
	.payment .contents .info_box .box.line {border: 2px solid rgba(255,255,255,.9);border-radius: 2px;text-align: center;}
	.payment .contents .info_box .box.line p {margin:10px 0;text-align: center;}
	.payment .contents .info_box .box.line + .box {padding-left: 0;text-align: center;}
	.payment .contents .btn-wrap{margin-top:71px;}
	.payment .contents .btn-wrap:after{content:"";display:block;clear:both;}
	.payment .contents .btn-wrap a{float:none;margin:0px auto;width:100%;height: 72px; max-width:400px;font-size:28px;font-weight:bold;color:#222;}
	.payment .contents .btn-wrap a + a{margin-left:6%;}
	.payment .notice{margin-top:20px;font-size:18px;color:#ffcc2a;text-align:center;}

	/* Progress */
	.progress{padding:30px 20px 80px;}
	.progress .contents .step_info{font-size:30px;}
	.progress h3{margin-bottom:20px;padding-bottom:20px;font-size:20px;}
	.progress .contents .description{margin-bottom:30px;font-size:14px;}
	.progress .contents li + li{margin-top:15px;}
	.progress .contents .btn-wrap{width:50%;margin-top:50px;}
	.progress .contents .btn-wrap a{font-size:14px;}
	.progress.step2_2 .input-chk label span{font-size:14px;}
	.progress .contents li.select-start-titme{padding-right:30%;}
	.progress .contents li.select-start-titme a{width:25%;height:45px;font-size:14px;}
	.progress.step2_3 .notice{font-size:14px;}
	.progress.step3 .contents > dl dt{font-size:22px;}
	.progress.step3 .contents > dl dd{margin-bottom:40px;font-size:14px;}
	.progress.step3 .reserve-info{padding:15px;font-size:16px;line-height:1.6;}
	.progress.step3 .reserve-info p{margin-bottom:30px;font-size:14px;}
	.progress .contents .btn-wrap{width:80%;}

	/* Gallery */
	.gallery{padding:30px 20px 80px;}
	.gallery h3{margin-bottom:30px;font-size:20px;}
	.gallery-list{margin-bottom:30px;}
	.gallery-list ul{width:100%;margin-left:0;}
	.gallery-list ul li{width:100%;height:auto;margin:0 0 10px;background:none;}
	.gallery-list ul li img{display:block;width:100%;}

	/* Partners */
	.partners{padding:30px 20px 80px;}
	.partners .tab a{height:50px;padding:13px 0 0;font-size:14px;}
	.appraisal-wrp .sec {margin-bottom: 20px; padding-left: 35px;}
	.appraisal-wrp .sec .time {font-size: 12px;}
	.appraisal-wrp .sec .in{padding-left:0;}
	.appraisal-wrp .sec .in .user{font-size: 12px;left: 5px;top:3px;width: 60px;}
	.friend .appraisal-wrp .sec .in .user {width: 60px;word-wrap: break-word;}

	.appraisal-wrp .sec .in .btn-goodbad{width:100%;margin-top:0px;position: static ;right: 0;top:0;}
	.appraisal-wrp .sec .in .btn-goodbad.btn label {width: 50px;}
	.appraisal-wrp .sec .in .btn-goodbad.btn label strong {height: 30px;}
	.appraisal-wrp .sec .in .btn-goodbad label{float:left;width:auto;     margin-bottom: 5px;
    width: 50px!important;}
	.appraisal-wrp .sec .in .btn-goodbad label + label{margin-left:10px;}
	.partners .tab-cont .btn-today{height:50px;font-size:16px;}


	/* Order */
	.order{padding-bottom:80px;}
	.order .notice{margin-top:18px;font-size:17px;}
	.order .contents .btn-wrap{margin-top:46px;}
	.input-calender input{height:61px;padding-left:74px;}
	.input-calender:before{top:17px;}
	.popup.pop-alert .table-cell .pop-cont p{font-size:22px;}
	.popup.pop-alert .table-cell .pop-cont p>span{font-size:34px;margin:5px 0px;}
	.popup .table-cell .pop-cont .btn-wrap{margin-top:46px;}
	.order-complete-box h4{font-size:27px;margin-bottom:16px;}
	.order .contents .description{font-size:22px;}
	.order .order-complete-box .notice{font-size:18px;}
	.order-complete .notice{font-size:16px;margin-top:21px;}
	.order .important-notice{font-size:13px;}
	.order.order-bridge .contents ul{padding:15px;}
	.order.order-bridge .contents ul li{font-size:12px;}
	.order.order-bridge .contents ul li.payment{font-size:10px;}
	.order.order-bridge .contents .btn-wrap a{font-size:13px;}
	.order.order-bridge .contents .btn-wrap a.btn-style5{width:40%;}
	.order.order-bridge .contents .btn-wrap a.btn-style1{width:54%;}
	.order .contents .date-select li em{font-size:16px;margin-left:10px;}
	.order .contents .date-select li a{margin-left:6px;}
	.order .contents .date-select li a span{font-size:16px;}
	.order .contents .msg-box p{font-size:16px;}

	/* Relationship */
	.relationship{padding-bottom:80px;}
	.relationship.step1 h3{font-size:14px;}
	.relationship.step1 h3 span{font-size:12px;}
	.relationship.step1 .user-list{margin:0 -40px;}
	.relationship.step1 .user-list li{padding-left:100px;}
	.relationship.step1 .user-list li .checkbox{left:40px;}
	.relationship.step1 .btn-fixed{position:fixed;bottom:0;left:0;z-index:2;width:100%;}
	.relationship.step2 h3{font-size:18px;}
	.relationship.step2 .contents p{font-size:12px;}
	.relationship.step3 h3{font-size:28px;}
	.relationship.step3 h3 span{font-size:12px;}
	.relationship.step3 .contents p{font-size:12px;}


	/* profile */
	.profile {max-width:100%;margin:0 auto;padding:0;}
	.profile h3{margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:500;color:#fff;text-align:center;}
	.profile .contents{max-width:600px;margin:0 auto;}
	.profile .profile_img {width: 136px;height: 136px;margin:0 auto;position: relative;}
	.profile .profile_form {width: 100%;margin: 0px 0; padding-bottom: 50px;}
	.profile .profile_form.view {max-width:100%;}
	.profile .profile_form.write {max-width:100%;}
	.profile .profile_form .input_box {width: 100%;display: block;border-bottom: 1px solid #fff;padding: 20px 5px 10px;}
	.profile .profile_form .input_box label {display: block;}
	.profile .profile_form .input_box input {text-align: left;font-size: 14px;}
	.profile .profile_form .input_box input::placeholder {color:#fff;opacity: .5;}
	.profile .profile_form.write .input_box input {padding: 14px 10px;}
	.profile .textarea_tit {padding-left: 5px;}
	.profile .textarea_tit + textarea {width:100% !important;height:180px;overflow-y: auto; margin-top: 15px; padding: 15px 91.5px 0 15px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);box-sizing: border-box;background:transparent;font-size: 14px; resize: none;}
	.profile .textarea_tit + textarea::placeholder {color:#fff;}
	.profile .profile_form .btn-wrap a {width: 100%;margin:70px auto 0;height: 40px; font-size: 14px;}
	.profile .select_wrap {margin-top: 20px;}
	.profile .select_wrap div {display: flex;justify-content: space-between;}
	.age-f-wrap {width: 35% !important; margin-right: 10px;}
	.age-s-wrap {width: 65% !important;}
	.profile .select_wrap label {font-size: 18px;color:#fff;}
	.profile .select_wrap input {width: 40%;border: 0 solid #000;background:transparent;padding:0;font-size: 15px;}

	.profile .contents .description.al{clear:both;text-align:left;margin-bottom:10px;color:#fff;font-size: 20px;}
	.profile .contents .form-item{margin-bottom:23px;width:100%;height:auto;position:relative;clear:both;}
	.profile .contents .form-item ul{width:100%;height:auto;}
	.profile .contents .form-item ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;height:auto;}
	.profile .contents .form-item ul li .item{width:calc( 50% - 10px );height:auto;overflow:hidden;}
	.profile .contents .form-item select{border:1px solid rgba(255, 255, 255, 0.2);width:100%;}
	.profile .contents .form-item .t01+span{margin-left:28px;}
	.profile .ctrl-wrap{position:static;display:flex !important;justify-content:flex-end;align-items:center;width: auto !important;}
	.profile .ctrl-wrap button{margin-right:10px;font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;border: solid 1.8px rgba(255, 255, 255, 0.2);width:37px;height:37px;border-radius:50%;}
	.profile .ctrl-wrap button img{width:50%;}


	/* friend */
	.friend {max-width:100%;margin:0 auto;padding:60px 40px 0;}
	.friend h3 {margin-bottom:45px;font-size:18px;font-weight:500;color:#fff;text-align:center;}
	.friend h3 span {display: block; font-size: 16px;margin-top: 22px;font-weight: 400;}
	.friend .contents {margin:0 auto; width: 100%;}
	.friend .contents .btn-wrap {width: 100%;margin:52px auto;}
	.friend .contents .btn-wrap .btn-large {height: 60px; }
	.friend .friend_list {border-top: solid 2px #ffff}
	.friend .friend_list li {display: flex;padding:22px; border-bottom: 1px solid rgba(255, 255, 255, .4);align-items: center;font-size: 13px;color:#fff;}
	.friend .friend_list li .time {color: #868e96;margin-top: 5px;}
	.friend .friend_list li .profile_box {display: block;align-items: center;padding:0 10px;}
	.friend .friend_list li .profile_box .profile_img {width: 40px;height: 40px;border-radius: 100%;background-color: #d8d8d8;}
	.friend .friend_list li .profile_box .knick_name {margin:10px auto;width: 100%;font-size: 12px;text-align: center;}
	.friend .friend_list li .text_box {width: 100%;}
	.friend .friend_list li button img {width: 13px;height: 13px;}

	.friend .profile_info {text-align: center;}
	.friend .profile_info .profile_img {width: 80px;height: 80px;border-radius: 100%;background: #d8d8d8;margin:0 auto;}
	.friend .profile_info .knick_name {font-size: 18px;margin-top: 10px;color:#fff;font-weight: 700;}
	.friend .friend_message {margin: 20px 0;}
	.friend .message_box {position: relative;}
	.friend .friend_message textarea {width: 100%;height:180px; padding: 18px 22px 16px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background: transparent;resize: none;color:#fff;box-sizing: border-box;}
	.friend .friend_message button { width: 70px;height: 27px;border-radius: 18px;background-color: #ffcc2a;font-size: 16px;font-weight: 500; color:#131313;box-sizing: border-box;position: absolute;right:16px;bottom:13px;}
	.friend .message_list {margin-top: 40px;}
	.friend .message_list li {display: flex;padding:22px 0; border-bottom: 1px solid rgba(255, 255, 255, .4);align-items: center;font-size: 12px;color:#fff;}
	.friend .message_list .img_box { width: 40px;height: 40px;background: #d8d8d8;border-radius: 100%;margin-right: 16px;}
	.friend .message_list .time {color:#868e96;margin-top: 10px;}
	.friend .message_list .text_box {width:calc(100% - 56px);}
	.friend .message_list li.t_right .img_box {order:2;margin:0 0 0 16px;}
	.friend .sort_list {margin-bottom: 25px;display: flex;justify-content: space-between;padding-top: 20px;}
	.friend .sort_list button {font-size: 18px;color:rgba(255,252,252,.5); margin-right: 0;}
	.friend .sort_list button.on {color:#ffcc2a;font-weight: 700;}
	.friend .sort_list.center button {font-size: 12px;}

	.friend .sub_txt {padding-top: 20px;border-top: 1px solid #fff;color:#fff;font-size: 14px;text-align: center;}
	.friend .partner_cont {margin-top: 30px;text-align: center;}
	.friend .partner_cont .img1 {width: 20%;}
	.friend .partner_cont .img2 {width: 70%;}
	.friend .partner_cont .img_cont p {font-size: 12px;color:#9e9e9e;margin-top: 20px;}
	.friend .partner_cont .img_cont + .img_cont {margin-top: 50px;}
	.friend .partner_cont ul {margin-top: 30px;}
	.friend .partner_cont li {display: flex;align-items: center;padding-bottom: 30px;border-bottom: 1px solid #495057;margin-bottom: 30px;}
	.friend .partner_cont .img_box {width: 30%;}
	.friend .partner_cont .img_box img {width: 100%;}
	.friend .partner_cont .text_box {width: calc(100% - 30%); text-align: left;padding-left: 10px;}
	.friend .partner_cont .text_box .t1 {font-size: 14px;color:#fff;font-weight: 700;}
	.friend .partner_cont .text_box .t2 {font-size: 12px;color:#9e9e9e;margin-top: 10px;}
	.friend .partner_cont .text_box .t2 a {color:#ffcc2a;}



	/* billing */
	.billing {max-width:100%;margin:0 auto;padding:60px 40px 0;}
	.billing h3 {margin-bottom:45px;padding-bottom:35px;font-size:32px;font-weight:500;text-align:center;border-bottom:1px solid #fff;}
	.billing .contents {margin:0 auto;}
	.billing .question_txt {margin-top: 10px; font-size: 14px;padding-left: 5px;}

	.billing .alert_wrap {display: none;background-color: #ffcc2a;width: 100%;padding: 5px;text-align: center;}
	.billing .alert_wrap.on {display: block;}
	.billing .alert_wrap p {color:#d92424;font-size: 16px;margin:5px 0;}

	.billing .billing_info {margin: 20px auto 0;width: 100%;}
	.billing .billing_info ul {display: flex;flex-wrap: wrap;}
	.billing .billing_info ul li {font-size: 18px;width: 50%;display: flex;}
	.billing .billing_info ul li span {font-size: 14px;}
	.billing .billing_info ul li span + span {margin-left: 10px;}
	.billing .billing_info ul li:nth-child(even) {margin-left: auto;justify-content: flex-end;}
	.billing .billing_info ul li:nth-child(-n + 2) {margin-bottom: 10px;}
	.billing .link_page {margin-top: 20px;}
	.billing .link_page a {font-size: 14px; color:#ffcc2a;}
	#downgrade_free::after {display: inline-block;content: '';width: 1px;height: 20px;background-color: #fff;margin:0 15px;transform: translateY(5px);}

	.billing .billing_list {margin-top: 30px;padding:15px 20px; border-radius: 2px;border: solid 0.3px rgba(255, 255, 255, 0.2);}
	.billing .billing_list ul {margin-bottom: 30px;}
	.billing .billing_list li {display: flex;margin-bottom: 30px;flex-wrap: wrap;border-bottom: 1px solid rgba(255, 255, 255, .4);padding-bottom: 5px;}
	.billing .billing_list li img {margin-right: 10px;width: 20px;}
	.billing .billing_list li:last-child {margin-bottom: 0;}
	.billing .billing_list li .status_box {margin-left: auto;width: 100%;margin-top: 10px;display: flex;justify-content: space-between;}
	.billing .billing_list li .default {color:#ffcc2a;font-size: 14px;}
	.billing .billing_list li .remove {color:#f65a5a;font-size: 14px;margin-left: 0;}
	.billing .billing_list a {font-size: 14px;color:#ffcc2a;}
	.billing .tbl_wrap {margin-top: 45px;border-radius: 2px;border: solid 0.3px rgba(255, 255, 255, 0.2);}
	.billing .scroll_wrap {overflow-x: auto;}
	.billing .tbl_wrap table {width: 640px;table-layout: fixed;}
	.billing .tbl_wrap table th,
	.billing .tbl_wrap table td {padding:10px 10px; text-align: left;border-bottom: 0.3px solid rgba(255, 255, 255, 0.2);font-size: 14px;}
	.billing .tbl_wrap table th:first-child,
	.billing .tbl_wrap table td:first-child {padding-left: 20px;}
	.billing .tbl_wrap table td:first-child img {margin-left: 5px;transform: translateY(3px);}
	.billing .paging_wrap {display: flex;justify-content: space-between;padding:10px;width: 100%;box-sizing: border-box;}
	.billing .paging_wrap a {display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;}
	.billing .paging_wrap a img {width: 36px;}
	.billing.btn-wrap {display: flex;justify-content: space-between;}
	.billing.btn-wrap a {width: 48%;}
	.billing.btn-wrap .btn-style4 {color:#c6c6c6 !important;}


	.wait_infomation {padding: 6.771vw 20px 6.250vw;}
	.wait_infomation .text_wrap .t1 { font-size: 32px;}
	.wait_infomation .text_wrap .t2 { margin-top: 0.417vw; font-size: 18px; }
	.wait_infomation .text_wrap .t3 { margin-top: 1.146vw; font-size: 18px;}
	.wait_infomation .tbl_wrap {width: 100%;margin:8.073vw auto 0;}
	.wait_infomation .tbl_wrap table {table-layout: fixed;width: 100%;border: solid 0.104vw #111;}
	.wait_infomation .tbl_wrap table th,
	.wait_infomation .tbl_wrap table td {border: solid 0.104vw #111;padding:15px 0;}
	.wait_infomation .tbl_wrap table th {font-size: 13px;font-weight: 500;color:#fff;background-color: #2b3353;}
	.wait_infomation .tbl_wrap table tbody th {font-size: 12px;font-weight: 500;}
	.wait_infomation .tbl_wrap table td {font-size: 14px;font-weight: 500; text-align: center;}
	.wait_infomation .tbl_wrap .match {background-color: #7ad57b;}
	.wait_infomation .tbl_wrap .others { padding:30px 0;}


	/* kemi-partners */
	.partners-cont {max-width: 100%;margin: 0 auto;padding: 60px 40px 0;}
	.partners-cont h3{margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:32px;font-weight:500;color:#fff;text-align:center;}
	.partners-cont .contents {width: 100%;}
	.partners-cont .btn-wrap a {width: 100%;height: 71px; margin:28px auto 0;}
	.partners-cont h4 {margin-top:56px;margin-bottom: 25px; padding-left: 60px; font-size: 28px;font-weight: bold;color:#ffcc2a; background: url(../images/ico_h4_arrow.png) no-repeat 0 50% / 36px 26px;}
	.partners-cont h4:first-child {margin-top: 0;}
	.partners-cont h4 span {font-size: 20px;font-weight: normal;margin-left: 0;display: block;}
	.partners-cont .input_box {margin-bottom: 14px;display: flex;justify-content: space-between;align-items: stretch;}
	.partners-cont .input {width: 100%; height: 51px;padding:0 16px;color:#fff;font-size: 14px;border: 1.4px solid #fff;background: transparent;box-sizing: border-box;}
	.partners-cont .btn_box .input {width: 71.5%;}
	.partners-cont .btn_resend {width: 100px;background-color: #fff;color:#222;font-size: 18px;margin-left: 14px;}
	.partners-cont .t1 {font-size: 20px;color:#fff;text-align: center;font-weight: 400;line-height: 38px;}
	.partners-cont .alert_box {margin: 83px auto 68px;padding:31px 0 34px; width: 311px;border-radius: 8px;border: solid 1.4px #ffcc2a;text-align: center;color:#fff;font-size: 16px;line-height: 34px;position: relative;}
	.partners-cont .alert_box::after {content: '';display: block;width:28px;height: 28px;background: url(../images//ico_exclamation_mark.png) no-repeat 0 0 / cover;position: absolute;left: 50%;top:-16px;transform: translateX(-50%);}
	.partners-cont .alert_box + .btn-wrap a {font-size: 27px;}


	/* rainbow bg */
	.rainbow {
		width: 100%;
		min-height: 100vh;
		height: auto;
		color:#fff;
		background-image: linear-gradient(115deg, #ff0000 37%, #ff9d00 63%, #ffb000 70%, #ffc200 75%, #ffe800 87%, #fff200 91%, #fff200 91%);
	}
	.rainbow::after {
		content: '';
		display: block;
		width: 100%;
		height: 50%;
		position: absolute;left:0;
		bottom:0;
		background-image: linear-gradient(-206deg, rgba(255, 255, 255, 0) 63%, #5cb201 100%);
	}
	.rainbow .container {
		height: auto;
		min-height:calc(100vh - 60px);
		padding:30px;
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
	}
	.rainbow .tit_box {padding-bottom: 20px;border-bottom: 1px solid #fff;position: relative;}
	.rainbow .tit_box h1 {
		font-size: 40px;
		margin-bottom: 10px;
		line-height: 1;
	}
	.rainbow .tit_box h1 sup {
		vertical-align: super;
		font-size: 18px;
		margin-left: 3px;
	}
	.rainbow .tit_box p {
		font-size: 18px;
		font-weight: 500;
	}
	.rainbow .tit_box .movie_box {
		width: 100%;
		position: relative;
		right:auto;
		top:auto;
		margin-top: 20px;
	}
	.rainbow .tit_box .movie_box div {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%; /* 16:9 비율인 경우. 4:3 비율인 경우 75%로 설정합니다 */
		overflow: hidden;
	}
	.rainbow .tit_box .movie_box iframe,
	.rainbow .tit_box .movie_box object,
	.rainbow .tit_box .movie_box embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.rainbow .cont_box {
		margin-top: 20px;
		height: auto;
		margin-bottom: 50px;

	}
	.rainbow .cont_box li {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 15px;
		padding-left: 15px;
		position: relative;
	}
	.rainbow .cont_box li::before {
		content: '-';
		display: inline-block;
		position: absolute;
		left:0;
		top:0;
	}
	.rainbow .cont_box li:last-child {
		margin-bottom: 0;
	}
	.rainbow .cont_btm {
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		position: relative;
		margin-top: auto;
	}
	.rainbow .cont_btm img {
		margin-top: 20px;
		position: static;
		width: 30px;
	}

}

/*추가*/
.login .contents .description.al{clear:both;text-align:left;margin-bottom:10px;}
.login .contents .form-item{margin-bottom:23px;width:100%;height:auto;position:relative;clear:both;}
.login .contents .form-item ul{width:100%;height:auto;}
.login .contents .form-item ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;height:auto;}
.login .contents .form-item ul li .item{width:calc( 50% - 10px );height:auto;overflow:hidden;}
.login .contents .form-item select{border:1px solid rgba(255, 255, 255, 0.2);width:100%;}
.login .contents .form-item .t01+span{margin-left:28px;}
.ctrl-wrap{position:absolute;right:-110px;top:9px;display:flex;justify-content:flex-start;align-items:center;}
.ctrl-wrap button{margin-right:10px;font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;border: solid 1.8px rgba(255, 255, 255, 0.2);width:37px;height:37px;border-radius:50%;}
.ctrl-wrap button img{width:50%;}
.accordion-list.type01{max-width:850px;margin:20px auto 0 auto;}
.tabs-list{display:flex;justify-content:center;align-items:center;width:calc( 100% - 40px );max-width:590px;height:auto;overflow:Hidden;margin:0 auto;}
.tabs-list li{width:50%;height:110px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;}
.tabs-list li:before{width:1px;height:26px;content:"";display:block;overflow:hidden;background:rgba(255, 255, 255, 0.2);position:absolute;left:0;top:50%;margin-top:-13px;}
.tabs-list li:first-child:before{display:none;}
.tabs-list li a{font-size:30px;color:#727171;font-weight:500;display:flex;justify-content:center;align-items:center;}
.tabs-list li a.on{color:#fff;}
.tabarea{display:none;}
.tabarea.on{display:block;}
@media only screen and (max-width:768px) {
	.login .contents .form-item{width:calc( 100% -  70px );}
	.ctrl-wrap{top:5px;display:block;width:70px;right:-75px;}
	.ctrl-wrap button{font-family:'dotdum';overflow:hidden;padding:0;width:30px;height:30px;line-height:30px;text-align:center;display:flex;justify-content:center;align-items:center;float:left;margin:0;margin-left:5px;}
	.login .contents .form-item ul li{margin-bottom:10px;}
	.login .contents .form-item ul li .item{width:calc( 50% - 5px );}
	.login .contents .description.al{font-size:16px;margin-bottom:15px;}
	.swiper-container{margin-right:-20px;margin-left:-20px;}
	.swiper-container .swiper-slide{width:360px;}

	.profile_form .form-item{width:calc( 100% -  70px );}
	.profile_form .ctrl-wrap{top:5px;display:block;width:70px;right:-75px;}
	.profile_form .ctrl-wrap button{font-family:'dotdum';overflow:hidden;padding:0;width:30px;height:30px;line-height:30px;text-align:center;display:flex;justify-content:center;align-items:center;float:left;margin:0;margin-left:5px;}
	.lprofile_form .form-item ul li{margin-bottom:10px;}
	.lprofile_form .form-item ul li .item{width:calc( 50% - 5px );}
	.lprofile_form .description.al{font-size:16px;margin-bottom:15px;}

}

/*추가 0226*/
.text-logo{max-width:320px;margin-top:-30px;}
.btn-style3{font-size:22px;border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);border-image-slice: 1;}
.btn-style8{font-size:22px;border-image-source: linear-gradient(102deg, #23ffe9, #0058f8 110%);border-image-slice: 1;}
.btn-style7{font-size:22px;color:#ff5784;border-image-source: linear-gradient(102deg, #ff99c1, #ff08b3 110%);border-image-slice: 1;}
.review-item-wrap {width:1006px;height:auto;overflow:hidden;margin:150px auto 170px auto;}
.review-item-wrap .btn-tip {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	margin:50px auto;
}
.review-item-wrap .btn-tip img {width: 100%;}
.review-item-wrap h3{width:100%;height:47px;overflow:Hidden;position:relative;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bold;}
.review-item-wrap h3:before{width:390px;height:2px;overflow:hidden;display:block;content:"";background:#ffca01;position:absolute;left:50%;margin-left:-500px;top:50%;margin-top:-1px;}
.review-item-wrap h3:after{width:390px;height:2px;overflow:hidden;display:block;content:"";background:#ffca01;position:absolute;right:50%;margin-right:-500px;top:50%;margin-top:-1px;}
.review-item-wrap .grade-item{margin-top:52px;width:100%;height:42px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.review-item-wrap .grade-item img{}
.review-item-wrap .grade-item strong{display:flex;margin-left:21px;font-size:26px;color:#fff;font-weight:500;}
.review-item-wrap .grade-item button{margin-left:26px;font-size:16px;color:#fff;border:1px solid rgba(255, 255, 255, 0.2);border-radius:2px;width:124px;height:42px;background:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.review-item-wrap ul{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.review-item-wrap ul li{margin-top:50px;width:453px;overflow:hidden;height:auto;float:left;}
.review-item-wrap ul li:nth-child(even){float:right;}
.review-item-wrap ul li .review-header{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.review-item-wrap ul li .review-header .user{display:flex;border-radius:50%;overflow:hidden;width:55px;height:55px;border:1px solid #52222f;background-size:cover !important;margin-right: 10px}
.review-item-wrap ul li .review-header .info{margin-left:16px;display:flex;flex-direction:column;justify-content:center;width:100%;flex:1;height:auto;overflow:hidden;align-items:flex-start;}
.review-item-wrap ul li .review-header .info strong{display:flex;font-size:18px;color:#fff;font-weight:500;}
.review-item-wrap ul li .review-header .info span{display:flex;font-size:16px;color:rgba(255, 255, 255, 0.2);margin-top:2px;}
.review-item-wrap ul li .review-header .date{margin-top:20px;display:flex;color:rgba(255, 255, 255, 0.2);font-size:16px;}
.review-item-wrap ul li .desc{margin-top:24px;width:100%;height:72px;overflow:hidden;font-size:16px;color:#fff;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; text-overflow: ellipsis;
	margin-left: 10px;}
.main .owl-carousel.type01 .item{border:0;height:280px;padding:1px 1px 0 1px;}
.main .owl-carousel.type01 .owl-item.active.center .item{background-image: linear-gradient(120deg, #ff3268 -9%, #441024);}
.main .owl-carousel.type01 .item .pic{width:100%;height:240px;overflow:hidden;background-size:cover !important;}
.main .owl-carousel.type01 .item .content{padding:8px 8px;text-align:left;font-weight:normal;background:transparent;position:static;font-size:14px;color:#fff;}

.price-item-wrap{width:950px;height:auto;overflow:hidden;margin:0 auto 80px auto;}
.price-item-wrap h3{border-bottom:1px solid #ffffff;width:100%;height:124px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:bold;}

.price-select-list{width:100%;height:auto;overflow:hidden;margin-top:60px;}
.price-select-list ul{width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;}
.price-select-list ul:before{content:"";width:1px;height:100%;overflow:hidden;display:block;background:rgba(255, 255, 255, 0.3);position:absolute;left:50%;top:0;}
.price-select-list ul li{margin:0 40px;width:300px;height:505px;overflow:hidden;border:1px solid #fff;flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start;}
.price-select-list ul li .item-header{font-size:24px;color:#fff;width:100%;height:76px;border-bottom:1px solid rgba(255, 255, 255, 0.1);display:flex;justify-content:center;align-items:center;}
.price-select-list ul li .item-cont{width:100%;height:346px;overflow:hidden;flex-direction:column;display:flex;justify-content:center;align-items:center;}
.price-select-list ul li .item-cont .cw{width:100%;height:auto;text-align:center;font-size:20px;color:#fff;overflow:hidden;}
.price-select-list ul li .item-cont .cp{width:100%;height:auto;text-align:center;font-size:20px;color: gold;margin-top:18px;overflow:hidden;}
.price-select-list ul li .item-cont .cy{width:100%;height:auto;text-align:center;font-size:20px;color:#fff;margin-top:38px;overflow:hidden;}
.price-select-list ul li .item-cont .cy strong{font-size:20px;color:#f8e274;font-weight:bold;}
.price-select-list ul li button{outline:none;margin:0 auto;font-size:18px;color:#000;font-weight:700;display:flex;justify-content:center;align-items:center;width:270px;height:56px;overflow:hidden;border-radius:2px;background:#ffcc2a;opacity:.9;}
.price-select-list ul li button.on{border:1px solid #d57205;color:#f8e274;background:transparent;border-image-source: linear-gradient(101deg, #f8e274, #d57205 104%);border-image-slice: 1;}
.price-tabs{display:none;}


@media only screen and (max-width:1024px) {
	.review-item-wrap{width:calc( 100% - 40px );margin:0 auto 50px auto;}
	.review-item-wrap ul li{width:100%;margin-top:30px;}
	.review-item-wrap .grade-item img{width:30px;}
	.review-item-wrap .grade-item strong{margin-left:10px;font-size:15px;width:100%;flex:1;}
	.price-item-wrap{width:calc( 100% - 40px );margin-bottom:40px;}
	.price-select-list{margin-top:30px;}
	.price-select-list ul:before{display:none;}
	.price-select-list ul li{width:100%;display:none;margin:0;}
	.price-select-list ul li.on{display:flex;}
	.price-tabs{margin-top:22px;display:block;width:100%;height:auto;}
	.price-tabs ul{width:100%;height:auto;display:flex;justify-content:space-between;align-items:flex-start;}
	.price-tabs ul li{width:calc( 50% - 8px );height:auto;display:flex;justify-content:flex-start;align-items:flex-start;}
	.price-tabs ul li a{position:relative;border:1px solid #932441;border-radius:4px;width:100%;height:96px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;}
	.price-tabs ul li a strong{font-size:14px;color:#fff;width:100%;height:40px;border-bottom:1px solid rgba(255, 255, 255, 0.1);display:flex;justify-content:center;align-items:center;}
	.price-tabs ul li a span{font-size:14px;color:#fff;width:100%;height:56px;display:flex;justify-content:center;align-items:center;}
	.price-tabs ul li a.on{background:#932441;}
	.price-tabs ul li a.on:before{content:"";position:absolute;left:50%;margin-left:-6px;margin-bottom:0px;border-style: solid;border-width: 10px 6px 0px 6px;border-color: #932441 transparent;display: block;width: 0;z-index: 0;bottom:-10px;}

	.price-item-wrap h3{height:64px;font-size:18px;}
	.price-select-list ul li{height:342px;}
	.price-select-list ul li .item-header{height:48px;font-size:15px;}
	.price-select-list ul li .item-cont{height:232px;}
	.price-select-list ul li .item-cont .cw{font-size:15px;}
	.price-select-list ul li .item-cont .cp{font-size:15px;}
	.price-select-list ul li .item-cont .cy{font-size:15px;}
	.price-select-list ul li .item-cont .cy strong{font-size:18px;}
	.price-select-list ul li button{height:42px;font-size:15px;}
}
@media only screen and (max-width:480px) {
	.text-logo{margin-top:-17px;}
}

/*추가 0305*/
.dialog{
	position:fixed;
	overflow:hidden;
	display:none;
	justify-content:center;
	align-items:center;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.70);
	backdrop-filter: blur(5px);
    top: 0;
    left: 0;
}
.dialog.on{
	display:flex;
	z-index: 99;
	overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.dialog .pop-wrap{width:695px;height:auto;overflow:hidden;border:1px solid #fff;background:#222; position: relative;}
.dialog .pop-wrap .pop-header{position:relative;display:flex;justify-content:center;align-items:center;width:calc( 100% - 64px );height:96px;overflow:hidden;margin:0 auto;border-bottom:1px solid #979797;text-align: center}
.dialog .pop-wrap .pop-header h1{font-size:24px;color:#fff;font-weight:500;}
.dialog .pop-wrap .pop-header h1.color {color:#ffcc2a;}
.dialog .pop-wrap .pop-header button{position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;overflow:hidden;border:0;background:url('../images/btn-x.png');}
.dialog .pop-wrap .pop-cont{width:calc( 100% - 96px );height:auto;overflow:hidden;margin:0 auto;}
.dialog .pop-wrap .pop-cont .grade-item{width:100%;height:90px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.dialog .pop-wrap .pop-cont .textarea{height:240px;font-size:24px;color:#fff;width:calc( 100% - 32px );padding:15px;border:1px solid #979797;border-radius:8px;background:rgba(255, 255, 255, 0.02);;}
.dialog .pop-wrap .pop-cont .textarea.t01{margin-top:28px;}
.dialog .pop-wrap .pop-cont .btn-wrap{width:400px;height:auto;overflow:hidden;margin:0 auto;padding:30px 0 35px 0;}
.dialog .pop-wrap .pop-cont .btn-wrap.payment {width: 207px;}
.dialog .pop-wrap .pop-cont .t1 {font-size: 18px;color: #fff;text-align: center;margin-top: 20px;}
.dialog .pop-wrap .pop-cont .t2 {font-size: 24px;color: #fff;text-align: center;margin: 20px auto 0;padding-bottom: 65px;border-bottom: 1px solid rgba(255,255,255,.4);max-width: 500px;}
.dialog .pop-wrap .pop-cont .icon_box {text-align: center;margin:30px auto 20px;}
.dialog .pop-wrap .pop-cont .icon_box img {width: 150px;}
.dialog .pop-wrap .btn-grade{display:flex;justify-content:center;align-items:center;margin:0 5px;width:39px;height:39px;overflow:hidden;background:url(../images/ico-star05-off.svg) no-repeat center center;}
.dialog .pop-wrap .btn-grade.on{background:url(../images/ico-star05-on.svg) no-repeat center center;}
/* .dialog .pop-wrap.type01 .pop-cont .btn-wrap a{border-radius:40px !important;border-image-source:none;margin-bottom:26px;} */
.dialog .pop-wrap.type01 .pop-cont .btn-wrap a{margin-bottom:26px;}
.dialog .pop-wrap.type01 .pop-cont .btn-wrap a.round {border-radius: 40px;border-image-source:none;}
.dialog .pop-wrap.type01 .pop-cont .btn-wrap .rectangle {border-radius: 0 !important;color:#222;}
.dialog .pop-wrap.type01 .pop-cont .btn-wrap a span{}
.dialog .pop-wrap.type01 .pop-cont.txt {padding: 100px 0 200px;}
.dialog .pop-wrap.type01 .pop-cont.txt a {font-weight: bold;color: #ffca01;position: relative;}
.dialog .pop-wrap.type01 .pop-cont.txt a::after {content: '';display: block;position: absolute;width: 100%;height: 2px;background-color: #ffca01;position: absolute;left:0;bottom:-2px;}
.dialog .pop-wrap.type01 .pop-header{height:auto;padding:42px 0 10px 0;border-bottom:0;}
.dialog .select_add_wrap {margin-top: 50px;}
.dialog .cus_select { padding: 14px 29px 18px 26px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background:transparent url(../images/icon_down.png) no-repeat right 29px top 50% / 16px 9.7px;color:#fff;appearance: none;-webkit-appearance: none;width: 236px;font-size: 19px;margin-right: 20px;}
/* .dialog .select_add_wrap .ui-selectmenu-button {padding: 14px 29px 18px 26px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background:transparent;color:#fff;appearance: none;-webkit-appearance: none;font-size: 19px;margin-right: 10px;} */
.dialog .pop-wrap.type02 .pop-cont .btn-wrap a{border-radius:40px !important;border-image-source:none;margin-bottom:26px;}
.dialog .pop-wrap.type02 .pop-cont .btn-wrap .rectangle {border-radius: 0 !important;color:#222;}
.dialog .pop-wrap.type02 .pop-cont .btn-wrap a span{}
.dialog .pop-wrap.type02 .pop-cont.txt {padding: 100px 0 200px;}
.dialog .pop-wrap.type02 .pop-cont.txt a {font-weight: bold;color: #ffca01;position: relative;}
.dialog .pop-wrap.type02 .pop-cont.txt a::after {content: '';display: block;position: absolute;width: 100%;height: 2px;background-color: #ffca01;position: absolute;left:0;bottom:-2px;}
.dialog .pop-wrap.type02 .pop-header {height:auto;padding:30px 0 25px;border-bottom:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.4);}
.dialog .pop-wrap.type02 .pop-header button {right: 34px;}
.dialog .pop-wrap.type02 .pop-header h1 {color:#ffcc2a;}
.dialog .pop-wrap.type02 .pop-cont.txt {text-align: center;padding:35px 0 40px;}
.dialog .pop-wrap.type02 .txt1 {font-size: 26px;color:#fff;margin-bottom: 16px;}
.dialog .pop-wrap.type02 .txt2 {font-size: 20px;color:#fff;margin-bottom: 34px;}
.dialog .pop-wrap.type02 .txt3 {font-size: 20px;opacity: .4;color:#fff;}
.dialog .pop-wrap.type02 .date {font-size: 22px;font-weight: 500;color:#f65a5a;margin-bottom: 34px;}
.dialog .pop-wrap.type02 .date + .txt2 {margin-bottom: 12px;}

.dialog .pop-wrap.type03 .pop-header {height:auto;padding:30px 0 25px;border-bottom:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.4);}
.dialog .pop-wrap.type03 .pop-header button {right: 34px;}
.dialog .pop-wrap.type03 .pop-header h1 {color:#fff;}
.dialog .pop-wrap.type03 .pop-cont.txt {text-align: center;padding:35px 0 40px;}
.dialog .pop-wrap.type03 .r1 {color:#ffcc2a;font-size: 26px;font-weight: bold;}
.dialog .pop-wrap.type03 .r2 {color:#fff; font-size: 20px;margin-top: 20px;}
.dialog .pop-wrap.type03 img {width: 100%;}
.dialog .pop-wrap.type03 .btn_skip {color:#ffcc2a;font-size: 18px;font-weight: 500;}
.dialog .pop-wrap.type03 .btn-large {height: 56px;}
.dialog .pop-wrap.type03 .check_list {margin-top:30px;}
.dialog .pop-wrap.type03 .check_list li {display: flex;margin-bottom: 20px;align-items: center;}
.dialog .pop-wrap.type03 .check_list li:last-child {margin-bottom: 0;}
.dialog .pop-wrap.type03 .check_list li span {text-align: left;color:#fff;margin-left: 10px;font-size: 14px;}
.dialog .pop-wrap.type03 .check_list li input {display: none;}
.dialog .pop-wrap.type03 .check_list li label {width: 24px;height: 24px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.dialog .pop-wrap.type03 .check_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}
.dialog .pop-wrap.type03 .btn_send {display: flex;justify-content: center;align-items: center;width: 200px;height: 56px; border-radius: 40px;border: solid 1px #ffcc2a;margin:0 auto;color:#ffcc2a}
.dialog .pop-wrap.type03 .bad_box {background-color: #2e2e2e;padding:20px 0;text-align: center;color:#fff;}
.dialog .pop-wrap.type03 .textarea_box {margin-top: 30px; border-radius: 8px;border: solid 1px #979797;background-color: rgba(255, 255, 255, 0.02);}
.dialog .pop-wrap.type03 .textarea_box textarea {width: 100%;height: 100px;background: transparent;border: 0;box-sizing: border-box;resize: none;padding:30px 20px;color:#fff;outline: none;}

.dialog .pop-wrap.type04 {width: 454px;}
.dialog .pop-wrap.type04 .pop-header {height:auto;padding:16px 0;border-bottom:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.4);}
.dialog .pop-wrap.type04 .pop-header button {right: 34px;}
.dialog .pop-wrap.type04 .pop-header h1 {color:#fff;}
.dialog .pop-wrap.type04 .check_label_list {margin-bottom: 50px;}
.dialog .pop-wrap.type04 .check_label_list li {display: flex;margin-bottom: 20px;align-items: center;}
.dialog .pop-wrap.type04 .check_label_list li:last-child {margin-bottom: 0;}
.dialog .pop-wrap.type04 .check_label_list li label {display:flex;align-items: center;}
.dialog .pop-wrap.type04 .check_label_list li span {text-align: left;color:#fff;margin-left: 10px;font-size: 14px;}
.dialog .pop-wrap.type04 .check_label_list.kemi li input {width: 24px;height: 24px;background: url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.dialog .pop-wrap.type04 .check_label_list.kemi li input:checked {background:#ffab00 url(../images/ico_check_on_kemi.svg) no-repeat 0 0 / cover;}
.dialog .pop-wrap.type04 .check_label_list.bad li input {width: 24px;height: 24px;background: url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
.dialog .pop-wrap.type04 .check_label_list.bad li input:checked {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}

.dialog .pop-wrap.type04 .pop-cont {width: 100%;padding:40px 50px 0;box-sizing: border-box;}
.dialog .pop-wrap.type04 .pop-cont .btn-wrap{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:30px 0 35px 0;}
.dialog .pop-wrap.type04 .btn_send {display: flex;justify-content: center;align-items: center;width: 200px;height: 56px; border-radius: 40px;border: solid 1px #ffcc2a;margin:0 auto;color:#ffcc2a}
.dialog .pop-wrap.type04 .btn_send.kemi {color:#23ffe9;background: linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #22eed9, #08acdc) border-box;
	border: 1px solid transparent;}
.dialog .pop-wrap.type04 .btn_send.bad {color: #f8e274;background: linear-gradient(#222,#222) padding-box, linear-gradient(to bottom, #f8e274, #d57205) border-box;
	border: 1px solid transparent}


.dialog .description.al{clear:both;text-align:left;margin-bottom:10px;font-size: 20px;color: #fff;}
.dialog .form-item{margin-bottom:23px;width:100%;height:auto;position:relative;clear:both;}
.dialog .form-item ul{width:calc(100% - 100px);height:auto;}
.dialog .form-item ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;height:auto;}
.dialog .form-item ul li .item{width:calc( 50% - 10px );height:auto;overflow:hidden;}
.dialog .form-item select{border:1px solid rgba(255, 255, 255, 0.2);width:100%;}
.dialog .form-item .t01+span{margin-left:28px;}
.dialog .ctrl-wrap{position:absolute;right:0;top:10px;display:flex;justify-content:flex-start;align-items:center;}
.dialog .ctrl-wrap button{margin-right:10px;color:#fff;display:flex;justify-content:center;align-items:center;border: solid 0 rgba(255, 255, 255, 0.2);width:37px;height:37px;border-radius:50%;padding:0;}
.dialog .ctrl-wrap button img{width:100%;}
.ui-selectmenu-button.ui-button {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	min-height: 55px;
	padding: 0 30px;
	background: none;
	border: 2px solid #c6c6c6;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	color: #c6c6c6;
	outline: none;
}

.ui-menu-item {
	height: 45px !important;
}
.overflow {
	height: 300px;
}
ul.ui-menu { max-height: 300px !important; }
/* .rateit.rateit-font .rateit-reset{} */
div.bigstars div.rateit-range
{
	background: url(../images/ico-star05-off.svg);background-size:39px 39px;
	height: 39px;
}

div.bigstars div.rateit-hover
{
	background: url(../images/ico-star05-on.svg);background-size:39px 39px;
}

div.bigstars div.rateit-selected
{
	background: url(../images/ico-star05-on.svg);background-size:39px 39px;
}

div.bigstars div.rateit-reset
{
	background: url(../images/ico-star05-off.svg);background-size:39px 39px;
	width: 39px;
	height: 39px;
}

div.bigstars div.rateit-reset:hover{background: url(../images/ico-star05-on.svg);background-size:39px 39px;}
@media only screen and (max-width:768px) {
	.dialog .pop-wrap{width:calc( 100% - 40px );}
	.dialog .pop-wrap .pop-header{height:60px;width:calc( 100% - 40px );}
	.dialog .pop-wrap .pop-header h1{font-size:18px;}
	.dialog .pop-wrap .pop-cont .grade-item{height:60px;}
	.dialog .pop-wrap .btn-grade{width:20px;height:20px;background-size:contain !important;}
	.dialog .pop-wrap .pop-cont .textarea{height:160px;font-size:16px;}
	.dialog .pop-wrap .pop-cont{width:calc( 100% - 42px );}
	.dialog .pop-wrap .pop-cont .btn-wrap{width:100%;}
	.dialog .pop-wrap.type01 .pop-cont .btn-wrap a{height:50px;border-radius:25px !important;}
	.dialog .pop-wrap.type01 .pop-cont .btn-wrap a span{font-size:16px;}
	.dialog .pop-wrap .pop-cont .t1 {font-size: 14px;margin-top: 10px;}
	.dialog .pop-wrap .pop-cont .t2 {font-size: 18px;color: #fff;text-align: center;margin: 20px auto 0;padding-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,.4);max-width: 100%;}
	.dialog .pop-wrap .pop-cont .icon_box {text-align: center;margin:10px auto 0;}
	.dialog .pop-wrap .pop-cont .icon_box img {width: 100px;}
	.dialog .pop-wrap.type01 .pop-cont.txt {padding: 50px 0 100px;}

	.dialog .pop-wrap.type04 {width: calc( 100% - 40px );}
	.dialog .pop-wrap.type04 .pop-cont {width: calc( 100% - 42px );padding:40px 0 0;box-sizing: border-box;}
	.dialog .pop-wrap.type04 .btn_send {width: 80%;height: 40px;}

	.dialog .select_add_wrap .select_wrap {width:100%;}
	.dialog .description.al{clear:both;text-align:left;margin-bottom:10px;font-size: 18px;color: #fff;}
	.dialog .form-item{margin-bottom:23px;width:100%;height:auto;position:relative;clear:both;}
	.dialog .form-item ul{width:100%;height:auto;}
	.dialog .form-item ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;height:auto;}
	.dialog .form-item ul li .item{width:calc( 50% - 10px );height:auto;overflow:hidden;}
	.dialog .form-item select{border:1px solid rgba(255, 255, 255, 0.2);width:100%;}
	.dialog .form-item .t01+span{margin-left:28px;}
	.dialog .ctrl-wrap{position:static;display:flex;justify-content:flex-end;align-items:center;width: auto;}
	.dialog .ctrl-wrap button{margin-right:10px;color:#fff;display:flex;justify-content:center;align-items:center;border: solid 0 rgba(255, 255, 255, 0.2);width:37px;height:37px;border-radius:50%;padding:0 !important;}
	.dialog .ctrl-wrap button img{width:100%;}
	.dialog .select_add_wrap .ui-selectmenu-button {min-height: 30px;padding: 10px 15px 10px 15px !important;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background:transparent;color:#fff;appearance: none;-webkit-appearance: none;width: 100%;font-size: 16px;margin-right: 10px;}
	.ui-widget.ui-widget-content {margin-top: 0;}

	.email_setting {max-width:100%;margin:0 auto;padding:60px 40px 0;}
	.email_setting h3 {font-size: 18px;}
	.email_setting .email_setting_list li {padding:0 20px;display: flex;justify-content: space-between;margin-bottom: 51px;}
	.email_setting .email_setting_list li:last-child {margin-bottom: 0;}
	.email_setting .email_setting_list li span {width: 80%;}
	.email_setting .email_setting_list li input {display: none;}
	.email_setting .email_setting_list li label {width: 30px;height: 30px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
	.email_setting .email_setting_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}


	/* sub76 */
	.matching_email_setting {max-width: 100%;margin: 0 auto;padding: 60px 40px 0;}
	.matching_email_setting h3 {padding: 11px 0 12px; font-size:18px;}
	.matching_email_setting .tab_menu {border-bottom: 1px solid #fff;margin-bottom:45px;display: flex;}
	.matching_email_setting .tab_menu button.on h3 {background-color: #ffcc2a;color:#222;}
	.matching_email_setting .matching_wrap .t1 {font-size: 20px;color:#fff;margin-bottom: 32px;display: block;}
	.matching_email_setting .matching_wrap .t1 a {font-size: 16px;color:#ffcc2a;display: block;width: fit-content;}
	.matching_email_setting .matching_wrap .t2 {font-size: 16px;color:rgba(255,255,255,.6);margin-top: 27px;}
	.matching_email_setting .checkbox_wrap {display: flex;flex-wrap: wrap;}
	.matching_email_setting .checkbox_wrap button {border-width: 1px;font-size: 18px;margin-right: 10px;margin-bottom: 10px;}
	.matching_email_setting .checkbox_wrap button:last-child {margin-right: 0;}
	.matching_email_setting .checkbox_wrap button span {display: block;}
	.matching_email_setting .checkbox_wrap button.btn-large {height: 40px;min-width:100px;width: auto;padding:0 15px;}
	.matching_email_setting .checkbox_wrap button.btn-large.on {background-color: #ffcc2a;color:#333;}
	.matching_email_setting .matching_wrap li {margin-bottom: 32px;padding-bottom: 32px;}
	.matching_email_setting .matching_wrap .answer {width: 100%;height: 56px; border-radius: 2px;border: solid 1px #fff;padding:0 15px;font-size: 20px;color:#ffcc2a;box-sizing: border-box;}
	.matching_email_setting.new .checkbox_wrap label {color:#fff;display:block;align-items: center;margin-right: 30px;}

	.matching_email_setting .email_setting_list li {padding:0;margin-bottom: 20px;align-items: center;}
	.matching_email_setting .email_setting_list li:last-child {margin-bottom: 0;}
	.matching_email_setting .email_setting_list li span {font-size: 18px;color:#fff;width: 70%;}
	.matching_email_setting .email_setting_list li input {display: none;}
	.matching_email_setting .email_setting_list li label {width: 35px;height: 35px;background:rgba(255, 255, 255, 0.1) url(../images/ico_check_off.svg) no-repeat 0 0 / cover;border-radius: 100%;}
	.matching_email_setting .email_setting_list li input:checked + label {background:#ffab00 url(../images/ico_check_on.svg) no-repeat 0 0 / cover;}

	/* sub64, 68, 69 */
	.activities {width: 100%;margin:0 auto;padding: 60px 40px 0;box-sizing: border-box;}
	.activities h3 {width: 100%; margin:0 auto 45px;padding-bottom: 35px; font-size:18px;font-weight:500;color:#fff;text-align:center;border-bottom: solid 1px #fff;}
	.activities .stit {display: block;margin-bottom: 26px;}
	.activities .stit button {display: inline-flex; justify-content: center;align-items: center; width: 100%;height: 56px;background-color: #ffcc2a;border-radius: 28px;color:#131313;font-size: 22px;font-weight: 700;}
	.activities .stit > span {display: block;font-size: 18px;margin:10px 0 0;}
	.activities .stit > span {color:#ffcc2a;font-size: 20px;font-weight: 500;margin-left: 28px;}
	.activities .owl-carousel {margin-bottom: 52px;}
	.activities .img_list {display: flex;justify-content: space-between;}
	.activities .img_list li {width: 300px; height: 200px;background-color: #fff;position: relative;}
	.activities .img_list li .img_box {width: 240px;height: 200px;background-color: #fff;margin:0 auto;}
	.activities .img_list li span {position: absolute;right:28px;bottom:20px;font-size: 20px;}
	.activities .owl-carousel .owl-nav.disabled{display:block;}
	.activities .owl-carousel .owl-nav button{width:60px;height:60px;outline:none;}
	.activities .owl-carousel .owl-nav button span{display:block;text-indent:-9999em;}
	.activities .owl-carousel .owl-nav .owl-prev{position:absolute;top:50%;left:38%;margin:-30px 0 0 -50%;background:url('../images/btn_left1.png') no-repeat center center;}
	.activities .owl-carousel .owl-nav .owl-next{position:absolute;top:50%;right:38%;margin:-30px -50% 0 0;background:url('../images/btn_right1.png') no-repeat center center;}
	.activities .accordion-list {width: 100%;margin:75px auto 0;}
	.activities .btn_wrap {width: 70%;margin:0 auto;}
	.activities .ui-selectmenu-button.ui-button {border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);border-image-slice: 1;color:#f8e274;}
	.activities .btn-large {height: 56px;margin-top: 17px;}


	/* sub70, 73 */
	.location {max-width:850px;margin:0 auto;padding:60px 40px 0;text-align: center;}
	.location h3 {margin-bottom:45px;padding-bottom: 35px; font-size:18px;font-weight:500;color:#fff;text-align:center;border-bottom: solid 1px #fff;}
	.location .map_wrap {width: 100%;height:0; position: relative;padding-top: 56.25%;margin:0 auto;}
	.location .map_wrap.wide {width: 100%;}
	.location .map_wrap iframe {width: 100%;height: 100%; position: absolute;left:0;top:0;}
	.location .t1 {font-size: 24px;margin-bottom: 26px; color:#fff;}
	.location .t2 {font-size: 24px;margin-bottom: 11px;color:#ffcc2a;}
	.location .t3 {font-size: 24px;margin:53px 0 14px;color:#fff;font-weight: 700;}
	.location .t4 {font-size: 18px;color:#fff;margin-bottom: 24px;}
	.location .t5 {font-size: 18px;color:#fff;margin-top: 24px;}
	.location .t6 {font-size: 22px;color:#fff;margin-bottom: 58px;}
	.location .input_box {width: 100%;height: 60px;position: relative;margin:0 auto 22px;}
	.location .input_box input {width: 100%;height: 60px; background: transparent;border-radius: 2px;border: solid 1.5px #fff;}
	.location .input_box button {width: 30px;height: 30px;background:url(../images/ico_q.svg) no-repeat 0 0 / cover;position: absolute;right: 18px;top:15px;}


	/* jar */
	.jar {max-width:850px;margin:0 auto;padding:60px 40px 0;}
	.jar h3 {margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
	.jar .contents{max-width:602px;margin:0 auto;text-align: center;}
	.jar .contents .txt_name {margin-bottom:10px;font-size:28px;color:#fff;}
	.jar .contents .txt_name span {font-weight: bold;color:#ffcc2a;}
	.jar .contents .t1 {font-size: 20px;margin-top: 24px;color:#fff;}
	.jar .contents .t2 {margin-top: 31px; font-size: 18px; color:#fff;opacity: .8;}
	.jar .contents .t2 + .t2 {margin-top: 24px;}
	.jar .contents .input_box {width: 100%;height: 54px;border-radius: 2px;background: #fff;position: relative;margin: 36px auto 0;}
	.jar .contents .input_box input {width: calc(100% - 70px); font-size: 19px;color:#222;border: 0 solid #000;height: 52px;position: absolute;left:0;top:0;padding-left: 10px;text-align: right;outline: none;font-weight: bold;}
	.jar .contents .input_box span {position: absolute;right:10px;top:50%;transform: translateY(-50%);font-size: 19px;color:#222;font-weight: bold;}
	.jar .contents textarea {padding:16px 20px; margin-top: 56px;width: 100%;height: 124px;border-radius: 2px;border: solid 1.5px rgba(255, 255, 255, 0.2);background: transparent;resize: none;font-size: 16px;color:rgba(0,0,0,.4);box-sizing: border-box;}
	.jar .contents .btn-wrap{margin:24px auto 0; width: 70%;}
	.jar .contents .btn-wrap:after{content:"";display:block;clear:both;}
	.jar .contents .btn-wrap a {float:none;margin:0px auto;width:100%;max-width:356px;font-size:28px;font-weight:bold;color:#222;}
	.jar .contents .icon {margin-top: 100px;}
	.jar .contents .j1 {font-size: 28px;font-weight: 500;color:#fff;margin-top: 38px;}
	.jar .contents .j2 {font-size: 18px;margin-top:26px;color:#fff;}
	.jar .contents .j2 + .j2 {margin-top:38px;margin-bottom: 54px;}
	.jar h4 {font-size: 26px;color:#fff;}
	.jar .contents.who {max-width: 100%;text-align: left;margin:0;}
	.jar .checkbox_wrap {display: flex;flex-wrap: wrap;width: 100%;margin:30px 0 66px;}
	.jar .checkbox_wrap button {border-width: 1px;font-size: 18px;font-weight: 400;margin-right: 10px;margin-bottom: 12px; text-align:center;}
	.jar .checkbox_wrap button span {display: block;}
	.jar .checkbox_wrap button.btn-large {height: 40px;min-width:105px;width: auto;padding:0 24px;border: 1px solid #fff;color:#fff; background: none;border-radius: 2px;}
	.jar .checkbox_wrap button.btn-large.on {color:#ffcc2a; border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);    border-image-slice: 1;}
	.jar .checkbox_wrap button.btn-large:hover{background: rgba(248, 226, 116, .1);}

	/* recommended */
	.recommended {max-width:850px;margin:0 auto;padding:60px 40px 200px;position: relative;}
	.recommended h3 {margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
	.recommended .contents{max-width:100%;margin:0 auto;}
	.recommended .sort_list {margin-bottom: 25px;display: flex;justify-content: space-between;}
	.recommended .sort_list button {font-size: 18px;color:rgba(255,252,252,.5); margin-right: 0;}
	.recommended .sort_list button.on {color:#ffcc2a;font-weight: 700;}
	.recommended .sort_list.center {}
	.recommended .sort_list.center button {font-size: 12px;}
	.recommended .list {border-bottom: solid 1px #495057;padding:40px 0;}
	.recommended .list .status {width: 68px;height: 22px;display: flex;justify-content: center;align-items: center;color:#222;background-color: rgba(255, 255, 255, 0.6);font-size: 12px;font-weight: 700;}
	.recommended .list .status.on {background-color: #ffcc2a;}
	.recommended .list > div {margin-top: 15px;display: flex;flex-wrap: wrap;}
	.recommended .profile_img {width: 100%;margin-right: 0;text-align: center;color:#fff;display: flex;align-items: center;}
	.recommended .profile_img img {width: 80px;}
	.recommended .profile_img .name {font-size: 14px;color:#fff;text-align: center;font-weight: bold;margin-left: 20px;}
	.recommended .checkbox_wrap {display: flex;flex-wrap: wrap;width: 100%;margin-top: 20px;}
	.recommended .checkbox_wrap span {border-width: 1px;font-size: 14px;font-weight: 400;margin-right: 14px;margin-bottom: 10px; text-align:center;display: flex;justify-content: center;align-items: center;}
	.recommended .checkbox_wrap span {height: 34px;width: auto;padding:0 18px;border: 1px solid #fff;color:#fff; background: none;border-radius: 2px;}
	.recommended .checkbox_wrap span.on {color:#ffcc2a; border-image-source: linear-gradient(102deg, #f8e274, #d57205 110%);    border-image-slice: 1;}
	.recommended .txt_box {width: 100%;color:#fff;font-size: 18px;text-align: left;margin-top: 10px;}

	.recommended.select {max-width: 100%;margin:0 auto;padding:0px 40px 200px;position: relative;text-align: center;}
	.recommended.select h3 {max-width: 850px; margin:0 auto 45px;padding-bottom:35px;border-bottom:1px solid #fff;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
	.recommended.select .contents.select {width:100%;margin:0 auto;}
	.recommended.select .btm {max-width: 850px; margin:0 auto;border-top: 1px solid rgba(255,255,255,.3);padding-top: 56px;}
	.recommended.select .btm .btn-wrap {width: 70%;margin:0 auto;}
	.recommended.select .btn_skip {font-size: 22px;font-weight: bold;color:#ffcc2a;margin-top: 25px;}
	.recommended.select .swiper {width: 100%;overflow: visible;}
	.recommended.select .select_list_wrap {justify-content: start;}
	.recommended.select .select_list {width: 100%;padding-bottom: 70px;margin:0 0 20px;border-radius: 2px;border: solid 1.5px #495057;padding:10px;box-sizing:border-box;background-color: #292929;}
	.recommended.select .select_list .profile_img {width: 100%;text-align: center;color:#fff;margin:0 auto;display: block;}
	.recommended.select .select_list .profile_img img {width: 70px;margin-bottom: 22px;}
	.recommended.select .select_list .name {font-size: 16px;color:#fff;text-align: center;font-weight: bold;margin-left: 0;}
	.recommended.select .select_list .checkbox_wrap {margin:25px auto 0;color:#fff;display: block;}
	.recommended.select .select_list .checkbox_wrap span {font-size: 16px;font-weight: 400;margin-right: 16px;margin-bottom: 10px; text-align:center;display: inline;height: auto;}
	.recommended.select .select_list .checkbox_wrap span {color:#fff;border: 0 solid #000;padding:0;margin:0;}
	.recommended.select .select_list .checkbox_wrap span.on {color:#ffcc2a;}
	.recommended.select .select_list .txt_box {width: auto;color:#fff;font-size: 18px;text-align: center;margin-top: 20px;padding:20px;}
	.recommended.select .select_list .btn_select {border: solid 1px #ffcc2a;width: 160px;height: 56px;display: flex;justify-content: center;align-items: center;margin: 37px auto 0;;}
	.recommended.select .select_list .btn_select span {color: #ffcc2a;font-size: 20px;font-weight: bold;padding-left: 34px;}
	.recommended.select .select_list .btn_select.on {background-color: #ffcc2a;}
	.recommended.select .select_list .btn_select.on span {color:#222;}

	/* btn back */
	.btn_back {
		display: inline-block;
		position: static;margin-bottom: 30px;
		color:#ffcc2a;font-size: 20px;
		padding-left: 27px;background: url(../images/ico_back.svg) no-repeat 0 50%;
	}

	/* Online */
	.online-contents{padding-bottom:0;}
	.online-contents .msg-box p{font-size:16px;}

	/* Completed RSVP */
	.completed-rsvp-contents{padding-bottom:0;}
	.completed-rsvp-contents h3{line-height:1.4;}
	.completed-rsvp-contents .contents{padding-top:24px;}
	.completed-rsvp-contents .contents .btn-zoom{width:240px;}

	/* Activities */
	.activities-list ul{width:100%;margin-left:0;}
	.activities-list ul li{display:block;width:100%;}
	.activities-list ul li:nth-child(2):before{display:block;}

	/* Offline */
	.offline-contents{padding-bottom:0;}
	.offline-contents h3{line-height:1.4;}
	.offline-contents .owl-carousel .item.type3 .btn-map{max-width:100%;}
	.offline-contents .msg-box p{font-size:16px;}

	/* Completed Offline RSVP */
	/*.completed-offline-contents h3{line-height:1.4;}*/
	.completed-offline-contents .select_list_wrap{display:block;}
	.completed-offline-contents .select_list{width:100%;margin-left:0;margin-right:0;}
	.completed-offline-contents .select_list .txt_box{width:100%;}

	/* Popup Window1 */
	.dialog .pop-wrap.save-my-city .pop-cont p{margin-top:30px;}
	.dialog .pop-wrap.save-my-city .pop-cont .btn-wrap{padding-bottom:80px;}

	/* Popup Window2 */

	.dialog .pop-wrap.save-my-city2 .date-range .input-calender + .input-calender{margin-left:20px;}
	.dialog .pop-wrap.save-my-city2 .date-range .input-calender + .input-calender:after{left:-15px;width:10px;height:2px;}
	.dialog .pop-wrap.save-my-city2 .date-range .input-calender{width:100%;}
	.dialog .pop-wrap.save-my-city2 .date-range .input-calender:before{top: 10px;left: 10px;width: 20px;height: 20px;}
	.dialog .pop-wrap.save-my-city2 .date-range .input-calender input{height:40px;padding:0 10px 0 38px;font-size:16px;}
	.dialog .pop-wrap.save-my-city2 .select-row .ui-selectmenu-button.ui-button{min-height:40px;padding-left:20px;border:1px solid #fff;font-size:16px;}
	.dialog .pop-wrap.save-my-city2 .select-row .control-area{top:1px;}
	.dialog .pop-wrap.save-my-city2 .row + .row{margin-top:30px;}
	.dialog .pop-wrap.save-my-city2 .pop-cont .btn-wrap{padding:50px 0 30px;}


	/* Popup level */
	.dialog .pop-wrap.language-level {width:90%;margin:0 auto;}
	.dialog .pop-wrap.language-level h1 {font-size: 14px;}
	.dialog .pop-wrap.language-level .pop-cont p {font-size:16px;}
	.dialog .pop-wrap.language-level .pop-cont .txt_lv {margin-bottom: 10px;font-size: 24px;}
	.dialog .pop-wrap.language-level .pop-cont .btn-wrap{margin-top: 20px;}
	.dialog .pop-wrap.language-level .pop-cont .btn-wrap a {display: block; padding:10px 0;width: 150px;font-size: 14px;}
	.dialog .pop-wrap.language-level .check_languge {display: flex;justify-content: center;margin-top: 20px;}
	.dialog .pop-wrap.language-level .check_languge > div {width: 50%;text-align: center;cursor: pointer;}
	.dialog .pop-wrap.language-level .check_languge > div:first-child {border-right: 1px solid #979797;}
	.dialog .pop-wrap.language-level .check_languge > div::before {content: '';display: block;width: 12px;height: 12px;}
	.dialog .pop-wrap.language-level .check_languge > div.on::before {background-color: #ffcc2a;}


}

/**/
.page-item-wrap{width:100%;height:auto;overflow:Hidden;}
.page-item-wrap .sitem01-wrap{width:100%;height:auto;overflow:Hidden;background:url(../images/bg-sitem01.png) no-repeat right top;background-size:contain;display:flex;justify-content:center;align-items:center;padding:150px 0 50px 0;}
.page-item-wrap .sitem01-wrap .lt-item{width:410px;height:auto;overflow:hidden;  line-height: 1.55em;font-size:40px;color:#fff;}
.page-item-wrap .sitem01-wrap .lt-item strong{display:block;font-size:44px;color:#fff;font-weight:900;}
.page-item-wrap .sitem01-wrap .rt-item{margin-left:-50px;width:593px;height:auto;overflow:Hidden;}
.page-item-wrap .sitem01-wrap .rt-item img{width:100%;}

.page-item-wrap .sitem02-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:Hidden;background:url(../images/bg-sitem02.png) no-repeat left top;background-size:100%;padding:70px 0;position:relative;}
.page-item-wrap .sitem02-wrap .lt-item{width:428px;height:auto;overflow:hidden;}
.page-item-wrap .sitem02-wrap .lt-item img{width:100%;}
.page-item-wrap .sitem02-wrap .rt-item{margin-left:150px;width:400px;height:auto;overflow:Hidden;}
.page-item-wrap .sitem02-wrap .rt-item .stit{position:relative;width:100%;height:auto;overflow:Hidden;font-family:'Amatic SC';font-weight:400;font-size:36px;color:#ffcc2a;padding-bottom:10px;}
.page-item-wrap .sitem02-wrap .rt-item .stit:before{content:"";width:40px;height:2px;overflow:hidden;display:block;background:#ffcc2a;position:absolute;left:0;bottom:0;}
.page-item-wrap .sitem02-wrap .rt-item .sdate{width:100%;height:auto;overflow:Hidden;margin-top:30px;font-size:32px;color:#fff;font-weight:500;}
.page-item-wrap .sitem02-wrap .rt-item .sdesc{width:100%;height:auto;overflow:Hidden;margin-top:10px;font-size:18px;color:#fff;line-height: 1.33em;}
.page-item-wrap .sitem02-wrap .rt-item button{margin-top:40px;width:125px;height:51px;overflow:hidden;border-radius:26px;border:1px solid #ffcc2a;display:flex;justify-content:center;align-items:center;font-size:18px;color:#ffcc2a;font-weight:bold;background:transparent;}
.page-item-wrap .sitem02-wrap .bg-ball01{width:94px;height:94px;overflow:hidden;border-radius:50%;background-image: linear-gradient(233deg, #2f3e4d 85%, #24303c -32%);position:absolute;left:150px;bottom:70px;}


.page-item-wrap .sitem03-wrap{position:relative;width:100%;height:auto;overflow:Hidden;padding:88px 0 0 0;}
.page-item-wrap .sitem03-wrap .cont01{width:100%;height:auto;overflow:Hidden;display:flex;justify-content:center;align-items:center;}
.page-item-wrap .sitem03-wrap .cont01 .lt-item{width:300px;height:auto;overflow:hidden;font-size:32px;color:#fff;}
.page-item-wrap .sitem03-wrap .cont01 .lt-item strong{font-size:32px;color:#fff;font-weight:900;}
.page-item-wrap .sitem03-wrap .cont01 .rt-item{margin-left:120px;width:264px;height:auto;overflow:hidden;}
.page-item-wrap .sitem03-wrap .cont01 .rt-item img{width:100%;}

.page-item-wrap .sitem03-wrap .cont02{margin-top:177px;width:100%;height:auto;overflow:Hidden;}
.page-item-wrap .sitem03-wrap .cont02 .stit{text-align:center;width:100%;height:auto;overflow:Hidden;position:relative;font-family:'Amatic SC';font-weight:400;font-size:36px;color:#ffcc2a;padding-bottom:10px;}
.page-item-wrap .sitem03-wrap .cont02 .stit:before{content:"";width:40px;height:2px;overflow:hidden;display:block;background:#ffcc2a;position:absolute;left:50%;bottom:0;margin-left:-20px;}
.page-item-wrap .sitem03-wrap .cont02 .sdesc{margin-top:20px;text-align:center;width:100%;height:auto;overflow:Hidden;font-size:32px;color:#fff;}
.page-item-wrap .sitem03-wrap .cont02 .sdesc strong{display:inline-block;font-size:32px;color:#fff;font-weight:900;position:relative;}
.page-item-wrap .sitem03-wrap .cont02 .sdesc strong:before{content:"";width:100%;height:10px;overflow:hidden;background:url(../images/bg-uderline01.png) no-repeat left bottom;background-size:100% 100%;position:absolute;left:0;bottom:0;}
.page-item-wrap .sitem03-wrap .cont02 button{margin:60px auto 0 auto;width:125px;height:51px;border:1px solid #ffcc2a;border-radius:26px;background:transparent;font-size:18px;color:#ffcc2a;font-weight:bold;display:flex;justify-content:center;align-items:center;}

.page-item-wrap .sitem03-wrap .bg-ball01{width:50px;height:50px;overflow:hidden;border-radius:50%;background-image: linear-gradient(229deg, #ff0061 83%, #ff5536 18%);position:absolute;left:196px;top:342px;}
.page-item-wrap .sitem03-wrap .bg-ball02{width:29px;height:29px;overflow:hidden;border-radius:50%;background-image: linear-gradient(233deg, #765edd 85%, #5337c3 -32%);position:absolute;left:295px;top:471px;}
.page-item-wrap .sitem03-wrap .bg-ball03{width:70px;height:70px;overflow:hidden;border-radius:50%;background-image: linear-gradient(234deg, #ff9400 85%, #fb0 15%);position:absolute;right:116px;top:53px;}
.page-item-wrap .sitem03-wrap .bg-ball04{width:29px;height:29px;overflow:hidden;border-radius:50%;background-image: linear-gradient(233deg, #765edd 85%, #5337c3 -32%);position:absolute;right:234px;top:155px;}
.page-item-wrap .sitem03-wrap .bg-ball05{width:60px;height:60px;overflow:hidden;border-radius:50%;background-image: linear-gradient(302deg, #05ac67 85%, #17c6ba 9%);position:absolute;right:204px;bottom:0px;}


.page-item-wrap .sitem04-wrap{position: relative; padding:70px 0 70px 0;width:100%;height:auto;overflow:Hidden;background:url(../images/chemestry_bg.png) no-repeat left top;background-size:cover;


    background-repeat: no-repeat;
    background-position: center;
}


.page-item-wrap .sitem04-wrap .photo-item-wrap{max-width:1112px;margin:0 auto;width:100%;height:auto;overflow:Hidden;position: static;}
.page-item-wrap .sitem04-wrap .photo-item-wrap .wimg{max-width:100%;}
.page-item-wrap .sitem04-wrap .photo-item-wrap .mimg{max-width:100%;display:none;}
.page-item-wrap .sitem04-wrap .cont{padding-top:100px;width:100%;height:auto;overflow:Hidden;}
.page-item-wrap .sitem04-wrap .cont .spic{max-width:214px;margin:0 auto;width:100%;height:auto;overflow:Hidden;}
.page-item-wrap .sitem04-wrap .cont .spic img{width:100%; padding-top: 50px;}
.page-item-wrap .sitem04-wrap .cont .msg{
	text-align: center;
    font-family: 'Urbanist-Medium';
    margin-top: 20px;
    width: 100%;
    /* overflow: Hidden; */
    font-size: 30px;
    color: #fff;
    line-height: 36px;
}
.page-item-wrap .sitem04-wrap .cont .msg strong{
	font-family: 'AmaticSc-Bold';
    font-size: 50px;
    line-height: 63px;
    color: #bbff00;
    font-weight: 800;
}
.page-item-wrap .sitem04-wrap .cont .msg span{
	font-family: 'AmaticSc-Bold';
    font-size: 50px;
    line-height: 63px;
    color: #fff;
    font-weight: 800;
	position: relative;
}

.page-item-wrap .sitem04-wrap .cont .msg span img{
	position: absolute;
    top: -100%;
    right: -70%;

}

/* .page-item-wrap .sitem04-wrap .cont .msg span:before {
    content: "";

    overflow: hidden;
    display: block;
    background: url(../images/chemistry_like.png);
    position: absolute;
    width: 100px;
    height: 70px;
    right: 31%;
    top: 25%;
	background-repeat: no-repeat;
} */
.page-item-wrap .sitem04-wrap .cont .line{
	/* max-width: 400px; */
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
    overflow: Hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-item-wrap .sitem04-wrap .cont .line span{
	margin-left: 285px;
    position: relative;
    display: inline-flex;
    font-size: 30px;
    color: #fff;
    line-height: 37px;
    font-family: 'AmaticSc-Bold';
	height: 60px;
}

.page-item-wrap .sitem04-wrap .cont .line span img{
	position: absolute;
	left: 25%;
}
/* .page-item-wrap .sitem04-wrap .cont .line span:before {
    content: "";
    width: 100%;
    overflow: hidden;
    display: block;
    background: url(../images/chemistry_cross.png);
    position: absolute;
    width: 44px;
    height: 48px;
    left: 60%;
	background-repeat: no-repeat;
} */

#footer{overflow:hidden;}
#footer .fitem-wrap{position:relative;width:1010px;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;margin:46px auto 0 auto;}
#footer .fitem-wrap .flogo{width:160px;}
#footer .fitem-wrap .flogo img{height:32px;}
#footer .fitem-wrap ul{width:100%;height:auto;overflow:hidden;flex:1;}
#footer .fitem-wrap ul li{margin-top:12px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
#footer .fitem-wrap ul li:first-child{margin-top:0;}
#footer .fitem-wrap ul li .key{display:flex;width:60px;font-size:14px;color:#525252;}
#footer .fitem-wrap ul li .value{font-size:14px;color:#e4e4e4;}
#footer .fitem-wrap .fcopy{font-family: Lato;font-weight:500;position:absolute;right:0;bottom:0;font-size:14px;color:#515151;}
.mimg{display:none;}

.mob-user-wrap{display:none;}
.footer-item-wrap .vname{
	display: none;
}
.call-header{
	height: 40px;
	width: 100%;
	z-index: 99;
	position: relative;
	font-size: 16px;
	color: #222222;
	background: #ffcc2a;
	font-family: 'Urbanist-Bold';
	display: flex;
	align-items: center;
	justify-content: center;
}
.call-header.mixed{
	color: #fff;
	background-color: #2b2b2b;
}
.call-item-wrap{position:fixed;left:0;top:40px;width:100%;height:calc(100% - 40px);overflow:Hidden;}
.call-item-wrap .utime{display:inline-flex;justify-content:center;align-items:center;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));padding:0 20px;height:44px;border-radius:10px;font-size:14px;color:#fff;font-family: Lato;font-weight:300;z-index: 2;order: 1}
.call-item-wrap .side-call-list{width:100%;height:auto;overflow:hidden;}
.call-item-wrap .side-call-list ul{width:100%;height:calc(100vh - 120px);overflow:hidden;display: flex}
.call-item-wrap .side-call-list ul li{width:100%;height:auto;overflow:hidden;position:relative;z-index: 2;}
.call-item-wrap .side-call-list ul li:last-child{}
.call-item-wrap .side-call-list ul li.full {position: fixed;left: 0;top:0;width: 100%;height:100%;margin-bottom: 0;z-index: 1;}
.call-item-wrap .side-call-list ul li.full .video-item-wrap{background-position:center center !important;background-size:cover !important;width:100%;height:100%;overflow:Hidden;background:#ddd;border-radius: 0;}
.call-item-wrap .side-call-list ul li.full .vname{position: absolute;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    padding: 0 20px;
    height: 44px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    width: auto;
    bottom: 120px;
    left: 50%;
    transform: translate(-50%);

}
.call-item-wrap .side-call-list ul li .video-item-wrap{background-position:center center !important;background-size:cover !important;width:100%;overflow:hidden;background:#b7b7b7;height: 100%}

.call-item-wrap .side-call-list ul li .vname{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc( 100% );
	padding-left: 20px;
	padding-top: 20px;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.9) 144%);
	display: flex;
	flex-direction: column;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
.call-item-wrap .side-call-list ul li .vname .identity {
	color: #cecece;
	font-family: 'Urbanist-Medium';
	font-size: 14px;
	margin-top: 6px;
}
.call-item-wrap .btn_wrap {display: flex;z-index: 10;order: 2}
.call-item-wrap .btn_wrap a {display: inline-flex;height: 45px;padding:0 30px;align-items: center;justify-content: center;color:#fff;font-size: 14px;background-color: #4e36d4;border-radius: 10px;font-weight: 500;}
.call-item-wrap .btn_wrap a + a {margin-left: 20px;background-color: #4e36d4;color:#fff;}
.call-item-wrap .footer-item-wrap{
	text-align:center;
	width:100%;
	height:80px;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0px;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
	flex-wrap: wrap;
	gap: 30px;
	background: #262626;
}
.call-item-wrap .footer-item-wrap .mname{display:inline-flex;justify-content:center;align-items:center;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));padding:0 20px;height:44px;border-radius:10px;font-size:14px;color:#fff;font-weight:500;}
.call-item-wrap .footer-item-wrap .func-item-wrap{
	height:auto;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	gap: 30px;
	order: 3
}
.footer-item-wrap .func-item-wrap .topic{

	width: 40px;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffcc2a;
	border-radius: 50%;
	margin-right: 30px;
}
.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-video{display:flex;justify-content:center;align-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));order: 2}
.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-out{display:flex;justify-content:center;align-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:#ff5630;order: 3}
.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-sound{display:flex;justify-content:center;align-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));order: 1}
.call-item-wrap .call-user {position: absolute; bottom:90px;color:#fff;}

.call-item-wrap.counting::before {content: '';display: block;width: 100%;height: 100vh;background:rgba(0,0,0,.7);position: absolute;left:0;top:0;z-index: 5;}
.call-item-wrap.counting .uname {display: none;}
.call-item-wrap.counting .side-call-list ul li:not(.full) {display: none;}
.call-item-wrap.counting .time_box {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);padding-top: 12px; display: flex;flex-direction:column;align-items: center;background: #000;border-radius: 10px;color: #fff;font-size: 16px;font-weight: 500;font-family: 'Lato'; width: 72px;height: 65px;box-sizing: border-box;z-index: 10;}
.call-item-wrap.counting .time_box img {display: block;margin-bottom: 2px;}

.photo-item-wrap{position:relative;left:0;top:0;width:100%;height:100%;overflow:Hidden;}
.photo-item-wrap .full-item-wrap{background-position:center center !important;background-size:cover !important;width:100%;height:100%;overflow:Hidden;background:#ddd;}
.photo-item-wrap .photo-msg{width:100%;height:auto;overflow:hidden;position:absolute;left:0;top:0;padding-top:60px;}
.photo-item-wrap .photo-msg .pimg{width:100%;height:auto;overflow:hidden;text-align:center;}
.photo-item-wrap .photo-msg img{width:40px;transform:translateX(-90px)}
.photo-item-wrap .photo-msg .pmsg{width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;color:#fff;font-weight:500;}

.footer-photo-list-wrap{width:100%;height:auto;overflow:hidden;position:absolute;left:0;bottom:0;}
.footer-photo-list-wrap button{width:70px;height:70px;border-radius:50%;border:1px solid #fff;background:#000;padding:0;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.footer-photo-list-wrap .photo-slide-wrap{width:100%;height:136px;overflow:hidden;margin-top:20px;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px;}
.footer-photo-list-wrap .photo-slide-wrap .swiper-container{margin:0;width:calc( 100% - 22px );padding-left:16px;padding-right:6px;margin-top:26px;}
.footer-photo-list-wrap .photo-slide-wrap .swiper-container .swiper-slide{margin-right:10px;width:103px;height:70px;border-radius:10px;background:#f5eeed;}
.footer-photo-list-wrap .photo-slide-wrap .swiper-container .swiper-slide a{width:103px;height:70px;display:flex;justify-content:center;align-items:center;}
.footer-photo-list-wrap .photo-slide-wrap .swiper-container .swiper-slide a img{max-width:77px;max-height:42px;}

.message_pop {display:none;position: fixed;left:50%;top:50%;transform: translate(-50%,-50%); border: solid 1px #fff;background-color: rgba(34, 34, 34, 0.9);z-index: 50;}
.message_pop.on {display: block;}
.message_pop .text_box {padding:80px 100px;width: 600px;}
.message_pop .text_box p {font-size: 20px;color:#fff;font-weight: 500;}
.message_pop .text_box p + p {margin-top: 40px;}
.message_pop .btn-close {display: block;width: 22px;height: 22px;background: url(../images/btn-close.svg) no-repeat 0 0 / cover;position: absolute;right:20px;top:20px;}
.message_pop .info_box {text-align: center;padding:50px 100px;color:#fff;min-width: 600px;box-sizing: border-box;}
.message_pop .info_box .t1 {font-size: 22px;font-weight: 500;}
.message_pop .info_box .t1::after {content: ''; display: block;width: 30px;height: 2px;background-color: #fff;margin:15px auto 13px;}
.message_pop .info_box .t2 {font-size: 18px;}

.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}
.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.pr-5,
.px-5 {
	padding-right: 3rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}


@media only screen and (max-width: 850px) {
	.page-item-wrap .sitem01-wrap{
		background:none;
		display:block;
		padding:80px 0;
	}
	.page-item-wrap .sitem01-wrap .lt-item{
		width:calc( 100% - 40px );
		font-size:28px;
		padding:0 20px;
	}
	.page-item-wrap .sitem01-wrap .lt-item strong{
		font-size:32px;
	}
	.page-item-wrap .sitem01-wrap .rt-item{margin:0;width:100%;height:auto;overflow:Hidden;margin-top:60px;text-align:center;}
	.page-item-wrap .sitem01-wrap .rt-item img{width:100%;}
	.mimg{display:block;}
	.wimg{display:none;}
	.page-item-wrap .sitem02-wrap{display:block;background:url(../images/bg-sitem02.png) no-repeat left 33%;    background-size: contain;}
	.page-item-wrap .sitem02-wrap .lt-item{width:276px;height:auto;overflow:Hidden;margin:0 auto;transform:translateX(-30px)}
	.page-item-wrap .sitem02-wrap .bg-ball01{display:none;}
	.page-item-wrap .sitem02-wrap .rt-item{width:100%;margin-left:0;}
	.page-item-wrap .sitem02-wrap .rt-item .stit{text-align:center;font-size:30px;}
	.page-item-wrap .sitem02-wrap .rt-item .stit:before{left:50%;margin-left:-20px;}
	.page-item-wrap .sitem02-wrap .rt-item .sdate{text-align:center;font-size:18px;}
	.page-item-wrap .sitem02-wrap .rt-item .sdesc{text-align:center;font-size:14px;}
	.page-item-wrap .sitem02-wrap .rt-item button{margin:40px auto 0 auto;}
	.page-item-wrap .sitem03-wrap .bg-ball01,
	.page-item-wrap .sitem03-wrap .bg-ball02,
	.page-item-wrap .sitem03-wrap .bg-ball03,
	.page-item-wrap .sitem03-wrap .bg-ball04,
	.page-item-wrap .sitem03-wrap .bg-ball05{display:none;}

	.page-item-wrap .sitem03-wrap .cont01{display:block;}
	.page-item-wrap .sitem03-wrap .cont01 .lt-item{width:calc( 100% - 40px );padding:0 20px;text-align:center;font-size:18px;}
	.page-item-wrap .sitem03-wrap .cont01 .lt-item strong{font-size:18px;}
	.page-item-wrap .sitem03-wrap .cont01 .rt-item{width:264px;margin:50px auto 0 auto;}
	.page-item-wrap .sitem03-wrap .cont02{margin-top:130px;}
	.page-item-wrap .sitem03-wrap .cont02 .stit{font-size:30px;}
	.page-item-wrap .sitem03-wrap .cont02 .sdesc{font-size:18px;}
	.page-item-wrap .sitem03-wrap .cont02 .sdesc strong{font-size:18px;}
	.page-item-wrap .sitem03-wrap .cont02 .sdesc strong:before{height:4px;}
	.page-item-wrap .sitem04-wrap{padding-bottom:50px; padding-top: 50px;}
	.page-item-wrap .sitem04-wrap .photo-item-wrap{width:100%;height:auto;overflow:hidden;}
	.page-item-wrap .sitem04-wrap .photo-item-wrap img{width:100%;}
	.page-item-wrap .sitem04-wrap .photo-item-wrap .mimg{display:block;}
	.page-item-wrap .sitem04-wrap .cont{width:100%;}
	/* .page-item-wrap .sitem04-wrap .cont .spic{} */
	.page-item-wrap .sitem04-wrap .cont .msg{margin:0 auto;width:300px;font-size:16px;}
	.page-item-wrap .sitem04-wrap .cont .msg strong{font-size:16px;}
	.page-item-wrap .sitem04-wrap .cont .msg span{font-size:16px;}
	.page-item-wrap .sitem04-wrap .cont .line{width:300px;}
	.page-item-wrap .sitem04-wrap .cont .line span{font-size:12px;margin-left:136px; position: absolute;}
	.call-item-wrap .btn_wrap {bottom:auto;top:70px;left:20px;}
	.call-item-wrap .btn_wrap a {height: 34px;padding:0 12px;}
	.call-item-wrap .btn_wrap a + a {margin-left: 10px;}
	#footer.type01{height:auto;padding:20px 0;}
	#footer .fitem-wrap{width:calc( 100% - 40px );padding:0 20px;display:block;margin:0;}
	#footer .fitem-wrap ul{margin-top:20px;}
	#footer .fitem-wrap ul li{margin-top:10px;}
	#footer .fitem-wrap ul li .key{font-size:12px;}
	#footer .fitem-wrap ul li .value{font-size:12px;}
	#footer .fitem-wrap .fcopy{position:static;margin-top:30px;font-size:12px;}
	.page-item-wrap .sitem04-wrap .cont .msg:before {

		right: 15%;

	}
	.mob-hide{display:none;}
	.mob-user-wrap{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;overflow:Hidden;padding:20px 0;border-bottom:1px solid #3f3f3f;margin-bottom:10px;}
	.mob-user-wrap .upic{margin-left:0px;width:44px;height:44px;overflow:hidden;border-radius:50%;background-size:cover !important; background-position: center !important; object-fit: cover; background-position: cover !important;}
	.mob-user-wrap .uname{margin-left:10px;width:100%;height:auto;overflow:hidden;flex:1;font-size:14px;color:#fff;}
	.mob-user-wrap button{width:72px;height:24px;border-radius:12px;border:1px solid #979797;background:transparent;position:absolute;right:0px;top:50%;margin-top:-12px;font-size:12px;color:#fff;}
	#header .gnb ul.mobile_list.type01 li a{padding-left:32px;position:relative;font-size:14px;color:black;}
	#header .gnb ul.mobile_list.type01 li{position:relative;}
	#header .gnb ul.mobile_list.type01 li a.ico01{background:url(../images/bg-lnb-list01.svg) no-repeat left center;}
	#header .gnb ul.mobile_list.type01 li a.ico02{background:url(../images/bg-lnb-list02.svg) no-repeat left center;}
	#header .gnb ul.mobile_list.type01 li a.ico03{background:url(../images/bg-lnb-list03.svg) no-repeat left center;}
	#header .gnb ul.mobile_list.type01 li a.ico04{background:url(../images/bg-lnb-list04.svg) no-repeat left center;}
	#header .gnb ul.mobile_list.type01 li a.ico05{background:url(../images/bg-lnb-list05.svg) no-repeat left center;}


	.call-item-wrap .footer-item-wrap .mname{display:none;}
	.call-item-wrap .utime{height:31px;font-size:12px;padding:0;width:51px; height: 34px; position: static;}
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-video img{width:16px;}
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-sound img{width:16px;}
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-out img{width:22px;}

	.call-item-wrap .side-call-list ul li .vname{font-size:12px;padding-left:10px;padding-top:10px;width:calc( 100% );font-family: Lato;font-weight:300;}
	.call-item-wrap .side-call-list ul li.full .vname {bottom: 100px;}
	.call-item-wrap .call-user {height:31px;font-size:12px;background:#000;right:auto;left:50%;bottom:90px;padding:0 10px;transform: translateX(-50%);}

	.call-item-wrap.type01 {background-color: #000;}
	.call-item-wrap.type01 .side-call-list{left:0;top:0;width:100%;}
	.call-item-wrap.type01 .side-call-list ul {display: flex;flex-wrap:wrap;}
	.call-item-wrap.type01 .side-call-list ul li{margin-top:0;width:50%;margin-bottom: 0;}
	.call-item-wrap.type01 .side-call-list ul li:not(.full):nth-child(odd){border-right:1px solid #000;width:calc( 50% - 1px );}
	.call-item-wrap.type01 .side-call-list ul li .video-item-wrap{height:280px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
	.call-item-wrap.type01 .side-call-list ul li .vname{border-radius:0;}
	.call-item-wrap.type01 .side-call-list ul li.full {width: 100%;position: static;z-index: 1;order: 3;}
	.call-item-wrap.type01 .side-call-list ul li.full .video-item-wrap {height:calc(100vh - 280px);}
	.call-item-wrap.type01 .uname{top:302px;}
	.call-item-wrap.type01 .btn_wrap {bottom:auto;top:302px;left:20px;}
	.call-item-wrap.counting .uname {display: none;}
	.call-item-wrap.counting .side-call-list ul li:not(.full) {display: none;}
	.call-item-wrap.counting .footer-item-wrap .mname{display: inline-flex;}
	.message_pop {display:none;position: fixed;left:0;top:0;width: 100%;height: 100vh; transform: translate(0,0); border: solid 0 #fff;z-index: 50;}
	.message_pop.on {display: block;}
	.message_pop .text_box {padding:0 20px;width: 100%;height: 100vh; box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
	.message_pop .text_box p {font-size: 14px;}
	.message_pop .text_box p + p {margin-top: 40px;}
	.message_pop .info_box {text-align: center;padding:0 20px;min-width: auto;height: 100vh;display: flex;flex-direction: column;justify-content: center;}
	.message_pop .info_box .t1 {font-size: 18px;}
	.message_pop .info_box .t1::after {content: ''; display: block;width: 30px;height: 2px;background-color: #fff;margin:15px auto 13px;}
	.message_pop .info_box .t2 {font-size: 14px}

}





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

	.ui-widget.ui-widget-content {

		width: 320px!important;
	}

}