@charset 'utf-8';

@import url('content.css');
@import url('swiper.min.css');
@import url('pulldelete.css');

/* reset */
html,body {-webkit-text-size-adjust: none; -webkit-appearance:none; }
body {font-family:'AppleSDGothicNeo-Regular', sans-serif;}
body,div,p,h1,h2,h3,h4,ul,li,ol,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin: 0; padding: 0;}
fieldset,img,iframe {border: 0; margin: 0; padding: 0;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5 {font-size: inherit; font-weight: 500;}
em,i,address {font-style: normal}
strong {font-weight: normal;}
a {font-family: inherit; text-decoration: none; color: inherit; font-size: inherit; }
img {font-size: 0; line-height: 0; width: 100%;vertical-align: top;}
table {empty-cells: show; border-spacing:0; table-layout: fixed; width: 100% }
caption {visibility: hidden; margin: 0; padding: 0; font-size: 0; height: 0;}
button {border: 0; cursor: pointer; vertical-align: middle; font-family: inherit; background: none}
input, select, textarea, button, label {font-size: inherit; vertical-align: middle; font-family:inherit;}
input[type="radio"],input[type="chekbox"] {vertical-align: middle; -webkit-appearance:none; appearance:none;position: absolute; opacity: 0; }
*,*:before, *:after {box-sizing: border-box}
:focus {outline: none}
html {font-size: 10px; padding: 0; margin: 0;}
body {color: #222;  font-size: 1.2rem; line-height: 1.3; overflow-x: hidden; background: #f5f6f6;}
input[type="text"],input[type="date"],input[type="month"],input[type="password"],input[type="number"] select,textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0;} 
[class^="btn_"] {display: inline-block;  background-size: 100% 100%;}
div::after, ul::after, dl::after, header::after {display: block; clear: both; content:''}
.ir {position: absolute; top:-100rem}

.bg_splash {position: absolute; top:0;left: 0;right: 0;bottom: 0; width:100%; height:100%; background: url(/images/bg/bg_splash.png)no-repeat 0 0; background-size: 100% 100%; }
.bg_splash .title {position: absolute; left: 50%; top:37.5%; transform: translateX(-50%); background: url(/images/ico/ic_logo_splash.png)no-repeat 0 0; width: 17.4rem; height:2.4rem; background-size: 100% 100%; text-indent: -9999px; }
.bg_splash .copy {color: #a4aab3; display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0;margin-bottom: 3.5rem;}
.bg_splash .btn_top_del {position: absolute; left: 0; top:25px;}

.swiper-container {width: 100%; height: 100%; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:30px; height: 30px; }
.swiper-slide {
position: relative;
width: 250px; 
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

#wrapper {
    position: absolute;
	z-index: 1;
	top: 406px;
	bottom: 48px;
	left: 0;
    width: 100%;
    
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	width: 900px;
	height: 130px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#scroller li {
	display: block;
	float: left;
	width: 13rem;
    height:13rem;
    margin-left: 2rem;
    position: relative;
}
#scroller li .menu_name {
    display: block;
    position: absolute;
    left: 0;
    top:55px;
    width: 100%;
    text-align: center;
    color: #eef2f8;
    font-size: 1.8rem;
    font-weight: 700;
}

.main_bg {position: absolute; top:0;left: 0;right: 0;bottom: 0; width:100%; height:100%; background: url(/images/bg/main_bg.png)no-repeat 0 0; background-size: 100% 100%;}
.main_text {color: #fff; font-size: 1.8rem; padding-left: 40px;}
.main_text strong {   box-shadow: inset 0 -7px 0 #3e63bb;}
.main_3d {position: relative;}
.main_3d .sw_3da {display: block;  width: 100%; height:250px; }
.main_3d .sw_move {position: absolute; left:50%; top:50%; transform: translateX(-50%); color:#eef2f8; font-size: 1.2rem; z-index: 20; display:block;  width:17rem; height:4.7rem; padding: 2.5rem 0 0 3.2rem; background: url('/images/img/ic_guide_main.png')no-repeat 0 0; background-size: 100% 100%;}
.main_btn {width: 100%; display: block; position: absolute;bottom: 0; left:0;}
.main_btn .btn_gogallery {text-align: center; color:#fff; font-size: 1.8rem; display: block; background: url('/images/bg/bt_main_3_dmuseum.png')no-repeat 0 0; height:62px; padding-top: 18px; background-size: 100% 100%;}
.main_btn .btn_gogallery .bu_3d {margin-right: 5px; vertical-align: top; display: inline-block;  width: 31px; height:28px; background-image: url(/images/ico/ic_3_dcontents.png); background-size: 100% 100%; }
.login_btn .btn_login {text-align: center; color:#fff; font-size: 1.8rem; display: block; background: url('/images/bg/bt_long_bottom_bk.png')no-repeat 0 0; height:62px; padding-top: 18px; background-size: 100% 100%;}
.pwd_bg {position: absolute; top:0;left: 0;right: 0;bottom: 0; width:100%; height:100%; background: url(/images/bg/bg_secret_group_code.jpg)no-repeat 0 0; background-size: 100% 100%;}
.pwd_bg .top_header {background: transparent;}


.swiper-pagination-bullet {width: 5px; height:5px; background: #606469; opacity:1;}
.swiper-pagination-bullet-active {background: #53c5fb; width: 10px;border-radius: 5px;} 
.swiper-slide .sw_text { position: absolute; top:90px; color:#eef2f8; font-size: 1.8rem;}
.swiper-slide .sw_3da {display: block; position: absolute; left: 0; bottom:0; width: 100%; height:300px; margin-bottom: 57px; z-index: 10; }
.swiper-slide .sw_img {display: inline-block; position: absolute; left: 0; bottom:0;} 
.swiper-slide .sw_move {position: absolute; left:50%; transform: translateX(-50%); bottom:200px; color:#eef2f8; font-size: 1.2rem; z-index: 20; display:block;  width:17rem; height:4.7rem; padding: 2.5rem 0 0 2.2rem; background: url('/images/img/ic_guide_main.png')no-repeat 0 0; background-size: 100% 100%;}

/* slide menu */
.slide_menu { position: absolute; left:0; top:0; z-index: 999; width: 25rem; height:100%; background: #343944;}
.menu_login {border-bottom: 1px solid #3e63bb; padding-bottom:2.8rem ;	}
.menu_login .img {width: 4.5rem; height:4.5rem; float: left; margin: 30px 0 0 20px;}
.menu_login .img img {border-radius: 50%;}
.menu_login .link_text {color: #fff; font-size:1.6rem; display: inline-block; margin: 42px 0 0 10px;	}
.menu_login .bu_arr_next {float: right; margin: 32px 0 0 0;}
.menu_list {margin: 3rem 0 5.6rem 3rem;}
.menu_list li a {color: #ffffff; font-size: 1.6rem; line-height: 4rem; display: inline-block;}
.menu_list li i {display: inline-block; width: 35px; height:35px; background-size:100% 100%; vertical-align: middle; margin-right: 10px; }
.menu_list li .bu_1 {background-image: url(/images/btn/bt_mainmenu_01.png);}
.menu_list li .bu_2 {background-image: url(/images/btn/bt_mainmenu_02.png);}
.menu_list li .bu_3 {background-image: url(/images/btn/bt_mainmenu_03.png);}
.menu_list li .bu_4 {background-image: url(/images/btn/bt_mainmenu_04.png);}
.menu_list li .bu_5 {background-image: url(/images/btn/bt_mainmenu_05.png);}
.menu_list li .bu_6 {background-image: url(/images/btn/bt_mainmenu_06.png);}
.menu_list li .bu_7 {background-image: url(/images/btn/bt_mainmenu_07.png);}
.menu_footer {display: block; width: 100%; text-align: center; padding: 15px 0; border-top: 1px solid #3e63bb; color: #a4aab3; font-size: 1.6rem; background-color: #333}
.menu_footer span {padding-left: 1.3rem;}
.drawer {
	max-width: 320px;
	height: 100%;
	left: 0px;
	top: 0;
	bottom: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	position: fixed;
	z-index: 99999;
	opacity: 0.001;
    }
.drawer .label {
    position: absolute;
    top: 56px;
    bottom: 0;
    width: 32px;
    right: -32px;
}
.drawer .antiSelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
}
.rx_noselect {
	/* iOS Safari */
	-webkit-touch-callout: none;
	/* Chrome/Safari/Opera */
	-webkit-user-select: none;
	/* Konqueror */
	-khtml-user-select: none;
	/* Firefox */
	-moz-user-select: none;
	/* Internet Explorer/Edge */
	-ms-user-select: none;
	/* Non-prefixed version, currently
	                              not supported by any browser */
	user-select: none;
}
.drawer_bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0.001;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}


/* header */
.top_area {z-index: 9999;}
.top_header {background: #343944; height:46px; position: relative; }
.top_header .title {width: 80%; position: absolute; left: 10%; top:0; overflow: hidden; height: 38px; text-align: center; font-size: 1.8rem; color:#f5f6f6; padding: 12px 0 11px 0; }
.top_header .left {position: absolute; left: 0; top:2px; }
.top_header .right {position: absolute; right: 0; top:2px; }
.top_header .right .text_blue { display: inline-block; padding: 10px 10px 10px 0;}
.top_header .right .text_red { display: inline-block; padding: 10px 20px 10px 0;}
.sch_cate { display: flex; background: #fff}
.sch_cate .input_area {display: block; width:100%;  height: 50px; border-bottom: 1px solid #cdd1d6; position: relative;}
.sch_cate .input_area .text_result {float: left; color:#343944; font-size: 1.6rem; padding: 15px 0 0 30px ;}
.sch_cate .input_area .btn_top_sch {position: absolute; right: 3px; top:5px}
.sch_cate .input_area .btn_top_del {position: absolute; right: 43px; top:8px}
.sch_cate .input_area .btn_ar_down {float: right; margin: 4px 4px 0 0;}
.sch_cate .btn_top_filter {width: 58px;}
.topFixed .top_area {position: fixed; left: 0; top:0; width: 100%;}
.m_top_area {position: relative; height:44px; margin-top: 24px;}
.m_top_area .logo {display: inline; position: absolute; left:50%; top:10px; transform: translateX(-50%); width: 10rem; height:1.4rem; background-image: url(/images/img/logo_top_main.png); background-size: 100% 100%;}
.m_top_area .left {display: inline-block; position: absolute; left: 0; top:0;}
.m_top_area .right {display: inline-block; position: absolute; right: 0; top:0;}


/* bullet & ico */
.bu_like {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_like.png); background-size: 100% 100%; }
.active .bu_like {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_like_on.png); background-size: 100% 100%; }
.bu_lis {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_listen.png); background-size: 100% 100%; }
.active .bu_lis {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_listen_on.png); background-size: 100% 100%; }
.bu_save {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_plus.png); background-size: 100% 100%; }
.bu_out {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_share.png); background-size: 100% 100%; }
.bu_view {vertical-align: top; display: inline-block; width: 15px; height:15px; background-image: url(/images/ico/ic_view.png); background-size: 100% 100%; }
.bu_3bank {vertical-align: top; display: inline-block;  width: 25px; height:25px; background-image: url(/images/ico/ic_3dbank.png); background-size: 100% 100%; }
.bu_signal {vertical-align: top; display: inline-block; width: 34px; height:34px; background-image: url(/images/ico/ic_signal.png); background-size: 100% 100%;}
.bu_arr_next  {vertical-align: top; display: inline-block; width:40px; height:40px;  background: url(/images/btn/bt_next.png) no-repeat 0 0;background-size: 100% 100%;}
.ico_wflink  {vertical-align: top; display: inline-block; width:34px; height:34px;  background: url(/images/ico/ic_wifi_on.png) no-repeat 0 0;background-size: 100% 100%;}
.ic_wifi_w {vertical-align: top; display: inline-block; width:40px; height:40px;  }
.ic_wifi_w.step1 {background: url(/images/ico/ic_signal_weak.png) no-repeat 0 0; background-size: 100% 100%;}
.ic_wifi_w.step2 {background: url(/images/ico/ic_signal_normal.png) no-repeat 0 0; background-size: 100% 100%;}
.ic_wifi_w.step3 {background: url(/images/ico/ic_signal_strong.png) no-repeat 0 0; background-size: 100% 100%;}
.bu_lock  {vertical-align: top; display: inline-block; width:25px; height:25px;  background: url(/images/ico/ic_secret_group.png) no-repeat 0 0;background-size: 100% 100%;}
.st_3d {display: block; width: 40px; height:40px; background-image: url(/images/ico/ic_collection_3_d.png);background-size: 100% 100%;  }
.st_folder {display: block; width: 40px; height:40px; background-image: url(/images/ico/ic_collection_folder.png);background-size: 100% 100%;  }
.st_ani {display: block; width: 40px; height:40px; background-image: url(/images/ico/ic_collection_ani.png);background-size: 100% 100%;  }
.st_pic {display: block; width: 40px; height:40px; background-image: url(/images/ico/ic_collection_pic.png);background-size: 100% 100%;  }
.st_vd {display: block; width: 40px; height:40px; background-image: url(/images/ico/ic_collection_video.png);background-size: 100% 100%;  }

/* btn */
.btn_tutorial {display: block; width: 100%; z-index:99; position: absolute; bottom: 0;}
.btn_tutorial button {width: 50%; float: left;}
.btn_top_other {width: 40px; height:40px; background-image: url(/images/btn/bt_setting_other.png);  }
.btn_top_del {width: 32px; height:32px; background-image: url(/images/btn/bt_search_cancle.png);  }
.sch_cate .btn_top_sch {width: 40px; height:40px; background-image: url(/images/btn/bt_search_ic.png);  }
.btn_top_setting {width: 40px; height:40px; background-image: url(/images/btn/bt_setting.png);  }
.btn_top_back {width: 40px; height:40px; background-image: url(/images/btn/bt_back.png);  }

.btn_top_holo {width: 40px; height:40px; background-image: url(/images/btn/bt_holo_on.png);  }
.btn_top_holo_pang {width: 40px; height:40px; background-image: url(/images/btn/btn_top_holo_pang.png);  }
.btn_top_holo_sensor {width: 40px; height:40px; background-image: url(/images/btn/bt_holo_on_sensor.png);  }
.btn_top_ar {width: 40px; height:40px; background-image: url(/images/btn/bt_ar_on.png);  }


.btn_top_filter {width: 50px; height:50px; background-image: url(/images/btn/bt_filter.png); }
.btn_ar_down {width: 40px; height:40px; background-image: url(/images/btn/bt_dropdown_under.png);}
.btn_ar_next {width: 40px; height:40px; background-image: url(/images/btn/bt_next.png);}
.btn_top_close {width: 40px; height:40px; background-image: url(/images/btn/bt_x.png); }
.btn_top_plus {width: 40px; height:40px; background-image: url(/images/btn/bt_plus.png);  }
.btn_top_plus2 {width: 40px; height:40px; background-image: url(/images/btn/bt_plus2.png);  }
.btn_white {background: #fff; width: 100%; height:50px;font-size: 1.6rem; color:#6d7278; letter-spacing: -0.2rem}
.btn_active {background:  #3E63BB; width: 100%; height:50px;font-size: 1.6rem; color:#fff}
.btn_round_default {border: 1px solid #cdd1d6; color:#a4aab3;  border-radius: 15px; width: 85px; padding: 7px 0 6px 0; text-align: center;}
.btn_round_default.active {background: #3e63bb; color:#fff;border: 1px solid #3e63bb;}
.btn_sround_default {border: 1px solid #cdd1d6; color:#a4aab3;  border-radius: 15px; padding: 7px 25px 6px 25px; text-align: center;}
.btn_sround_default.active {background: #3e63bb; color:#fff;border: 1px solid #3e63bb;}
.btn_square_default {width: 100%;; display: block; border: 1px solid #cdd1d6; background: #fff; color: #6d7278; padding: 15px 0 16px 0; text-align: center;}
.btn_square_default.active {background: #3e63bb; color:#fff;border: 1px solid #3e63bb;}
.btn_square_default.active2 {background: #3e63bb; color:#fff;}
.btn_square_default.disabled {background: #cdd1d6; color:#fff;border: 1px solid #cdd1d6; cursor:auto}

.btn_w {background: #fff; width: 100%; height:50px;font-size: 1.6rem; color:#6d7278; }
.btn_w > [class^="bu_"] {margin-top: 3px;}
.btn_w.active {color:#3e63bb}
.btn_ar_line {width: 100%; position: relative; display: block; text-align: left; border: 1px solid #cdd1d6;font-size: 1.4rem;  color: #343944; padding: 17px 0 16px 10px; }
.btn_ar_line .bu_next  {background: url('/images/btn/bt_next.png') no-repeat 0 0; position: absolute; right: 10px; top:10px; display: inline-block; width: 30px; height:30px; background-size: 100% 100%;}
.btn_pic_upload {width: 35px; height:35px; background-image: url(/images/btn/bt_photo.png);}
.btn_top_menu {width: 40px; height:40px; background-image: url(/images/btn/bt_mainmenu.png);}
.btn_item_del {width: 40px; height:40px; background-image: url(/images/btn/bt_delet_othercontents.png);}
.btn_top_sch {width: 40px; height:40px; background-image: url(/images/btn/bt_search.png);}
.btn_modal_close  {width: 40px; height:40px; background-image: url(/images/btn/bt_x.png);}
.btn_modal {width: 100%; padding: 1.6rem 0; text-align: center; color: #222222; font-size: 1.4rem; }
.btn_kakao {width: 40px; height:40px; background-image: url(/images/btn/bt_share_kakao.png);}
.btn_facebook {width: 40px; height:40px; background-image: url(/images/btn/bt_share_facebook.png);}
.btn_insta {width: 40px; height:40px; background-image: url(/images/btn/bt_share_instagram.png);}
.btn_twitter {width: 40px; height:40px; background-image: url(/images/btn/bt_share_twitter.png);}
.btn_blog {width: 40px; height:40px; background-image: url(/images/btn/bt_share_blog.png);}
.btn_detail_call {width: 58px; height:58px; background-image: url(/images/btn/bt_call.png);}
.btn_detail_back {width: 40px; height:40px; background-image: url(/images/btn/bt_back_map.png);}
.btn_link {width: 40px; height:40px; background-image: url(/images/btn/bt_link_connect.png);}
.btn_unlink {width: 40px; height:40px; background-image: url(/images/btn/bt_link_disconnect.png);}
.btn_addadmin {width: 85px;  text-align: center; color: #a4aab3; padding: 7px 0; border-radius: 15px; border: 1px solid #a4aab3;}
.btn_round_blue {background: #3e63bb; font-size: 1.6rem; border: 1px solid #3e63bb; color:#fff;  border-radius: 25px; width: 100%; padding: 12px 0 12px 0; text-align: center;}
.btn_round_blue.line {background: transparent; border: 1px solid #3e63bb; color:#3e63bb;}
.btn_email_join {display: block; width: 100%; height: 80px; font-size: 1.8rem; background: #fff url('/images/img/pic_default_btn.png')no-repeat 15px center; background-size: 70px 70px; padding-left: 100px; border: 1px solid #3e63bb; color:#3e63bb;  margin-top: 45px; text-align: left;}
.btn_email_kakao {display: block; width: 100%; height: 80px; font-size: 1.8rem; background: #fff  url('/images/img/pic_kakao_btn.png')no-repeat 15px center; background-size: 70px 70px; padding-left: 100px; border: 1px solid #3e63bb; color:#3e63bb; margin-top: 10px; text-align: left;}
.btn_add_group  {width: 88px; height:88px; background-image: url(/images/btn/bt_create_group.png);}

.btns_wrap.fixed {width: 100%;; position: fixed; z-index: 100; left:0; bottom: 0;}
.btns_wrap .col4 li {float: left; width: 25%;} 
.btn_list {width: auto; margin: 15px 10px 20px 10px; display: block;}
.btn_list li {margin-bottom: 5px;}
.btn_list li:last-child {margin-bottom: 0;}
.btn_text_link {width: auto; margin: 0 10px 30px 10px; display: block;}
.btn_text_link li {margin-bottom: 5px; text-align: right;}
.btn_text_link li .btn_text {color: #000; font-size: 1.4rem; text-decoration: underline;}
.btn_text_link li:last-child {margin-bottom: 0;}
.fl_menu {display: inline-block; position: fixed; right: 16px; bottom: 16px}

.col1 {width: 100%;}
.col1 li {float: left; width: 100%;} 
.col2 {width: 100%;}
.col2 li {float: left; width: 50%;} 
.col2.line li {float: left; width: 50%; position: relative;} 
.col2.line li:before {content: '|'; position: absolute; left: 0; top:15px;color:#fff; opacity: .5 }
.col2.line li:first-child:before {content:'';}
.col3 {width: 100%;}
.col3 li {float: left; width: 33.3%;} 
.col3.line li {float: left; width: 33.3%; position: relative;} 
.col3.line li:before {content: '|'; position: absolute; left: 0; top:15px;color:#fff; opacity: .5 }
.col3.line li:first-child:before {content:'';}
.col4 {width: 100%;}
.col4 li {float: left; width: 25%;} 
.col5 {width: 100%;}
.col5 li {float: left; width: 20%;} 

/* form */
.toggle_wrap {position: relative;}
.toggle_wrap input[type="checkbox"] {position: absolute; opacity: 0; left: 0; top:0;}
.toggle_wrap .switch + label:before,
.toggle_wrap .switch + label:after {  transition:all .5s ease;content:''; display:inline-block;}
.toggle_wrap .switch + label { position:relative; display:inline-block; width:40px; height:7px;}
.toggle_wrap .switch + label:before {width:100%;height:100%; position:relative;border-radius:1.6rem; background:#a4aab3;}
.toggle_wrap .switch + label:after { position:absolute; top:-3px;left:0;width:22px;height:22px;border-radius:100%;background:#fff; box-shadow:0 2px 2px 1px rgba(0,0,0, .2); }
.toggle_wrap .switch:checked + label:before { background:#3e63bb;} 
.toggle_wrap .switch:checked + label:after { left:21px;}
.input_wrap .text {width: 100%; height:4.8rem;background: #ffffff; border: 1px solid #eef2f8; font-size: 1.4rem; padding: 15px 10px 14px 10px;}
.input_wrap .text::placeholder {color:#a4aab3;}
.input_wrap .text:disabled {background: transparent; border: 1px solid #cdd1d6;} 
.input_wrap .sch_text {width: 100%; color:#343944; height:4.9rem;background: #fff; border: 0; font-size: 1.6rem; padding: 15px 10px 14px 10px;}
.input_wrap .sch_text::placeholder {color:#343944;}
.input_wrap .b2th {padding-right:7.4rem;}
.input_wrap .sch_d {padding-right:4.3rem;}
.input_wrap .fcs1 {color: #343944;}
.input_wrap .fcs1::placeholder {color:#343944;}
.trigger {display: none;}
.trigger + label {color:#f2f2f2; font-family:Arial, sans-serif;}
.trigger + label span {display:inline-block; width:40px;height:40px; background:url('/images/btn/bt_check.png')no-repeat 0 0;  background-size: 100% 100%; cursor:pointer;}
.trigger:checked + label span { background:url('/images/btn/bt_check_on.png')no-repeat 0 0; background-size: 100% 100%;}
.textarea_wrap { margin: 20px; height:43.3rem}
.textarea_wrap textarea {border: 0; background:transparent;  width: 100%; height:100%; color:#9b9b9b; font-size: 1.6rem;}
.textarea_wrap2 { padding: 10px; background: #fff }
.textarea_wrap2 textarea {border: 0; background:transparent;  width: 100%; height:280px; color:#9b9b9b; font-size: 1.4rem;}
.textarea_wrap2 textarea::placeholder {color:#a4aab3;}
.radio_wrap { display: table; width: 100%;  border: 1px solid #cdd1d6;}
.radio_wrap li {  display: table-cell; height: 46px; line-height: 46px;border-left: 1px solid #cdd1d6; text-align: center;}
.radio_wrap li:first-child { border-left: none; }
.radio_wrap label { display: block;width: 100%;height: 100%;color: #cdd1d6;vertical-align: middle; cursor: pointer;}
.radio_wrap input[type="radio"]:checked + label{ background-color: #3e63bb;   color: #fff; }



/* tabmenu */
.tabmenu li a {display: block; background: #343944; font-size: 1.4rem; width: 100%; padding: 15px 0 16px 0; color:#a4aab3; text-align: center;}
.tabmenu li a.active {background: #3e63bb; color:#fff;}
.join_tabmenu li a {display: block; background: #343944; font-size: 1.4rem; width: 100%; padding: 15px 0 16px 0; color:#6d7278; text-align: center;}
.join_tabmenu li a.active { color:#eef2f8; position: relative;}
.join_tabmenu li a.active i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #eef2f8; position: absolute; left: 50%; bottom: 10px;}
.col_scroll {width: 100%; overflow-x: auto; overflow-y:hidden; background: #343944; }
.col_scroll .tabmenu {float: left; display: block; }
.col_scroll .tabmenu li {float: left }
.col_scroll .tabmenu li a {display: block; background: #343944; font-size: 1.4rem; padding: 15px 10px 16px 10px; color:#a4aab3; text-align: center; }
.col_scroll .tabmenu li a.active {background: #3e63bb; color:#fff;}

/* modal*/
.modal { z-index: 150; display: table; width: 100%; height:100%; background: rgba(0,0,0, .5); position: fixed; left: 0; top:0; bottom:0;display: none;}
.modal.active { display: table; }
.modal_dialog {display: table-cell; vertical-align: middle; z-index: 999}
.modal_content {margin: 0 auto; padding: 30px; max-width: 600px;}
.modal_title {background: #343944; position: relative; border-top-left-radius: 20px;  border-top-right-radius: 20px}
.modal_title h2 {text-align: center; padding: 1.7rem 0; color:#eef2f8; font-size: 1.8rem;}
.modal_title .btn_modal_close {position: absolute; left:.8rem; top:0.8rem;}
.modal_body {background: #fff}
.modal_body .innerscroll { max-height: 258px; overflow-y: auto; overflow-x: hidden;}
.modal_body .alert_txt {color: #222222; font-size: 1.6rem; padding: 20px; max-height: 75vh; overflow: scroll}
.modal_body .alert_txt .ar_notice_dl {margin-bottom: 20px}
.modal_body .alert_txt .ar_notice_dl > dt {margin-bottom: 15px; font-weight: bold}
.modal_btns {background: #fff;border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px}
.modal_btns {border-top: 1px solid #d8d8d8;}
.terms_title {font-weight: bolder; margin-bottom: 20px}

/* pd mg */
.mt5 {margin-top: .5rem;}
.mt10 {margin-top: 1rem;}
.mt20 {margin-top: 2rem;}
.mt30 {margin-top: 3rem;}
.mt40 {margin-top: 4rem;}

.pb30 {padding-bottom: 3rem;}

.fz16 {font-size: 1.6rem;}
.fz18 {font-size: 1.8rem;}

.text_orange {color: #fe3b30 !important;}
.text_brown {color: brown !important;}
.text_blue {color: #628fff !important;}
.text_red {color: red !important;}

.bg_fff {background: #fff}
.bd_fff {border: 1px solid #fff;}
.bdb0 {border-bottom:0;}

.vtm {vertical-align: middle !important}

/* etc */
.ul_flex {width: 100%; }
.ul_flex li { float: left;}
.elip {text-overflow: ellipsis; overflow: hidden;white-space: nowrap;  }