@charset "utf-8";

/* login */
.login_bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%}
.login_bg img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}
.login_header{position:relative;width:367px;height:64%;padding:92px 0 0 106px;overflow:hidden}
.login_header:after{display:block;width:1px;height:90%;background:#505869;position:absolute;right:0;top:0;margin-top:92px;content:''}
.login_header h2{margin-top:30px;letter-spacing:-2px;line-height:1.3;font-size:3.85em;font-family:Nsk;font-weight:100;color:#fff}
.login_header h2 strong{font-weight:500}
.login_header header p{margin-top:18px;font-weight:normal;letter-spacing:-2px;line-height:1.6;font-size:1.25em;color:#7d878d}
.btn_crdtax{overflow:hidden;position:absolute;top:-176px;left:106px;width:216px;height:62px;padding:20px 26px 0 35px;-webkit-border-radius:40px;border-radius:40px}
.btn_crdtax .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity=30)}
.btn_crdtax a{position:relative;z-index:1;display:block;font-family:Nsk;font-weight:400;font-size:1.33em;padding-left:50px;color:#fff}
.btn_crdtax .fa-credit-card-alt{position:absolute;top:2px;left:0;font-size:40px;color:#2ca5c3}
.btn_crdtax .fa-file-text{position:absolute;top:3px;left:3px;font-size:36px;color:#2ca5c3}
.btn_crdtax .fa-angle-right{position:absolute;top:5px;right:0;font-size:30px;color:#919597}
.btn_crdtax:hover .bg{opacity:.5;filter:alpha(opacity=50)}
.login_ct{position:absolute;top:44%;left:50%;margin:-220px 0 0 56px}
.login_ct h2{font-family:Nsk;font-weight:300;font-size:3.5em;color:#2ca5c3}
.login_frm{padding-top:10px}
.login_frm .inp_box{display:inline-block;width:228px;padding:6px 10px 6px 40px;background:#fff;position:relative;overflow:hidden;border:1px solid #cfcfcf;border-radius:4px}
.login_frm .inp_box .fa{position:absolute;top:0;left:0;width:39px;line-height:42px;font-size:16px;text-align:center;color:#666}
.login_frm .inp_box label{position:absolute;top:0;left:52px;line-height:40px;font-size:1.25em;color:#b0b0b0}
.login_frm .inp_box.focus{padding:5px 9px 5px 39px;border:2px solid #2ca5c3}
.login_frm input[type="text"], .login_frm input[type="password"]{width:94%;height:32px;padding:0 0 0 10px;border:0;border-left:1px solid #d9d9d9;border-radius:0;font-size:1.25em}
.login_frm li{margin-top:17px}
.login_frm .btn_log{display:block;width:278px;line-height:47px;border-radius:4px;background:#2ca5c3;font-weight:bold;text-align:center;font-size:1.33em;color:#fff}
.login_frm li.agree .f_l{margin-top:5px}
.login_frm li.agree label{color:#fff}
.login_frm li.agree .btn_idpw{float:right;width:144px}
.login_footer{position:absolute;bottom:0;left:0;clear:both;width:100%;margin-top:80px;border-top:3px solid #2ca5c3;background:#1e2327}
.login_footer .logo{float:left;width:188px;height:88px;padding-top:56px;text-align:center}
.login_footer section{overflow:hidden;padding:28px 34px 23px 0}
.login_footer .menu a{font-weight:bold;color:#909ca5}
.login_footer address{margin-top:12px;padding-top:4px;border-top:1px solid #404447;line-height:1.9;color:#8c9195}
.login_footer address a{color:#b7bbbf}
.login_footer .family{position:absolute;top:64px;right:34px;width:194px}
.login_footer .family a.ctl{position:relative;display:block;padding-left:11px;background:#515962;line-height:27px;color:#c0c5cd}
.login_footer .family a.ctl .fa{position:absolute;top:7px;right:9px}
.login_footer .family .sitelist{display:none;position:absolute;left:0;width:100%;background:#5c656e}
.login_footer .family .sitelist li{border-top:1px solid #747c84}
.login_footer .family .sitelist li:first-child{border-top:0}
.login_footer .family .sitelist a{display:block;padding-left:11px;line-height:25px;color:#ededed}
.login_footer .family .sitelist a:hover{background:#4e565e}
.caution_result{margin-top:15px;padding:14px 0;text-align:center;line-height:1.5;font-size:1.1em;letter-spacing:-1px}
.caution_result strong{color:#2ca5c3;text-decoration:underline;letter-spacing:0}
.lypop .notice_list{margin-top:15px;padding-top:12px;border-top:1px solid #ddd;line-height:1.5;color:#636e77}

/* 대시보드 */
.payboard{margin-top:15px;background:#fff;*zoom:1}
.payboard:after{display:block;clear:both;content:''}
.payboard article{float:left;width:33.3%;height:370px;padding-top:29px;border-right:1px dashed #b2b2b2;text-align:center}
.payboard article.last{float:none;overflow:hidden;width:auto;border-right:0}
.payboard h3{display:inline-block;padding:0 13px 2px 13px;-webkit-border-radius:18px;border-radius:18px;font-family:Nsk;line-height:30px;font-size:1.33em;letter-spacing:-1px}
.payboard .won{margin-top:10px;font-size:1.5em;color:#2d3c46}
.payboard .won strong{font-size:1.66em}
.payboard .tbl{margin-top:18px;padding:0 32px}
.payboard table{width:100%;text-align:left;border-top:1px solid #c5c9cb;border-bottom:1px solid #c5c9cb}
.payboard th, .payboard td{padding-top:9px;padding-bottom:8px;border-top:1px dotted #c5c9cb}
.payboard th{width:96px;padding:0 10px 0 10px;background:#f5f5f5;color:#474747;text-align:center}
.payboard td{padding-right:8px;text-align:right;font-size:1.1em}
.payboard article.day h3{border:1px solid #159bbd;color:#159bbd}
.payboard article.day td strong{color:#159bbd}
.payboard article.month h3{border:1px solid #5369b1;color:#5369b1}
.payboard article.month td strong{color:#5369b1}
.payboard article.today h3{border:1px solid #e03b43;color:#e03b43}
.payboard article.today .won strong, .payboard article.today td strong{color:#e03b43}
.weeksale{position:relative;float:left;width:62%;background:#fff}
.weeksale h3{padding-left:17px;background:#fbfcfd;border-bottom:1px solid #d8d8d8;line-height:43px;font-family:Nsk;font-size:1.33em;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}
.weeksale .fa{margin-right:6px}
.weeksale .won{position:absolute;top:15px;right:14px;color:#4c565e}
.weeksale .graph{text-align:center}
.notice{position:relative;float:right;width:36%;height:275px;background:#fff}
.notice h3{padding-left:17px;background:#fcfdfd;border-bottom:1px solid #d8d8d8;line-height:43px;font-family:Nsk;font-size:1.33em;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}
.notice .fa{margin:-1px 6px 0 0}
.notice .bt{position:absolute;top:15px;right:14px;color:#4c565e}
.notice ul{padding:0 12px}
.notice li{position:relative;margin-top:11px;padding-top:7px;padding-left:62px;border-top:1px dotted #c5c9cb}
.notice li:first-child{border-top:0}
.notice li a{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:middle;color:#444748}
.notice .icon{position:absolute;top:6px;left:0;display:inline-block;width:52px;-webkit-border-radius:12px;border-radius:12px;line-height:22px;text-align:center;font-size:0.9em;color:#fff}
.notice .icon.c1{background-color:#7383b9}
.notice .icon.c2{background-color:#68b7cb}
.notice .icon.c3{background-color:#e9686e}
.notice .icon.c4{background-color:#a3a8ab}

/* 영수증 */
.tax_h{position:relative;font-family:nsk;color:#2b3a44}
#pop_cont .tax_h h2{font-weight:500;font-size:18px;letter-spacing:-1px;text-align:left}
.tax_h p{font-weight:300;font-size:13px}
.tax_h .logo{position:absolute;top:3px;right:0}
.tax_tbl{border-top:1px solid #72808c;border-bottom:1px solid #72808c}
.tax_tbl tr:first-child th, .tax_tbl tr:first-child td{border-top:0 !important}
.tax_tbl table{width:100%}
.tax_tbl th, .tax_tbl td{padding:5px 7px;border-left:1px solid #d8d8d8}
.tax_tbl th{border-top:1px solid #d8d8d8;background:#edeff1;text-align:left;font-size:11px;color:#636e77;}
.tax_tbl th span{font-weight:normal}
.tax_tbl td{font-weight:bold;color:#333;font-size:11px}
.tax_tbl td.total{color:#2ca5c3}
.tax_tbl td.total strong{font-size:16px}
.tax_tbl thead th{background:#909aa2;border-color:#72808c;padding:5px 0 7px 0;text-align:center;font-size:11px;color:#fff}
.tax_tbl_v1{border-top:0}
.tax_tbl_v1 th, .tax_tbl_v1 td{border-left:0}
.tax_tbl_v1 td{border-top:1px solid #d8d8d8}
.tax_tbl_v2{border-top:1px solid #72808c;}
.tax_tbl_v2 th, .tax_tbl_v2 td{border-left:0;padding:8px 10px}
.tax_tbl_v2 td{border-top:1px solid #d8d8d8;font-size:11px}
.tax_tbl_v2 tr.divide th, .tax_tbl_v2 tr.divide td{border-color:#72808c}
.tax_caution{margin-top:10px;text-align:center;line-height:1.5;font-size:11px;color:#333}
.tax_caution ul{list-style:disc outside;padding-left:14px}
.tax_caution ul li{text-align:left;margin:2px 0;}
.tax_caution2{margin-top:10px;padding:8px 0;letter-spacing:-1px;border:1px solid #d8d8d8;background:#f1f3f4;line-height:1.5;text-align:center;font-size:11px;color:#595858}
.tax_caution3{margin-top:10px;padding:12px 0 4px 0;border-top:1px solid #d8d8d8;line-height:1.5;text-align:center;font-size:12px;color:#595858}

/* 달력 */
.cal_cat_box{padding:20px;background:#fafafa;border:1px solid #d8d8d8;border-radius:3px}
.cal_cat_box .txt_m{margin:0 8px 0 20px}
.cal_cat_box .txt_m:first-child{margin-left:0}
.cal_nav{margin-top:35px;text-align:center;font-size:2.8em;color:#000333}
.cal_nav button{width:32px;height:32px;margin-top:-7px;background:#b0bdc7;border-radius:50%;vertical-align:middle}
.cal_nav .fa{margin-top:10px;font-size:13px;color:#fff;vertical-align:top}
.cal_nav .prev{margin-right:30px}
.cal_nav .next{margin-left:30px}
.cal_top{margin-top:8px}
.cal_top:after{display:block;clear:both;content:''}
.cal_diary{margin-top:8px;border-top:1px solid #72808c;border-bottom:1px solid #72808c}
.cal_diary .sun{background:#fff9f9}
.cal_diary .sun, .cal_diary .sun a, .cal_diary .sun div{color:#e24850}
.cal_diary .sat{background:#ecf4fa}
.cal_diary .sat, .cal_diary .sat a, .cal_diary .sat div{color:#636e77}
.cal_diary .brd{display:none;position:absolute;top:-1px;left:-1px;width:100%;height:100px;border:1px solid #72808c}
.cal_diary ul.won li{margin-top:6px}
.cal_diary ul.won li:after{display:block;clear:both;content:''}
.cal_diary ul.won .f_r{text-decoration:underline}
.cal_diary table{width:100%}
.cal_diary th, .cal_diary td{border-left:1px solid #d8d8d8}
.cal_diary th:first-child, .cal_diary td:first-child{border-left:0}
.cal_diary th{width:14.5%;height:30px;background:#f1f3f4;border-bottom:1px solid #72808c;font-size:1.11em}
.cal_diary th:first-child{width:auto}
.cal_diary td{vertical-align:top;border-top:1px solid #d8d8d8;color:#333}
.cal_diary td > div{position:relative;min-height:80px;padding:10px}
.cal_diary td a{display:inline-block;margin-left:4px;color:#333}
.cal_diary td a:hover{font-weight:bold}
.cal_diary td.today a{font-weight:bold}
.cal_diary td.today .brd{display:block}
.cal_diary .tooltip{margin-top:7px;left:9px}
.cal_diary .tooltip th{text-align:left}
.cal_diary .tooltip td{text-align:right}
.cal_diary .tooltip td{color:#333}

/* 가맹점 */
.shop_tit:after{display:block;clear:both;content:''}
.shop_tit h2{letter-spacing:-1px;float:left;font-size:1.25em;font-weight:bold;color:#2d3c46}
.shop_tit h2 .fa{margin-right:7px;color:#aebdc9;padding-bottom:2px}
.shop_tit button .fa{color:#fff}
.shop_tit p{float:right;color:#636e77}

/* 거래승인등록 */
.dealOkUp{display:none;margin-top:18px;background:#f7f7f7}
.dealOkUp header{position:relative;padding-left:15px;background:#788792}
.dealOkUp .btn_cls{position:absolute;top:11px;right:12px}
.dealOkUp .fa-times-circle{font-size:20px;color:#bbc4ca}
.dealOkUp h2{line-height:40px;font-family:nsk;font-size:1.33em;color:#fff}
.dealOkUp h2 span{margin-left:10px;font-family:Malgun Gothic;font-size:0.7em;color:#e3ebf1}
.dealOkUp section{position:relative;padding:21px 0}
.dealOkUp section:after{display:block;clear:both;content:''}
.dealOkUp .srchfrm table{width:auto}
.dealOkUp .col{float:left;border-right:1px solid #d8d8d8}
.dealOkUp .col-1{margin-left:-1px;border-right:0;border-left:1px solid #d8d8d8}
.dealOkUp h3{margin-bottom:5px;padding-left:21px;font-weight:bold;font-size:1.25em;color:#4d5760}
.dealOkUp .srchfrm{padding-top:0}

/* loadng */
.ly_loading{display:;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}
.ly_loading .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.75;filter:alpha(opacity=75)}
.ly_loading .cont{position:absolute;top:50%;left:50%;width:234px;height:148px;margin:-65px 0 0 -115px}
.ly_loading .btn_cls{position:absolute;top:-30px;right:0}
.ly_loading .ele, .ly_loading .ele p{color:#fff}
.ly_loading .ele{text-align:center;font-size:18px;line-height:1.5}
.ly_loading .ele p{font-size:22px;font-weight:bold}
.ly_loading .ele .fa-pulse{margin-bottom:12px;font-size:70px;color:#15c4ef}

/* 하단 안내문구 */
.info_msg{margin-top:30px;padding-top:30px; border-top:1px solid #d8d8d8}
.info_msg h2{float:left;font-size:1.25em;font-weight:bold;color:#2d3c46;letter-spacing:-1px;margin-right:12px}
.info_msg .fa{margin-right:7px;color:#aebdc9;padding-bottom:3px}
.info_msg p{color:#888;padding-top:3px;letter-spacing:-1px}
.info_msg ul{list-style:disc;margin:10px 0 0 13px}
.info_msg li{padding:3px 0;line-height:20px}
.info_msg li span{color:#2ca5c3;font-weight:bold}
.info_msg .btn_down{display:inline-block;vertical-align:middle;padding:0 10px;border-radius:12px;height:20px;line-height:18px;font-weight:bold;font-size:11px;color:#fff;background:#96a8b6;margin:0 0 3px 10px;letter-spacing:-1px}

/* login_gid.html 160523 추가 */
.login_frm .inp_box .fa img{position:absolute;top:7px;left:4px;width:30px;line-height:42px;font-size:16px;text-align:center;color:#666}

/* login_radio.html 160523 추가 */
.login_frm .login_rdo{display:block;width:278px;line-height:47px;border-radius:4px;background:#2ca5c3;font-weight:bold;text-align:center;font-size:16px;color:#fff;
padding-bottom:2px;}
.login_frm .login_rdo input{cursor:pointer;}
.rdo_spc{width:30px;display:inline-block;}
.rdo_spc_1{width:20px;display:inline-block;}

/* 03_new_list.html 160523 추가 */
.if_div{height:800px;border:1px solid #ddd;margin-top:48px;width:auto;}
.if_div .if_ttl{background-color:#217c92;padding:16px 0;}
.if_div .if_ttl span{margin-left:16px;color:#fff;font-size:14px;display:block;font-weight:bold;}
.if_div .ifrm{width:100%; height:100%;padding-top:16px;}
.if_div .if_con{padding:16px;}

.cald input[type="text"]{width:94%;height:18px;padding:0 0 0 10px;border:0;border-left:1px solid #d9d9d9;border-radius:0;font-size:15px}
.inst_i{position:absolute;top:304px;left:220px;border-left:1px solid #ddd;padding-left:10px;padding-bottom:4px;z-index:10;}
.inst_i_2{position:absolute;top:304px;left:404px;border-left:1px solid #ddd;padding-left:10px;padding-bottom:4px;z-index:10;}
.inst_i i{font-size:14px;}
.inst_i_2 i{font-size:14px;}
.cal_d{position:relative;}

.sub_h2{font-size:15px;font-weight:bold;color:#217c92;}

/* notice board */
#notice i{font-size:14px;}
.noti_b{font-weight:bold;text-decoration:none}
.pop_menu{display:none;margin-top:18px;background-color:#fafafa;}
.noti_con{padding:24px 0 !important;text-align:left !important}
.noti_con ul {padding-top:20px}
.noti_con li {margin:6px 0}
.noti_con .file a{color:#888}
.con_btn{vertical-align:bottom;text-align:right !important;padding:0 20px 20px 0 !important}

/* error page */
.error{display:;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%}
.error .cont{margin:16% auto;width:380px;}
.error h1{font-family: 'nsk', sans-serif;font-size:40px;margin-top:34px;margin-bottom:10px;font-weight:300;color:#2b3a44;}
.error h1 .num{font-family: 'nsk', sans-serif;font-size:68px;font-weight:700;color:#2b3a44;vertical-align:baseline;margin:0 0 0 18px;line-height:90px;letter-spacing:-1px}
.error h1 .fa{font-size:54px;color:#2ca5c3;margin-top:-23px}
.error .ele{text-align:center;font-size:16px;line-height:1.5;color:#2b3a44;}
.error .ele .txt{letter-spacing:-2px;border-top:1px solid #ccc;padding-top:16px;line-height:28px}
.error .ele p span{font-size:22px;font-weight:bold;color:#2ca5c3}
.error .ele button{font-size:14px;color:#fff;margin-top:60px}
.error .ele button .fa{font-size:14px;color:#fff}

/*** Width 1024 ***/
@media all and (max-width:1025px) {
    .login_header:after{margin-top:0;height:100%}
	.btn_crdtax{top:-130px}
	.login_ct{margin-top:-180px}
	.cal_cat_box, .cal_diary td{font-size:1.1em}
}

/*** IE8을 위한 Hack ***/
@media \0screen {
}

/*180727 login.html 온라인 서비스 신청 버튼 수정*/

@media all and (max-height:780px) {
	.login_header p{display:none}
	.login_header:after {height:70% !important}}
	.btn_crdtax.v2{overflow:hidden;position:absolute;top:-266px;left:106px;width:216px;height:62px;padding:20px 26px 0 35px;-webkit-border-radius:40px;border-radius:40px}
	.btn_crdtax.v2 .fa-check-circle{position:absolute;top:3px;left:3px;font-size:36px;color:#2ca5c3}