@charset "utf-8";

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2018-08-01
Modify Date : 2019-05-22
*******************************************/

/*-----------------------------------------------------------------*/
/* 리셀러
/*-----------------------------------------------------------------*/
html { -webkit-text-size-adjust: none; }
body,th,td,input,select,textarea,button{font-size:15px;line-height:1.5;letter-spacing:-1px;color:#333;font-family:'Pretendard', 'Spoqa Han Sans Neo', 'Spoqa Han Sans', 'NanumGothic','나눔고딕','Malgun Gothic','맑은 고딕',verdana,sans-serif;}
a{color:#333;text-decoration:none;}
a:hover{ text-decoration:underline; }
html, body { height:100%; }

input[type=text], input[type=password], input[type=date]{padding:0 4px;height:32px; width:400px; line-height:32px; border:1px #e1e1e1 solid; color:#000; letter-spacing:0; }
input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, input[type=date]:hover, input[type=date]:focus { border-color:#70b8ea; }
input[type=text].end, input[type=password].end, input[type=date].end { border-color:#70b8ea; background:#faffbd; }
input[type=text].warning, input[type=password].warning, input[type=date].warning { border-color:#ff4200; background:#fff3eb; outline:1px #ff4200 solid; }
label.input_file { display:inline-block; vertical-align:middle; margin-right:90px; height:32px; position:relative; }
label.input_file:after { display:block; height:32px; width:80px; position:absolute; top:0px; right:-90px; border:1px #e1e1e1 solid; text-align:center; line-height:32px; border-radius:2px; font-size:13px; letter-spacing:0; content:"찾아보기"; transition:all 0.2s; }
label.input_file:hover:after, label.input_file:focus:after, label.input_file.on:after { background:#5e666f; border-color:#5e666f; color:#fff; }
label.input_file>input[type='file'] { position:absolute; left:0; top:0; height:32px; width:100%; filter:alpha(opacity=0); opacity:0; }
label.input_file>.file_name { display:block; letter-spacing:0; width:320; height:32px; padding:0 4px; line-height:32px; border:1px #e1e1e1 solid; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
label.input_file>.file_name.end { border-color:#70b8ea; background:#faffbd; }
.bmax>input[type=text], .bmax>input[type=password] { width:100%; box-sizing:border-box; }
label.rc { display:inline-block; padding:2px 30px 2px 0; }
label.rc:hover { color:#2598e7; }

select { width:200px; height:34px; border:1px #e1e1e1 solid; }
select:hover, select:focus { border-color:#70b8ea; }
textarea{width:100%;padding:5px 9px;box-sizing:border-box;border:1px #eee solid;}
input[type=checkbox]{width:16px;height:16px;margin-top:-2px;*width:23px;*height:23px;*margin:-4px -3px -3px -4px;}
input[type=radio]{width:15px;height:15px;margin-top:-2px;*width:21px;*height:21px;*margin:-4px -3px -3px -4px; }

.gray_01 { color:#000 !important; }
.gray_02 { color:#333 !important; }
.gray_03 { color:#666 !important; }
.gray_04 { color:#888 !important; }
.gray_05 { color:#999 !important; }
.blue_01 { color:#005baa !important; }
.blue_02 { color:#2598e7 !important; }
.blue_03 { color:#70b8ea !important; }

.btn_res { display:inline-block; text-align:center; border-radius:2px; transition:all 0.2s; vertical-align:middle; border:1px #dbdbdb solid; }
.btn_res:hover, .btn_res:focus { text-decoration:none; background:#5e666f; border-color:#5e666f; color:#fff; }
.btn_res.v2 { height:32px; padding:0 9px; font-size:13px; letter-spacing:0; line-height:32px; }
button.btn_res.v2 { height:34px; }
.btn_res.v3 { height:40px; padding:0 19px; font-size:16px; letter-spacing:0; line-height:40px; }
.btn_res.v3#procPopup {background-color: #133353; height: 32px; line-height: 32px; border: 0; margin-left: .75rem;}
button.btn_res.v3 { height:42px; }
.btn_res.v4 { height:64px; padding:0 60px; font-size:21px; line-height:62px; font-weight:bold; border-width:2px; color:#666; }
.btn_res.v4:hover { color:#fff; }
button.btn_res.v4 { height:66px; }
.btn_res.v4.solo { padding-left:90px; padding-right:90px; }

.btn_res.blue { color:#2598e7 !important; border-color:#2598e7; }
.btn_res.blue:hover, .btn_res.blue:focus { border-color:#2598e7; background:#2598e7; color:#fff !important; }
.btn_res.blue2 { color:#fff; border-color:#2598e7; background:#2598e7; }
.btn_res.blue2:hover, .btn_res.blue:focus { border-color:#0a73bc; background:#0a73bc; }

.btn_foot_area { padding-top:60px; text-align:center; }

/* body { min-width:1180px; } */
.header {position:relative; z-index:2; }
.header .gnb_wrap {position:fixed; top:0; left:0; right:0; width:100%; height:90px; border-bottom:1px solid #efefef; background:rgba(255,255,255,0.95);}
.wrap { width:1180px; margin:0 auto; }

/* footer */
.footerWrap { padding:20px 0; border-top:1px #e0e0e0 solid; font-size:12px; letter-spacing:0; }
.footerWrap a { color:#666; }
.footerWrap .foote_border, .footerWrap .address { width:1000px; margin:0 auto; }
.footerWrap .footer { overflow:hidden; zoom:1; }
.footerWrap .info { float:left; }
.footerWrap .info ul { overflow:hidden; zoom:1; font-weight:bold; line-height:1; }
.footerWrap .info li { float:left; padding:2px 0 3px; }
.footerWrap .info li>a { display:block; vertical-align:top; padding:0 8px; border-left:1px solid #e5e5e5; }
.footerWrap .info li:first-child>a {padding-left:0; border-left:none;}
.footerWrap .family { float:right; }
.footerWrap .family select {vertical-align:top; border:1px solid #dedede; background:#fafafa; padding:1px; height:21px; font-size:12px; color:#666;}
.footerWrap a.btn_family_go:link, .footerWrap a.btn_family_go:visited {display:inline-block; height:19px; padding:0 6px; font-size:11px; line-height:19px; border:1px #dedede solid; background:#f8f8f8; color:#666; text-decoration:none;}
.footerWrap a.btn_family_go:hover {border-color:#bbb; background:#f8f8f8; color:#000;}
.footerWrap .address { padding-top:10px; color:#878787; font-size:11px; line-height:1.8; }
.footerWrap .address a { color:#878787; }
.footerWrap .address p.copy { padding-top:8px; font:10px/1.2em verdana; color:#767676;}
.footerWrap .bar {color:#e5e5e5; font-family:dotum;}
.footerWrap .blue {color:#087bcc !important;}
.footerWrap .color_01 {color:#3e3e3e !important;}
.footerWrap .address .cs_pop {color:#878787;}
/* //footer */

/* 고객센터 팝업 */
.cs_popup {position:fixed; top:50%; left:50%; border:1px solid #707070; box-shadow:3px 3px 0 rgba(0,0,0,0.1); background:#fff url('/images/renewal2017/main/pop_ico_cscenter.png') no-repeat center 50px; padding:50px 50px; z-index:1;}
.cs_popup h1 {margin:70px 0 30px; text-align:center;}
.cs_popup h1 span {display:inline-block; vertical-align:middle; margin:0 10px -3px 0; font-size:26px; font-weight:600; color:#191919;}
.cs_popup h1>strong, .cs_popup h1>a {vertical-align:middle; font-size:40px; font-weight:500; color:#4f70cd;}
.cs_popup .number {width:600px; margin:0 auto 20px; zoom:1;}
.cs_popup .number:after {clear:both; display:block; content:'';}
.cs_popup .number li {float:left; margin-bottom:10px; width:50%; font-size:16px; font-weight:500; color:#666;}
.cs_popup .number .num {display:inline-block; margin-right:10px; width:40px; height:40px; border-radius:50%; box-shadow:3px 3px 0 rgba(0,0,0,0.1); background:#4f70cd; text-align:center; font-size:24px; line-height:40px; color:#fff;}
.cs_popup .time {width:600px; margin:0 auto; border-top:1px solid #484d50; padding:20px 0 30px; zoom:1;}
.cs_popup .time:after {clear:both; display:block; content:'';}
.cs_popup .time li {float:right; width:37%;}
.cs_popup .time li:first-child {float:left; width:60%;}
.cs_popup .time dt {font-size:14px; font-weight:600; color:#4f70cd; line-height:1.8;}
.cs_popup .time dd {font-size:13px; letter-spacing:0; color:#333; line-height:1.6;}
.cs_popup .consult {width:600px; margin:0 auto; zoom:1;}
.cs_popup .consult:after {clear:both; display:block; content:'';}
.cs_popup .consult li {float:right; width:48%;}
.cs_popup .consult li:first-child {float:left; width:48%;}
.cs_popup .consult dl {width:100%; border:1px solid #d4d4d4; padding:20px 0; text-align:center;}
.cs_popup .consult dt {font-size:14px; font-weight:500; color:#666; line-height:1.4; letter-spacing:0;}
.cs_popup .consult dd.phone {margin:8px 0; font-size:28px; color:#4f70cd;}
.cs_popup .consult dd.phone>a { color:#4f70cd; }
.cs_popup .consult dd.email {font-size:13px; color:#4a4a4a; letter-spacing:0;}
.cs_popup .consult dd.email .icon {display:inline-block; vertical-align:middle; margin-right:5px; background:url('/images/renewal2017/main/pop_ico_email.png') no-repeat; width:13px; height:10px; text-indent:-9999px;}
.cs_popup .consult dd.email a:hover {text-decoration:underline;}
.cs_popup .close {position:absolute; top:30px; right:30px; background:url('/images/renewal2017/main/pop_ico_close.png') no-repeat; width:32px; height:32px;  text-indent:-9999px;}
/* //고객센터 팝업 */

.header { height:90px; }
.header h1,
#header .gnb_wrap h1 { float:left; width:auto; padding-top:27px; font-size:24px; font-weight:600; }
.header h1 img { vertical-align:middle; margin:0 13px 5px 0; }
.header h1 a { text-decoration:none; }
.menu_header { float:right; padding-top:21px; margin-right:-20px; }
.menu_header>li { float:left; }
.menu_header>li>a { display:block; vertical-align:top; padding:0 20px; font-size:20px; line-height:50px; color:#005baa; }
.menu_header>li>a:hover, .menu_header>li>a:focus { text-decoration:none; color:#2598e7; }
.menu_header2 { float:right; padding-top:24px; font-size:18px; line-height:40px; font-weight:bold; }
.menu_header2 a { color:#005baa; text-decoration:none; }
.menu_header2 a:hover { color:#2598e7; }
.menu_header2 .bar { font-weight:normal; color:#999; display:inline-block; padding:0 18px; }

.main_01 { height:444px; background:#ebf2f8 url('/images/reseller/2018/img_main_01.png') calc( 50% + 280px ) 100% no-repeat; }
.main_01 .wrap {padding-left:40px;}
.main_01 .text1 { padding-top:132px; text-shadow:0 0 5px #ebf2f8; font-size:24px;}
.main_01 .title { padding-top:32px; text-shadow:0 0 5px #ebf2f8; font-size:54px; letter-spacing:-2px; font-weight:400; line-height:1.2; }

.main_02, .main_03, .main_04, .main_05 { padding:70px 0 80px; }
.main_03, .main_04, .main_05 { border-top:1px #e9e9e9 solid; }
.main_06 { text-align:center; padding:0 0 80px; }

.main_02 .text1 { padding:40px 0 0 520px; min-height:250px;  font-size:18px; line-height:1.9; background:url('/images/reseller/2018/img_main_201.png') no-repeat; }
.main_02 .text1 .title { display:inline-block; margin-bottom:10px; font-size:20px; font-weight:bold; color:#2598e7; }

.tle_main_01 { padding:0 0 50px; text-align:center; font-size:36px; line-height:1.0; }

.list_main_01 { margin-top:-50px; overflow:hidden; zoom:1; font-size:18px; }
.list_main_01>li { margin-top:50px; float:left; min-height:116px; width:50%; background-image:url('/images/reseller/2018/spr_main_01.png'); background-repeat:no-repeat; }
.list_main_01>li.icon1 { background-position:-600px 0; }
.list_main_01>li.icon2 { background-position:-480px -120px; }
.list_main_01>li.icon3 { background-position:-360px -240px; }
.list_main_01>li.icon4 { background-position:-240px -360px; }
.list_main_01>li>.cont { padding:10px 0 0 150px; }
.list_main_01 .title { font-size:20px; font-weight:bold; color:#2598e7; }
.list_main_01 .desc { padding-top:14px; }

.devide_2_m30>li { float:left; width:50%; }
.devide_2_m30>li>.cont { padding-left:15px; }
.devide_2_m30>li:first-child>.cont { padding-left:0; padding-right:0; }

.table_res_01 { width:100%; table-layout:fixed; border-top:2px #333333 solid; }
.table_res_01>thead>tr>th { font-size:18px; font-weight:bold; padding:14px 0; text-align:center; border-bottom:1px #333 solid; }
.table_res_01>tbody>tr>th { word-break: keep-all; font-weight:normal; padding:14px 3px; text-align:center; background:#ecf1f7; border-bottom:1px #dfdfdf solid; }
.table_res_01>tbody>tr>th[rowspan] { border-right:1px #dfdfdf solid; }
.table_res_01>tbody>tr>td { padding:14px 3px; text-align:center; border-bottom:1px #dfdfdf solid; border-left:1px #dfdfdf solid; }
.table_res_01>tbody>tr>td:first-child { border-left:none; }
.table_res_01>tbody>tr>td.L { padding-left:14px; padding-right:5px; }
.table_res_01.v2>tbody>tr>th { text-align:left; }
.table_res_01.v2>tbody>tr>td { text-align:left; padding-left:20px; padding-right:20px; }
.table_res_01.v2>tbody>tr>th>p { padding:0 5px 0 20px; }
.table_res_01 input[type=text], .table_res_01 input[type=password], .table_res_01 select { margin-right:5px; }
.table_res_01 .btn_change { display:inline-block; text-align:center; border-radius:2px; transition:all 0.2s; vertical-align:middle; border:1px #dbdbdb solid; height:32px; line-height:32px; padding:0 9px; }
.table_res_01 .btn_change:hover { text-decoration:none; background:#5e666f; border-color:#5e666f; color:#fff; }
.table_res_01 .bank { display:inline-block; margin-right:20px;}

.table_res_02 { width:100%; table-layout:fixed; border-top:1px #333333 solid; }
.table_res_02>thead>tr>th { background:#ecf1f7; text-align:center; font-weight:normal; padding:16px 0; border-bottom:1px #dfdfdf solid; }
.table_res_02>tbody>tr>td { padding:12px 8px; text-align:center; border-bottom:1px #dfdfdf solid; }
.layer_res .table_res_02 { border-top:1px #dbdbdb solid; }
.layer_res .table_res_02>thead>tr>th { padding:10px 0; font-size:13px; border-left:1px #dfdfdf solid; }
.layer_res .table_res_02>thead>tr>th:first-child { border-left:none; }
.layer_res .table_res_02>tbody>tr>td { padding:9px 5px; font-size:13px; border-left:1px #eee solid; }
.layer_res .table_res_02>tbody>tr>td:first-child { border-left:none; }
.table_res_02.caution>thead>tr>th {background-color: #133353; color: white; padding: 12px 0}
.table_res_02.caution>tbody>tr>td {text-align: left; padding: .75rem;}
.table_res_02.caution>tbody>tr>td:first-of-type {background-color: #f3f6f9; font-weight: 600;}

.pilsu { display:inline-block; margin-left:4px; font-weight:bold; color:#f6002e; font-family:dotum; font-size:16px; line-height:1.2; vertical-align:middle; }
.form_desc { display:inline-block; vertical-align:middle; font-size:13px; color:#8f8f8f; letter-spacing:0; }
.desc2 { padding-top:10px; font-size:13px; letter-spacing:0; color:#8f8f8f; }

.list_res_01 { font-size:14px; color:#666; letter-spacing:0; }
.list_res_01>li { padding:2px 0 2px 8px; text-indent:-8px; }
.list_res_01>li:first-letter { color:#999; }

.res_step { height:86px; font-size:18px; text-align:center; border:1px #dcdcdc solid; background:#fdfdfd; }
.res_step>li { float:left; width:25%; padding:30px 0; background:url('/images/reseller/2018/arr_step.png') -26px 50% no-repeat; }
.res_step>li:first-child { background-image:none; }
.res_step>li>p { padding-left:30px; }

.res_step2 { width:720px; margin:0 auto; padding-top:0px; font-size:18px; }
.res_step2>li { position:relative; padding:60px 0 0 120px; background:url('/images/reseller/2018/arr_step_02.png') 8px 8px no-repeat; }
.res_step2>li:first-child { background-image:none; }
.res_step2 .num { position:absolute; left:0; top:56px; font:50px/1.2 arial; }
.res_step2 .title { font-size:20px; font-weight:bold; color:#2598e7; }
.res_step2 .desc { padding-top:15px; }
.res_sub_top { background:#2598e7; min-height: 194px; }
.res_sub_top .title { font-size:38px; line-height:1.4; color:#fff; }
.res_sub_top .title.solo { text-align:center; line-height:194px; }
.res_sub_top .title.info { padding-top:56px; }
.res_sub_top .desc1 { font-size:16px; color:#fff; padding:12px 0 0 2px; letter-spacing:0; }
.res_sub_top .desc2 { text-align:right; color:#fff; }
.res_sub_top .menu_wrap { float:right; }
.res_sub_top .menu_info { float:right; padding-top:65px; color:#fff; }
.res_sub_top .menu_info>dt { position:relative; float:left; padding:0 20px 0 40px; margin-left:40px; }
.res_sub_top .menu_info>dt:first-child { padding:0; }
.res_sub_top .menu_info>dt:before { position:absolute; top:3px; left:0; display:block; content:''; width:1px; height:40px; background:#fff; }
.res_sub_top .menu_info>dt:first-child:before { background:none; }
.res_sub_top .menu_info>dd { float:left; min-width:70px; line-height:1.0; text-align:right; }
.res_sub_top .menu_info .num { display:inline-block; position:relative; top:-1px; font-size:50px; font-weight:normal; font-family:arial; padding-right:4px; color:#9ff9ff; }
.res_sub_top .menu_info .dog { position:relative; top:-4px; }

.join_101 { padding:0 0 40px; }
.join_101 .text1 { padding:55px 0 25px; font-size:22px; }
.join_102 { padding:0 0 100px; border-top:1px #e9e9e9 solid; }

.title_sub { padding:55px 0 16px; font-size:23px; line-height:1.4; }

.agreement_area { width:100%; box-sizing:border-box; border:1px #e1e6ed solid; background:#ecf1f7; padding:15px 20px; height:190px; font-size:15px; letter-spacing:0; color:#767676; overflow-y:auto; }

.join_complete { padding:100px 0; min-height:320px; text-align:center; }
.txt_join_complete { padding:164px 0 0; font-size:26px; font-weight:bold; background:url('/images/reseller/2018/img_join_complete.png') 50% top no-repeat; }
.desc_join_complete { padding:50px 0 0; font-size:16px; letter-spacing:0; color:#2598e7; line-height:1.8; }

.login_area { width:380px; margin:0 auto; padding:95px 0 100px; }
.login_area .idpw { display:block; padding:5px 0; }
.login_area .idpw>input[type=text], .login_area .idpw>input[type=password] { width:100%; box-sizing:border-box; border:1px #e1e1e1 solid; height:51px; padding:0 20px; font-size:18px; line-height:51px; letter-spacing:0; color:#999; }
.login_area .idpw>input[type=text]:hover, .login_area .idpw>input[type=password]:hover { border-color:#70b8ea; }
.login_area .idpw>input[type=text]:focus, .login_area .idpw>input[type=password]:focus { color:#000; border-color:#70b8ea; }
.login_area .idpw>input[type=text].end, .login_area .idpw>input[type=password].end { border-color:#70b8ea; background:#faffbd; color:#000; }
.login_area .btn_submit { display:block; width:100%; height:54px; font-size:18px; letter-spacing:0; font-weight:500; color:#fff; line-height:54px; margin-top:17px; text-align:center; background:#2598e7; transition:background 0.2s; }
.login_area .btn_submit:hover, .login_area .btn_submit:focus { background:#0a73bc; }
.login_area .find_txt {margin-bottom:15px; text-align:center; font-size:19px;}
.login_area .find {padding-top:15px; text-align:center;}
.login_area .find a {font-size:16px; color:#3090D6;}
.login_area .find a:after {content:'|'; padding:0 10px 0 10px; font-size:14px; color:#ccc;}
.login_area .find a:last-child:after {content:''; padding:0;}

.reseller_call { border-top:1px #ececec solid; padding:40px 0 0 126px; margin-top:75px; min-height:75px; background:url('/images/reseller/2018/img_call.png') 0 41px no-repeat; }
.reseller_call>dt { font-size:19px;  }
.reseller_call>dd { padding-top:8px; font-size:38px; line-height:1.2; font-family:arial; }
.reseller_call>dd>a { text-decoration:none; cursor:default; }

.pagination_area { padding-top:20px; text-align:center; }
.pagination {display:inline-block; vertical-align:top; }
.pagination a { float:left; height:32px; margin-left:-1px; padding:0 14px; font-size:13px; line-height:32px; letter-spacing:0; color:#666; border:1px #ddd solid; text-decoration:none; transition:all 0.2s; }
.pagination a:hover {background-color:#eee; border-color:#999; position:relative; }
.pagination a.active { border-color:#5e666f; background-color:#5e666f; color:#fff; font-weight:bold; cursor:default; position:relative; z-index:2; }

.wrap_info { padding:0 0 100px; }

.tab_info { /*height:56px;*/ text-align:center; border-bottom:2px #2598e7 solid; }
.tab_info>li { float:left; width:20%; }
.tab_info>li>a { display:block; height:54px; margin-left:-2px; vertical-align:top; font-size:17px; line-height:52px; border:2px #dbdbdb solid; border-bottom:none; text-decoration:none; transition:all 0.2s; }
.tab_info>li:first-child>a { margin-left:0; }
.tab_info>li>a:hover, .tab_info>li>a:focus { border-color:#bbb; background:#f4f4f4; color:#000; position:relative; }
.tab_info>li.active>a { border-color:#2598e7; position:relative; z-index:2; height:56px; margin-bottom:-2px; background:#fff; color:#2598e7; cursor:default; }

.search_area { font-size:16px; }
.search_area input[type='text'], .search_area input[type='password'], .search_area input[type='date'] { height:42px; vertical-align:middle;}
select.d_select { height:42px; padding-left:5px; min-width:100px; vertical-align:middle; }
select.d_select::-ms-expand { display: none; }
select.d_select:optional { padding:0 36px 0 14px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/reseller/2018/bul_select.png') 100% 50% no-repeat; }

.result_state { font-size:16px; letter-spacing:0; }

/* calendar */
.datepicker_gon { display:inline-block; position:relative; vertical-align:top; }
.datepicker_gon >input[type='text'] { width:140px; }
.datepicker_gon button.cal, .datepicker_gon button.cal { position:absolute; right:6px; top:6px; width:30px; height:30px; background:url('/images/reseller/2018/icon_calendar.png') 50% 50% no-repeat; }
#ui-datepicker-div { z-index:100 !important; }
body .ui-widget-content { border:1px solid #0a74bd; color:#333; }
body .ui-datepicker .ui-datepicker-title select { height:24px; width:65px; font:14px/1.4em verdana; color:#333; margin:0 0 0 16px; border:1px #fff solid; }
body .ui-datepicker .ui-datepicker-title select:first-child { margin-left:0; }
body .ui-datepicker .ui-datepicker-title { margin:0; padding:2px 0 2px; font-weight:normal; }
body .ui-datepicker .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-next { top:5px; width:24px; height:32px; cursor:pointer; }
body .ui-datepicker .ui-datepicker-prev { left:10px; background:url('/images/reseller/2018/icon_arr_prev.png') 50% 50% no-repeat; }
body .ui-datepicker .ui-datepicker-next { right:10px; background:url('/images/reseller/2018/icon_arr_next.png') 50% 50% no-repeat; }
body .ui-widget-header .ui-icon { background-image:none; }
body .ui-datepicker .ui-datepicker-prev:hover .ui-icon { left:6px; height:18px; margin-top:-10px !important; background:url('/images/reseller/2018/icon_arr_prev.png') 50% 50% no-repeat; }
body .ui-datepicker .ui-datepicker-next:hover .ui-icon { height:18px; margin-top:-10px !important; margin-left:-7px !important; background:url('/images/reseller/2018/icon_arr_next.png') 50% 50% no-repeat; }
body .ui-datepicker .ui-datepicker-prev.ui-state-hover, body .ui-datepicker .ui-datepicker-next.ui-state-hover { border:none; }
body .ui-datepicker th { color:#333; }
body .ui-datepicker th.ui-datepicker-week-end { color:#0066ff; }
body .ui-datepicker th.ui-datepicker-week-end:first-child { color:#ff4200; }
body .ui-datepicker td.ui-datepicker-week-end>a { color:#0066ff }
body .ui-datepicker td.ui-datepicker-week-end:first-child>a { color:#ff4200; }
body .ui-state-default, body .ui-widget-content .ui-state-default { border-radius:2px; text-align:center; }
body .ui-state-default, body .ui-widget-content .ui-state-hover { border-color:#767676; }
body .ui-state-highlight, body .ui-widget-content .ui-state-highlight {border-color:#baa00e; background-color:#fffbd7; }
body .ui-state-active, body .ui-widget-content .ui-state-active { border-color:#2598e7 !important; background:#d9f0ff !important; color:#000 !important; }
/* //calendar */

.foot_desc { padding-top:60px; font-size:14px; letter-spacing:0; }
.foot_desc>li { padding:6px 0 6px 15px; text-indent:-15px; }

.tmn_space { display:inline-block; width:86px; text-align:right; }

#modal { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:#000; filter:alpha(opacity=50); opacity:0.5; }
.layer_res { width:1000px; position:fixed; left:50%; top:50%; margin-left:-500px; z-index:1010; }
.layer_res .head { height:53px; background:#2598e7; }
.layer_res .head .title { float:left; height:53px; padding:0 80px 0 30px; overflow:hidden; font-size:16px; line-height:53px; letter-spacing:0; color:#fff; }
.layer_res .body { border:1px #dbdbdb solid; background:#fff; padding:20px; }
.layer_res .close { position:absolute; right:0; top:0; display:block; width:80px; height:53px; background:url('/images/reseller/2018/icon_layer_close.png') 50% 50% no-repeat; overflow:hidden; text-indent:-999px; transition:background-color 0.3s; }
.layer_res .close:hover, .layer_res .close:focus { background-color:#1f8edb; }

.list_banner { padding-top:50px; }
.list_banner>li { float:left; width:100%; position:relative; }
.list_banner>li>img { float:left; }
.list_banner .source_code { font:14px/1.5 verdana; letter-spacing:0; }
.list_banner .source_code.n1 { position:absolute; left:320px; bottom:auto; width:250px; }
.list_banner .source_code.n2 { position:absolute; left:140px; bottom:auto; width:220px; }
.list_banner .size { font-size:18px; color:#2598e7; }


/*-----------------------------------------------------------------*/
/* 리셀러 - 모바일
/*-----------------------------------------------------------------*/

@media (min-width:0) and (max-width:1024px) {
	.wrap {position:relative; width:auto; margin:0 20px;} 
	.wrap br {display:none;}
	.header {height:auto;}
	.header .wrap {height:60px; margin:0; background:#fff; padding:0 20px; z-index:20;}
	.header h1,
	#header .gnb_wrap h1 {padding-top:15px; font-size:20px;}
	.header .menu_header, .header .menu_header2 {display:none;}
	.gnb_all {top:-250px; left:0; right:0; bottom:auto; width:100%; background:#34a0ef; z-index:-1;}
	.gnb_all.on {-webkit-transform:translate(0, 250px); -moz-transform:translate(0, 250px); transform:translate(0, 250px);}
	.gnb_all .mob_all > li:first-child {padding-top:60px; text-align:center;}
	.gnb_all .mob_all > li a {display:inline-block; padding:5px 20px 8px;}
	.gnb_all .mob_all > li a:hover {text-decoration:none;}
	.gnb_all .mob_all > li.current, 
	.gnb_all .mob_all > li:hover {background:#1688db;}
	.hamburger {right:10px;}
	.hamburger.on>span>p {background:#333;}
	.tle_main_01 {font-size:30px;}
	.main_01 {margin-top:60px;}
	.main_01 .title {font-size:40px;}
	.main_02 .text1 {padding:250px 0 0 0;}
	.devide_2_m30>li {width:100%;}
	.list_main_01>li {width:100%;}
	.list_main_01>li>.cont {padding-left:140px;}
	.res_step2 {width:auto;}
	.res_step2>li {padding-left:80px;}
	.main_06 .banner {overflow:hidden;}
	.search_area input, .search_area select,
	.result_state span {margin:2px 0;}
}
@media (min-width:0) and (max-width:768px) {
	.res_sub_top .Fl {float:none !important;}
	.res_sub_top .Fr {clear:both; margin:30px auto -20px; border:1px solid #dcdcdc; background:#fff; padding:20px;} 
	.res_sub_top .menu_info {float:none; padding-top:0; color:#333;}
	.res_sub_top .menu_info>dt:before {background:#ccc;}
	.res_sub_top .menu_info>dt {margin-left:0;}
	.res_sub_top .menu_info>dd {line-height:1.4;}
	.res_sub_top .menu_info .num {margin-top:0; font-size:20px; color:#2598e7;}
	.res_sub_top .desc2 {text-align:left; color:#888;}
	.tab_info {clear:both;}
}
@media (min-width:0) and (max-width:640px) {
	.header h1 img,
	#header .gnb_wrap h1 img {height:20px;}
	.res_step {display:none;}
	.res_step2 {margin-top:-60px;}
	.main_01 { height:350px; background-position:calc( 50% + 280px ) center; }
	.main_01 .wrap {padding-left:0;}
	.main_01 .text1 { padding-top:90px; }
	.main_01 .text1 em { display:block; }

	.main_06 .banner img {margin-left:-20px;}
	.login_area {width:auto; padding:75px 20px;}
	.table_res_01>colgroup>col {width:auto !important;}
	.table_res_01>tbody>tr>th {width:100px;}
	.table_res_01 .bank { display:block; margin-right:0;}
	.tab_info>li {width:33.3%;}

	table.table_res_02, table.table_res_02 thead, table.table_res_02 tbody, table.table_res_02 tr, table.table_res_02 th, table.table_res_02 td {display:block;}
	table.table_res_02 thead tr {position:absolute; top:-9999px; left:-9999px;}	
	table.table_res_02 tr:nth-of-type(odd) {background:#f9fafc;}	
	table.table_res_02 td {height:auto !important; border:none !important; border-top:1px solid #ddd !important; position:relative; padding:10px !important; padding-left:30% !important; text-align:left !important; min-height:50px;}
	table.table_res_02 td:before {position:absolute; left:20px; width:50%; white-space:nowrap;}

	/* 검색내역 없음 */
	table.table_res_02 td.nodata {padding-left:0 !important; text-align:center !important;}
}

@media (min-width:0) and (max-width:460px) {
	.table_res_01 label {margin-bottom:5px;}
}

@media (min-width:0) and (max-width:375px) {
.main_06 .banner img {margin-left:-40px;}
.reseller_call>dd {font-size:32px;}
}
