@charset "utf-8";

@import url('reset.css');

/* Event Page */
.mo_img_per{ width:100%; min-width:100%; vertical-align:middle; border:0; }

.header_title{ position:absolute; top:10px; left:15px; text-align:left; width:80%; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.4px; }
.header_title.logo{ width:120px; height:36px; background:url('../../images/event/gate_logo2.png') no-repeat center center; background-size:120px 36px; text-indent:-9999em; font-size:0; outline:none; }
.header_title.tp_logo{ top:10px !important; left:0px !important; -webkit-transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; transform:none; width:100px; height:30px; background:url('../../images/event/gtop_logo.png') no-repeat center center; background-size:79px 24px; text-indent:-9999em; font-size:0; outline:none; }

.header_menu_group{ position:relative; width:100%; height:50px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.header_menu_group.tp_bg{ background:#ffcc00;  }

.header_menu_group .back_btn{ position:absolute; top:10px; left:16px }
.header_menu_group .close_pos{ top:10px !important; right:10px !important; }

.close_pos .btn_close{ display:block; width:30px; height:30px; background:url('../../images/event/close.png') no-repeat center center; background-size:21px 21px; text-indent:-9999em; font-size:0; }

.help_txt_bk{ padding:10px 0 25px; }
.ifo_ico_left_tit{ position:relative; line-height:20px; padding-left:20px; text-align:left; letter-spacing:-0.4px; font-size:12px; color:#999; background:url('../../images/event/icon_info2.png') no-repeat left 4px; background-size:12px 12px; }

.yel_txt{ color:#fcaf17; font-size:20px; font-weight:bold; }


.nw_scroll_hidden{ overflow:hidden;}

/* contents */
.wrapper{ position:relative; min-width:320px; min-height:100%; }
.gate_wrap{ position:relative; width:100%; height:100vh; min-height:100vh; margin:0; padding:0; }
.gate_box{ padding:0 15px 40px; padding-top:calc(40/1080*100vh); }
.gate_box .gt_title{ display:block; width:100%; padding-top:calc(20/1080*100vh); font-size:16px; color:#000; text-align:center; letter-spacing:-1px;}
.gate_box .gt_title em{ font-size:17px; color:#ffcc00; line-height:14px; letter-spacing:0px;}

.fadeInUp.tm_1{ -webkit-animation-delay:0.1s; animation-delay:0.1s; animation-name:fadeInUp_cs; }
.fadeInUp.tm_2{ -webkit-animation-delay:0.5s; animation-delay:0.5s; animation-name:fadeInUp_cs2; }



.gate_btn{ margin-top:calc(110/1080*100vh); padding:0 15px; font-size:0; text-align:center; }
.gate_btn .consult{ margin-top:calc(30/1080*100vh); }

.deal_visual_box{ position:relative; width:100%; height:230px; background:#ffcc00; }

.deal_visual_box .first_tit{ padding-top:calc(60/1080*100vh); padding-left:20px; text-align:left; font-size:26px; color:#fff; line-height:22px; }
.deal_visual_box .first_tit em{ display:block; padding-top:15px; font-size:16px; color:#000; letter-spacing:-0.5px; }
.deal_visual_box .first_tit span{ display:block; padding-top:2px; font-size:22px; color:#000; }
.deal_visual_box .car_pain{ padding-left:20px; padding-top:10px; text-align:left; font-size:13px; color:#fff;  line-height:22px;}

.chas_visual_box > .pos_tit{ padding-top:110px; padding-left:15%; }
.chas_visual_box .first_tit{ text-align:left; font-size:16px; color:#000; font-weight:bold; line-height:22px; }
.chas_visual_box .car_pain{ padding-top:0px; text-align:left; font-size:13px; color:#333; line-height:22px; }

.tar_btn{ padding:0 15px; font-size:0; text-align:center; }
.tar_btn .app_mt{ margin-top:15px; }

.footer_inner{ position:fixed; width:100%; bottom:0;}
.footer_inner .policy{ position:relative; margin:0 auto; text-align:center; font-size:12px; color:#666; padding-bottom:12px;}
.footer_inner .policy .copy{ font-size:11px; line-height:22px; margin-top:10px;  }
.footer_inner .policy a{ padding-left:6px; font-size:12px; color:#666; }
.footer_inner .policy a:after { content:''; display:inline-block; width:1px; height:9px; margin-left:8px; background-color:#666; }
.footer_inner .policy a:nth-child(3):after { content:none; }

.comm_foot_pop{ overflow-y:hidden; position:fixed; z-index:20; right:0; bottom:0; width:100%; height:450px; text-align:left; -webkit-transition:all 0.3s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition:all 0.3s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition:all 0.3s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition:all 0.3s cubic-bezier(0.685, 0.0473, 0.346, 1); transition:all 0.3s cubic-bezier(0.685, 0.0473, 0.346, 1); -webkit-overflow-scrolling:touch; }
.comm_foot_pop{ -webkit-transform:translate3d(0, 100%, 0); -moz-transform:translate3d(0, 100%, 0); -o-transform:translate3d(0, 100%, 0); -ms-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0);}
.comm_foot_pop.self{ height:300px; }
.comm_foot_pop.tel{ height:280px; }
.comm_foot_pop.type1{ height:200px; }
.comm_foot_pop.open{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.foot_pop{ position:relative; width:100%; height:100%; background:#fff; border-top-left-radius:26px; border-top-right-radius:26px; }

.foot_pop_inner{ padding:15px;}
.foot_pop_inner .tit_box{ padding:6px 0; text-align:left; font-size:20px; color:#000; font-weight:bold; line-height:26px;}
.foot_pop_inner .txt_sub{ padding-top:6px; text-align:left; font-size:12px; color:#000; line-height:18px; }
.foot_pop_inner .txt_sub_type1{ padding-top:20px; text-align:left; font-size:14px; color:#000; line-height:20px; }
.foot_pop_inner .inp_mt .input_group.type2{ margin-top:25px; }
.foot_pop_inner .app_mt{ margin-top:25px; }
.foot_pop_inner .input_group.type2{ display:block; }
.foot_btns_box .txt_guide{ position:relative; height:84px; padding:4px 80px 0 50px; text-align:left; font-size:12px; color:#666; line-height:18px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.foot_btns_box .txt_guide.complete{ font-size:16px; color:#666; line-height:22px; }
.foot_btns_box .txt_guide.complete strong{ font-weight:bold; font-size:18px; color:#000; }


.foot_pop .foot_btns_box{ width:100%; z-index:10; margin-top:40px; }
.foot_btns_box.sub_des{ margin-top:50px; }
.foot_btns_box.sub_des .txt_guide{ padding:4px 80px 0 20px; }
.foot_btns_box.sub_des .txt_guide.type2{ padding:4px 110px 0 60px; padding-left:calc(120/1080*100vh); word-break:keep-all; }

.foot_pop_inner .sub_tit_inner{ padding-top:10px; text-align:left; font-size:12px; color:#000; line-height:18px; }
.foot_pop_inner .sub_tit2_inner{ padding-top:20px; text-align:left; font-size:12px; color:#000; line-height:18px; }

.foot_btn_inner{ position:absolute; bottom:0; left:0; width:100%; z-index:10;  }

.close_pos{ position:absolute; top:18px; right:16px; }

.dim_bg	{ display:none; position:fixed; z-index:10; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.7); }
.dim_bg.on{ display:block; }


.content_section{ padding:0 15px; margin-top:25px; margin-bottom:70px;}
.content_section.mbb_0{ margin-bottom:40px;}
.content_section.mto_0{ margin-top:0px; }

.comm_center{ width:100%; text-align:center; margin:0 auto; }
.tel_pos{ position:fixed; bottom:52px; left:10px; z-index:10; }
.tel_pos.deal{ bottom:20px; left:0px; }
.reset_pos{ position:fixed; bottom:52px; right:10px; z-index:10; }
.tel_pos.in_sub{ bottom:136px; }

.header_right_tit{ position:absolute; top:15px; right:10px; font-size:12px; color:#fff; }

.pad_wrap{ padding:0 15px; }
.sub_txt_box{ width:100%; padding-top:10px; margin-top:10px; display:inline-block; border-top:1px #cecece solid; font-size:12px; color:#333; text-align:left;}


.mo_complete_inner .memb_comp_tit1{ display:block; text-align:center; font-size:15px; color:#666; margin-bottom:5px; }
.mo_complete_inner .memb_comp_tit2{ display:block; text-align:center; font-size:16px; color:#000; font-weight:bold; }

.confirm_help_list{ margin-top:20px; margin-bottom:10px; }
.confirm_help_list .conf_help_li{ display:block; text-align:right;}
.confirm_help_list .conf_help_li .conf_help{ display:inline-block; font-size:13px; color:#ffcc00; }

.inp_in_box{ margin-bottom:25px; }
.btn_in_box{ margin-bottom:25px; padding-top:20px; }

.width_bg_gray{ height:10px; background-color:#f0f0f0; border-top:1px solid #eaeaea; margin-bottom:20px; margin-left:-15px; margin-right:-15px; }
.width_bg_gray_per{ height:10px; background-color:#f0f0f0; border-top:1px solid #eaeaea; }

.join_group{ padding-bottom:10px; }

.top_step_group{ position:relative; }
.car_ifo_step2{ margin-top:20px; border-top:1px #d5d5d5 solid; padding-top:20px; }
.car_ifo_step3{ margin-top:20px; border-top:1px #d5d5d5 solid; padding-top:20px; }
.car_ifo_step4{ margin-top:20px; border-top:1px #d5d5d5 solid; padding-top:20px; }
.car_ifo_step5{ margin-top:20px; border-top:1px #d5d5d5 solid; padding-top:20px; }

.ifo_rg_visual{ position:relative; min-height:118px; height:auto; border-bottom:2px #ffbc00 solid; box-sizing:border-box; }


.tit_rg_obj_type1{ position:relative; min-height:50px; height:auto; margin-bottom:20px; padding-left:65px; }
.tit_rg_obj_type1 .m_tit{ color:#000; font-size:14px; font-weight:bold; }
.tit_rg_obj_type1 .s_tit{ color:#666; font-size:13px; }

.make_step_list{ position:relative; }
.make_step_list > li{ margin-bottom:10px; }

.make_car_list{ position:relative; padding-top:10px; }
.make_car_list > li{ margin-bottom:10px; }

.make_car_list.ver_both_wrap{ padding-top:20px; }
.make_car_list.ver_both_wrap > li{ margin-bottom:0px; }

.make_car_list.ver_both_wrap > li.left{ padding-bottom:10px; width:49%; padding-right:2%; }
.make_car_list.ver_both_wrap > li.left:nth-child(2n+2){ padding-right:0%; }
.make_car_list.ver_both_wrap > li.left:last-child{ padding-right:0%; }
.make_car_list.ver_both_wrap > li.left .obj_txt{ padding-left:0; font-size:15px; }

.make_scroll_box{ margin-top:10px; height:370px; overflow-y:auto; overflow-x:hidden; }

.mo_plus_line_box{ position:relative; display:block; width:100%; min-height:100px; padding:8px 10px; border:1px solid #d9d8d4; border-radius:5px; box-shadow:0px 1px 3px #8c8c8c; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; }
.three_plus_group .ver_both_wrap > .left{ padding-bottom:10px; width:32%; padding-right:2%; }
.three_plus_group .ver_both_wrap > .left:nth-child(3n+3){ padding-right:0%; }


.tit_bottom_line{ position:relative; display:inline-block; padding-left:3px; height:30px; color:#000; font-size:20px; font-weight:bold;  }
.tit_bottom_line:after{ content:''; position:absolute; left:0; bottom:-4px; width:100%; height:8px; background-color:#ffcc00; border-radius:16px; }


.normal_des_list{ margin-top:20px; }
.normal_des_list > li{ padding-bottom:10px; }

.in_out_txt{ padding-left:5px; vertical-align:-8px; font-size:15px; font-weight:normal; color:#333; }

.passin_bx{ display:inline-block; color:#000; font-size:13px; font-weight:normal; }

.txt_pkt{ color:#999; font-size:13px; font-weight:normal; }

.dot_tit{ position:relative; font-size:12px; color:#121212; padding-left:8px; vertical-align:middle; overflow:hidden; word-wrap:break-word; letter-spacing:0; }
.dot_tit:before{ content:''; position:absolute; left:0; top:9px; background:#b8b8b8; display:inline-block; width:3px; height:3px; }


/* Notice */
.pub_notice_list{ position:relative; margin-top:10px; padding-bottom:30px; }
.pub_notice_list .notice_ul{ margin-top:2px; }
.pub_notice_list .notice_ul li{ position:relative; display:block; padding:10px 0 0; }
.pub_notice_list .notice_ul li a{ display:block; padding:10px 0 10px 0; }
.pub_notice_list .ico_notice{ width:10%; display:inline-block; font-size:15px; color:#d30c0c;  vertical-align:middle; }
.pub_notice_list .rg_tit{ position:relative; display:block;  display:-webkit-inline-box; font-size:13px; color:#121212; padding-left:8px; word-wrap:break-word; letter-spacing:0; }
.pub_notice_list .rg_tit:before{ content:''; position:absolute; left:0; top:9px; background:#b8b8b8; display:inline-block; width:3px; height:3px; }
.pub_notice_list .rg_tit.reds{ color:#ff0107; }
.pub_notice_list .notice_ul > li.ver_align_wrap{ display:table; }

.pub_notice_list .fir_kj_tit{ width:20px; font-size:13px; color:#111; vertical-align:top; }
.pub_notice_list .fir_kj_ico{ width:20px; background:url('../../images/event/icon_info1.png') no-repeat left 4px; background-size:12px auto;}
.pub_notice_list .kj_tit{ width:calc(100% - 20px); font-size:13px; color:#121212; word-wrap:break-word; letter-spacing:0; }

.pub_notice_list .notice_ul li a span.rg_tit:nth-child(1){ width:100%; }
.pub_notice_list .notice_ul li a span.rg_tit:nth-child(2){ width:87%; }


.blk_date_ask{ margin-top:10px; font-size:14px; color:#777; font-weight:400; }
.blk_date_ask span:first-child{ padding-right:10px; }
/* .blk_date_ask span:first-child:after{ content:""; margin-left:15px; clear:both; vertical-align:-1px; display:inline-block; clear:both; width:1px; height:12px; background:#b7b7b7; } */

.pub_notice_view{ position:relative; margin-bottom:0px; }
.notice_top_box{ padding:30px 20px 32px; border-top:2px #d30c0c solid; border-bottom:1px #ddd solid; }
.notice_top_box .cen_top_tit{ text-align:center; font-size:19px; color:#121212;  line-height:28px; word-break:keep-all; }
.notice_top_box .cen_top_tit em{ padding-right:5px; color:#d30c0c;  }
.notice_top_box .blk_date_ask{ text-align:center; }

.notice_cont_txt{ padding:30px 0 40px 0; line-height:26px; font-size:15px; font-weight:300; color:#555; border-bottom:1px solid #ddd; }

.notice_order > p{ padding:20px 0 20px 0; border-bottom:1px solid #ddd;}
.notice_order > p > a{ display:table; width:100%; font-size:15px; color:#121212;  }
.notice_order > p > a > em{ width:70px; display:table-cell; vertical-align:middle;  line-height:22px; }
.notice_order > p > a > span{ width:auto; display:table-cell; vertical-align:middle; font-weight:300; line-height:22px; }

.normal_title{ font-size:15px; color:#000; line-height:22px; }

/* Teb Menu */
.mo_tab_box {position:relative; width:100%; height:50px; margin-top:0px; margin-bottom:15px; }
.mo_tab_box.two > .tab_list,
.mo_tab_box > .tab_list{ font-size:0; }
.mo_tab_box.two > .tab_list li,
.mo_tab_box > .tab_list li { position:relative; width:calc(50% - 2px); height:42px; float:left; border-bottom:2px solid #e8e8e8; }
.mo_tab_box.two > .tab_list li.on + li,
.mo_tab_box > .tab_list li.on + li{ border-left:2px solid #fff; }
.mo_tab_box.two > .tab_list li.on,
.mo_tab_box > .tab_list li.on {  border-bottom:2px solid #ffcc00; } 
.mo_tab_box.two > .tab_list li.on .tab_inner_evt,
.mo_tab_box > .tab_list li.on .tab_inner_evt{ background-color:transparent; color:#000; font-weight:bold; } 
.mo_tab_box.two > .tab_list .tab_inner_evt,
.mo_tab_box > .tab_list .tab_inner_evt { position:relative; display:block; width:100%; height:42px; font-size:13px; color:#666; background-color:transparent; border:0; text-align:center; cursor:pointer; outline:none; }
.mo_tab_box.one > .tab_list li{ width:100%; border-bottom:2px solid #fff; }
.mo_tab_box.three > .tab_list li{ width:33.1%; }
.mo_tab_box.three > .tab_list li .tab_inner_evt{ padding-left:0; padding-right:0; }



/* accordion */
.mo_accord_wrap{ margin-top:20px; }

.mo_accord_list{ position:relative; width:100%; margin-bottom:20px; }
.mo_accord_list .mo_acc_title{ border:1px solid #e1e1e1; border-top-left-radius:14px; border-top-right-radius:14px; }
.mo_accord_list .mo_link_acc{ position:relative; display:block; min-height:100%; padding:10px 25px 10px 10px; font-size:14px; font-weight:normal; color:#333; letter-spacing:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; word-break:keep-all; } 
.mo_accord_list .mo_link_acc > em{ font-size:14px; font-weight:normal; color:#333; }

.mo_accord_list .mo_acc_content{ display:none; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.mo_accord_list .mo_acc_item{ padding:12px; font-size:14px; color:#666; line-height:21px; letter-spacing:0px; }
.mo_accord_list .mo_acc_last{ padding:10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom-left-radius:14px; border-bottom-right-radius:14px; }
.mo_accord_list .chk_group.mo_type2{ width:94%; }

.mo_accord_list:after{ content:""; display:block; clear:both; }
.mo_accord_list.type2{ margin-bottom:15px; }
.mo_accord_list.type2 .mo_acc_title{ position:relative; padding:16px 14px 20px; border-top-left-radius:0px; border-top-right-radius:0px; }
.mo_accord_list.type2 .mo_link_acc{ width:50px; position:absolute; right:0px; top:0px;}
.mo_accord_list.type2 .detail_scroll_box{ max-height:148px; overflow-y:auto; overflow-x:hidden; } 
.mo_accord_list.type2 .mo_link_acc:after{ content:''; position:absolute; right:12px; top:50%; margin-top:-8px; display:inline-block; width:auto; height:auto; background:none; border:solid #8b8b8b; border-width:0 2px 2px 0; padding:4px; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all 500ms ease; }
.mo_accord_list.type2 .mo_link_acc.on:after{ content:''; top:50%; margin-top:-4px; transform:rotate(-135deg); }


.txt_point{ position:static; top:0; right:-12px; color:#DD0701; }

.screen_out{ overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; } /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */



/* comm - align */
.item_align_type3{ position:relative; display:block; }
.item_align_type3::after{ content:""; display:block; clear:both; }

.item_align_type3 .input_group{ float:left; width:48%; box-sizing:border-box;-webkit-box-sizing:border-box; }
.item_align_type3 .sign{ float:left; width:4%; margin-top:8px; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; }

.three_prod_radio_group{ position:relative; margin-top:30px;  }
.three_prod_radio_group .ver_both_wrap > .left{ padding-bottom:10px; width:32%; padding-right:2%; }
.three_prod_radio_group .ver_both_wrap > .left:nth-child(3n+3){ padding-right:0%; }
.three_prod_radio_group .ver_both_wrap > .left:last-child{ padding-right:0%; }

.two_prod_radio_group{ position:relative; margin-top:30px;  }
.two_prod_radio_group .ver_both_wrap > .left{ padding-bottom:10px; width:49%; padding-right:2%; }
.two_prod_radio_group .ver_both_wrap > .left:nth-child(2n+2){ padding-right:0%; }
.two_prod_radio_group .ver_both_wrap > .left:last-child{ padding-right:0%; }

/* input */
.tf_input{ position:relative; width:100%; height:45px; color:#000; line-height:18px; font-size:15px; font-weight:normal; padding:6px 10px 6px 11px; border:1px solid #d0d0d0; vertical-align:middle; background:#fff; word-wrap:break-word;word-break:break-all;-webkit-appearance:none;outline:0 none;resize:none; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:4px !important;}
.tf_input::placeholder { font-size:16px; color:#999; }
.tf_input::-webkit-input-placeholder { font-size:16px; color:#999; }
.tf_input:-ms-input-placeholder { font-size:16px; color:#999; }
.tf_input:-mos-input-placeholder { font-size:16px; color:#999;}
 
.tf_input:focus{ border:1px #000 solid; }
.tf_input+label{ font-size:14px; color:#999; font-weight:200; position:absolute; top:10px; left:6px; }

.tf_input.sum{ text-align:right; }

.input_group{ position:relative; display:inline-block; }
.tf_input:focus+label{ display:none; }

.input_group.txt_line{ position:relative; height:100%; border:0 none; border-bottom:2px solid #e2e2e2; border-radius:0; }
.input_group.txt_line .tf_input{ border:0 none; padding-left:0; font-size:16px; font-weight:bold; }
.input_group.txt_line .tf_input:focus{ border-radius:0px !important; }
.input_group.txt_line.on{ border-bottom:2px #000 solid; }


input:disabled,
input[disabled=disabled],
input[readonly=readonly]{ background:#ececec; color:#97a0a3;}

input:disabled + .btn_inp_cal,
input[disabled=disabled] + .btn_inp_cal,
input[readonly=readonly] + .btn_inp_cal,
input:disabled + .btn_inp_del,
input[disabled=disabled] + .btn_inp_del,
input[readonly=readonly] + .btn_inp_del,
input:disabled + .btn_inp_search,
input[disabled=disabled] + .btn_inp_search,
input[readonly=readonly] + .btn_inp_search{ opacity:0.4; }

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.tf_input.login{ font-size:18px; height:50px; border:none; border-bottom:2px solid #97a0a3; }
.tf_input.sml_login{ font-size:14px; border:none; border-bottom:2px solid #97a0a3; }
.btn_inp_del.login{ top:4px !important; background-size:24px 24px !important; }

.lb_roof_txt{ position:relative; display:block; font-size:12px; color:#999; margin-bottom:0px; }
.lb_roof_txt.small{ font-weight:normal; font-size:12px; color:#999; }

/* File input */
.file_input label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; min-width:100px; padding:0 12px; height:36px; background:#697a83; color:#fff; text-align:center; line-height:36px;}
.file_input label input { position:absolute; width:0; height:0; overflow:hidden; }
.file_input input[type=text] { vertical-align:middle; display:inline-block; min-width:400px; height:36px; line-height:36px; font-size:12px; padding:0; border:1px solid #d0d0d0; box-sizing:border-box; }

.file_list li:first-child{ margin-top:20px; }
.file_list li{ font-size:14px; color:#333; font-weight:normal;  padding-bottom:10px; }
.file_remove{ display:inline-block; width:28px; height:26px; vertical-align:8px; background:url('../../images/event/ico_cancel.png') no-repeat center center; font-size:0px; text-indent:-9999px; }

.attach_box:first-child{ margin-top:20px; }
.attach_box{ margin-top:10px; }

/* inp == d */
.dir_input_tit{ display:block; margin-bottom:13px; font-size:13.8px; font-weight:bold; color:#333; letter-spacing:-0.6px;  }
.input_serch_type{ display:inline-block; background:#fff; border:2px solid #0884cd !important; border-radius:26px; font-size:16px; color:#ccc; font-weight:bold; width:100%; height:52px !important; padding:4px 20px 6px !important; letter-spacing:-0.2px; }
.input_serch_type::placeholder{ font-size:16px; color:#999; font-weight:bold; word-break:keep-all !important; }


/* radio */
.tf_radio{ display:inline-block; margin:0; color:#333; font-size:13px; position:absolute; z-index:-1; opacity:0; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.tf_radio+label::before{ content:''; display:inline-block; position:absolute; left:0; top:-1px; width:24px; height:24px; background:url('../../images/event/check_off.png') no-repeat center center; background-size:24px 24px; z-index:0; }
.tf_radio:checked+label::before{ background:url('../../images/event/check_on.png') no-repeat center center; background-size:24px 24px;}
.tf_radio:focus+label span{ color:#333 !important; }

.tf_lb_radio{ position:relative; display:inline-block; vertical-align:middle; padding:0 0 0 20px; min-height:24px; line-height:20px; color:#333; cursor:pointer; font-weight:normal; }
.tf_lb_radio > span{ margin-left:10px; font-size:14px; font-weight:normal; }
.tf_radio.inp_type2+label.tf_lb_radio{ padding-left:26px; }

.tf_radio:disabled + .tf_lb_radio,
.tf_radio[disabled=disabled] + .tf_lb_radio,
.tf_radio[readonly=readonly] + .tf_lb_radio{ opacity:0.4;}


/* radio + Plus */
.mo_answer_radio_group{ position:relative; margin-top:30px;  }
.mo_ver_align_wrap{ position:relative; display:table; width:100%; }
.mo_ver_align_wrap.mo_error{ border:1px solid #ff0000 !important; }
.mo_ver_align_wrap .left{ display:table-cell; vertical-align:top; text-align:left; }
.mo_ver_align_wrap .right{ display:table-cell; vertical-align:top; text-align:right;  }
.mo_ver_align_wrap .normal{ display:table-cell; width:auto; vertical-align:middle; }
.mo_ver_align_wrap .obj_center{ margin:0 auto; padding-top:10px; display:inherit;}
.mo_ver_align_wrap::after{ content:""; display:block; clear:both; }

.mo_radio_line_box{ position:relative; width:100%; min-height:50px; padding:8px 10px; border:1px solid #d9d8d4; border-radius:3px; -webkit-box-sizing:border-box; box-sizing:border-box; }

/* radio + Plus */
input[type="radio"].mo_inp_radio,
input[type="checkbox"].mo_inp_chkbox{ margin:0; display:inline-block; color:#333; font-size:13px; position:absolute; z-index:-1; vertical-align:top; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:none; outline:none; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }

.mo_inp_radio[type="radio"]+label::before{ content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../../images/event/check_off.png') no-repeat center center; background-size:24px 24px; z-index:0; }
.mo_inp_radio[type="radio"]:checked+label::before{ background:url('../../images/event/check_on.png') no-repeat center center; background-size:24px 24px; }
.mo_inp_radio:focus+label span{ font-weight:bold !important; }

.mo_lb_radio,
.mo_lb_chkbox{ position:relative; display:inline-block; width:calc(100% - 20px); line-height:18px; color:#333; font-size:15px; padding:6px 0 7px 20px; cursor:pointer; }
.mo_lb_chkbox.mo_txt_left{ width:calc(100% - 30px); text-align:left; word-break:keep-all !important; }
.mo_lb_radio > span{ display:inline-block; margin-left:10px; font-size:14px; }
.mo_lb_chkbox > span{ display:inline-block; color:#333; font-size:13px; vertical-align:top; border-bottom:1px solid transparent; }
.mo_lb_chkbox.mo_chkbox_pad{ padding-left:0; font-size:14px;  }
.mo_lb_checkbox.mo_chkbox_pad{ padding-left:0; font-size:14px;  }
.mo_lb_chkbox_none{ position:relative; display:inline-block; vertical-align:middle; min-height:20px; line-height:20px; color:#333; font-size:15px; padding:0px; cursor:pointer; }



/* checkbox */
.tf_chkbox_type1{ width:1px; height:1px; opacity:0; position:absolute; }
.tf_chkbox_type1 + label{ position:relative; z-index:1; display:inline-block; padding:1px 0 0 32px; color:#333; font-size:14px; vertical-align:middle; min-height:20px; line-height:20px; cursor:pointer; word-break:keep-all; }
.tf_chkbox_type1.alone + label{ padding:0 0 0 20px !important; }
.tf_chkbox_type1:disabled + label{ color:#999; }
.tf_chkbox_type1:disabled + label::after{ border:1px solid #d2d2d2; background:#f5f5f5; }
.tf_chkbox_type1 + label:after{content:''; position:absolute; left:0; top:0; width:24px; height:24px; border-radius:4px; background:#fff; border:1px solid #bababa; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

.tf_chkbox_type1.obj_none + label:after{content:''; position:absolute; left:0; top:0; width:0px !important; height:0px !important; border-radius:0px !important; background:none !important; border:none !important; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;} 
.tf_chkbox_type1.obj_none + label{ padding-left:0 !important; cursor:auto !important; }
.tf_chkbox_type1.obj_none + label:before{ content:''; position:absolute; left:5px; top:5px; z-index:1; width:0px !important; height:0px !important; border:none !important; border-top:none; border-right:none; }

.tf_chkbox_type1 + label:before{ content:''; position:absolute; left:5px; top:5px; z-index:1; width:12px; height:6px; border:3px solid #cecece; border-top:none; border-right:none; }
.tf_chkbox_type1 + label:before{-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition:-moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);-webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.tf_chkbox_type1[type="checkbox"]:checked + label:after{ background:#ffcc00; border:1px solid #ffcc00; }
.tf_chkbox_type1[type="checkbox"]:checked + label:before{ border-color:#fff; -webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.tf_chkbox_type1[type="checkbox"]:disabled + label::after{ opacity:0.4; }

.tf_chkbox_type1[type="checkbox"]:focus+label:after{ border-color:#bababa; }

.tf_chkbox_type2{ width:1px; height:1px; opacity:0; position:absolute; }
.tf_chkbox_type2 + label{ position:relative; z-index:1; display:inline-block; padding:1px 32px 0 0; color:#333; font-size:14px; vertical-align:middle; min-height:20px; line-height:20px; cursor:pointer; }
.tf_chkbox_type2:disabled + label{color:#999; }
.tf_chkbox_type2:disabled + label:after{ border:1px solid #d2d2d2; background:#f5f5f5; }

.tf_chkbox_type2 + label:after{ content:''; position:absolute; right:0; top:0; width:24px; height:24px; border-radius:4px; background:#fff; border:1px solid #bababa; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.tf_chkbox_type2 + label:before{ content:''; position:absolute; right:5px; top:5px; z-index:1; width:12px; height:6px; border:3px solid #cecece; border-top:none; border-right:none;}
.tf_chkbox_type2 + label:before{-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition:-moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);-webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.tf_chkbox_type2[type="checkbox"]:checked + label:after{ background:#ffcc00; border:1px solid #ffcc00; }
.tf_chkbox_type2[type="checkbox"]:checked + label:before{border-color:#fff; -webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1);transform:rotate(-45deg) scale(1, 1);}
.tf_chkbox_type2[type="checkbox"]:focus+label:after{ border-color:#bababa; }
.tf_chkbox_type2[type="checkbox"]:disabled + label::after{ opacity:0.4; }

.chk_stit{ font-size:18px !important; letter-spacing:-1.2px; font-weight:bold; color:#333; line-height:22px; }
.chk_btit{ font-size:14px !important; letter-spacing:-0.6px; font-weight:bold; }

.mo_select_group{ margin-top:20px; }

/* combobox */
.combo_box{ height:30px; overflow:hidden; }
.combo_text{ display:inline-block; height:30px; font-size:14px; color:#333; vertical-align:top; padding:2px 10px 0 0; }
.tf_combo_switch_box{ position:relative; display:inline-block; width:52px; height:30px; }
.tf_combo_switch_box .tf_switch_input[type="checkbox"]{ display:inline; visibility:hidden; }
.tf_combo_switch_box .pc_left_txt{ position:absolute; min-width:100px; text-align:right; top:6px; right:62px; color:#333; font-size:15px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; line-height:14px; }

.tf_combo_switch_box .tf_label_id { position:absolute; left:0; top:0; cursor:pointer; text-indent:-9999px; width:52px; height:27px; background:#4c4c4c; box-shadow: 0 1px 2px #a59999 inset; display:block; border-radius:100px; }
.tf_combo_switch_box .tf_label_id:after {content: ''; position:absolute; top:1px; left:1px; width:24px; height:24px; background:#d6d6d6; border-radius:90px; transition:all 0.3s; box-shadow:0px 1px 3px #666666;}
.tf_combo_switch_box .tf_switch_input:checked + label { background:#4c4c4c; }
.tf_combo_switch_box .tf_switch_input:checked + label:after { transform:translateX(26px); background:#ffcc00;}
.tf_combo_switch_box .tf_switch_input:active:after {width:130px;}

/* textarea */
.textarea_box{ width:100%; padding:10px; border:1px #ddd solid; background:#fff; min-height:140px; box-sizing:border-box; letter-spacing:0px; font-size:14px; color:#222; }
.textarea_box::placeholder{ font-size:16px; color:#999; word-break:keep-all !important; }
.textarea_box:focus{ border:1px #1baec5 solid; }

/* select */
.pc_select{ position:relative; width:100%; height:47px; color:#333; font-size:14px; font-weight:normal; text-align:left; vertical-align:middle; padding:6px 30px 6px 1px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.pc_select{ border-bottom:2px solid #e2e2e2; border-top:none; border-left:none; border-right:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; background:#fff url('../../images/event/mo_ico_select_arr.png') no-repeat; background-position:calc(100% - 8px) center; zoom:1; }
@media \0screen{ .pc_select{ background:none !important; } }
.pc_select::-ms-expand{ display:none; }
.pc_select option{ min-height:1.2em; padding:0px 2px 1px; color:#999; font-size:16px; }
.pc_select.pc_error{ border:2px solid #ff0000 !important; }
.pc_select:focus{ border-color:#1baec5 !important; }
.pc_select.dir_type{ border:2px solid #999 !important; background:url('../../images/event/mo_ico_select_arr.png') no-repeat; background-position:calc(100% - 10px) center; zoom:1; }
.pc_select option[value=""][disabled]{ display:none; }
.pc_select:not(:focus):invalid{ color:#999; }

select:disabled,
select[disabled=disabled],
select[readonly=readonly]{ background:#ececec url('../../images/event/mo_ico_select_arr.png') no-repeat; background-position:calc(100% - 8px) center; color:#97a0a3;}

.select_box{ margin-top:30px; margin-bottom:10px; }

/* Table */
.table_wrap{ position:relative; width:100%; border-top:1px solid #575757; }
.table_wrap.st_line{ margin-top:25px; border-bottom:1px solid #d9d9d9; overflow:hidden; }
.table_wrap.box_line{ border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9 !important; }
.table_wrap .disabled{ opacity:0.3; }
.table_wrap.item3{ border-top:none; }
.tb_type02{ width:100%; }
.tb_type02 th:first-child{ border-left:none; }
.tb_type02 th{padding:11px 7px 10px; text-align:center; color:#333; font-size:13px; font-weight:400; border-bottom:1px solid #5d5d5d; border-left:1px solid #d9d9d9;}
.tb_type02 td:first-child{ border-left:none; }
.tb_type02 td{padding:11px 7px 10px; text-align:center; color:#333; font-size:13px; font-weight:300; word-break:initial !important; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.tb_type02 .tb_left{ text-align:left; }
.tb_type02 .tb_right{ text-align:right; }
.tb_type02 .disabled{ color:#9b9b9b !important; }
.tb_type02 .bg_gray{ background:#f8f8f8; }
.tb_type02 .tb_search{ text-align:left; padding-top:9px; padding-left:15px; }


/* button */
.service_btn{ width:100%; margin:20px 0 0; font-size:0; text-align:center;}
.service_btn:after {content:""; display:block; clear:both; }
.service_btn .btn_type2{display:inline-block}
.service_btn .btn_type2{float:left;width:50%;padding: 0 3px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box}
.service_btn .btn_type2.both{ padding:0; }

.service_btn .btn_g{display:inline-block;width:100%;height:45px;margin:0;background:#fff;font-weight:bold;font-size:16px; text-align:center;vertical-align:top; border:1px solid #d0dadf; border-radius:30px}
.service_btn .btn_cencle{background-color:#171717;color:#fff}
.service_btn .btn_g.on{ background:#ffcc00; border:1px solid #ffcc00; }

.btn_large{ position:relative; display:inline-block; width:100%; height:86px; margin:0; background:#ffcc00; font-weight:bold; font-size:18px; line-height:84px; text-align:center; vertical-align:top; border-radius:8px }
.btn_large.self{ padding-left:100px; }
.btn_large.self::before{ content:''; position:absolute; left:20px; top:-18px; width:90px; height:104px; background:url('../../images/event/gate_man.png') no-repeat; background-size:90px 104px; }
.btn_large.consult{ padding-right:140px; }
.btn_large.consult::after{ content:''; position:absolute; right:40px; top:-18px; width:90px; height:104px; background:url('../../images/event/gate_woman.png') no-repeat; background-size:90px 104px; }
.btn_large .sb_txt{ display:block; font-size:12px; color:#fff; line-height:18px; position:absolute; top:46px; left:50%; margin-left:-44px;}
.btn_large .pto_txt{ vertical-align:10px; line-height:28px; }

.btn_middle{ position:relative; display:inline-block; width:100%; height:52px; margin:0; background:#ffcc00; font-size:18px; color:#000; font-weight:bold; line-height:47px; text-align:center; vertical-align:top; border-radius:0px; }
.btn_middle.type2{ font-size:18px; font-weight:bold; border-radius:3px; }
.btn_middle.type2:after{ content:''; display:inline-block; position:absolute; right:14px; top:50%; margin-top:-6px; width:7px; height:14px; background:url('../../images/event/arrow_right.png') no-repeat center center; background-size:7px 14px; }
.btn_middle.type3{ font-size:18px; font-weight:bold; border-radius:3px; background-color:#56534a; color:#fff; }

.btn_middle.bg_point{ background:#ffbc00; }

.btn_middle.tel{ position:relative; font-size:13px; border-radius:3px; text-align:left; padding-left:54px; }
.btn_middle.tel:after{ content:''; display:inline-block; position:absolute; left:20px; top:50%; margin-top:-10px; width:22px; height:22px; background:url('../../images/event/btn_phone2.png') no-repeat center center; background-size:22px 22px; }
.btn_middle.tel > span{ position:absolute; right:30px; top:2px; }

.btn_middle.cancle{ background:#b5b5b5; color:#fff; }
.btn_middle.brown{ background:#56534a; color:#fff; font-size:14px; }
.btn_middle.white{ height:50px !important; background:#fff; color:#000; border:1px #5e5e5e solid; font-size:14px; }
.btn_middle.white:after{ content:''; display:inline-block; position:absolute; right:14px; top:50%; margin-top:-6px; width:7px; height:14px; background:url('../../images/event/arrow_right.png') no-repeat center center; background-size:7px 14px; }
.btn_middle.big{ height:70px; border-radius:10px }

.btn_middle.white.ico_link:before{ content:''; position:absolute; left:70px; top:50%; margin-top:-6px; width:13px; height:13px; background:url('../../images/event/link.png') no-repeat 20% center; background-size:13px 13px; }
.btn_middle.white.ico_go:before{ content:''; position:absolute; left:70px; top:50%; margin-top:-6px; width:13px; height:14px; background:url('../../images/event/copy.png') no-repeat 20% center; background-size:11px 14px; }

.one.btn_both{ font-size:0; }
.one.btn_both .btn_middle.cancle{ width:50% !important; background:#b5b5b5; }
.one.btn_both .btn_middle.enter{ width:50% !important; background:#ffcc00; }

.btn_middle_exp{ position:relative; display:inline-block; width:100%; height:45px; line-height:22px; text-align:center; padding:10px 12px 11px; border-radius:4px; background:#fff; border:1px solid #d0d0d0; color:#333; font-size:13px; box-shadow:0px 1px 3px #d0d0d0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.btn_middle_exp:disabled{ background:#dbdbdb !important; border:1px solid #dbdbdb; box-shadow:1px 1px 1px #8c8c8c; }
.btn_middle_exp.on{ color:#000; }
.btn_middle_exp.rg_arrow{ color:#ffbc00; background:#56534a !important; border-radius:22px; padding:0 22px; }

.btn_large_round{ position:relative; display:inline-block; padding:0 10px 0 8px; width:100%; min-width:130px; background-color:#fff; font-size:16px; color:#000; height:50px; text-align:left; vertical-align:middle; border-radius:10px; border:1px #f4f4f4 solid; box-shadow:0px 2px 4px #cecece; box-sizing:border-box; -moz-box-sizing:border-box; }
.btn_large_round.normal{ font-size:16px; line-height:47px; text-align:center; color:#ffcc00; font-weight:bold; }


.btn_inp_cal{ display:inline-block; width:40px; height:45px; position:absolute; top:0px; right:0px; border:0; background:url('../../images/event/main_ico_cal.png') no-repeat center center; background-size:24px 26px; font-size:0px; text-indent:-9999px; }
.btn_inp_del{ display:inline-block; width:38px; height:45px; position:absolute; top:0px; right:0px; background:url('../../images/event/close_circle.png') no-repeat center center; background-size:20px 20px; font-size:0px; text-indent:-9999px; }
.btn_inp_search{ display:inline-block; width:40px; height:45px; position:absolute; top:0px; right:0px; background:url('../../images/event/btn_search_input.png') no-repeat center center; background-size:21px 21px; font-size:0px; text-indent:-9999px; }


.back_btn{ display:block; width:30px; height:30px; background:url('../../images/event/arrow_back.png') no-repeat center center; background-size:25px 18px; text-indent:-9999em; font-size:0; }

.tel_btn{ display:block; width:62px; height:62px; background:url('../../images/event/btn_phone.png') no-repeat center center; background-size:62px 62px; text-indent:-9999em; font-size:0; }
.reset_btn{ display:block; width:62px; height:62px; background:url('../../images/event/btn_reset.png') no-repeat center center; background-size:62px 62px; text-indent:-9999em; font-size:0; }
.input_group.type2 .btn_inp_del{ top:21px; }

.btn_comm_sele{ position:relative; display:table; width:100%; min-height:53px; padding:10px 10px 11px; background-color:#fff; border:1px solid #d0dadf; border-radius:4px; font-size:14px; color:#000; z-index:1; }
.btn_comm_sele.on .obr_chkbox{ background:url('../../images/event/check_on.png') no-repeat center center; background-size:24px 24px; }
.btn_comm_sele .com_left{ display:table-cell; width:80vw; text-align:left; vertical-align:middle; }
.btn_comm_sele .com_left .obj_bx{ display:inline-block; vertical-align:middle; }

.car_ifo_step2 .make_step_list .com_left .obj_txt{ padding-left:8px; }

.btn_comm_sele .com_left .obj_txt{ vertical-align:-1px; font-size:16px; color:#000; }

.btn_comm_sele .com_right{ display:table-cell; width:20vw; text-align:right; vertical-align:middle; font-size:14px; color:#000; }
.btn_comm_sele .obr_txt{ display:inline-block; vertical-align:-1px; font-size:13px; color:#666; padding-right:4px; }
.btn_comm_sele .obr_chkbox{ display:inline-block; vertical-align:middle; width:24px; height:24px; background:url('../../images/event/check_off.png') no-repeat center center; background-size:24px 24px; }

.btn_comm_sele.product .com_left{ float:left; width:auto; max-width:55vw; }
.btn_comm_sele.product .com_right{ float:right; width:auto; max-width:55vw; }

.btn_blue_box {position:relative; width:100%; margin-bottom:20px; }
.btn_blue_box.two > .tab_list,
.btn_blue_box > .tab_list{ font-size:0; }
.btn_blue_box.two > .tab_list li,
.btn_blue_box > .tab_list li { width:50%; height:50px; float:left; border:1px solid #d0dadf; -webkit-box-sizing:border-box; box-sizing:border-box; }
.btn_blue_box.two > .tab_list li.on,
.btn_blue_box > .tab_list li.on { background:#ffcc00; } 
.btn_blue_box.two > .tab_list li.on button,
.btn_blue_box > .tab_list li.on button{ background-color:transparent; color:#000; } 
.btn_blue_box > .tab_list li.on button:after{ content:''; display:inline-block; width:16px; height:7px; position:absolute; left:50%; margin-left:calc(-30/1080*100vw); bottom:-9px; }
.btn_blue_box > .tab_list li button > p{ padding-top:0px; font-size:14px; letter-spacing:0; }
.btn_blue_box.two > .tab_list button,
.btn_blue_box > .tab_list button { position:relative; display:block; width:100%; height:46px; line-height:17px; font-size:15px; font-weight:bold; color:#333; font-weight:normal; background-color:#fff; border:0; text-align:center; letter-spacing:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; outline:none; }
.btn_blue_box.one > .tab_list li{ width:100%; }
.btn_blue_box.three > .tab_list li{ width:33.3%; }
.btn_blue_box.three > .tab_list li button{ padding-left:0; padding-right:0; }
.btn_blue_box > .tab_list:after{ content:""; display:block; clear:both; }
.btn_blue_box.three > .tab_list li:nth-child(4){ border-left:none; }
.btn_blue_box.three > .tab_list li:nth-child(3){ border-left:none; }
.btn_blue_box.three > .tab_list li:nth-child(2){ border-left:none; }
.btn_blue_box > .tab_list li:nth-child(1){ border-top-left-radius:3px; border-bottom-left-radius:3px; }
.btn_blue_box > .tab_list li:nth-child(3){ border-top-right-radius:3px; border-bottom-right-radius:3px; }

/* shape box */
.mo_round_unit{ display:inline-block; background:#fff; font-size:12px; color:#333; border:1px solid #d0dadf; box-shadow:0px 1px 2px #cecece; border-radius:30px; padding:4px 20px 4px; }
.mo_round_unit.on{ border:1px solid #ffcc00; }

.mo_round_call{ position:relative; display:inline-block; background:#ffcc00; font-size:12px; color:#000; border:1px solid #d0dadf; box-shadow:0px 1px 2px #cecece; border-radius:30px; padding:4px 14px 4px 25px; }
.mo_round_call::before{ content:''; position:absolute; left:7px; top:7px; display:inline-block; vertical-align:-1px; width:13px; height:13px; background:url('../../images/event/ico_call.png') no-repeat center center; background-size:12.5px 12.5px; }

/* TITLE */
.ifo_ico_tit{ position:relative; line-height:20px; text-align:center; letter-spacing:-0.4px; font-size:12px; color:#666; }
.ifo_ico_tit::before{ content:''; display:inline-block; padding-right:10px; vertical-align:-1px; width:12px; height:12px; background:url('../../images/event/icon_info2.png') no-repeat center center; background-size:12px 12px; }

.ifo_ico_pos_tit{ position:relative; line-height:20px; padding-left:18px; text-align:center; letter-spacing:-0.4px; font-size:12px; color:#666; }
.ifo_ico_pos_tit::before{ content:''; position:absolute; left:0; top:5px; display:inline-block; vertical-align:-1px; width:12px; height:12px; background:url('../../images/event/icon_info2.png') no-repeat center center; background-size:12px 12px; }

.tit_normal{ display:block; position:relative; font-size:15px; overflow:hidden; padding-bottom:20px; line-height:22px; font-weight:bold; }


.valid_tit{ display:block; margin-top:6px; font-size:11px; color:#999; font-weight:normal; line-height:18px; }
.valid_tit.red{  color:#e92e2e; }
.valid_tit.black{  color:#333; }
.valid_tit.gray{  color:#666; }
.valid_tit.blue{  color:#0012ff; }
.valid_tit.font_import{ font-size:12px; letter-spacing:-0.8px; font-weight:bold; }
.valid_tit.next_cell{ clear:both; padding-left:30px; margin-top:15px; font-weight:bold; }

/* POPUP */
.mo_popup_wrap{overflow:visible; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
.mo_popup_wrap{ overflow-y:auto; background:rgba(0,0,0,0.5); }

.pop_container{ position:relative; width:calc(100% - 35px); background:#fff; border-radius:10px; box-shadow:0 3px 10px 1px rgba(0, 0, 0, 0.3); border:none !important; z-index:999;}
.popup_cont{position:relative; padding:25px 20px 25px 20px; overflow-y:auto; -webkit-box-flex:1; -webkit-overflow-scrolling:touch;}

.pops_scroll_cont{position:relative; height:300px; overflow-y:auto; -webkit-box-flex:1; -webkit-overflow-scrolling:touch;}

.lay_header{ padding:13px 20px 10px; min-height:50px; border-bottom:1px #ddd solid; box-sizing:border-box; -webkit-box-sizing:border-box;  }
.lay_header > p{ font-size:17px; font-weight:bold; color:#000; letter-spacing:-0.5px; line-height:20px; width:90%; padding-top:2px; }

.content_pop{ position:relative; }
.content_pop.bg_cal{ display:inline-block; padding-left:64px; padding-bottom:20px; height:60px; background:url('../../images/event/bg_cal.png') no-repeat left top; background-size:46px 60px; }


.lay_bottom{ height:auto; background:#ffcc00; font-size:0; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.lay_bottom.bottom_round{ background:none; }

.lay_bottom.btn_both .btn_pop_bottom_cancle{ width:50% !important; background:#b5b5b5; border-bottom-left-radius:10px; border-bottom-right-radius:0px; }
.lay_bottom.btn_both .btn_pop_bottom_enter{ width:50% !important; background:#ffcc00; border-bottom-left-radius:0px; border-bottom-right-radius:10px; }
.btn_pop_bottom_cancle{ width:100%; border-bottom-left-radius:10px; border-bottom-right-radius:10px; text-align:center; padding:12px 0; background:#b5b5b5; font-size:16px; font-weight:bold; color:#fff; } 
.btn_pop_bottom_enter{ width:100%; border-bottom-left-radius:10px; border-bottom-right-radius:10px; text-align:center; padding:12px 0; background:#ffcc00; font-size:16px; font-weight:bold; color:#000; } 

.btn_pop_close{ display:block; position:absolute; right:0; top:5px; width:50px; height:40px; background:url('../../images/event/close.png') no-repeat center center; background-size:20px 20px; text-indent:-9999em; font-size:0; outline:none; }

/* Loading */
.pop_container_stand .pop_content_box{overflow:visible; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
.pop_container_stand .pop_content_box{ overflow-y:auto; background:rgba(0, 0, 0, 0.7); }
.pop_container_stand .pop_content_box.load_bg{ background:#ffd02c !important; }

.pop_container_stand .btn_pop_close{ display:block; width:22px; height:22px; position:absolute; right:25px; top:16px; text-indent:-9999px; background:url('../../images/event/ico_close_white.png') no-repeat center center; }
#loading { position:relative; display:inline-block; width:50px; height:50px; border:3px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite; }
#loading2 { position:relative; display:inline-block; width:400px; height:300px; background:#ffd02c url('../../images/event/loading03.gif') no-repeat center center; background-size:400px 300px; }



@keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}