/*공통*/
.customer .top_tit{height:577px;background:url(/images/customer_top_bg.jpg) no-repeat center center;background-size:cover}
.customer .top_tit article{width:1280px;height:577px;background:url(/images/company_top_line_bg.jpg) repeat-y center center;display:inline-block;position:relative}
.customer .top_tit h2{font-weight:300;margin-top:245px;color:#fff;font-size:50px}
.customer .top_tit span{width:100%;display:block;font-size:18px;margin-top:20px}
.customer .top_tit .tab{width:1280px;position:absolute;left:50%;margin-left:-640px;bottom:0}
.customer .top_tit .tab li{width:50%;float:left}
.customer .top_tit .tab a{display:block;line-height:86px;font-size:20px;color:#fff;font-weight:300;border:1px solid #b1aeaa;border-bottom:none}
.customer .top_tit .tab a.on{background:#f6f7f8;border-color:#f6f7f8;color:#29419e}
.customer .content{background:#f6f7f8;padding:70px 0 150px 0}
.customer .content > article{width:1230px}
/*문의하기*/
.contact_us{height:403px;background:url(/images/customer/counsel_info.jpg) no-repeat center center;background-size:cover;padding-top:52px}
.contact_us div{width:618px;height:320px;background:#fff;float:right;margin-right:47px;padding:57px 59px 0 59px;text-align:left}
.contact_us h4{font-size:15px;color:#56b40e}
.contact_us h4 span{color:#29419e}
.contact_us ul{width:100%;display:inline-block;margin-top:20px}
.contact_us .tel{width:50%;float:left}
.contact_us .tel a{display:inline-block;font-size:34px;font-weight:300;margin-bottom:10px}
.contact_us .tel span{display:block;padding:5px 0;font-size:14px;font-weight:300}
.contact_us .time{width:50%;float:right}
.contact_us .time dl{width:100%;display:inline-block}
.contact_us .time dt,
.contact_us .time dd{float:left;font-size:17px;color:#3a3a3b;line-height:22px}
.contact_us .time dt{margin-right:10px}
.contact_us .time span{display:block;font-size:17px;color:#858585;font-weight:300;margin-top:10px}
.contact_us .text{width:100%;display:inline-block;margin-top:55px;padding-top:10px;border-top:1px solid #d8d8d8;font-size:15px;color:#3a3a3b;line-height:22px;font-weight:300}
.write_area{padding:52px 60px 0 60px;background:#fff url(/images/customer/top_bg_line.gif) no-repeat top center;margin-top:37px!important}
.write_area .privacy{text-align:left;margin-bottom:45px}
.write_area .privacy h4{font-size:18px;color:#29419e;font-weight:400;margin-bottom:10px}
.write_area .privacy li{font-size:16px;line-height:27px;font-weight:300}
.write_area .t1 li:last-child{line-height:20px;margin-top:10px}
.write_area .t1 li:last-child span{color:#4c8b1b}
.write_area .privacy h5{font-size:16px;color:#1e1e1f;font-weight:400;margin:25px 0 5px 0}
.write_area .t2 li{display:inline-block;margin-right:30px}
.write_area .t2 li span{display:inline-block;margin-right:10px}
.write_area .check{text-align:left;font-size:16px;color:#1e1e1f;line-height:28px;margin-bottom:45px}
.write_area .check span{width:28px;height:28px;position:relative;background:url(/images/customer/select_off.png) no-repeat;display:inline-block;margin-right:10px;cursor:pointer}
.write_area .check span.on{background:url(/images/customer/select_on.png) no-repeat}
.write_area .check input[type=checkbox]{visibility:hidden}
.write_area .check strong{font-weight:300;color:#f45914}
.write_area fieldset{border-bottom:1px solid #717171;text-align:left}
.write_area fieldset > p{text-align:right;padding-bottom:10px;font-size:15px;color:#3a3a3b;border-bottom:2px solid #29419e}
.write_area fieldset > p span{color:#f45914}
.write_area dl{width:100%;display:table;border-collapse:collapse;border-bottom:1px solid #d7d8db}
.write_area dt{padding:20px 0 20px 30px;display:table-cell;width:185px;font-size:16px;vertical-align:middle}
.write_area dt span{color:#f45914}
.write_area dd{padding:20px 35px 20px 0;display:table-cell;font-size:16px}
.write_area input[type=text]{border:1px solid #e7e7e7;height:45px;padding:0 2%;font-size:16px}
.write_area textarea{border:1px solid #e7e7e7;resize:none;width:100%;height:380px;padding:15px;font-size:16px}
.write_area label{line-height:45px;padding:0 8px;display:inline-block}
.write_area dl.name input{width:260px}
.write_area dl.phone input{width:118px}
.write_area dl.email input{width:260px}
.write_area dl.tit input{width:100%}
.write_area .host_select{display:inline-block;position:relative;vertical-align:middle}
.write_area .host_select .now{display:block;padding:0 4%;line-height:43px;width:260px;border:1px solid #e7e7e7;background:url(/images/customer/host_select_down.png) no-repeat 96% center;cursor:pointer}
.write_area .host_select .now.on{background:url(/images/customer/host_select_up.png) no-repeat 96% center}
.write_area .host_select ul{position:absolute;left:0;top:44px;border:1px solid #e7e7e7;width:100%;background:#fff;display:none}
.write_area .host_select li a{display:block;padding:0 4%;line-height:40px}
.write_area .host_select li a:hover{background:#e7e7e7}
.write_area .host_select li.direct{padding:0 4%;line-height:40px;cursor:pointer}
.write_area .host_select li.direct:hover{background:#e7e7e7}
.write_area dl.cnt{border-bottom:none}
.write_area dl.cnt dt{vertical-align:top}
.write_area a.counsel_btn{margin:50px 0;display:inline-block;width:228px;line-height:53px;color:#fff;background:#29419e}
/*입금정보*/
.bank_info article{padding:0 60px 90px 60px;background:#fff url(/images/customer/top_bg_line.gif) no-repeat top center}
.bank_info h3{font-size:18px;color:#29419e;font-weight:400;margin-bottom:20px;text-align:left;margin-top:60px}
.bank_info table{border-top:1px solid #d7d8db}
.bank_info table th,
.bank_info table td{padding:20px 0;border-bottom:1px solid #d7d8db;font-size:16px;font-weight:300}
.bank_info table th{color:#767676;background:#fbfbfb}
.bank_info table td{color:#1e1e1f}
.bank_info .bill{text-align:left}
.bank_info .bill .text{font-size:16px;color:#1e1e1f;margin-bottom:35px}
.bank_info .bill h5{font-size:16px;color:#1e1e1f;margin-bottom:15px;font-weight:500}
.bank_info .bill li{display:inline-block;font-size:16px;color:#1e1e1f;margin-right:40px;font-weight:300}
.bank_info .bill li span{display:inline-block;margin-right:10px}
.bank_info h4{display:none}
.bank_info table.for_mo{display:none}
@media all and (max-width:1300px) {
    .customer .top_tit article{width:100%}
    .customer .top_tit .tab{width:100%;margin-left:0;left:0}
    .customer .content > article{width:100%}
    .write_area dl.email input{width:26%}
}
@media all and (max-width:640px){
    /*공통*/
    .customer .top_tit article{width:100%}
    .customer .top_tit h2{font-size:53px;position:absolute;top:50%;left:0;width:100%;margin-top:-47px}
    .customer .top_tit span{font-size:22px;margin-top:20px}
    .customer .top_tit .tab{width:90%;left:5%;margin-left:0}
    .customer .top_tit .tab a{line-height:80px}
    .customer .content{margin-top:-1px;padding:50px 2.3%}
    .customer .content > article{width:100%}
    /*문의하기*/
    .contact_us{height:auto;padding:25px 4.8%}
    .contact_us div{width:100%;height:auto;margin:0;padding:35px 4.5%}
    .contact_us h4{font-size:18px}
    .contact_us .tel a{font-size:37px}
   /* .contact_us .tel span{font-size:22px}*/
    .contact_us .time dt,
    .contact_us .time dd{font-size:18px}
    .contact_us .time span{font-size:18px}
    .contact_us .text{font-size:18px;line-height:24px}
    .write_area{padding:50px 4% 0 4%;background-size:100% 3px}
    .write_area .privacy h4{font-size:25px;margin-bottom:20px}
    .write_area .privacy li{font-size:22px;line-height:32px}
    .write_area .t1 li:last-child{line-height:32px}
    .write_area .privacy h5{font-size:22px;margin:25px 0 15px 0}
    .write_area .check{font-size:21px}
    .write_area fieldset{border-bottom:1px solid #d7d8db;padding-bottom:20px}
    .write_area fieldset > p{font-size:18px}
    .write_area dl{display:inline-block;border-bottom:none}
    .write_area dt{width:100%;display:inline-block;padding:0;font-size:22px;margin:30px 0 15px 0}
    .write_area dd{width:100%;display:inline-block;padding:0;font-size:22px}
    .write_area input[type=text]{height:62px;font-size:22px}
    .write_area input[type=text]:focus{border:1px solid #29419e}
    .write_area textarea{height:570px;padding:15px;font-size:22px}
    .write_area label{line-height:62px;padding:0;text-align:center}
    .write_area dl.name input{width:100%}
    .write_area dl.phone input{width:30%;float:left}
    .write_area dl.phone label{width:5%;float:left}
    .write_area dl.email input{width:47.5%;float:left}
    .write_area dl.email label{width:5%;float:left}
    .write_area .host_select{width:100%;margin-top:10px}
    .write_area .host_select .now{line-height:62px;width:100%;padding:0 2%}
    .write_area .host_select ul{top:63px}
    .write_area .host_select li a{line-height:60px;padding:0 2%}
    .write_area .host_select li.direct{line-height:60px;padding:0 2%}
    .write_area a.counsel_btn{margin:30px 0;width:100%;line-height:80px;font-size:22px;font-weight:300}
    /*입금정보*/
    .bank_info article{padding:0 4% 50px 4%;background-size:100% 3px}
    .bank_info h3{margin:60px 0 30px 0;font-size:25px}
    .bank_info table.for_pc{display:none}
    .bank_info table.for_mo{display:table}
    .bank_info h4{display:block;font-size:22px;text-align:left;margin-bottom:20px;font-weight:300}
    .bank_info h4:nth-child(5){margin-top:50px}
    .bank_info table th,
    .bank_info table td{padding:25px 0;font-size:22px}
    .bank_info .bill .text{font-size:22px;font-weight:300;line-height:32px}
    .bank_info .bill h5{font-size:21px}
    .bank_info .bill li{font-size:21px;line-height:32px}
}
@media all and (max-width:568px){
    /*공통*/
    .customer .top_tit{height:auto}
    .customer .top_tit article{height:510px}
    .customer .top_tit h2{font-size:46px;margin-top:-42px}
    .customer .top_tit span{font-size:18px}
    .customer .top_tit .tab a{line-height:70px;font-size:16px}
    .customer .content{padding:45px 2.3%}
    /*문의하기*/
    .contact_us{padding:25px 4.8%}
    .contact_us div{padding:20px 4.5%}
    .contact_us h4{font-size:16px}
    .contact_us .tel a{font-size:32px}
    .contact_us .tel span{font-size:14px}
    .contact_us .time dt,
    .contact_us .time dd{font-size:16px;line-height:20px}
    .contact_us .time span{font-size:16px}
    .contact_us .text{font-size:16px;line-height:20px}
    .write_area{padding:30px 4% 0 4%}
    .write_area .privacy h4{font-size:22px;margin-bottom:15px}
    .write_area .privacy li{font-size:18px;line-height:28px}
    .write_area .privacy h5{font-size:18px;margin:20px 0 15px 0}
    .write_area .t1 li:last-child{line-height:28px}
    .write_area .check{font-size:18px}
    .write_area fieldset{padding-bottom:15px}
    .write_area fieldset > p{font-size:16px}
    .write_area dt{font-size:18px;margin:25px 0 12px 0}
    .write_area dd{font-size:18px}
    .write_area input[type=text]{height:55px;font-size:18px}
    .write_area textarea{height:500px;padding:10px;font-size:18px}
    .write_area label{line-height:55px}
    .write_area .host_select .now{line-height:55px}
    .write_area .host_select ul{top:56px}
    .write_area .host_select li a{line-height:55px}
    .write_area .host_select li.direct{line-height:55px}
    .write_area a.counsel_btn{margin:25px 0;line-height:70px;font-size:18px}
    /*입금정보*/
    .bank_info h3{margin:44px 0 25px;font-size:22px}
    .bank_info h4{font-size:20px}
    .bank_info h4:nth-child(5){margin-top:45px}
    .bank_info table th,
    .bank_info table td{padding:20px 0;font-size:18px}
    .bank_info .bill .text{font-size:20px;font-weight:300;line-height:28px;margin-bottom:30px}
    .bank_info .bill h5{font-size:18px}
    .bank_info .bill li{font-size:18px;line-height:26px}
}
@media all and (max-width:414px){
    /*공통*/
    .customer .top_tit article{height:370px}
    .customer .top_tit h2{font-size:34px;margin-top:-34px}
    .customer .top_tit span{font-size:14px}
    .customer .top_tit .tab a{line-height:50px;font-size:13px}
    .customer .content{padding:30px 2.3%}
    /*문의하기*/
    .contact_us{padding:25px 4.8%}
    .contact_us div{padding:15px 4.5%}
    .contact_us h4{font-size:12px}
    .contact_us ul{margin-top:10px}
    .contact_us .tel a{font-size:24px}
    .contact_us .tel span{font-size:14px}
    .contact_us .time dt,
    .contact_us .time dd{font-size:12px;line-height:16px}
    .contact_us .time dt{margin-right:5px}
    .contact_us .time span{font-size:12px}
    .contact_us .text{font-size:12px;line-height:16px;margin-top:30px}
    .write_area{margin-top:20px!important}
    .write_area .privacy{margin-bottom:25px}
    .write_area .privacy h4{font-size:16px;margin-bottom:10px}
    .write_area .privacy li{font-size:14px;line-height:20px}
    .write_area .privacy h5{font-size:14px;margin:15px 0 10px 0}
    .write_area .t1 li:last-child{line-height:20px}
    .write_area .check{font-size:14px;line-height:20px;margin-bottom:35px}
    .write_area .check span{width:20px;height:20px;background-size:100%}
    .write_area .check span.on{background-size:100%}
    .write_area fieldset > p{font-size:12px}
    .write_area dt{font-size:14px;margin:20px 0 10px 0}
    .write_area dd{font-size:14px}
    .write_area input[type=text]{height:40px;font-size:14px}
    .write_area textarea{height:370px;padding:10px;font-size:14px}
    .write_area label{line-height:40px}
    .write_area .host_select .now{line-height:40px}
    .write_area .host_select ul{top:41px}
    .write_area .host_select li a{line-height:40px}
    .write_area .host_select li.direct{line-height:40px}
    .write_area a.counsel_btn{margin:20px 0;line-height:50px;font-size:14px}
    /*입금정보*/
    .bank_info article{padding:0 4% 40px 4%}
    .bank_info h3{margin:30px 0 20px;font-size:16px}
    .bank_info h4{font-size:16px}
    .bank_info h4:nth-child(5){margin-top:30px}
    .bank_info table th,
    .bank_info table td{padding:15px 0;font-size:14px}
    .bank_info .bill .text{font-size:14px;line-height:20px;margin-bottom:20px}
    .bank_info .bill h5{font-size:14px;margin-bottom:10px}
    .bank_info .bill li{font-size:14px;line-height:20px}
}
@media all and (max-width:360px){
    /*공통*/
    .customer .top_tit article{height:320px}
    .customer .top_tit h2{font-size:28px;margin-top:-25px}
    .customer .top_tit span{font-size:12px;margin-top:10px}
    .customer .top_tit .tab a{line-height:40px;font-size:12px}
    /*문의하기*/
    .contact_us{padding:15px 4.8%}
    .contact_us div{padding:15px 4.5%}
    .contact_us .tel a{font-size:18px}
    .contact_us .tel span{font-size:12px}
    .contact_us .text{font-size:12px;margin-top:20px}
    .write_area .privacy h4{font-size:14px}
    .write_area .privacy li{font-size:12px;line-height:16px}
    .write_area .privacy h5{font-size:12px;margin:15px 0 10px 0}
    .write_area .t1 li:last-child{line-height:16px}
    .write_area .check{font-size:12px;line-height:16px;margin-bottom:25px}
    .write_area .check span{width:16px;height:16px}
    .write_area dt{font-size:12px;margin:15px 0 5px 0}
    .write_area dd{font-size:12px}
    .write_area input[type=text]{height:34px;font-size:12px}
    .write_area textarea{height:200px;padding:10px;font-size:12px}
    .write_area label{line-height:34px}
    .write_area .host_select .now{line-height:34px}
    .write_area .host_select ul{top:35px}
    .write_area .host_select li a{line-height:34px}
    .write_area .host_select li.direct{line-height:34px}
    .write_area a.counsel_btn{margin:15px 0;line-height:40px;font-size:12px}
    /*입금정보*/
    .bank_info article{padding:0 4% 30px 4%}
    .bank_info h3{margin:25px 0 10px;font-size:14px}
    .bank_info h4{font-size:12px;margin-bottom:5px}
    .bank_info h4:nth-child(5){margin-top:25px}
    .bank_info table th,
    .bank_info table td{padding:10px 0;font-size:12px}
    .bank_info .bill .text{font-size:12px;line-height:16px;margin-bottom:15px}
    .bank_info .bill h5{font-size:12px;margin-bottom:5px}
    .bank_info .bill li{font-size:12px;line-height:16px}
}