@charset "UTF-8";

@import url(jquery-ui.css);
@import url(reset.css);
@import url(font.css);


/* ============================== common ============================== */
.m-ui{display:none;}

.w-1260{width:1260px;margin:0 auto;}

.fc-blue{color:#3562c6 !important;}
.fc-red{color:#ff0000 !important;}

.bg-gray{background:#f9f9f9 !important;}

.wrap{min-height:100%;}

.m-t-5{margin-top:5px!important;}
.m-t-10{margin-top:10px!important;}
.m-t-20{margin-top:20px!important;}


/* input type : text */
input[readonly]{background-color:#f2f2f2;}

/* input type : radio */
.inp-rdo{cursor:pointer;}
.inp-rdo ~ .inp-rdo{margin-left:30px;}
.inp-rdo input{width:20px;height:20px;margin:0;padding:0;vertical-align:middle;border:1px solid #e0e0e0;background:#fff;border-radius:50%;cursor:pointer;}
.inp-rdo input::-ms-check{color:transparent;border-color:#ccc;background-color:transparent;border-radius:50%;}
/* .inp-rdo input:focus{outline:0;} */
.inp-rdo input:focus::-ms-check{outline:0;}
.inp-rdo input:checked{background:url(../images/ico_rdo.png) center no-repeat;}
.inp-rdo input:checked:disabled{background:#fff url(../images/ico_rdo_02.png) center no-repeat;}
.inp-rdo input:disabled{cursor:default;background-color:#e0e0e0;}
.inp-rdo input:focus:disabled{border-color:#e0e0e0;}
.inp-rdo input:focus:disabled::-ms-check{border-color:#e0e0e0;}
.inp-rdo input+span{margin-left:6px;line-height:20px;color:#555;}

/* select */
select{padding-right:42px;border-color:#3562c6;background:#3562c6 url(../images/arrw_bottom.png) right 17px center no-repeat;color:#fff;}

.noti{position:relative;padding-left:10px;}
.noti:before{position:absolute;top:0;left:0; content:"*";}

/* ============================== header ============================== */
header{position:fixed;top:0;left:0;z-index:100;width:100%;border-bottom:1px solid #e6ecfa;background:#fff;}
header .p-ui{height:70px;}
header .logo-box{height:70px;}
header .logo{width:211px;height:35px;margin-top:18px;background:url(../images/logo.png) center no-repeat;font-size:0;vertical-align:top;}
header .mem-link{margin-top:28px;font-size:0;}
header .mem-link li{display:inline-block;height:11px;vertical-align:top;font-size:12px;line-height:11px;}
header .mem-link li~li{margin-left:8px;padding-left:11px;border-left:1px solid #e1e0e1;}
header .mem-link a{font-size:12px;line-height:11px;color:#414141;vertical-align:top;}

.m-ui header{position:static;height:60px;padding:0 15px;background:#3562c6;border-bottom:none;}
.m-ui header .logo{width:175px;height:29px;margin-top:15px;background:url(../images/logo_03.png) center no-repeat;background-size:100% auto;font-size:0;vertical-align:top;}
.m-ui header .btn-lnb{width:22px;height:18px;margin-top:20px;background:url(../images/ico_menu.png) center no-repeat;background-size:100% auto;font-size:0;vertical-align:top;}
.m-ui .lnb-box{position:fixed;top:-100%;right:0;width:100%;height:0;background:rgba(0,0,0,0.4);-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.m-ui .lnb-box.open{top:0;right:0;height:100%;}
.m-ui .lnb-box nav{background:#fff;}
.m-ui .lnb-box nav a{padding:13px 15px;border-top:1px solid #e5e5e5;font-size:16px;line-height:16px;text-align:left;}


/* ============================== main ============================== */
.main{background:#baecf9;}
.main-box{position:relative;width:1115px;margin:0 auto;padding:85px 0 40px;}
.main-box .tit-box{font-size:0;text-align:center;}
.main-box .tit-box h3{display:inline-block;padding:10px 31px;background:#ffe44d;font-size:45px;font-weight:700;line-height:1;color:#17409d;vertical-align:top;border-radius:30px;}
.main-box .tit-box p{margin-top:15px;font-size:30px;color:#17409d;}

.main-box .con-box{margin-top:80px;padding-left:490px;background:url(../images/img_main.png) top left no-repeat;background-size:416px;}
.main-box .con-box > p{font-size:24px;}
.main-box .con-box .btn-wrap{margin-top:50px;/*padding:0 15px;*/}
.main-box .con-box .btn{padding:20px 0;background:#f27200;border-radius:10px;}
.main-box .con-box .btn span{display:inline-block;padding-right:20px;background:url(../images/arrw_right.png) right center no-repeat;font-size:20px;line-height:1;color:#fff;vertical-align:top;}
.main-box .con-box .btn-box{margin-top:40px;padding:40px 65px;border:1px solid #d4eecb;background:#e3ffda;text-align:center;border-radius:20px;}
.main-box .con-box .btn-box > p{display:inline-block;position:relative;padding-bottom:5px;vertical-align:top;}
.main-box .con-box .btn-box > p:after{display:inline-block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:15px;background:#fffd2b;content:"";}
.main-box .con-box .btn-box > p strong{display:inline-block;position:relative;z-index:2;font-size:30px;color:#08693b;vertical-align:top;}
.main-box .con-box .btns{margin-top:30px;font-size:0;}
.main-box .con-box .btns a{padding-bottom:25px;width:calc(100% / 3 - 14px);background:#0f8c50;border-radius:10px;}
.main-box .con-box .btns a ~ a{margin-left:20px;}
.main-box .con-box .btns p{margin-top:28px;padding-top:66px;background-position:top center;background-repeat:no-repeat;}
.main-box .con-box .btns p.ico-01{background-image:url(../images/ico_ex_04.png);}
.main-box .con-box .btns p.ico-02{background-image:url(../images/ico_ex_05.png);}
.main-box .con-box .btns p.ico-03{background-image:url(../images/ico_msg.png);}
.main-box .con-box .btns span{display:inline-block;padding-right:12px;background:url(../images/arrw_right_02.png) right center no-repeat;font-size:12px;color:#fff;vertical-align:top;}

.main-box .ft-btns{margin-top:60px;}
.main-box .ft-btns a{width:494px;height:103px;background:url(../images/img_btn.png) center no-repeat;font-size:0;}



/* ============================== content ============================== */
.content{padding-top:70px;}

.content .sub-tit{background:#baecf9;}
.content .sub-tit p{display:inline-block;padding:55px 155px 55px 0;background:url(../images/ico_sub_01.png) right center no-repeat;font-size:38px;line-height:1;font-weight:700;color:#17409d;vertical-align:top;}

.container{margin-top:40px;padding-bottom:140px;}

/* button */
.btn-load{width:auto;padding:0 20px;border:1px solid #313caa;border-radius:25px;}
.btn-load span{display:inline-block;padding-left:20px;background:url(../images/ico_load.png) left center no-repeat;font-weight:500;line-height:28px;color:#313caa;vertical-align:top;}

.btn-view{width:auto;padding:0 17px;border:1px solid #fff;border-radius:25px;}
.btn-view span{display:inline-block;padding-right:16px;background:url(../images/ico_plus_02.png) right top 9px no-repeat;line-height:28px;color:#fff;vertical-align:top;}
.btn-view.on span{background:url(../images/ico_minus.png) right top 14px no-repeat;}

.container .btn-box{margin-top:60px;font-size:0;text-align:center;}
.container .btn-box button{width:225px;padding:20px 0;font-weight:500;color:#fff;border-radius:10px;}
.container .btn-box button ~ button{margin-left:10px;}
.container .btn-box .btn-blue{background:#3562c6;}
.container .btn-box .btn-gray{background:#7f7f7f;}

.btn-box.type02{margin-top:30px;font-size:0;text-align:center;}
.btn-box.type02 button{width:100px;height:30px;background:#3562c6;font-size:12px;color:#fff;border-radius:4px;}
.btn-box.type02 button ~ button{margin-left:10px;}
.btn-box.type02 .btn-gray{background:#7f7f7f;}
/* pagination */
.pagination{margin-top:50px;font-size:0;text-align:center;}
.pagination a{width:auto;height:11px;font-size:13px;line-height:11px;color:#555;vertical-align:top;}
.pagination a~a{margin-left:30px;}
.pagination [class*="btn-"]{width:11px;background-position:center;background-repeat:no-repeat; font-size:0;}
.pagination a.btn-first{background-image:url(../images/arrw_left.png);}
.pagination a.btn-prev{margin-left:15px;background-image:url(../images/arrw_left_02.png);}
.pagination a.btn-next{background-image:url(../images/arrw_right_04.png);}
.pagination a.btn-last{margin-left:15px;background-image:url(../images/arrw_right_03.png);}
.pagination a.on{font-weight:500;color:#222;}

h4.tit{font-size:20px;font-weight:500;}

/* list */
.container li > a{display:inline;font-size:inherit;}
.list-ab > li{position:relative;padding-left:13px;line-height:24px;}
.list-ab > li ~ li{margin-top:10px;}
.list-ab.type02 > li{padding-left:10px;}
.list-ab > li .ico{position:absolute;top:0;left:0;line-height:inherit;}
.list-ab > li > ul{margin-top:4px;}

.list-bar > li{position:relative;padding-left:8px;line-height:24px;}
.list-bar > li:before{position:absolute;top:0;left:0;content:"-";}

/* table */
.t-btn + .tbl-wrap{margin-top:20px;}

.tbl-wrap{overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;}
.tbl-wrap ~ .tbl-wrap{margin-top:40px;}

.tbl-wrap .tit-box{position:relative;padding:15px 30px;color:#fff;}
.tbl-wrap .tit-box strong{font-size:20px;line-height:1;font-weight:500;color:inherit;}
.tbl-wrap .tit-box strong + span{margin-left:50px;font-size:15px;line-height:1;color:inherit;}
.tbl-wrap .tit-box button{position:absolute;top:10px;right:30px;}

.tbl-wrap .tbl-box tr ~ tr{border-top:1px solid #dfdfdf;}
.tbl-wrap .tbl-box th{padding:10px 30px;text-align:left;}
.tbl-wrap .tbl-box th label,
.tbl-wrap .tbl-box th span{position:relative;font-weight:500;}
.tbl-wrap .tbl-box th .must:after{margin-left:3px;color:#db1515;content:"*";}
.tbl-wrap .tbl-box th .inp-text{width:100px;}
.tbl-wrap .tbl-box td{padding:10px 15px;}
.tbl-wrap .tbl-box td select,
.tbl-wrap .tbl-box td .inp-text{width:480px;}
.tbl-wrap .tbl-box td .inp-cal{padding-right:30px;background:url(../images/ico_cal.png) right 10px center no-repeat;}

.tbl-wrap .tbl-box .inp-box{font-size:0;}
.tbl-wrap .tbl-box .inp-box button{width:30px;height:30px;margin-left:5px;background:#3562c6 url(../images/ico_plus.png) center no-repeat;font-size:0;border-radius:4px;}
.tbl-wrap .tbl-box .inp-box button.type02{background:#4e91ff url(../images/ico_minus_02.png) center no-repeat;}
.tbl-wrap .tbl-box .inp-box span{display:inline-block;margin-left:5px;font-weight:500;vertical-align:middle;}

.tbl-wrap .tbl-box .btn-text{font-size:0;}
.tbl-wrap .tbl-box .btn-text button{width:auto;margin-left:20px;padding:0 30px;background:#3562c6;font-weight:500;line-height:30px;color:#fff;border-radius:25px;}
.tbl-wrap .tbl-box .btn-text span{display:inline-block;font-weight:500;line-height:30px;color:#3562c6;vertical-align:top;}

.tbl-wrap .view-box{padding:30px 20px;border-top:1px solid #dfdfdf;}

.tbl-wrap.type01{border:1px solid #4e5fff;}
.tbl-wrap.type01 .tit-box{background:#4e5fff;}
.tbl-wrap.type02{border:1px solid #313caa;}
.tbl-wrap.type02 .tit-box{background:#313caa;}
.tbl-wrap.type03{border:1px solid #318caa;}
.tbl-wrap.type03 .tit-box{background:#318caa;}
.tbl-wrap.type04{border:1px solid #31aa42;}
.tbl-wrap.type04 .tit-box{background:#31aa42;}

.info-box{margin-top:30px;}
.info-box .tit{font-weight:500;}
.info-box .inp-cal{width:140px;margin-left:6px;padding:0 45px 0 16px;border-color:#414141;background:url(../images/ico_cal_02.png) right 16px center no-repeat;}
.info-box .btns{font-size:0;}
.info-box .btns li{display:inline-block;position:relative;vertical-align:top;}
.info-box .btns li ~ li{margin-left:5px;}
.info-box .btns li > button{width:auto;padding:0 10px;background:#3562c6;border-radius:4px;}
.info-box .btns button span{display:inline-block;padding-left:20px;background:url(../images/ico_ex_03.png) left center no-repeat;font-size:12px;line-height:30px;color:#fff;vertical-align:top;}
.info-box .btns button.ico-none{padding:0 20px;}
.info-box .btns button.ico-none span{padding:0;background-image:none;}

.info-box .btns li > a{display:inline-block;padding: 5px 15px;text-align:center;letter-spacing:-1px;border:1px solid #ccc;border-bottom:none;}
.info-box .btns li > a{display:inline-block;padding: 5px 15px;text-align:center;letter-spacing:-1px;border:1px solid #ccc;border-bottom:none;}
.info-box .btns li > a:hover{color:#FFF;border:1px solid #4e69e5;border-bottom:none;background:#3562c6;}
.info-box .btns li > a.selected{color:#FFF;border:1px solid #4e69e5;border-bottom:none;background: #3562c6;}

.info-box .btns .btn-gray{background:#7f7f7f;}

.info-box .ex-box{display:none;position:absolute;top:30px;left:0;z-index:100;margin-left:-216px;width:524px;height:531px;}
.info-box .ex-box:before{display:block;position:absolute;top:-10px;left:0;z-index:1;width:100%;height:100%;background:url(../images/bg_box.png) center no-repeat;content:"";}
.info-box .ex-box > div{position:relative;z-index:10;padding:50px 45px;}
.info-box .ex-box h4{position:relative;margin-bottom:15px;padding-left:13px;font-size:16px;font-weight:500;}
.info-box .ex-box h4:before{position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-1px;background:#222;content:"";}
.info-box .ex-box .noti{line-height:24px;color:#555;}
.info-box .ex-box .img{margin-top:5px;}
.info-box .ex-box .img img{width:auto;}
.info-box .ex-box .btn-box button{padding:0;}
.info-box .ex-box .btn-close{position:absolute;top:50px;right:45px;width:13px;height:13px;background:url(../images/btn_close.png) center no-repeat;font-size:0;}

.tbl-scr{margin-top:15px;font-size:0;}
.tbl-scr > div{display:inline-block;vertical-align:top;}
.tbl-scr .tbl-box ~ .tbl-box{border-left:1px solid #eee;}
.tbl-scr .tbl-box .tit{padding:14px 0;font-size:13px;font-weight:500;color:#fff;text-align:center;}
.tbl-scr .tbl-box tr{border-bottom:1px solid #eee;}
.tbl-scr .tbl-box th ~ th,
.tbl-scr .tbl-box td ~ td{border-left:1px solid #eee;}
.tbl-scr .tbl-box th{height:44px;padding:13px 5px;background:#f9f9f9;font-size:13px;font-weight:400;color:#555;text-align:center;}
.tbl-scr .tbl-box td{height:44px;padding:13px 5px;font-size:13px;color:#555;text-align:center;}

.tbl-scr .tbl-box.type01{width:450px;}
.tbl-scr .tbl-box.type01 .tit{background:#4e5fff;}
/* .tbl-scr .tbl-box.type02{min-width:410px;} */
.tbl-scr .tbl-box.type02 .tit{background:#313caa;}
/* .tbl-scr .tbl-box.type03{min-width:450px;} */
.tbl-scr .tbl-box.type03 .tit{background:#318caa;}
/* .tbl-scr .tbl-box.type04{min-width:165px;} */
.tbl-scr .tbl-box.type04 .tit{background:#31aa42;}

.tbl-scr .scr{overflow-x:auto;width:calc(100% - 450px);border-left:1px solid #eee;white-space:nowrap;}
.tbl-scr .scr > div{font-size:0;}
.tbl-scr .scr > div > div{display:inline-block;vertical-align:top;}

/* .tbl-scr .tbl-box.type02 .tbl{overflow-x:auto;width:100%;box-sizing:content-box;}
.tbl-scr .tbl-box.type02 .tbl table{max-width:1200px;} */

.tbl-list{border-top:2px solid #414141;}
.tbl-list tr{border-bottom:1px solid #eee;}
.tbl-list th{height:40px;padding:5px 9px;}
.tbl-list th span,
.tbl-list th label{font-size:13px;font-weight:500;}
.tbl-list td{height:40px;padding:5px 0;font-size:13px;color:#555;}
.tbl-list .inp-text{border-color:#ccc;border-radius:0;}
.tbl-list .inp-num{font-size:0;}
.tbl-list .inp-num input{width:calc(100% / 3 - 4px);}
.tbl-list .inp-num input ~ input{margin-left:6px;}
.tbl-list .inp-rdo input+span{font-size:13px;}
.tbl-list .inp-list{font-size:0;}
.tbl-list .inp-list li{display:inline-block;width:31%;vertical-align:top;}
.tbl-list .inp-list li:last-child{width:38%;}
.tbl-list button{width:auto;padding:0 10px;background:#7f7f7f;border-radius:4px;}
.tbl-list button span{display:inline-block;font-size:12px;line-height:30px;color:#fff;vertical-align:top;}


/* ============================== popup ============================== */
.layer-popup{display:none;position:fixed;top:0;left:0;z-index:10000;overflow:hidden;width:100%;height:100%;font-size:0;text-align:center;}
.layer-popup:before{display:inline-block;height:100%;vertical-align:middle;content:"";}
.layer-popup .popup{display:inline-block;position:relative;width:500px;background:#fff;text-align:left;vertical-align:middle;}

/* 공지사항 */
.layer-alert{background:rgba(0,0,0,0.4);}
.layer-alert .popup{width:620px;}
.pop-alert .txt-box{padding:30px 30px 50px;}
.pop-alert .txt-box h3{margin-bottom:25px;font-size:20px;font-weight:500;text-align:center;}
.pop-alert .txt-box li,
.pop-alert .txt-box li span,
.pop-alert .txt-box li p{font-weight:300;}
.pop-alert .txt-box li p{margin-top:10px;}
.pop-alert .btn-box{font-size:0;}
.pop-alert .btn-box button{width:50%;height:40px;background:#555;font-size:16px;color:#fff;}
.pop-alert .btn-box button:last-child{background:#3562c6;}

.layer-loading{background:rgba(0,0,0,0.4);}
.layer-loading .popup{width:620px;}
.pop-loading .txt-box{padding:30px 30px 50px;}
.pop-loading .txt-box h3{margin-top:10px;font-size:20px;font-weight:500;text-align:center;}
.pop-loading .btn-box{font-size:0;text-align:center;}
.pop-loading .btn-box button{width:100%;height:40px;background:#555;font-size:16px;color:#fff;}
.pop-loading .btn-box button:last-child{background:#3562c6;}


.layer-upload .popup{width:492px;box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.3);border-radius:10px;}
.pop-upload{position:relative;padding:30px 30px 50px;}
.pop-upload .txt-box h3{position:relative;padding-left:12px;font-size:16px;font-weight:500;}
.pop-upload .txt-box h3:before{position:absolute;top:50%;left:0;width:3px;height:3px;background:#222;content:"";}
.pop-upload .txt-box .info{margin:20px 0 10px;padding:14px 10px;background:#f1f1f1;color:#ff0000;border-radius:4px;}
.pop-upload .txt-box .cons{padding:10px;}
.pop-upload .btn-close{position:absolute;top:30px;right:30px;width:13px;height:13px;background:url(/data/skin/front/images/btn_close.png) center no-repeat;font-size:0;}
.layer-upload.type02{position:static;}
.layer-upload.type02 .popup{width:100%;box-shadow:none;border-radius:0;}


/* 충전하기 */
.layer-charge .popup{width:492px;box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.3);border-radius:10px;}
.pop-charge{position:relative;padding:30px 30px 50px;}
.pop-charge .txt-box h3{position:relative;padding-left:12px;font-size:16px;font-weight:500;}
.pop-charge .txt-box h3:before{position:absolute;top:50%;left:0;width:3px;height:3px;background:#222;content:"";}
.pop-charge .txt-box .info{margin:20px 0 10px;padding:14px 10px;background:#f1f1f1;color:#555;border-radius:4px;}
.pop-charge .btn-close{position:absolute;top:30px;right:30px;width:13px;height:13px;background:url(../images/btn_close.png) center no-repeat;font-size:0;}

.layer-charge.type02{position:static;}
.layer-charge.type02 .popup{width:100%;box-shadow:none;border-radius:0;}

/* 로그인 */
.form-login{padding:60px 0;border:1px solid #eee;}

.form-login .login-box{width:240px;margin:0 auto;}
.form-login .login-box h3{margin-bottom:20px;font-size:28px;line-height:28px;}

.form-login .login-box .btn-box{font-size:0px;margin-top:10px;text-align:center;}
.form-login .login-box .btn-box button{width:100%;height:40px;text-align:center;background:#555;font-size:20px;line-height:0px;color:#fff;border-radius:2px;vertical-align:top;}
.form-login .login-box .btn-box + div{font-size:20px;}

.form-login .inp-box{display:block;}
.form-login .inp-box ~ .inp-box{margin-top:6px;}
.form-login .inp-box input{height:40px;}
.form-login .inp-box input[type='password']{font-size:large;letter-spacing:1.5px;font-family:Verdana,sans-serif;}
.form-login .inp-box input[type='password']::-webkit-input-placeholder{font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.025em;font-size:13px;color:#a8a8a8;}
.form-login .inp-box input[type='password']:-moz-placeholder{font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.025em;font-size:13px;color:#a8a8a8;opacity:1;}
.form-login .inp-box input[type='password']::-moz-placeholder{font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.025em;font-size:13px;color:#a8a8a8;opacity:1;}
.form-login .inp-box input[type='password']:-ms-input-placeholder{font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.025em;font-size:13px;color:#a8a8a8;}

.form-login .find-box{margin-top:20px;}
.form-login .find-box ul{font-size:0;}
.form-login .find-box li{display:inline-block;vertical-align:top;}
.form-login .find-box li~li{margin-left:4px;padding-left:4px;height:13px;border-left:1px solid #dadada;}
.form-login .find-box a{font-size:13px;line-height:13px;color:#555;vertical-align:top;}

.inp-chk-02{cursor:pointer;}
.inp-chk-02 input{width:18px;height:18px;margin:0;padding:0;vertical-align:middle;border:1px solid #eee;background:#fff url(../images/ico_check.png) center center no-repeat;border-radius:2px;cursor:pointer;}
.inp-chk-02 input::-ms-check{color:transparent;border-color:#eee;background-color:transparent;border-radius:2px;}
.inp-chk-02 input:focus::-ms-check{border-color:#555;outline:0;}
.inp-chk-02 input:checked{border-color:#555;background:#555 url(../images/ico_check_02.png) center center no-repeat;}
.inp-chk-02 input:checked:disabled{background:#fff url(../images/ico_check.png) center center no-repeat;}
.inp-chk-02 input:disabled{cursor:default;background-color:#f2f2f2;}
.inp-chk-02 input:focus:disabled{border-color:#e7e7e7;}
.inp-chk-02 input:focus:disabled::-ms-check{border-color:#e7e7e7;}
.inp-chk-02 input+span{margin-left:4px;font-size:13px;line-height:18px;color:#555;}


.sendSmsWrap{float:left;width:150x;}
.sendSmsWrap h4{text-align:center;letter-spacing:-1px;}
.sendSmsWrap input{vertical-align:top;}
.sendSmsWrap{position:relative;}
.sendSmsWrap .smsCheck{position:absolute;bottom:10px;left:12px;}

.smsFormWrap{padding:10px;background-color: #dff0ff;border: 1px solid #c7e5ff;}
.smsFormWrap textarea{width:100%;min-height:180px;line-height:16px;border:none;background:none;overflow:hidden;}
.smsFormWrap p{text-align:right;}
.smsFormWrap p strong span{color:#ef5012}


.agree-box{margin-top:32px;}
.agree-box .tit-box{padding-bottom:11px;border-bottom:2px solid #414141;}

.agree-txt{margin-top:20px;}
.agree-txt strong{display:block;}
.agree-txt strong + span{display:block;margin-top:5px;font-size:13px;line-height:27px;}
.agree-txt p{font-size:13px;line-height:27px;}

.inp-chk{cursor:pointer;}
.inp-chk input{width:18px;height:18px;margin:0;padding:0;vertical-align:middle;border:1px solid #eee;background:#fff url(../images/ico_check.png) center center no-repeat;border-radius:50%;cursor:pointer;}
.inp-chk input::-ms-check{color:transparent;border-color:#eee;background-color:transparent;border-radius:50%;}
/* .inp-chk input:focus{border-color:#3562c6;outline:0;} */
.inp-chk input:focus::-ms-check{border-color:#3562c6;outline:0;}
.inp-chk input:checked{border-color:#3562c6;background:#3562c6 url(../images/ico_check_02.png) center center no-repeat;}
.inp-chk input:checked:disabled{background:#fff url(../images/ico_check.png) center center no-repeat;}
.inp-chk input:disabled{cursor:default;background-color:#f2f2f2;}
.inp-chk input:focus:disabled{border-color:#e7e7e7;}
.inp-chk input:focus:disabled::-ms-check{border-color:#e7e7e7;}
.inp-chk input+span{margin-left:4px;line-height:18px;font-weight:500;}


/* ============================== footer ============================== */
footer .user{padding:19px 0;background:#ececec;}
footer .user ul{font-size:0;}
footer .user li{display:inline-block;height:12px;vertical-align:top;}
footer .user li~li{margin-left:20px;padding-left:20px;border-left:1px solid #aaa;}
footer .user a{font-size:13px;line-height:12px;color:#6a6a6a;vertical-align:top;}

footer .addr{padding-bottom:95px;}
footer .addr h1{width:211px;height:35px;margin-top:30px;background:url(../images/logo_02.png) center no-repeat;font-size:0;vertical-align:top;}
footer .addr > div{margin:25px 0 0 20px;font-size:14px;line-height:22px;color:#8f8f8f;}
footer .addr > div span{margin:0 12px;font-size:14px;line-height:22px;color:#8f8f8f;}
footer .addr > div a{width:auto;font-size:14px;line-height:22px;color:#8f8f8f;}


@media screen and (max-width: 1280px){
    .w-1260{width:100%;}

    header .p-ui{padding:0 20px;} 

    .container{padding:0 20px 70px;}      

    .main-box .con-box{padding-right:20px;background-position:top left 20px;}

    footer .user{padding:19px 20px;}
    footer .addr{padding:0 20px 95px;}
}

@media screen and (max-width: 1115px){    
    .main-box{width:100%;}
    
    .main-box .con-box .btn-box{padding:40px;text-align:center;}
}

@media screen and (max-width: 1024px){    
    .main-box .con-box{padding-left:330px;background-size:300px;}
    .main-box .con-box .btn-box{padding:40px;text-align:center;}
}

/* Mobile */
@media only screen and (max-width: 767px){
    .p-ui{display:none;}
    .m-ui{display:block;}
    col.m-ui{display:table-column;}

    .content{padding-top:60px;}

    .container{margin-top:20px;}

    input, select, textarea, optgroup{height:28px;padding:0 7px;font-size:12px;}
    input::-webkit-input-placeholder{font-size:11px;}
    input:-moz-placeholder{font-size:11px;}
    input::-moz-placeholder{font-size:11px;}
    input:-ms-input-placeholder{font-size:11px;}

    /* input type : radio */
    .inp-rdo ~ .inp-rdo{margin-left:28px;}
    .inp-rdo input{width:18px;height:18px;}
    .inp-rdo input+span{margin-left:4px;line-height:16px;}

    /* main */
    .main-box{padding:45px 0 20px;}
    .main-box .tit-box h3{padding:10px 31px;font-size:22px;}
    .main-box .tit-box p{margin-top:10px;font-size:15px;}

    .main-box .con-box{width:500px;margin:40px auto 0;padding:0 10px 0 120px;background-position:top left 10px;background-size:100px;}
    .main-box .con-box > p{font-size:14px;}
    .main-box .con-box .btn-wrap{margin-top:25px;padding:0 10px 0 0;}
    .main-box .con-box .btn{padding:10px 0;}
    .main-box .con-box .btn span{padding:0 30px 0 10px;background-position:right 10px center;background-size:6px;font-size:13px;}
    
    .main-box .ft-btns{margin-top:30px;}
    .main-box .ft-btns a{width:55%;margin:0 auto;height:103px;background-size:100%;}

    /* popup */
    .layer-popup .popup{overflow-y:auto;width:90%;max-height:70vh;}

    .pop-alert .txt-box{padding:20px 20px 25px;}
    .pop-alert .txt-box h3{margin-bottom:15px;font-size:16px;}
    .pop-alert .txt-box li,
    .pop-alert .txt-box li span,
    .pop-alert .txt-box li p{font-size:13px;line-height:20px;}
    .pop-alert .txt-box li ~ li,
    .pop-alert .txt-box li p{margin-top:5px;}
    .pop-alert .btn-box button{font-size:13px;}

    .pop-charge{padding:20px 20px 25px;;}
    .pop-charge .txt-box .info{margin:20px 0 10px;padding:14px 10px;font-size:12px;}
    .pop-charge .btn-close{top:20px;right:20px;}

    .layer-popup.type02{position:static;}
    .layer-popup.type02 .popup{width:100%;max-height:100%;box-shadow:none;border-radius:0;}

    .content .sub-tit p{padding:45px 100px 45px 0;background-size:80px;font-size:19px;}

    /* button */
    .btn-load{padding:0 15px;}
    .btn-load span{padding-left:15px;background-size:10px;}

    .btn-view{padding:0 15px;}
    .btn-view span{line-height:26px;}

    .container .btn-box{margin-top:50px;}
    .container .btn-box button{display:block;width:100%;margin:0 auto;}
    .container .btn-box button ~ button{margin:10px auto 0;}

    .btn-box.type02{margin-top:30px;font-size:0;text-align:center;}
    .btn-box.type02 button{width:100px;height:30px;background:#3562c6;font-size:12px;color:#fff;border-radius:4px;}
    .btn-box.type02 button ~ button{margin-left:10px;}

    h4.tit{font-size:20px;font-weight:500;}

    /* list */
    .list-ab > li{font-size:13px;line-height:20px;}
    .list-ab > li ~ li{margin-top:7px;}
    .list-ab > li > ul{margin-top:2px;}

    .list-bar > li{font-size:13px;line-height:20px;}

    /* table */
    .tbl-wrap ~ .tbl-wrap{margin-top:20px;}

    .tbl-wrap .tit-box{padding:15px;}
    .tbl-wrap .tit-box strong{font-size:16px;}
    .tbl-wrap .tit-box strong + span{display:block;margin:10px 0 0;font-size:13px;}
    .tbl-wrap .tit-box button{position:absolute;top:9px;right:15px;}

    .tbl-wrap .tbl-box th{padding:10px 0 10px 15px;}
    .tbl-wrap .tbl-box th label,
    .tbl-wrap .tbl-box th span{font-size:13px;}
    .tbl-wrap .tbl-box td{padding:10px 10px 10px 15px;}
    .tbl-wrap .tbl-box td select,
    .tbl-wrap .tbl-box td .inp-text{width:100%;}
    .tbl-wrap .tbl-box td .inp-list label{display:block;}
    .tbl-wrap .tbl-box td .inp-list label ~ label{margin:5px 0 0;}

    .tbl-wrap .tbl-box .inp-box select,
    .tbl-wrap .tbl-box .inp-box .inp-text{width:calc(100% - 31px);}

	.tbl-wrap .tbl-box .inp-box button{width:28px;height:28px;margin-left:3px;}
    .tbl-wrap .tbl-box .inp-box span{margin-left:3px;}

    .tbl-wrap .tbl-box .btn-text button{padding:0 20px;font-size:13px;}
    .tbl-wrap .tbl-box .btn-text span{display:block;margin:0;}

    .tbl-wrap .view-box{padding:15px;}

    .tbl-list th{height:40px;padding:5px 9px;}
    .tbl-list th span,
    .tbl-list th label{font-size:12px;font-weight:500;}
    .tbl-list td{height:40px;padding:5px 0;font-size:12px;color:#555;}
    .tbl-list .inp-num input{width:calc(100% / 3 - 4px);}
    .tbl-list .inp-num input ~ input{margin-left:6px;}
    .tbl-list .inp-rdo input+span{font-size:12px;}
    .tbl-list .inp-list{font-size:0;}
    .tbl-list .inp-list li{display:block;width:100%;}
    .tbl-list .inp-list li ~ li{margin-top:5px;}
    .tbl-list .inp-list li:last-child{width:100%;}

    /* footer */
    footer .user{padding:15px;text-align:center;}
    footer .addr{padding:0 0 95px;}
    footer .addr h1{float:none !important;height:29px;margin:30px auto 0;background-size:auto 100%;}
    footer .addr > div{float:none !important;margin:25px 15px 0 15px;}  
}

@media only screen and (max-width: 500px){
    /* main */
    .main-box .con-box{width:100%;}
    .main-box .ft-btns a{width:75%;}
}