﻿@charset "utf-8";
@import url("/Library/Css/user_layout.css");


/* 메인 Css */


/*메인*/
.mConBox1{width:100%; margin-bottom:40px; position:relative;}
.mConBox2{width:1180px; margin:0 auto; margin-bottom:40px;}
.mConBox3{width:100%; height:315px; margin:0 auto; margin-bottom:40px; background-color:#f4ede6;}
.mConBox4{width:100%;}
/*슬라이드 & 로그인*/
#container{}
.m_banner{width:100%; height:424px; overflow:hidden;}
.m_banner li {width:100%; text-align:center;height:424px; }
.m_banner li a{height:424px; display:block; width:1180px; margin:0 auto; }
#container{overflow:hidden;}
#container .bx-wrapper{display:inline-block;float:right;}
#container .m_banner{ padding-right:5px; }
#container .m_banner a{display:inline-block;}
#container .bx-controls{position:relative;}
#container .bx-controls .bx-pager{overflow:hidden; position:absolute; bottom:25px; width:100%; text-align:Center}
#container .bx-controls .bx-pager .bx-pager-item{display:inline-block;margin:0px 3px;}
#container .bx-controls .bx-pager a {display:block; width:15px; height:15px; text-indent: -9999px; background-color:#fff; border-radius:10px;}
#container .bx-controls .bx-pager a.active{background-color:#333;}

#container .ueser_area .apply_area{width:100%; overflow:hidden;}
#container .ueser_area .apply_area a{display:inline-block; float:left; padding-top:10px;}
#container .ueser_area .apply_area a.apply01{padding-right:4px;}


/*이용안내 및 신청버튼*/
#container .guide_area{overflow:hidden;}
#container .guide_area .guide_left{float:left; overflow:hidden;}
#container .guide_area .guide_left ul{overflow:hidden; float:left; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; margin-right:8px;}
#container .guide_area .guide_left ul li{float:left; width:194px; height:184px; border-right:1px solid #ddd; box-sizing:border-box;}
#container .guide_area .guide_left ul li:last-child{border-right:none;}
#container .guide_area .guide_left ul li a{display:block; text-align:center; padding:30px 0px;}
#container .guide_area .guide_left ul li a p{font-size:16px; letter-spacing:-0.4px; padding-top:13px;}
#container .guide_area .guide_left .talk{float:right; width:188px; height:184px; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; border-radius:10px;}
#container .guide_area .guide_left .talk a{display:block; text-align:center; padding:30px 0px;}
#container .guide_area .guide_left .talk a p{font-size:16px; letter-spacing:-0.4px; padding-top:13px;}
#container .guide_area .guide_right{float:right;}
#container .guide_area .guide_right a{display:block;}
#container .guide_area .guide_right a.apply_01{margin-bottom:8px;}

/*대행절차 및 스케줄*/
#container .info_area{overflow:hidden; margin-top:20px;}
#container .info_area .step_area{float:left; padding:30px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px;}
#container .info_area .step_area .menu_tab{}
#container .info_area .step_area .menu_tab ul{overflow:hidden; margin-bottom:30px;}
#container .info_area .step_area .menu_tab ul li{float:left; width:349px; height:46px; background-color:#e5e5e5; border-radius:10px;}
#container .info_area .step_area .menu_tab ul li.step01{margin-right:19px;}
#container .info_area .step_area .menu_tab ul li.active{background-color:#49494b;}
#container .info_area .step_area .menu_tab ul li a{display:block; text-align:center; font-size:16px; padding:15px 0px;}
#container .info_area .step_area .menu_tab ul li.active a{color:#fff;}
#container .info_area .schedule_area{float:right; width:380px; height:300px; padding:30px 0px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px;}
#container .info_area .schedule_area .schedule01{border-bottom:1px solid #ddd; padding-bottom:29px;}
#container .info_area .schedule_area .schedule_title{font-size:22px; padding:0px 30px 18px;}
#container .info_area .schedule_area .schedule_con{width:318px; height:48px; background:#f5f5f5; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; border-radius:5px;}
#container .info_area .schedule_area .schedule_con p{font-size:16px; color:#555; display:inline-block;}
#container .info_area .schedule_area .schedule_con01 p{ padding:5px 0px 10px 83px; background:url('/image/main/schedule_icon01.png') 33px 7px no-repeat;}
#container .info_area .schedule_area .schedule_con01 span{color:#333; font-size:26px; font-weight:bold; position:relative; top:2px;}
#container .info_area .schedule_area .schedule_con01 a{color:#d41119;}
#container .info_area .schedule_area .schedule02{padding-top:28px;}
#container .info_area .schedule_area .schedule02 p{ padding:13px 0px 10px 83px; background:url('/image/main/schedule_icon02.png') 33px 7px no-repeat;}
#container .info_area .schedule_area .schedule02 span{color:#d41119;}

/*바이니폰 선택이유*/
#container .why_area{width:1180px; margin:0 auto;}
#container .why_title{text-align:center; padding-top:43px;}
#container .why_list{padding-top:22px;}
#container .why_list ul{overflow:hidden;}
#container .why_list ul li{float:left; padding-right:20px;}
#container .why_list ul li:last-child{padding-right:0px;}


/*이용후기*/
#container .review_area{padding-bottom:41px; border-bottom:1px dashed #e2e2e2;}/*background:url('/image/main/dot_line.png') center bottom repeat-x;*/
#container .review_wrap{width:1180px; margin:0 auto; overflow:hidden;}
#container .review_left{float:left;}
#container .review_left img{padding-bottom:30px;}
#container .review_left a.more{display:block; width:36px;}
#container .review_right{float:right;}
#container ul.review_list{width:944px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; overflow:hidden;}
#container ul.review_list li{width:25%; height:244px; box-sizing:border-box; padding:30px; position:relative; float:left; border-right:1px solid #ddd;}
#container ul.review_list li a{display:block;}
#container ul.review_list li a p.review_title{padding-top:23px; font-size:16px; width:175px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
#container ul.review_list li a p.review_txt{font-size:14px; color:#adadad; padding-top:8px;}
#container ul.review_list li .review_new{position:absolute; top:0px; left:0px;}
#container ul.review_list li:first-child .review_new img{border-radius:10px 0px 0px 0px;}
#container ul.review_list li:last-child{border-right:none;}


/*베스트쇼핑몰*/
#container .bestMall_area{width:1180px; margin:0 auto;}
#container .bestMall_wrap{overflow:hidden; padding:40px 0px;}
#container .bestMall_left{float:left;}
#container .bestMall_left img{padding-bottom:30px;}
#container .bestMall_left a.more{display:block; width:36px;}
#container .bestMall_right{float:right;}
#container ul.mall_list{width:944px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; overflow:hidden;}
#container ul.mall_list li{width:25%; float:left; box-sizing:border-box; border-right:1px solid #ddd;}
#container ul.mall_list li a{display:block;}
#container ul.mall_list li.br_n{border-right:none;}
#container ul.mall_list li.br_b{border-bottom:1px solid #ddd;}

/*고객센터*/
#container .cs_area{width:100%; height:327px; background-color:#e5e5e5;}
#container .cs_wrap{width:1180px; margin:0 auto; overflow:hidden; padding:40px 0px;}
#container .cs_box{width:379px; height:247px; background-color:#f2f2f2; border-radius:10px; float:left; box-sizing:border-box; padding:30px; margin-right:21px;}
#container p.cs_title{font-size:20px; font-weight:bold; padding-bottom:18px;}

/*고시환율&배송조회*/
#container .srch_box{width:379px; height:247px; background-color:#f2f2f2; border-radius:10px; float:left; box-sizing:border-box; padding:30px;}
#container .jp_exchng{padding-bottom:18px;}
#container .jp_exchng table{border:1px solid #ddd; box-sizing:border-box;}
#container .jp_exchng table td{border:1px solid #ddd; box-sizing:border-box; text-align:center; font-weight:bold; font-size:13px; color:#555;}
#container .jp_exchng table td.exchng{color:#d41119}
#container .srch_input{}
#container .srch_input input{width:279px; height:40px; border:1px solid #ddd; border-right:none; box-sizing:border-box; padding:0px 5px; font-size:13px;}
#container .srch_input a{width:40px; height:40px; float:right; display: inline-block; border:1px solid #ddd; border-left:none; box-sizing:border-box;}

/*공지사항*/
#container .ntc_box{width:380px; height:247px; background-color:#f2f2f2; border-radius:10px; float:right; box-sizing:border-box; padding:30px;}
#container .ntc_title{position:relative;}
#container .ntc_title p{}
#container .ntc_title a{position:absolute; top:-5px; right:0px;}
#container .ntc_box ul{}
#container .ntc_box ul li{padding-bottom:12px;}
#container .ntc_box ul li a{overflow:hidden; display:block;}
#container .ntc_box ul li a p{font-size:16px; width:195px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left;}
#container .ntc_box ul li a span{font-size:16px; float:right;}



/*고객센터
#container .cs_area{width:100%; height:105px; margin:15px 0px; background-color:#fff; border-top:2px solid #ccc; box-sizing:border-box; position:Relative; padding-top:10px;}
#container .cs_area .cs_img01{float:left;display:inline-block; margin-left:46px; padding-top:14px;}
#container .cs_area .cs_img02{float:left;display:inline-block;margin-left:67px;  padding-top:14px;}
#container .cs_area .cs_img03{float:left;display:inline-block;margin-left:53px;  padding-top:14px;}*/
/*
#container .cs_area .cs_number{display:inline-block; float:left;}
#container .cs_area .cs_number p{height:70px;padding:5px 0px 0px 90px;background:url('../../Image/Main/cs_icon01.png') no-repeat left top; font-size:14px; color:#555; }
#container .cs_area .cs_number p span{font-size:24px; font-weight:bold;}
#container .cs_area .cs_time{padding-left:60px; display:inline-block;}
#container .cs_area .cs_time dl{overflow:hidden; padding-bottom:8px;}
#container .cs_area .cs_time dl dt{float:left; font-size:13px; font-weight:bold;}
#container .cs_area .cs_time dl dd{font-size:13px; padding-left:5px;display:inline-block;}
#container .cs_area .cs_time p{font-weight:bold;}
#container .cs_area .cs_links{padding-left:35px; margin-right:40px;display:inline-block; float:right;}
#container .cs_area .cs_links a.cs_guide{height:70px;display:inline-block; }
#container .cs_area .cs_links a.cs_apply{height:70px;display:inline-block; margin-left:20px;}
#container .cs_area .cs_links a{font-size:14px; color:#555; line-height:24px; font-weight:bold; display:inline-block;}
#container .cs_area .cs_links a img{padding-right:20px;}
#container .cs_area .cs_links a p{display:inline-block; vertical-align:middle;}
*/