@charset "utf-8";
/* CSS Document */
.dp_w{width:0;height:0;margin:0 !important;padding:0 !important;display:none;float:none;clear:both;font-size:0 !important;line-height:0 !important;} /*웹버젼가리기*/
.dp_wt{width:0;height:0;margin:0 !important;padding:0 !important;display:none;float:none;clear:both;font-size:0 !important;line-height:0 !important;} /*웹*태블릿버젼가리기*/
.pop_txt_b{width:100%;color:Red;font-weight:bolder;font-size:13px;line-height:20px;position:relative;}
#wrap{width:100%;}
#header .hd_wrap{height:60px;border-bottom:3px solid #ffd40b;}
#header .hd_wrap .hd_ct{width:auto;float:left;}
#header .hd_wrap .hd_ct h1{padding-top:10px;padding-bottom:5px;}
#header .hd_wrap .hd_ct h1 a{width:170px;height:60px;display:block;background:url(/images/logo_s.png) no-repeat;}
#header .hd_wrap .hd_ct h4{width:90px;padding:14px 5px;margin-left:10px;}
#header .hd_wrap .hd_ct .ad_top img{height:60px;}
#header .hd_wrap .r_menu_wrap{padding-top:10px;padding-bottom:5px;float:right;background:none;border:0;}
#header .hd_wrap .r_menu_wrap .r_menu{width:34px;margin:0;}
.inquire{width:320px;}
.inquire .element{width:320px;padding:0;text-align:center;}
.inquire .element li{float:none;display:inline-block;}
.inquire .listyp_sc{width:320px;margin-top:8px;padding-right:0;text-align:center;}
.inquire .listyp_sc select{width:90px;}
.mmenu{width:34px;height:34px;float:right;margin-top:4px;margin-right:8px;position:relative;z-index:999;}
.mmenu .btn_df{width:34px;height:34px;display:block;float:left;}
.mmenu .mm_Cate{width:200px;padding:8px 10px;position:absolute;top:30px;right:2px;background:url(/images/renew/bg_mmenu.gif);border:2px solid #cc0000;border-bottom:4px solid #cc0000;z-index:999;}
.mmenu .mm_Cate ul li{height:30px;padding:0 10px;margin-bottom:1px;background:#ffffff;}
.mmenu .mm_Cate ul li:hover, .mmenu .mm_Cate ul li:link{background:#eeeeee;}
.mmenu .mm_Cate ul li a{display:block;color:#333333;font-size:14px;line-height:30px;}
.mmenu .mm_Search{width:200px;height:auto;padding:5px 10px;position:absolute;top:30px;right:0;background:url(/images/renew/bg_mmenu.gif);border:1px solid #cc0000;border-bottom:2px solid #cc0000;z-index:999;}
.mmenu .mm_Search .search{width:194px;height:28px;margin:0;background:#fff;border:3px solid #ddd;border-radius:2px;z-index:10;}
.mmenu .mm_Search .search input{width:154px;height:26px;padding:0 5px;line-height:28px;border:0;}
.mmenu .mm_Search .search button{width:20px;height:20px;background:url(/images/renew/search_btn.png);border:0;}
#container{width:100%;margin-top:10px;}
.pdt_df{padding-top:180px;}
.pdt_hn{padding:50px 10px 0;}
.pdt_hn02{padding-top:0;}
.pdt_hnh{padding-top:15px;background:#f5f5f5;} /*헤더에적용*/
.pdt_n{padding-top:15px;}
#container .prd_elm_wrap{height:340px;}
#container .prd_list_wrap .prd_list .prd_elm{width:150px;height:auto;margin-left:3px;margin-right:3px;}
#container .prd_list_wrap .prd_list .prd_title .cate_ttls{display:none;}
.prd_title{margin-top:3px;}
.prd_elm .dtl_wrap .dtl_icon{width:50px;}
.prd_elm .dtl_wrap .dtl_icon img{max-width:100%;}
.prd_elm .dtl_wrap .dt{font-size:12px;letter-spacing:-1px;}
.prd_elm .dtl_wrap .pt{height:200px;}
.prd_elm .dtl_wrap .pt .txt{width:auto;position:static;}
.prd_elm .dtl_wrap .pt .txt .tbt{margin-top:0;}
.prd_elm .dtl_wrap .pdp .tbd .td_1{letter-spacing:-1px;}
.prd_elm .dtl_wrap .pdp .tbd .td_2{letter-spacing:-1px;}
.prd_elm .dtl_wrap .pdp .tbd .btn{display:none;}
.prd_elm .dtl_wrap .pt img{margin-left:0;}
/* sub */
.sub_article .brand, .sub_article .network, .sub_article .operating, .sub_article .liquid, .sub_article .cpu, .sub_article .price{width:320px;padding:23px 0;}
.sub_article .sub_line{width:320px;height:1px;background:#aaa;}
.sub_article .brand .brand_list{width:98px;height:58px;display:block;float:left;border:1px solid #ddd;}
.sub_article .brand .brand_list img{width:96px;height:56px;border:1px solid #fff;}
.sub_article .text_list{width:320px;background:#f5f5f5;}
.sub_article .text_list .list{padding:10px 15px;display:block;float:left;color:#666;font-size:14px;line-height:14px;word-wrap:braek-word;white-space:nowrap;*white-space:nowrap;}
.sub_article .text_list .list:hover{background:#eee;}
/* sub_view */
.sub_article{width:320px;margin:0 auto;}
.sub_article .prd_view_atop{width:100%;margin-top:5px;}
.sub_article .prd_view_atop .txt_m{color:#333;font-size:12px;font-weight:bold;line-height:20px;text-align:center;}
.sub_article .prd_view_atop .txt_mng{margin-bottom:5px;padding:5px;color:#333;font-size:11px;line-height:15px;text-align:center;border:3px solid #eee;}
.sub_article .prd_view_atop .txt_s{margin-top:5px;color:#666;font-size:12px;font-weight:normal;line-height:16px;}
.sub_article .prd_view_atop .txt_d{width:320px;height:auto;}
.sub_article .prd_view_atop .txt_d .left_wrap{width:320px;margin-bottom:10px;float:none;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap{width:320px;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap .ogimg .view_caption{height:320px;padding-bottom:80px;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap .ogimg .view_caption .sliderkit-panel a .rl_thumb{width:320px;height:320px;margin:0;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap .ogimg .view_caption .sliderkit-nav-clip ul li{width:80px;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap .ogimg .view_caption .sliderkit-nav-clip ul li a{width:70px;}
.sub_article .prd_view_atop .txt_d .ogimg_wrap .ogimg .view_caption .sliderkit-nav-clip ul li a .rl_thumb{width:60px;height:60px;}
/*구매옵션*/
.sub_article .prd_view_atop .txt_d .buy_wrap{width:318px;height:auto;margin:0 auto;float:right;}
.sub_article .prd_view_atop .txt_d .buy_wrap .buy_01{padding:5px 0;}
.sub_article .prd_view_atop .txt_d .buy_wrap .buy_02{padding:5px 0;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info{width:320px;display:block;padding:3px 0;float:left;text-align:left;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .s_line{width:300px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttl{width:120px;float:left;padding-left:10px;color:#666;font-size:12px;line-height:16px;letter-spacing:-1px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttl_w2{width:220px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttl_w3{width:80px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttl_w4{width:160px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttl_w5{width:1px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .txt_df{width:180px;font-size:12px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .txt_w2{width:80px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .txt_w3{width:220px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .txt_w4{width:140px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .txt_w5{width:299px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttxl_df{width:300px;float:left;padding-left:10px;padding-right:10px;color:#666;font-size:12px;line-height:14px;letter-spacing:-1px;text-align:left;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttxl_df input{height:20px;color:#000;}
.sub_article .prd_view_atop .txt_d .buy_wrap .info .ttxl_df select{width:80px;height:24px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .line{width:320px;height:1px;background:#51cbd9;}
.sub_article .prd_view_atop .txt_d .buy_wrap .btn_wrap{width:290px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .btn_wrap .btn_sbm{height:40px;}
.sub_article .prd_view_atop .txt_d .buy_wrap .otst{}
.sub_article .prd_view_atop .txt_d .buy_wrap .otst .info{width:100%;}
.sub_article .prd_view_atop .txt_d .buy_wrap .otst .info .ttl{width:100px;}
.view_box_01{width:130px;}
.sub_article .prd_view_atop .txt_d .movie_wrap{width:320px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption{height:210px;padding-bottom:50px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-panels .play_btn{margin-left:-30px;top:70px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-panels .play_btn img{width:60px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-panel a .rl_thumb{width:320px;height:180px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-nav{padding:0 15px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-nav .sliderkit-go-btn a{margin-top:18px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-nav-clip ul li{margin-right:10px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-nav-clip ul li a .rl_thumb{width:90px;height:50px;}
.sub_article .prd_view_atop .txt_d .movie_view .movie_caption .sliderkit-nav-clip ul li.sliderkit-selected a .rl_thumb{width:88px;height:48px;}
.sub_article .prd_view_cont{width:320px;margin-top:0;}
.sub_article .prd_view_cont .menu_bar{width:318px;height:30px;margin-top:40px;background:url(/images/renew/sub_bar_bg.gif) repeat-x;border:1px solid #888;}
.sub_article .prd_view_cont .menu_bar li{float:left;border-right:1px solid #888;}
.sub_article .prd_view_cont .menu_bar li a{width:91px;height:30px;display:block;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:30px;background:url(/images/renew/sub_bar_bg.gif) repeat-x;}
.sub_article .prd_view_cont .menu_bar li.slct a{font-size:12px;background:url(/images/renew/sub_bar_bg_ov.gif) repeat-x;}
.sub_article .prd_view_cont .menu_bar li.top{float:right;}
.sub_article .prd_view_cont .menu_bar li.top a{width:33px;height:30px;padding-left:7px;display:block;font-size:10px;font-weight:normal;text-align:left;background:url(/images/renew/top_btn.png);}
.sub_article .prd_view_cont .product_cont{width:100%;height:auto;}
.sub_article .prd_view_cont .product_cont .ttb{width:320px;padding:5px;border:1px solid #aaa;border-top:none;}
.sub_article .prd_view_cont .product_cont .ttb td{padding:5px;color:#333;font-size:12px;font-weight:normal;line-height:20px;border:1px solid #eee;}
.sub_article .prd_view_cont .product_cont .product_inf{width:320px;height:auto;padding:30px 0;overflow:hidden;text-align:left;}
.sub_article .prd_view_cont .product_cont .product_inf img{max-width:320px;}
.sub_article .prd_view_cont .product_cont .product_inf .view_play{width:320px;height:200px;background:#f2f2f2;}
.sub_article .prd_view_cont .product_cont .product_inf .view_play object{width:320px;height:200px;}
.sub_article .prd_view_cont .spc{display:none;}
.prd_view_cont .tabmenu .sliderkit-nav{height:60px;}
.prd_view_cont .tabmenu .sliderkit-nav-clip li{height:60px;}
.prd_view_cont .tabmenu .sliderkit-nav-clip li a{width:53px;height:36px;padding:12px 5px;font-size:12px;letter-spacing:1px;line-height:18px;}
.prd_view_cont .tabmenu .sliderkit-nav-clip li a.lhc{line-height:36px;}
.prd_view_cont .tabmenu .prd_sld_elm{}
.prd_view_cont .tabmenu .prd_sld_elm .product_inf{width:320px;}
.prd_view_cont .tabmenu .prd_sld_elm .product_inf .spec_tb th{width:35%;padding:8px 2px;}
.prd_view_cont .tabmenu .prd_sld_elm .product_inf .spec_tb td{padding:8px 5px;}
#review .review_wrap .review_ttb .u_if{width:90px;}
#review .review_wrap .review_ttb .u_txt{width:160px;}
#container .a_service_wrap .info_user .user_inp .input_wrap{display:block;margin:5px;}
.prd_view_cont .ach_pd{padding-top:20px;}
#footer{width:100%;margin-bottom:0;padding-top:10px;background:#ededed;z-index:1;clear:both;}
.foot_menu{width:100%;height:92px;border-bottom:1px solid #d4d4d4;}
.foot_menu .menu{width:95%;margin:0 auto;text-align:center;font-size:11px;position:relative;}
.foot_menu .menu a{width:100%;height:45px;margin:0 10px;font-size:15px;font-weight:700;color:#555;line-height:45px;}
.foot_menu .menu .phone{width:100%;height:45px;text-align:center;display:block;position:relative;}
#footer .footer_tr{width:100%;}
#footer_wrap{height:80px;margin:0 auto;position:relative;top:0;left:0;text-align:left;}
.foot_logo{display:none;}
.copyright{width:100%;margin:18px 0 0 0;line-height:120%;position:absolute;}
.copyright ul{}
.copyright li{display:none;}
.copyright li.adr{padding:0 10px;font-family:'Dotum';text-align:center;font-size:11px;line-height:16px !important;color:#b1b1b1;letter-spacing:-1px;display:block !important;}
#footer .copyright b{font-weight:normal;color:#b1b1b1;}
.copyright a:link, .copyright a:visited{color:#b1b1b1;text-decoration:none;}
.copyright a:hover, .copyright a:active{color:#b1b1b1;text-decoration:none;}
.copyright_2{width:320px;}
/* 추가 css 2020 02 */
.fix_btn{width:100%;background-color:#ededed;position:fixed;left:0;bottom:0;z-index:1000;}
.fix_btn .fb_bn{width:100%;max-width:640px;margin:0 auto;line-height:96px;position:relative;}
.fix_btn .fb_bn img{width:100%;height:auto;}
#footer{padding-bottom:40px !important;}
/* 기존 css - mobileshop_rwd-320*/
/******************* 서브 *********************/
#s_container{width:320px;margin:20px auto;position:relative;} /*로그인페이지*/
#s_container_02{width:100%;margin:0 auto 20px;position:relative;} /*게시판페이지*/
/*** b_side ***/
#b_side{width:100%;padding:15px 0;background-color:#fff;position:fixed;top:0;z-index:100;}
#b_side .b_menu{height:auto;}
#b_side .b_menu .menu_list{width:28%;margin:0 1%;float:left;text-align:left;}
#b_side .b_menu .menu_list .tgmn_title{width:100%;}
#b_side .b_menu .menu_list .tgmn_title .tgmn_btn{height:30px;display:block;padding:0 10px;color:#fff;font-size:12px;font-weight:bold;line-height:30px;text-align:left;background:#2b70cf;}
#b_side .b_menu .menu_list .tgmn_area{display:none;background:#fff;border:1px solid #aaa;border-top:0;}
#b_side .b_menu .menu_list .tgmn_area .menu_wrap{padding:0;}
#b_side .b_menu .menu_list .tgmn_area .menu_wrap .list{display:block;padding:2px 5px;font-size:12px;}
#b_side .b_menu .menu_list .tgmn_area .menu_wrap .list.on{color:#333;font-size:12px;font-weight:bold;}
#b_side .b_menu .menu_link{
width:38%;
height:30px;
margin:0 1%;
background-color:#0C6;
text-align:center;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:30px;
letter-spacing:-1px;
float:left;
}
#b_side .b_menu .menu_link a{color:#fff;}
/*** b_content ***/
#b_content{width:100%;float:none;margin:30px auto;}
#b_content .login_box{width:260px;height:200px;margin:0 auto 30px;border:3px solid #eee;border-radius:12px;}
#b_content .login_box .title_mg{width:0;}
#b_content .login_box .chart_ti_s img{width:70px;}
#b_content .login_box .ipt_name{width:200px;height:28px;}
#b_content .login_box .slt_num{width:70px;height:24px;}
#b_content .login_box .slt_pt{width:70px;height:24px;}
#b_content .board_board{width:100%;margin:0 auto;}
#b_content .board_board .title{width:100%;}
#b_content .board_board .title .bbs_view_title{padding-right:60px;}
#b_content .board_board .title .bbs_view_onlist{padding:0;}
#b_content .board_board .board{width:100%;}
#b_content .board_board .board .rs_board td{/*width:110px;*/height:24px;font-size:11px;}
#b_content .board_board .board .rs_board th{/*width:200px;*/height:24px;font-size:12px;}
#b_content .board_board .board .rs_view .tt{width:60%;font-size:12px;height:35px;}
#b_content .board_board .board .rs_view .tt img{height:10px;}
#b_content .board_board .board .rs_view .ts{width:25%;height:35px;font-size:11px;text-align:center;}
#b_content .board_board .board .rs_view .ts img{height:10px;}
#b_content .board_board .board .rs_view .td{height:330px;}
#b_content .board_board .board .rs_view .td .over_text{width:100%;height:330px;display:inline-block;overflow-y:scroll;}
#b_content .board_board .board .us_slt .bt{padding:0;margin:0 auto;float:none;}
#b_content .board_board .board .us_slt .at_area{padding:0;margin:0 auto;margin-top:10px;float:none;}
#b_content .board_board .board .dpvm{display:block !important;}
#b_content .board_board .board .tbst_02 .dpm{display:none !important;}
#b_content .board_board .board .tbst_02 th{font-size:11px;font-weight:normal;}
#b_content .board_board .board .tbst_02 td{font-size:11px;}
#b_content .page_wrap .page_title{text-align:left;}
#b_content .page_wrap .page_title .title_img{width:261px;display:inline-block;}
#b_content .page_wrap .page_title .title_img img{height:30px;}
#b_content .page_wrap .page_title .title_bg_r{height:30px;display:inline-block;*display:none;}
#b_content .page_wrap .page_title .title_bg_r img{height:30px;}
#b_content .page_wrap .page_ctt{width:320px;}
.online_click{display:none;}
.online_mpopup{margin:0 auto 30px;padding-top:0;text-align:center;}
.online_mpopup img{width:280px;}
.online_mpopup .tabs-standard{margin:0;padding:0 5px;position:relative;}
.online_mpopup .tabs-standard .sliderkit-nav{width:100%;height:30px;text-align:left;position:relative;}
.online_mpopup .tabs-standard .sliderkit-nav-clip{margin:0;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li:first-child{width:24.9%;border-left:0;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li{width:24.9%;height:30px;text-align:center;font-size:14px;line-height:30px;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li,
.online_mpopup .tabs-standard .sliderkit-nav-clip li a{float:left;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li a{width:100%;height:28px;border:1px solid #e1e1e1;text-align:center;line-height:30px;text-decoration:none;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li.sliderkit-selected{background-color:#2b70cf;}
.online_mpopup .tabs-standard .sliderkit-nav-clip li.sliderkit-selected a{color:#fff;background-color:#2b70cf;}
.online_mpopup .tabs-standard .sliderkit-panels{width:100%;height:350px;padding:15px 0;position:relative;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.online_mpopup .tabs-standard .sliderkit-panel{width:100%;}
.online_mpopup .tabs-standard .sliderkit-panel .img_c{margin:0 auto;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap{margin:0;padding:0;position:relative;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt{width:100%;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_01{width:80px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_02{width:140px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_03{width:140px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_04{width:240px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_05{width:140px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_06{width:220px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .page_ctt .online_click_df .tbst_01 .w_06 a{display:inline-block;padding-top:15px;}
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .em_elm_wrap .em_elm .em_tb .td .ttl,
.online_mpopup .tabs-standard .sliderkit-panel .page_wrap .em_elm_wrap .em_elm .em_tb .td .ttl a{color:#222;}
.table_type1{width:100%;margin:0 0 25px;border-top:1px solid #18a2a2;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th:first-child,
.table_type1 thead td:first-child,
.table_type1 tbody th:first-child,
.table_type1 tbody td:first-child{border-left:0 none;}
.table_type1 thead th,
.table_type1 thead td{
padding:5px;
background-color:#efefef;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:13px;
font-weight:600;
color:#333;
line-height:20px;
letter-spacing:-1px;
}
.table_type1 tbody th{
padding:5px;
background-color:#fff;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:12px;
font-weight:400;
color:#666;
line-height:20px;
letter-spacing:-1px;
}
.table_type1 tbody td{
padding:5px;
background-color:#fff;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:12px;
font-weight:400;
color:#666;
line-height:20px;
letter-spacing:-1px;
}
.table_type1 img{width:100%;max-width:90px;}
#b_content .page_wrap .page_ctt .opening_table{margin-top:20px;}
#b_content .page_wrap .page_ctt .opening_table .op_tb_ttl{width:100px;height:30px;padding-right:10px;text-align:right;}
#b_content .page_wrap .page_ctt .opening_table .op_tb_ttl img{height:18px;}
#b_content .page_wrap .page_ctt .opening_table .op_tb_txt{width:210px;height:30px;text-align:left;}
#b_content .page_wrap .page_ctt .opening_table .op_tb_txt .phone_slc_wrap{width:100%;padding-top:5px;*background:#f7f7f7;}
#b_content .page_wrap .page_ctt .opening_table .op_tb_txt .phone_slc_wrap .phone_slc{*width:150px;float:left;margin-right:10px;}
#b_content .page_wrap .page_ctt .opening_table .opening_button input{width:180px;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .th{width:100%;padding:0 10px;float:none;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td{width:100%;height:auto;padding:0 10px;float:none;margin-top:5px;line-height:25px;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .th img{width:100%;height:auto;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td .ttl{padding-top:0;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td .ttl, #b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td .ttl a{font-size:17px;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td .txt_dt{font-size:12px;line-height:17px;}
#b_content .page_wrap .em_elm_wrap .em_elm .em_tb .td .txt_tx{margin-top:10px;}
#b_content .title_inr .ttl{font-size:11px;line-height:15px;}
#b_content .title_inr .ttl .ttl_img_1{padding:0 5px;}
#b_content .title_inr .ttl .ttl_img_1 .tt_stick{margin:0 10px;}
#b_content .title_inr .ttl .ttl_img_1 .tt_txt{width:100%;margin:10px 0 0;text-align:left;font-size:12px;color:#777;letter-spacing:-1px;display:block;}
#b_content .title_inr .ttl .ttl_img_1 .tt_copy{width:100%;height:40px;margin:10px 0 20px;text-align:left;font-size:12px;color:#999;line-height:18px;letter-spacing:-1px;display:inline-block;position:relative;}
#b_content .title_inr .ttl .ttl_img_1 .tt_cop1{width:100%;height:40px;margin:10px 0 20px;text-align:left;font-size:12px;color:#999;line-height:18px;letter-spacing:-1px;display:inline-block;position:relative;}
#b_content .title_inr .ttl .ttl_img_1 .tt_cop2{width:100%;height:40px;margin:10px 0 20px;text-align:left;font-size:12px;color:#999;line-height:18px;letter-spacing:-1px;display:inline-block;position:relative;}
#b_content .title_inr .ti_line{width:100%;height:1px;margin:25px 0 0;background-color:#ddd;}
#b_content .title_inr .gbanner img{width:100%;}
#container .ms_banner{float:none;}
#container .ms_banner .bn_s{width:155px;float:left;margin-left:0px;}
#container .ms_banner .bt{width:155px;margin-top:0;margin-left:10px;}
320
.event_wrap{width:100%;margin:20px auto;position:relative;}
.event_wrap .title{width:100%;height:57px;text-align:left;margin-bottom:1px;background:#2c2e31;}
.event_wrap .title img{width:280px;}
.event_wrap .s_title{width:100%;height:43px;margin-bottom:30px;text-align:right;background:#ff2f47;}
.event_wrap .s_title img{width:280px;}
.event_wrap .cont_wrap{width:100%;display:block;margin:0 auto;}
.event_wrap .cont_wrap .cont{width:100%;float:left;}
.event_wrap .cont_wrap .cont img{width:100%;}
.event_wrap .cont_wrap .btn_par{position:relative;}
.event_wrap .cont_wrap .btn_par .btn_01{width:222px;height:54px;position:absolute;left:50px;top:250px;}
.event_wrap .cont_wrap .btn_par .btn_01 img{width:222px;height:54px;}
.event_wrap .cont_wrap .btn_par .ev_btn_01{position:absolute;top:58%;left:4%;}
.event_wrap .cont_wrap .btn_par .ev_btn_02{position:absolute;top:58%;left:48%;}
.event_wrap .cont_wrap .btn_par .ev_btn_01 img{width:80%;}
.event_wrap .cont_wrap .btn_par .ev_btn_02 img{width:80%;}
.event_wrap .ip_wrap{width:100%;height:553px;position:relative;overflow:hidden;}
.event_wrap .ip_wrap .ip_cont{width:100%;height:53px;}
.event_wrap .ip_wrap .ip_cont .ip_cont_01{width:100%;height:33px;}
.event_wrap .ip_wrap .ip_cont .ip_cont_01 img{width:100%;}
.event_wrap .ip_wrap .ip_cont .ip_cont_02{width:270px;height:20px;margin-left:50px;text-align:left;}
.event_wrap .ip_wrap .ip_cont .ip_cont_02 .check_agr{width:20px;height:20px;}
.event_wrap .ip_wrap .ip_cont .ip_cont_02 img{width:80px;}
.event_wrap .ip_wrap .ip_cont .ip_cont_02 .btn_agr{width:95px;height:20px;margin-left:20px;}
.event_wrap .ip_wrap .ip_agr_wrap{width:100%;height:500px;position:relative;}
.event_wrap .ip_wrap .ip_agr_wrap .bg_img{position:absolute;left:0;top:20px;}
.event_wrap .ip_wrap .ip_agr_wrap .bg_img img{width:120px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn01{width:268px;height:194px;position:absolute;left:30px;top:200px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn01 input{width:268px;height:194px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn02{width:156px;height:40px;position:absolute;left:0;top:410px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn02 input{width:156px;height:40px;background-position:0 -72px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn03{width:156px;height:40px;position:absolute;left:160px;top:410px;}
.event_wrap .ip_wrap .ip_agr_wrap .btn03 input{width:156px;height:40px;background-position:254px -72px;}
.event_wrap .ip_wrap .ip_agr_wrap .input_wrap{width:162px;position:absolute;left:120px;;top:20px;}
.event_wrap .ip_wrap .ip_agr_wrap .input_wrap .input_ce{width:162px;height:20px;display:inline-block;margin-bottom:5px;}
.event_wrap .ip_wrap .ip_agr_wrap .input_wrap .input_ce input{width:150px;height:16px;padding:2px 5px;color:#333;font-size:12px;font-weight:bold;line-height:16px;border:1px solid #ccc;}
.event_wrap .ip_wrap .ip_agr_wrap .input_wrap .input_ce input.w50p{width:62px;}
.event_wrap .ip_wrap .ip_agr_wrap .input_wrap .input_ce select{width:74px;height:20px;border:1px solid #ccc;}
/*레이어팝업*/
#e_popup .rn_scrl{width:320px;}
#e_popup .rn_scrl .pp_title .ttl{font-size:11px;letter-spacing:-1px;}
#e_popup .rn_wrap{width:345px;}
#e_popup .buy_wrap{width:320px;}
#e_popup .buy_wrap .info{width:320px;display:block;padding:3px 0;float:left;text-align:left;}
#e_popup .buy_wrap .info .s_line{width:300px;}
#e_popup .buy_wrap .info .ttl{width:32%;float:left;padding-left:10px;color:#666;font-size:12px;line-height:24px;letter-spacing:-1px;}
#e_popup .buy_wrap .info .ttl.ttl_stb_long{width:42%;float:left;padding-left:10px;font-size:12px;line-height:24px;letter-spacing:-1px;}
#e_popup .buy_wrap .info .ttl.ttl_long{width:50%;float:left;padding-left:10px;color:#666;font-size:12px;line-height:24px;letter-spacing:-1px;}
#e_popup .buy_wrap .info .ttl_w2{width:220px;}
#e_popup .buy_wrap .info .ttl_w3{width:80px;}
#e_popup .buy_wrap .info .ttl_w4{width:56%;}
#e_popup .buy_wrap .info .ttl_w5{width:1px;}
#e_popup .buy_wrap .info .txt_df{width:42%;float:right;padding-right:10px;color:#666;font-size:12px;font-weight:bold;line-height:24px;text-align:right;}
#e_popup .buy_wrap .info .txt_df input{height:20px;color:#000;vertical-align:middle;border:1px solid #aaa;}
#e_popup .buy_wrap .info .txt_df select{width:80px;height:24px;}
#e_popup .buy_wrap .info .txt_w2{width:80px;}
#e_popup .buy_wrap .info .txt_w3{width:140px;}
#e_popup .buy_wrap .info .txt_w4{width:140px;}
#e_popup .buy_wrap .info .txt_w5{width:299px;}
#e_popup .buy_wrap .info .ttxl_df{width:300px;float:left;padding-left:10px;padding-right:10px;color:#666;font-size:12px;line-height:14px;letter-spacing:-1px;text-align:left;}
#e_popup .buy_wrap .info .ttxl_df input{height:20px;color:#000;}
#e_popup .buy_wrap .info .ttxl_df select{width:80px;height:24px;}
#e_popup .buy_wrap .info .dt_view{padding:2px 5px;display:inline-block;color:#fff;font-size:11px;font-weight:normal;line-height:18px;background:#51cbd9;}
#e_popup .buy_wrap .line{width:320px;height:1px;background:#51cbd9;}
#e_popup .buy_wrap .btn_wrap .btn_sbm{width:45%;height:38px;color:#fff;font-size:14px;font-weight:bold;background:#ffae00;border:0;cursor:pointer;}
#e_popup .buy_wrap .otst .info{width:100%;}
#e_popup .buy_wrap .otst .info .ttl{width:100px;}
#e_popup .buy_wrap .evt_cp .ttl{width:58px;padding-left:0;}
#e_popup .buy_wrap .evt_cp .txt_df{line-height:14px;}
#e_popup .buy_wrap .evt_cp .evt_cp_wrap .evt_cp_tl{left:30% !important;}
.mc_wrap{width:320px;}
.mc_wrap .m_banner .bannerslider-1click{height:170px;}
.mc_wrap .m_banner .sliderkit .sliderkit-panel img{height:150px;}
#container .ms_banner .bn_s{width:155px;height:95px;float:left;}
#container .ms_banner .bn_s.f{margin-left:0;margin-bottom:0;}
.board_wrap{display:none;}
.zoomdiv{position:absolute;top:320px;left:0;}
.ms_style{position:relative;}
.ms_style .ms_select_case{width:98%;margin:35px 1% 0;padding:0;float:left;}
.ms_wrap{background-color:#fff;border:1px solid #999;position:relative;}
.ms_wrap .ms_title{width:80%;height:40px;background-color:#fff;text-align:center;font-size:18px;font-weight:bold;line-height:40px;letter-spacing:-1px;position:absolute;left:10%;top:-20px;z-index:10;}
.ms_wrap .ms_box{margin:25px 0 10px;padding:1px 0 1px 20%;text-align:left;font-size:16px;position:relative;}
.ms_wrap .ms_box .show{padding:3px 0;z-index:10;}
.ms_wrap .ms_box .hide{padding:3px 0;z-index:10;}
.ms_wrap .ms_box img{width:20px;height:20px;vertical-align:middle;}
.ms_wrap .ms_box ul{list-style:none;}
.ms_wrap .ms_box li.ti{width:100%;font-weight:bold;display:inline-block;}
.ms_wrap .ms_box li a{color:#707070;}
.ms_wrap .ms_box li{width:100%;height:35px;line-height:35px;display:block;}
.ms_wrap .ms_box li:link, .ms_wrap .ms_box li:visited{color:#707070;}
.ms_wrap .ms_box li:hover, .ms_wrap .ms_box li:focus{font-weight:bold;color:#39F;}
.ms_wrap .ms_box li input, .ms_wrap .ms_box li button{background-color:transparent;border:none;vertical-align:middle;z-index:1;}
#e_popup .buy_wrap .btn_wrap .btn_sbm{width: 50%;height:38px;color:#fff;font-size:14px;font-weight:bold;background:#ffae00;border:0;}
#e_popup .buy_wrap .info.agree1{width:50%;display:block;padding:3px 0;float:left;text-align:left;}
/* 추가 CSS 2017 03 20 */
.lnb_header,
#b_side{display:none;}
#m_container{width:100%;margin:30px auto 0;padding:0;position:relative;overflow:hidden;}
#m_container .mc_case{margin:0;padding:0;}
#m_container .mc_case li{width:94%;margin:0 auto 10px;border:1px solid #efefef;position:relative;}
#m_container .mc_case li img{width:100%;}
/* FLEXSLIDER */
.slider_wrap{position:relative;}
.carousel_wrap{margin: 0 0 35px;border:1px solid #efefef;position:relative;}
#carousel{height:83px;}
#carousel li{margin:0;}
#carousel img {width:82px;height:auto;border:1px solid #ddd;display:block;cursor:pointer;}
#carousel .flex-active-slide img {width:77px !important;height:auto !important;border:3px solid #00a9da;cursor: default;}
.flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slider {margin: 0 0 10px!important;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.flexslider {
background: #ffffff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 470px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
width: 13px;
height: 22px;
margin:-10px 0 0;
text-decoration: none;
display: block;
position: absolute;
overflow: hidden;
cursor: pointer;
bottom: 0;
z-index: 10;
}
.flex-direction-nav a:before {
display: inline-block;
}
/* 좌우버튼 */
.carousel_wrap .flex-direction-nav .flex-prev {
width:40px;
height:40px;
content: '';
background:#0c0d12 url(../images/icon_rolling_left.png) no-repeat center 50%;
font-size:0;
display:block;
left:0;
}
.carousel_wrap .flex-direction-nav .flex-next {
width:40px;
height:40px;
content: '';
background:#0c0d12 url(../images/icon_rolling_right.png) no-repeat center 50%;
font-size:0;
display:block;
right:0;
}
.carousel_wrap .flexslider:hover .flex-direction-nav .flex-prev {
left:0;
}
.carousel_wrap .flexslider:hover .flex-direction-nav .flex-next {
right:0;
}
.ms_root{ display:none;}
.ms_list{position:relative;}
.ms_list ul{border-top:1px solid #ddd;}
.ms_list li{height:50px;padding:0 0 0 100px;border-bottom:1px solid #ddd;font-size:14px;color:#999;font-weight:600;line-height:50px;display:block;position:relative;}
.ms_list li a{color:#999;}
.ms_list li span{width:90px;height:50px;padding:0 15px;color:#333;line-height:50px;display:block;position:absolute;left:0;top:0;}
.ms_list li span a{color:#333;}
.ms_list li img{vertical-align:middle;}
.ms_center{margin:25px 0;text-align:center;}
.online_wrap{display:none;}
#b_content .tab_btn_wrap .tab_btn{width:48.5%;height:30px;font-size:12px;line-height:30px;}
.ac_wrap{border-top:2px solid #ddd;}
.accordion {
margin:0;
padding:15px 0;
border-bottom:1px solid #ddd;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:700;
color:#666;
line-height:20px;
letter-spacing:-1px;
position:relative;
}
.accordion .actit{width:25px;text-align:left;color:#2a6fce;float:left;}
.accordion-open {
color:#000;
}
.accordion-open span {
padding:10px;
display:block;
position:absolute;
right:8px;
top:15px;
}
.accordion-open span {
background:url(../images/close_arrow1.png) center 50% no-repeat;
}
.accordion-close span {
padding:10px;
background:url(../images/open_arrow1.png) center 50% no-repeat;
display:block;
position:absolute;
right:8px;
top:15px;
}
div.acontainer {
margin:0;
padding:0;
}
div.acontent {
margin:0;
padding:15px 10px;
background:#f9f9f9;
font-size:13px;
color:#999;
line-height:20px;
position:relative;
}
div.acontent .actxt{width:7%;text-align:left;font-size:16px !important;float:left;}
div.acontent .accop{width:90%;margin:-3px 0 0;text-align:left;float:left;}
div.acontent ul, div.acontent p {
margin:0;
padding:3px;
}
div.acontent ul li {
list-style-position:inside;
line-height:25px;
}
div.acontent ul li a {
color:#555;
}
table{display:block;}
.tableType2 th,
.tableType2 td{padding:10px 10px 5px;}
/************************************************
* HEADER *
************************************************/
/*** 메뉴 : MENU ***/
.header{
width:100%;
height:50px;
margin:0 auto;
background-color:#fff;
border-bottom:2px solid #ccc;
position:fixed;
left:0;
top:0;
z-index:100;
}
/** 토글버튼 **/
.header .main .nav{
width:20px;
height:20px;
margin:5px 0 0;
background:url(../images/icon/b_menu.png) no-repeat 0 0;
background-size:20px;
border:0 none;
line-height:50px;
display:block;
}
/** 뒤로가기 **/
.header .back{
width:25px;
height:50px;
position:absolute;
left:0;
top:0;
z-index:100;
}
.header .back a{
width:100%;
height:50px;
background:url(../images/icon/ic_prev.png) no-repeat 10px 50%;
background-size:15px 25px;
line-height:50px;
display:block;
}
/** 로고 **/
.header .logo{
width:100%;
height:50px;
margin:0;
padding:0;
text-align:center;
font-size:18px;
font-weight:600;
color:#212121;
line-height:50px;
letter-spacing:-1px;
position:absolute;
left:0;
top:0;
}
.header .logo img{width:auto;height:35px;margin-top:7px;vertical-align:middle;}
.header .logo a{color:#212121;}
/** 타이틀 **/
.header .htit{
width:100%;
height:50px;
padding:0;
text-align:center;
font-size:20px;
font-weight:500;
color:#212121;
line-height:50px;
letter-spacing:-1px;
position:absolute;
left:0;
top:0;
}
/** 서브 타이틀 **/
.header .hsit{
height:50px;
margin:0 0 0 35px;
padding:0;
text-align:left;
font-size:20px;
font-weight:500;
color:#212121;
line-height:50px;
letter-spacing:-1px;
position:absolute;
left:0;
top:0;
}
/*** 좌측메뉴 ***/
.mn_wrap{width:280px;padding:0;position:absolute;left:0;top:0;z-index:100;}
.mn_wrap .mn_case{margin:0;padding:0;position:relative;}
.mn_wrap .mn_case .nav_wrap{width:100%;height:50px;position:relative;}
.mn_wrap .mn_case .nav_wrap .mc_title{
width:280px;
height:50px;
padding:0 10px;
background-color:#2b70cf;
font-size:16px;
color:#fff !important;
line-height:50px;
position:fixed;
z-index:10;
}
.mn_wrap .mn_case .nav_wrap .mc_title a{color:#fff;}
.mn_wrap .mn_case .nav_wrap .mc_title .nclose{height:50px;line-height:50px;display:block;position:absolute;right:10px;top:16px;}
.mn_wrap .mn_case .nav_wrap .mc_title .nclose img{width:15px;height:15px;}
.mn_wrap .mn_case .nav_wrap .mc_bn{
width:280px;
height:50px;
padding:5px 10px;
background-color:#333;
font-size:13px;
color:#fff !important;
line-height:20px;
position:fixed;
bottom:0;
z-index:10;
}
.mn_wrap .mn_case .nav_wrap .mc_bn a{color:#fff;}
.mn_wrap .mn_case .mt_btn{width:100%;height:50px;background-color:#2b70cf;position:relative;}
.mn_wrap .mn_case .mt_btn ul{height:50px;margin:0 0 50px;padding:0;position:relative;}
.mn_wrap .mn_case .mt_btn li{width:40%;margin:0 5%;display:block;float:left;}
.mn_wrap .mn_case .mt_btn li a{
width:100%;
height:40px;
margin:0 0 10px;
padding:0;
border:1px solid #fff;
border-radius:4px;
text-align:center;
text-decoration:none;
font-size:14px;
font-weight:500;
color:#fff;
line-height:40px;
display:block;
}
.mn_wrap .mn_case .nav_case{margin:0;padding:0;position:relative;}
.mn_wrap .mn_case .nav_case .mccr{background-color:#f9f9f9;border:0 none;}
.mn_wrap .mn_case .mc_tit{
margin:0;
padding:0 10px;
border-bottom:1px solid #e4e4e4;
box-shadow:none;
background:#fff;
font-size:15px;
font-weight:400;
color:#555;
line-height:50px;
position:relative;
}
.mn_wrap .mn_case .mc_txt{
margin:0;
padding:0 10px;
box-shadow:none;
background:#fff;
border-bottom:1px solid #e4e4e4;
font-size:15px;
font-weight:400;
color:#555;
line-height:50px;
position:relative;
}
.mn_wrap .mn_case .mc_tit img,
.mn_wrap .mn_case .mc_txt img{width:auto;height:20px;}
.mn_wrap .mn_case .mc_tit .mt_r,
.mn_wrap .mn_case .mc_txt .mt_r{
height:50px;
line-height:50px;
position:absolute;
right:10px;
top:0;
display:block;
}
.mn_wrap .mn_case .mc_tit .ms_r,
.mn_wrap .mn_case .mc_txt .ms_r{
height:50px;
padding:5px 0;
line-height:20px;
letter-spacing:-1px;
position:absolute;
right:10px;
top:0;
display:block;
}
.mn_wrap .mn_case .mc_tit .ms_r span,
.mn_wrap .mn_case .mc_txt .ms_r span{font-size:11px !important;}
/************************************************
* SLIDER MENU *
************************************************/
/* Reset */
*,
*:after,
*:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content:" ";
display:table;
}
.clearfix:after {
clear:both;
}
.main > section {
max-width:20px;
width:90%;
margin-left:10px;
position:fixed;
top:10px;
z-index:100000;
}
.main > section button {
margin:0;
padding:0 0 8px;
opacity:1;
color:#fff;
display:block;
cursor:pointer;
}
.main > section button:hover {
opacity:1;
}
.main > section button.active {
opacity:1;
}
.main > section button.disabled {
opacity:1;
pointer-events:none;
}
.bg_over{width:100%;height:100%;background-color:#000 !important;opacity:0.4 !important;position:fixed;left:0;top:0;z-index:10000;}
/* General styles for all menus */
.cbp-spmenu {
background:#f1f1f1;
overflow:hidden;
overflow-x:hidden;
overflow-y:scroll;
position:fixed;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width:280px;
height:100%;
top:0;
z-index:999999;
}
.cbp-spmenu-vertical a {
padding:10px 0 0;
}
.cbp-spmenu-horizontal {
width:100%;
height:150px;
left:0;
z-index:1000;
overflow:hidden;
}
.cbp-spmenu-horizontal h3 {
height:100%;
width:20%;
float:left;
}
.cbp-spmenu-horizontal a {
float:left;
width:20%;
padding:0.8em;
border-left:1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
left:-280px;
}
.cbp-spmenu-right {
right:-280px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left:0;
}
.cbp-spmenu-right.cbp-spmenu-open {
right:0;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
top:-280px;
}
.cbp-spmenu-bottom {
bottom:-280px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top:0;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom:0;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
width:100%;
overflow-x:hidden;
position:absolute;
left:0;
z-index:0;
}
.cbp-spmenu-push-toright {
left:280px;
}
.cbp-spmenu-push-toleft {
left:-280px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width:55.1875em){
.cbp-spmenu-horizontal {
font-size:75%;
height:130px;
}
.cbp-spmenu-top {
top:-130px;
}
.cbp-spmenu-bottom {
bottom:-130px;
}
}
@media screen and (max-height:26.375em){
.cbp-spmenu-vertical {
font-size:90%;
width:280px;
}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft {
left:-280px;
}
.cbp-spmenu-right {
right:-280px;
}
.cbp-spmenu-push-toright {
left:280px;
}
}
#header .hd_banner_wrap2{width:100%;height:43px;background:url(http://www.mobiletong.com/images/hd_bn_bg.gif) repeat;}
#header .hd_banner_wrap2 .hd_banner2{width:100%;text-align:center;}
#header .hd_banner_wrap2 .hd_banner2 a{color:#fff;font-family:'Nanum Gothic';font-size:22px;line-height:43px;font-weight:bold;letter-spacing:2px;text-shadow:0 0 2px #000;}
/* #eventFormStep1{ display: block;}*/
/* #eventFormStep2{ display: none;}*/
#pEventFormStep2{ padding-top: 100px;background-color: #fff;height: 100px;}
#e_popup .pp_btitle{width:96%;padding:10px;background-color:#fff;position:relative;top:0;left:0;z-index:10;}
#e_popup .buy_wrap .info .txt_df{width: 34%;float:right;padding-right: 20px;color:#666;font-size:12px;font-weight:bold;line-height:24px;text-align:right;}
#e_popup .buy_wrap .info .txt_df.txt_df_long{width: 52%;float:right;padding-right: 20px;color:#666;font-size:12px;font-weight:bold;line-height:24px;text-align:right;}
#e_popup .buy_wrap .buy_01.width_short .info .ttl{width: 25%;}
/************************************************
* CSS 2020_04 *
************************************************/
.rv_wr .rw_btn{width:100%;max-width:300px;}
.lmb_ul{width:100%;margin:0;padding:0;position:relative;display:block;}
.lmb_ul li{
width:100%;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
text-align:left;
font-size:14px;
font-weight:400;
line-height:40px;
position:relative;
display:block;
}
.lmb_ul li a{width:100%;height:40px;display:block;}
.lmb_ul li b{width:30%;height:40px;font-weight:600;color:#111;display:block;float:left;}
.lmb_ul li p{width:55%;height:40px;color:#666;display:block;float:left;}
.lmb_ul li span{
width:15%;
height:40px;
background:url(../images/icon/ic_next.png) no-repeat right 50%;
background-size:10px 20px;
display:block;
float:left;
}
.pu_ul{width:100%;margin:0 0 150px;padding:0;position:relative;display:block;}
.pu_ul li{
width:100%;
height:40px;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
text-align:left;
font-size:14px;
font-weight:400;
line-height:40px;
position:relative;
display:block;
}
.pu_ul li b{width:60%;height:40px;font-weight:600;color:#111;display:block;float:left;}
.pu_ul li span{
width:40%;
height:40px;
display:block;
float:left;
}
.mw_popup1,
.mw_popup2,
.mw_popup3,
.mw_popup4,
.mw_popup5{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:1000000;}
.mw_popup1.open,
.mw_popup2.open,
.mw_popup3.open,
.mw_popup4.open,
.mw_popup5.open{display:block}
.mw_popup1 .bg,
.mw_popup2 .bg,
.mw_popup3 .bg,
.mw_popup4 .bg,
.mw_popup5 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup1,
#popup2,
#popup3,
#popup4,
#popup5{width:100%;max-width:320px;margin:0 auto;background:#fff;position:relative;top:5%;}
#popup1.g_popup1 .g_popup1,
#popup2.g_popup2 .g_popup2,
#popup3.g_popup3 .g_popup3,
#popup4.g_popup4 .g_popup4,
#popup5.g_popup5 .g_popup5{display:block}
#popup1 .close,
#popup2 .close,
#popup3 .close,
#popup4 .close,
#popup5 .close{
width:40px;
height:40px;
padding:0;
border:0;
background:url(../images/icon/ico_x_w.png) no-repeat center 50%;
text-decoration:none !important;
line-height:40px;
cursor:pointer;
opacity:1;
overflow:visible;
position:absolute;
top:10px;
right:0;
}
#popup1 .close:hover,
#popup2 .close:hover,
#popup3 .close:hover,
#popup4 .close:hover,
#popup5 .close:hover{background:#999 url(../images/icon/close_wbtn.png) no-repeat center 50%;}
.pop_header{height:40px;padding:10px 5px 0;text-align:center;font-size:18px;font-weight:600;color:#333;line-height:40px;}
.pop_header p{margin:0;padding:0;}
.pscroll{height:320px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_mcontant{margin:0;padding:0;position:relative;}
.pop_mcontant .pm_img{width:100%;}
.pop_contant{padding:20px 10px;position:relative;}
.pop_contant .pc_ltit{text-align:left;font-size:16px;line-height:24px;}
.pop_contant .pc_ltxt{margin:0 0 10px;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;}
.pop_contant .pc_ctit{margin:0 0 10px;text-align:center;font-size:15px;line-height:22px;display:block;}
.pop_contant .pc_ctxt{margin:0 0 10px;text-align:center;font-size:13px;font-weight:400;color:#666;line-height:20px;display:block;}
.pop_contant select{font-size:16px;color:#bbb;}
.pop_contant select:focus{color:#666;}
.pop_contant textarea{font-size:16px;color:#bbb;}
.btn_wrap{height:40px;margin:0 0 15px;padding:0 15px;text-align:center;font-size:14px;font-weight:400;color:#fff;line-height:40px;position:relative;bottom:0;}
.btn_wrap a{cursor:pointer;}
.btn_swrap{height:40px;padding:15px 0px;text-align:center;font-size:14px;font-weight:400;color:#c1c1c1;line-height:40px;position:relative;bottom:0;}
.btn_swrap a{cursor:pointer;}
.btn_bwrap{height:40px;padding:0px;text-align:center;font-size:14px;font-weight:400;color:#c1c1c1;line-height:40px;position:relative;bottom:0;}
.btn_bwrap a{cursor:pointer;}
a.btn100{width:100%;}
a.btn50{width:50%;}
a.btn_confirm {background:#2b70cf;color:#fff !important;float:left;display:block;}
a.btn_confirm:hover {background:#2b70cf;color:#fff !important;text-decoration:none !important;}
a.btn_close {background:#333;color:#fff !important;float:left;display:block;}
a.btn_close:hover {background:#333;color:#fff !important;text-decoration:none !important;color:#fff;}
/*************************************************
* SWITCH *
*************************************************/
/* Rectangular switch
*/
/* Rounded switch
*/
/* The switch - the box around the slider */
.switch{
width:45px;
height:25px;
margin-top:-4px;
position:relative;
display:inline-block;
float:right;
}
/* Hide default HTML checkbox */
.switch input{display:none;}
/* The slider */
.slider{
width:100% !important;
height:25px !important;
position:absolute;
cursor:pointer;
top:12px;
left:0;
right:0;
bottom:0;
border:1px solid #ccc;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
}
.slider:before{
width:23px;
height:23px;
content:"";
position:absolute;
left:0;
top:0;
border:2px solid #ccc;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
}
input:checked + .slider{
background-color:#2196F3;
}
input:focus + .slider {
box-shadow:0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform:translateX(26px);
-ms-transform:translateX(26px);
transform:translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius:25px;
}
.slider.round:before {
border-radius:50%;
}