@charset "utf-8";

/* import */
@import url(pc_reset.css);

/* layout */
.x_scroll{ overflow-x:scroll !important; }

#wrap{ position:relative; width:100%; height:100%; overflow:visible; }
#header{ position:relative; height:70px; background:#615b50;  }

#bx_container{ position:absolute; top:70px; bottom:53px; left:0; right:0; overflow:hidden; margin:0; min-height:0; zoom:1; }
.inner_le_group{ position:absolute; top:0; bottom:0; left:0; width:280px;  float:none; border:0; overflow:visible; z-index:10; zoom:1;  }
.content_right{ position:absolute; left:0; right:0; top:0; bottom:0; width:auto; zoom:1; }
.content_right_fix{ position:absolute; left:0; top:0; right:0; bottom:0; height:100%; width:auto; overflow-y:visible; zoom:1; margin:0!important; border:0!important; }
.content_group{ position:absolute; left:280px; top:0; bottom:0; right:0; width:auto; overflow:hidden; margin-bottom:0; background:#fff; zoom:1; }
.content_group:after{ content:''; position:absolute; left:0px; top:-10px; width:100%; height:10px; box-shadow:0px 1px 8px #a7a7a7; }
#footer{ position:absolute; bottom:0; width:100%; height:54px; border-top:1px solid #97a0a3; background:#fff; z-index:20; box-sizing:border-box; -webkit-box-sizing:border-box; }

.content_left{ position:relative; height:100%; overflow-y:auto; background:#343f4b; }
.cont_fix_area{ position:relative; overflow:hidden; zoom:1; }
.cont_flex_area{ position:absolute; top:0px; bottom:0px; left:0; right:0; overflow:auto; overflow-y:scroll; }

/* Login */
.login_wrap{ width:100%; height:100%; background:#efefef; }
.login_container{ position:relative; width:1000px; height:450px; }
.login_content{ position:relative; display:block; height:450px; box-shadow:0 3px 15px 6px #ccc; }

.login_content .log_left_vis{ position:relative; float:left; width:501px; height:450px; background:url('../images/login_left_bg.png') no-repeat center 0; background-size:501px auto; }
.login_content .log_left_vis .txt{ position:absolute; left:74px; top:145px; font-size:14px; color:#d0dadf; font-weight:normal; letter-spacing:-0.6px; }
.login_content .log_right_input{ float:right; width:499px; height:450px; background:#fff; }
.login_content .log_cont_box{ padding:56px 80px; }

.log_cont_box .ch_logo_tit{ font-size:22px; color:#3e3e3f; height:40px; vertical-align:middle; padding-top:8px; font-weight:bold; letter-spacing:-1.6px; padding-left:62px; background:url('../images/cha_logo_login.png') no-repeat left center; }
.log_cont_box .log_input_bx{ margin-top:20px; }
.log_cont_box .log_input_bx > li{ margin-top:15px; }

.log_cont_box .log_type1{ margin-top:30px; }
.log_cont_box .log_type2{ margin-top:24px; }
.log_cont_box .log_type3{ margin-top:20px; }
.log_cont_box .captcha_box{ margin-top:20px; }
.log_cont_box .captcha_inner{ height:50px; text-align:center; margin-top:10px; background:#fff; }

.log_cont_box label.sms_lb{ position:absolute; top:8px; left:8px; font-size:14px; color:#333; font-weight:normal; letter-spacing:-0.6px; }
.log_cont_box label.sms_lb em{ color:#e21f27; }
.login_container .copyright{ font-size:13px; color:#97a0a3; letter-spacing:-0.4px; text-align:center; padding-top:30px; }
.login_container .copyright em{ color:#e21f27; }

.input_group .sms_red{ color:#e21f27; float:right; padding-top:6px; }
.text_red{ font-size:14px; color:#e21f27; padding-top:6px; }

/* POP Guide */
.guide_bg_txt{ padding:15px 0 15px 100px; margin-bottom:20px; font-size:14px; color:#343f4b; font-weight:normal; letter-spacing:-0.6px; line-height:26px; background:url('../images/bg_changed.png') no-repeat left center; background-size:82px 65px; }
.guide_bg_txt.auto_over{ line-height:30px; padding:35px 0 35px 220px; font-size:18px; background:url('../images/bg_logout.png') no-repeat 70px center; background-size:116px 119px; }
.guide_bg_txt.auto_over em{ font-size:18px; font-weight:bold; color:#e21f27; }

.line_both_box{ padding:20px 10px 28px; border-top:1px solid #697a83; border-bottom:1px solid #697a83; }

.guide_comm_box{ line-height:22px; font-size:14px; color:#343f4b; font-weight:normal; letter-spacing:-0.6px; text-align:center; padding-bottom:30px; border-bottom:1px solid #697a83; }
.guide_comm_box.bg_over{ padding-top:80px; background:url('../images/bg_changed.png') no-repeat top center; background-size:82px 65px; }

.txt_sein_gray{ font-size:13px; color:#97a0a3;  }
.txt_sein_black{ font-size:13px; color:#333;  }
.txt_sein_red{ font-size:13px; color:#ef0808; }

/* nav snb */
.snb{ position:relative; width:100%; height:100%; float:left; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.snb > ul{ margin-top:3px; border-bottom:1px solid #697a83; }
.snb > ul > li > a{ position:relative; display:block; min-height:55px; padding:15px 25px 15px 10px; border-top:1px solid #697a83; background:url('../images/bg_gnb_off.png') no-repeat 100% center; background-size:14px 14px; font-size:16px; font-weight:bold; color:#fff; box-sizing:border-box;}
.snb > ul > li:first-child > a{ border-top:none; }
.snb > ul > li > a.on{ color:#ffbc00; background:url('../images/bg_gnb_on.png') no-repeat 100% center; background-size:14px 14px;}
.snb > ul > li > a.link{ background:none; }
.snb > ul > li > ul{ padding:0px 0px 20px; }
.snb > ul ul{ display:none; }
.snb > ul ul > li > a{ color:#fff; font-size:14px; position:relative; display:block; min-height:30px; padding:6px 0 6px 56px; box-sizing:border-box; }
.snb > ul ul > li > a:active, 
.snb > ul ul > li > a.on{ color:#ffbc00; background-color:transparent; }



.favi_list{ margin-top:20px; padding-bottom:30px; }
.favi_list li{ padding-top:10px; }

/* top */
.top_cont_bx{ position:relative; width:100%; height:70px; }
.top_cont_bx .left{ position:absolute; top:6px; left:0px; text-align:left; word-break:break-all; z-index:2; background:#615b50; }
.top_cont_bx .right{ display:block; position:absolute; top:18px; right:20px; text-align:right; word-break:break-all; z-index:1; }

.tp_logo{ display:inline-block; width:240px; height:45px; margin-left:25px; vertical-align:middle; background:url('../images/cha_logo_sub.png') no-repeat 5% 13px; background-size:38px 31px; }
.tp_logo span{ display:inline-block; height:42px; padding:17px 0 0 60px; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-1px; vertical-align:middle; }

.tp_tit{ display:inline-block; height:42px; padding:16px 0 0 40px; font-size:18px; color:#fff; letter-spacing:-1px; vertical-align:middle; }

.inner_tp_right{ position:relative; display:table; width:100%; }
.inner_tp_right li{ display:table-cell; vertical-align:middle; text-align:left; }
.inner_tp_right .top_ifo_user1{ width:220px; font-size:14px; color:#fff; }
.inner_tp_right .top_ifo_user2{ width:auto; text-align:right; }
.inner_tp_right .top_ifo_user3{ width:auto; padding-left:7px; text-align:right; }
.inner_tp_right .top_ifo_user4{ width:120px; text-align:right; }

.tp_logout{ position:relative; display:inline-block; padding:0 30px 0 0; font-size:16px; color:#fff; line-height:30px; vertical-align:middle; background:url('../images/ico_logout.png') no-repeat right center; }

.comm_top_member{ display:inline-block; padding:2px 34px 2px 14px; background:#ffbc00; border-radius:5px; }
.comm_top_member .ifo_bx{ display:inline-block; padding-left:30px; font-size:14px; color:#000; letter-spacing:-0.4px; line-height:30px; vertical-align:middle; background:url('../images/ico_human.png') no-repeat left center; }

.comm_top_box{ position:relative; display:inline-block; }
.comm_top_box .comm_time{ display:inline-block; padding:2px 12px 2px 34px; border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:14px; color:#fff; letter-spacing:-0.4px; line-height:30px; vertical-align:middle; background:#007385 url('../images/ico_clock.png') no-repeat 12px center; }
.comm_top_box .comm_extend{ display:inline-block; padding:2px 14px 2px 14px; background:#4a5761; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:14px; color:#fff; text-decoration:underline; text-underline-position:under; letter-spacing:-0.4px; line-height:30px; vertical-align:middle; }


/* Location */
.inner_loc_bx{ width:auto; position:absolute; right:30px; top:20px;}
.inner_loc_bx li{ float:left; position:relative; padding-right:36px; }
.inner_loc_bx li:last-child{ font-weight:bold; font-size:12px; padding-right:0px; vertical-align:top; line-height:22px; }
.inner_loc_bx li:after{ content:''; position:absolute; right:14px; top:6px; width:8px; height:11px; background:url('../images/list_next_icon.png') no-repeat center center; }
.inner_loc_bx li:last-child:after{ display:none; }
.inner_loc_bx li span,
.inner_loc_bx li a{ display:inline-block; vertical-align:top; line-height:22px; font-size:12px; color:#343f4b; }
.inner_loc_bx li:last-child span,
.inner_loc_bx li:last-child a{ font-weight:bold; }
.inner_loc_bx li img{ vertical-align:top; }
.inner_loc_bx li.on span,
.inner_loc_bx li.on a{ color:#000;}
.inner_loc_bx li span.home,
.inner_loc_bx li a.home{ overflow:hidden; width:24px; height:20px; background:url('../images/home_icon.png') no-repeat center center; background-size:17px 16px; font-size:0px; text-indent:-9999px; }


/* Bottom */
.bottom_cont_bx{ position:relative; width:100%; height:53px; }
.bottom_cont_bx .left{ position:absolute; top:14px; left:20px; text-align:left; word-break:break-all; }
.bottom_cont_bx .right{ display:block; position:absolute; top:18px; right:0px; text-align:right; word-break:break-all; }

.bottom_cont_bx .bot_link1{ display:inline-block; font-size:14px; color:#333; letter-spacing:-0.6px; padding-left:20px; background:url('../images/ic_speaker.png') no-repeat left center; }
.bottom_cont_bx .bot_link2{ display:inline-block; margin-left:40px; font-size:14px; color:#333; letter-spacing:-0.6px; padding-left:20px; background:url('../images/ic_speech.png') no-repeat left center; }
.bottom_cont_bx .bot_link3{ display:inline-block; margin-left:40px; font-size:14px; color:#333; letter-spacing:-0.6px; padding-left:30px; background:url('../images/ic_movie.png') no-repeat left center; }

.copyright_txt{ font-size:13px; color:#444; letter-spacing:-0.4px; padding-right:40px; }
.copyright_txt em{ color:#e21f27; }

/* content */
.cont_loc_group{ position:relative; width:auto; }
.cont_loc_group.main{ position:relative; margin-left:30px; }
.content_wrap{ width:100%; min-width:1120px; }  /* 1120 */
.content_wrap.expres{ width:auto !important; }
.cont_view_box{ position:relative; }
.cont_view_box.main{ margin-left:30px; margin-right:30px; min-width:1120px; }
.inner_cont_view{ padding:0 30px; }

.cont_title_group{ position:relative; }

.tb_oj_link{ position:relative; font-size:14px; color:#1baec5; letter-spacing:-1px; text-decoration:underline; text-underline-position:under; line-height:22px; }
.tb_oj_link.red{ color:#ef0808; }
/* .tb_oj_link:before{ content:''; width:100%; height:1px; display:inline-block; position:absolute; left:0; bottom:-2px; background:#1baec5; } */

.point_red{ display:inline-block; color:#e21f27 !important; padding-right:4px; }

.search_cont_bx{ position:relative; width:100%; height:220px; font-family:'맑은고딕','malgun gothic'; margin-top:20px; margin-bottom:70px; overflow:hidden; }
.search_cont_bx.on{ background:url('../images/post_ser_block.png') no-repeat center center; background-size:102px 103px; }
.search_cont_bx.off{ background:url('../images/post_ser_none.png') no-repeat center center; background-size:102px 103px; }
.search_cont_bx .search_add_tit{ margin-top:190px; font-size:16px; color:#666; font-weight:bold; text-align:center; font-family:'맑은고딕','malgun gothic'; }

.txt_affix{ font-size:0; letter-spacing:0; word-spacing:0; }
.obj_inblock.al_center{ font-size:14px; }

.tab_head_title{ position:absolute; right:0; top:12px; font-size:13px; color:#666; font-weight:normal; letter-spacing:-0.8px; padding-left:24px; background:url('../images/ico_impot.gif') no-repeat left center; }

.two_depth{ display:block; margin-left:10px; padding-top:8px; height:26px; padding-left:30px; background:url('../images/ico_replay.png') no-repeat left 4px; }

.tb_scroll_x{ display:block; }  /* overflow-x:auto; */
.tb_scroll_x table{ width:100%; } /* width:1400px;  */

.attach_line_box{ display:block; border:1px #e4e4e4 solid; margin-top:30px; padding:20px 18px; }

.graph_bx{ width:99%; } 
#myChart1,#myChart2{ width:100%; height:100%; }

.pad_line_bx{ width:100%; border-top:1px #343f4b solid; }
.ik_box_list{ margin-top:20px; padding:10px; border:1px #e0e0e0 solid; }
.ik_box_list dt{ text-align:center; padding:15px 20px 25px; border-bottom:1px #e0e0e0 solid; font-size:30px; color:#343f4b; font-weight:bold; text-align:center; font-family:'맑은고딕','malgun gothic'; }
.ik_box_list dd{ text-align:center; padding:20px 20px 10px; font-size:14px; color:#343f4b; font-weight:bold; text-align:center; font-family:'맑은고딕','malgun gothic'; }


.BDC_CaptchaDiv{ margin:0 auto !important;  }

.dri_reply_list{ margin-top:20px; height:400px; overflow-y:auto; }
.dri_reply_list > li{ padding:15px; border-bottom:1px #e0e0e0 solid; }
.dri_reply_list > li > .tit{ line-height:20px; color:#000; font-size:15px; }
.dri_reply_list > li > .txt{ text-align:right; line-height:20px; color:#343f4b; font-size:14px; }


/* 사용자메뉴얼 */
.manual_close_box{ position:relative; }
.manual_close_box > p{ height:56px; line-height:54px; color:#343f4b; font-weight:bold; font-size:20px; padding-left:25px; background:#eaeaea;}
.manual_close_box .manual_btn_close{ display:inline-block; width:40px; height:36px; position:absolute; top:10px; right:10px; background:url('../images/ico_cancel.png') no-repeat center center; background-size:26px 28px; font-size:0px; text-indent:-9999px; }

.manual_content_area{ position:relative; padding:10px 30px 20px; }
.manual_content_area .manual_cont_group{ display:block; border-bottom:1px solid #b5b6bf; }

.manual_cont_group .manual_cont_list{ margin-bottom:30px; }
.manual_cont_group .manual_cont_list li{ float:left; width:247px; border:1px solid #dcdcdc; margin-right:2%; margin-top:20px; }
.manual_cont_group .manual_cont_list li .pic_bx{ display:block; }
.manual_cont_group .manual_cont_list li .pic_bx .pic_pad{ display:inline-block; padding:10px 10px 13px; }
.manual_cont_group .manual_cont_list li .pic_bx .pic{ display:block; }
.manual_cont_group .manual_cont_list li .pic_bx .m_txt{ display:block; font-size:18px; color:#343f4b; font-weight:bold; letter-spacing:-0.8px; font-family:'맑은고딕','malgun gothic'; }
.manual_cont_group .manual_cont_list li .pic_bx .s_txt{ display:block; margin-top:8px; font-size:14px; color:#1baec5; font-weight:bold; letter-spacing:-0.8px; font-family:'맑은고딕','malgun gothic'; }
.manual_cont_group .manual_cont_list li .pic_bx .hits{ display:block; margin-top:18px; font-size:12px; color:#697a83; font-weight:normal; font-family:'맑은고딕','malgun gothic'; padding-left:14px; background:url('../images/ico_hits.png') no-repeat 0px 2px; background-size:10px 11px; }
.manual_cont_group .manual_cont_list:after{ content:""; display:block; clear:both; }

.ico_rbl_txt{ height:25px; color:#3d3d3d; font-size:15px; font-weight:bold; margin-top:20px; line-height:22px; letter-spacing:-0.4px; padding-left:24px; background:url('../images/icon_real_blue.png') no-repeat 0px 2px; background-size:18px 18px; }


/* title + text */
.advice_tit{ display:inline-block; font-size:14px; color:#666; font-weight:normal; letter-spacing:-0.8px; padding-left:26px; background:url('../images/ico_import.png') no-repeat left center; background-size:17px 16px; font-family:'맑은고딕','malgun gothic'; }
.advice_tit.right{ float:right; margin-top:12px; }
.head_tit{ position:relative; display:block; min-height:16px; background:url('../images/ico_title_dot.png') no-repeat left center; background-size:16px 16px; margin:25px 0 20px 35px; padding-left:20px; font-size:16px; color:#343f4b; font-weight:bold; letter-spacing:-0.8px; font-family:'맑은고딕','malgun gothic'; }
.head_tit.cto{ margin:0; margin-top:15px; }

.head_tit_block{ position:relative; display:block; min-height:31px; margin:25px 0 20px 35px; font-size:16px; color:#343f4b; font-weight:bold; letter-spacing:-0.8px; font-family:'맑은고딕','malgun gothic'; }
.head_tit_box{ position:relative; display:inline-block; background:url('../images/ico_title_dot.png') no-repeat left center; background-size:16px 16px; margin:14px 0 14px 10px; padding-left:20px; font-size:16px; color:#343f4b; font-weight:bold; letter-spacing:-0.8px; font-family:'맑은고딕','malgun gothic'; }

.head_tit_block::before{ content:''; display:inline-block; width:16px; height:16px; vertical-align:-2px; background:url('../images/ico_title_dot.png') no-repeat center center; background-size:16px 16px; }

.tit_dot_blue{ display:inline-block; font-size:15px; color:#666; font-weight:bold; letter-spacing:-0.8px; padding-left:10px; vertical-align:middle; margin-right:12px; background:url('../images/ico_dot_blue.png') no-repeat left center; background-size:4px 4px; font-family:'맑은고딕','malgun gothic'; }

.dot_txt_list{ display:block; margin-top:20px;  }
.dot_txt_list > li{ position:relative; display:block; margin-top:8px; line-height:18px; font-size:13px; color:#343f4b; font-weight:normal; letter-spacing:-0.2px; padding-left:10px; background:url('../images/ico_dot_black.png') no-repeat left 7px; background-size:4px 4px; }

.pc_subject_title{ font-size:28px; height:42px !important; }
.pc_title_sign{ display:inline-block; width:1px; height:16px; margin:0px 6px; background:#fff; vertical-align:0px !important; }
.content_wrap > .pc_subject_title:nth-child(1){ margin-top:0px; }
.pc_normal_title{ color:#333; font-size:16px; font-weight:bold; letter-spacing:-0.6px; margin-top:15px; padding-bottom:15px; }
.tit_lab_th{ color:#333; font-size:16px; font-weight:bold; line-height:22px; letter-spacing:-0.6px; margin-top:18px; padding-bottom:5px; }
.tit_lab_td{ color:#666; font-size:13px; font-weight:normal; line-height:22px; letter-spacing:-0.6px; width:84%; }
.tit_lab_desc{ color:#666; font-size:12px; font-weight:normal; line-height:22px; letter-spacing:-0.2px; width:84%; }

.tit_pline_box{ color:#333; font-size:13px; font-weight:bold; line-height:22px; letter-spacing:-0.6px; padding-bottom:8px; border-bottom:1px solid #acacac; font-family:'맑은고딕','malgun gothic'; }

.sum_result{ color:#1baec5; font-size:17px; font-weight:bold; letter-spacing:0px; }
.small_gray_txt{ margin-top:10px; color:#bbb; font-size:12px; font-weight:normal; letter-spacing:-0.6px; }
.telephone_txt{ margin-top:15px; color:#fff; font-size:28px; font-weight:normal; letter-spacing:-0.6px; }
.pc_top_prod_name{ line-height:14px; font-family:'맑은고딕','malgun gothic'; text-align:right; margin-top:28px; color:#545454; font-size:17.8px; font-weight:bold; letter-spacing:-0.6px; }
.pc_top_prod_name > span{ color:#1baec5; letter-spacing:-1.2px; }
.pc_top_prod_name .number{ color:#333; font-size:20px; letter-spacing:-1.2px; }
.pc_big_title_box{ position:relative; padding-left:30px; padding-top:25px; font-family:'맑은고딕','malgun gothic'; text-align:left; border-bottom:1px #9b9b9b solid; padding-bottom:20px; color:#545454; font-size:22px; font-weight:bold; letter-spacing:-2.0px; line-height:14px; }
.pc_big_title_box em{ color:#1baec5; }
.pc_small_title_box{ padding-top:20px; font-family:'맑은고딕','malgun gothic'; text-align:left; border-bottom:1px #277ab9 solid; padding-bottom:16px; color:#545454; font-size:18px; font-weight:bold; letter-spacing:-2.0px; line-height:14px;}
.pc_small_title_box em{ color:#1baec5; }
.pc_form_comment{ padding-top:13px; text-align:left; color:#999; font-size:13.4px; font-weight:normal; letter-spacing:-1.6px; font-family:'맑은고딕','malgun gothic'; }
.pc_longer_tit{ color:#333; font-size:13px; font-weight:normal; letter-spacing:-0.6px; line-height:19px; font-family:'맑은고딕','malgun gothic'; word-break:keep-all; }
.smt_imp{ font-style:normal; font-size:16px; font-weight:bold; color:#c8145d; letter-spacing:-0.8px; }
.tit_reven_selet{ display:inline-block; padding:10px 0; margin-top:10px; font-style:normal; font-size:14px; font-weight:bold; color:#333; letter-spacing:-0.8px; }
.auth_right_txt{ position:absolute; right:0; top:2px; color:#e92e2e; font-size:13px; font-weight:bold; letter-spacing:1px; }
.assure_tit{ font-size:20px; line-height:18px; text-align:left; margin-top:28px; padding-bottom:15px; color:#545454; font-weight:bold; letter-spacing:-0.6px; font-family:'맑은고딕','malgun gothic'; }

.valid_tit{ display:block; margin-top:10px; font-size:14px; color:#999; font-weight:normal; letter-spacing:-0.8px; line-height:18px; font-family:'맑은고딕','malgun gothic'; }
.valid_tit.red{  color:#e92e2e; }
.valid_tit.black{  color:#333; }
.valid_tit.gray{  color:#666; }
.valid_tit.font_import{ font-size:12px; letter-spacing:-0.8px; font-weight:bold; }
.valid_tit.next_cell{ clear:both; padding-left:30px; margin-top:15px; font-weight:bold; }

.valid_tit.v_ico{ position:relative; color:#666; font-size:14px; letter-spacing:-1.2px; font-weight:bold; padding-left:15px; }
.valid_tit.v_ico > i{ position:absolute; left:0; top:-1px; font-style:normal; color:#666; font-size:12px; font-weight:normal;}

.result_bord_txt{ font-size:14px; letter-spacing:-0.8px; padding:0 15px; }
.result_bord_txt em{ padding-left:6px; font-size:14px; letter-spacing:-0.8px; font-weight:bold; }

.dir_cont_dot dt{ color:#333; letter-spacing:-1px; margin-bottom:8px; }
.dir_cont_dot dd{ padding-left:10px; position:relative; line-height:18px; margin-top:10px; font-size:13px; font-weight:normal; color:#333; letter-spacing:-1px; }
.dir_cont_dot dd:before {width:4px; height:4px; background:#aaa; content:''; display:inline-block; position:absolute; top:7px; left:0px;}

.dir_cont_dot.fonts:first-child{ margin-top:0px; }
.dir_cont_dot.fonts{ margin-top:20px; font-family:'맑은고딕','malgun gothic'; }
.dir_cont_dot.fonts dt{ position:relative; font-size:14px; font-weight:normal; padding-left:10px; word-break:keep-all; }
.dir_cont_dot.fonts dd{ font-size:13px !important; word-break:keep-all; }
.dir_cont_dot.fonts dt:before{ width:4px; height:4px; background:#697a83; content:''; display:inline-block; position:absolute; top:7px; left:0px;}
.dir_cont_dot.fonts dd:before{ width:4px; height:4px; background:none !important; content:'';  }
.dir_cont_dot.fonts dt:last-child{ margin-bottom:0px; }
.minH_60{ min-height:60px; }

.main_title_box{ position:relative; display:block; padding-left:20px; margin-top:25px; text-align:left; color:#333; font-size:15px; font-weight:bold; letter-spacing:-1.0px; line-height:50px; background:#e3f5f8; font-family:'맑은고딕','malgun gothic'; box-sizing:border-box; }
.main_title_box.border{ border-left:1px #1baec5 solid; border-top:1px #1baec5 solid; border-right:1px #1baec5 solid; box-sizing:border-box; }
.cont_title_group .pos_right_btx{ width:auto; position:absolute; right:12px; top:9px;}

.unit_txt_right{ margin-top:30px; text-align:right; font-size:13px; letter-spacing:-0.8px; font-weight:normal; }

.bdr_line_box{ position:relative; min-height:216px; border-left:1px #1baec5 solid; border-right:1px #1baec5 solid; border-bottom:1px #1baec5 solid; padding:20px; width:100%; box-sizing:border-box; }

.ic_one_txt{ position:relative; padding-left:20px; color:#333; font-size:13px; font-family:'맑은고딕','malgun gothic'; }
.ic_one_txt.blue::before{ content:''; display:inline-block; position:absolute; left:0; top:2px; width:15px; height:15px; background:#9ce4f2; border-radius:50%; }
.ic_one_txt.red::before{ content:''; display:inline-block; position:absolute; left:0; top:2px; width:15px; height:15px; background:#f8959a; border-radius:50%; }
.ic_one_txt.purple::before{ content:''; display:inline-block; position:absolute; left:0; top:2px; width:15px; height:15px; background:#cf96ff; border-radius:50%; }

.graph_bx{ position:relative; display:block; margin-top:20px; text-align:left; }
.graph_inner_box{ position:relative; min-height:250px; }

.circle_info{ position:relative; display:block; width:160px; height:160px; background:#f6f6f6; box-shadow:0 2px 3px #7b7b7b; font-size:14px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:50%;  }
.circle_info:after{ content:''; position:absolute; top:50%; left:0; display:block; border-radius:0 0 100px 100px; width:160px; height:80px; background:#ececec; -webkit-box-sizing:border-box; box-sizing:border-box; }
.circle_info .title{ padding-top:47px; text-align:center; color:#333; font-size:16px; font-weight:bold; letter-spacing:-1.0px; line-height:18px;  }
.circle_info .number{ text-align:center; color:#333; font-size:20px; font-weight:bold; letter-spacing:0px; line-height:18px; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%; margin-top:26px; z-index:2; }

.circle_info.totle{ background:#f2fbfc; }
.circle_info.totle:after{ background:#e3f5f8; }

.up{ color:#2b88f7; font-size:14px; font-weight:bold; letter-spacing:0px; }
.down{ color:#fe3b4d; font-size:14px; font-weight:bold; letter-spacing:0px; }


/* datapicker */
.ui-datepicker-year{ margin-right:4px !important; }
.ui-datepicker-year + .ui-datepicker-month{ margin-left:4px !important; }
.ui-datepicker .ui-datepicker-title{ font-size:13px; padding-bottom:0px; }
.ui-datepicker .ui-datepicker-title select{ -webkit-appearance:auto; padding:4px 0; vertical-align:middle; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { border:1px solid #1baec5 !important; background:#1baec5 !important; font-weight:normal; color:#ffffff;}
.ui-datepicker select.ui-datepicker-year{ width:42% !important; }

/* box */
.prod_line_list{ display:block; border:1px solid #d0d0d0; box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff; }
.prod_line_list > li:first-child{ border-top:none !important; }
.prod_line_list > li{ border-top:1px solid #d0d0d0; }
.prod_line_list .ver_align_wrap:nth-child(1){ padding:0; }
.prod_line_list .ver_align_wrap{ padding:6px 0 0; }
.prod_line_list .ver_align_wrap > .left{ vertical-align:top; line-height:18px; }
.prod_line_list .ver_align_wrap > .right{ vertical-align:top; line-height:18px; }

.prod_line_list.type2{ margin-top:20px; }
.prod_line_list.type2 .ver_align_wrap:nth-child(1){ padding:0px 0 10px; }
.prod_line_list.type2 .ver_align_wrap{ border-bottom:1px #e0e0e0 solid; padding:10px 0 10px; }
.prod_line_list.type2 .ver_align_wrap:last-child{ border-bottom:none; padding:10px 0 5px; }
.prod_line_list.type2 .ver_align_wrap > .left{ vertical-align:top; line-height:18px; }
.prod_line_list.type2 .ver_align_wrap > .right{ vertical-align:top; line-height:18px; }

.prod_line_list.type3 > li{ padding:14px 15px; }
.prod_line_list.type3 > li .ver_align_wrap .left{  font-size:14px; }
.prod_line_list.type3 > li .ver_align_wrap .right{ font-weight:bold; font-size:14px; }

.radio_link_box{ position:relative; display:block; padding:14px 15px; overflow:hidden; cursor:pointer; background:#f4f4f4; }
.radio_link_box.on{ background:#fff; }
.radio_link_box.on .chk_radio_bg{ background:url('../images/common/bg_radio.png') no-repeat 0 0; background-size:18px 39px; }
.chk_radio_bg{ display:block; width:18px; height:18px; background:url('../images/common/bg_radio.png') no-repeat 0 -21px; background-size:18px 39px; }
.radio_link_box .ver_align_wrap .right,
.radio_link_box .ver_align_wrap .left{ font-size:13px; letter-spacing:-0.6px; }

.menu_col_list{ display:block; }
.menu_col_list > li:first-child{ margin-top:0px; }
.menu_col_list > li{ margin-top:10px; margin-left:-10px; margin-right:-10px;  }
.col_link_box{ position:relative; display:block; padding:14px 15px; overflow:hidden; cursor:pointer; background:#fff; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; box-sizing:border-box; -webkit-box-sizing:border-box; }

.txt_info_item{ display:block; }
.txt_info_item dt{ color:#333; font-size:14px; font-weight:bold; letter-spacing:-1px; }
.txt_info_item dd{ margin-top:6px; color:#333; font-size:13px; font-weight:normal; line-height:20px; word-break:keep-all;  letter-spacing:-1px; }

.top_area_box.bg_white{ background:#fff; position:relative; font-size:14px; margin:0 -10px; margin-top:10px; line-height:20px;}
.top_area_box.bg_white ul li{ font-size:14px; letter-spacing:-0.6px; word-break:keep-all; }

.pc_line_box{ min-height:50px; padding:10px; border:1px #e2e2e2 solid; }
.pc_line_box > .pc_txt{ padding-left:8px; padding-bottom:10px; color:#333; font-size:14px; font-weight:normal; line-height:18px; letter-spacing:-0.6px; }
.pc_line_box > .pc_txt:last-child{ padding-bottom:4px; }

.pc_valid_box{ margin-top:25px; padding-bottom:30px; }

.base_bg_box{ padding:20px 16px !important; background:#f5f5f5; border-radius:4px; position:relative; font-size:14px; margin-top:30px;  line-height:20px; }

.view_consent_list{ margin-top:20px; }
.view_consent_box{ display:block; margin-top:10px; padding-bottom:10px; border-bottom:1px #e2e2e2 solid; }

.title_bxt_type1{ display:inline-block; min-width:40px; height:22px; padding:0 12px; border-radius:4px; background:#d0dadf; color:#333; font-size:12px; font-weight:normal; line-height:22px; text-align:center; }
.title_bxt_type1.deep_gray{ background:#697a83 !important; color:#fff !important; font-size:12px; }

.addr_result_txt{ height:36px; color:#697a83; font-size:14px; font-weight:bold; margin-top:17px; line-height:22px; letter-spacing:-0.4px; border-bottom:1px solid #97a0a3; padding-left:32px; background:url('../images/post_sm_block.png') no-repeat left top; background-size:24px 24px; }
.addr_result_txt em{ color:#1baec5 !important; font-size:15px; font-weight:bold; }

.read_ico_txt{ height:35px; color:#3d3d3d; font-size:14px; font-weight:bold; margin-top:20px; line-height:22px; letter-spacing:-0.4px; border-bottom:1px solid #97a0a3; padding-left:44px; background:url('../images/bult_blue.png') no-repeat 20px 3px; background-size:16px 16px; }

.addr_result_list{ display:block; height:254px; border-bottom:1px solid #97a0a3; margin-bottom:40px; overflow-y:scroll; }
.addr_result_list > li{ position:relative; padding:15px 0; border-top:1px solid #e0e0e0; }
.addr_result_list > li:first-child{ border-top:none !important; }

.link_addr_txt{ display:inline-block; color:#333; font-size:14px; font-weight:normal; padding-left:12px; line-height:22px; letter-spacing:-0.4px; text-decoration:underline; text-underline-position:under; }
.addr_zip_right{ position:absolute; right:10px; top:50%; margin-top:-12px; color:#333; font-size:14px; font-weight:bold; }

.border_full_bx{ display:block; width:auto; background:#97a0a3; height:1px; margin-top:20px; margin-left:-25px; margin-right:-25px; box-sizing:border-box; -webkit-box-sizing:border-box; }

.policy_box{ background:#f4f4f4; padding:10px 10px; height:70px; text-align:center !important; }
/* .policy_box::before{ content:''; display:inline-block; width:5px; height:5px; vertical-align:1px; margin-right:6px; border-width:2px; border-style:solid; border-radius:5px; background:transparent; border-color:rgb(0, 0, 0); } */
.pol_left_bx{ width:auto; }
.pol_right_bx{ width:auto; float:left; margin-left:20px; }
.pol_right_bx.fixed{ margin-left:135px;}
.btn_right_pos_abs{ position:absolute; right:10px; top:-5px; width:23%; }
.btn_right_pos_abs.half{ position:absolute; right:48%; top:0px; width:10%; }

.detail_accordion_box{ margin-top:30px; margin-left:20px; margin-right:20px; }
.btn_accord_subject{ position:relative; display:block; width:100%; border:1px solid #e0e0e0; background:#eff4f7; text-align:left; }
.btn_accord_subject .sub_txt{ color:#697a83; font-size:14px; font-weight:normal; letter-spacing:-0.6px; padding-left:20px; }
.btn_accord_subject:after{ content:''; width:8px; height:8px; display:inline-block; position:absolute; right:14px; top:12px; border:solid #8b8b8b; border-width:0 3px 3px 0; padding:4px; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all 500ms ease; }
.btn_accord_subject:before{ content:''; width:50px; height:100%; display:inline-block; position:absolute; right:0; top:0; border-left:1px solid #e0e0e0; }

.btn_accord_subject.on:after{ content:''; width:8px; height:8px; display:inline-block; position:absolute; right:14px; top:20px; border:solid #8b8b8b; border-width:0 3px 3px 0; padding:4px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); transition:all 500ms ease; }
.btn_accord_subject.on:before{ content:''; width:50px; height:100%; display:inline-block; position:absolute; right:0; top:0; border-left:1px solid #e0e0e0; }

.detail_content_box{ display:none; margin-left:20px; margin-right:20px; border:1px solid #e0e0e0; padding:10px 20px 30px; }

.tb_nw_group{ padding:0 !important; vertical-align:top !important; height:100% !important; }
.tb_nw_group .tb_nw_list{ position:relative; display:table; width:100%; border-top:1px solid #e0e0e0; }
.tb_nw_group .tb_nw_list:nth-child(1){ border-top:none; }
.tb_nw_group .tb_nw_list li{ display:table-cell; height:61px; vertical-align:middle; text-align:center; word-break:break-all; border-right:1px solid #e0e0e0; }
.tb_nw_group .tb_nw_list li:nth-child(1){ width:22.5%;  }
.tb_nw_group .tb_nw_list li:nth-child(2){ width:37.7%; padding:10px; box-sizing:border-box; }
.tb_nw_group .tb_nw_list li:last-child{ border-right:none; padding:10px; box-sizing:border-box; }

.table_group.tb_scroll_x .tb_nw_group .tb_nw_list li:nth-child(1){ width:22.2%; }
.table_group.tb_scroll_x .tb_nw_group .tb_nw_list li:nth-child(2){ width:39%; }
.table_group.spc_tb{ border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.table_group.spc_tb thead th{ text-align:left; padding-left:20px !important; }
.table_group.spc_tb tbody td{ text-align:left; vertical-align:top; padding-left:20px !important; padding-top:10px !important; padding-bottom:15px !important; }
.table_group.spc_tb tbody td.tb_td:first-child{ background:#fff !important; }


/* tab */
.pc_accord_section{ display:block; }
.pc_accord_list{ position:relative; width:100%; margin-bottom:20px; }
.pc_accord_list .pc_acc_title{ border:1px solid #e1e1e1; border-top-left-radius:14px; border-top-right-radius:14px; }
.pc_accord_list .pc_link_acc{ position:relative; display:block; min-height:52px; padding:18px 25px 10px 16px; font-size:15px; font-weight:normal; color:#333; letter-spacing:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; word-break:keep-all; font-family:'맑은고딕','malgun gothic'; } 
.pc_accord_list .pc_link_acc:after{ content:''; width:25px; height:25px; position:absolute; right:8px; top:50%; margin-top:-12px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition:all 500ms ease; }
.pc_accord_list .pc_link_acc.on::after{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); transition:all 500ms ease; }
.pc_accord_list .pc_link_acc > em{ font-size:14px; font-weight:normal; color:#333; }
.pc_accord_list .pc_acc_content{ display:none; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.pc_accord_list .pc_acc_item{ background:#f0f0f0; padding:10px; font-size:14px; font-weight:normal; color:#7d7d7d; line-height:21px; }
.pc_accord_list .pc_acc_item.detail_job_box{ padding:0; }
.pc_accord_list .pc_acc_last{ padding:10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom-left-radius:14px; border-bottom-right-radius:14px; }
.pc_accord_list:after{ content:""; display:block; clear:both; }
.de_jobs_list li{ padding:10px 14px; border-bottom:1px solid #e1e1e1; }
.de_jobs_list li.on{ background:#fff; }

.pc_accord_list.type3{ margin-bottom:5px; }
.pc_accord_list.type3 .chk_lb_font.big{ width:88%; }
.pc_accord_list.type3 .pc_acc_title{ position:relative; border-top-left-radius:0px; border-top-right-radius:0px; }
.pc_accord_list.type3 .pc_link_acc:after{ content:''; position:absolute; right:12px; top:50%; margin-top:-7px; display:inline-block; width:auto; height:auto; background:none; border:solid #8b8b8b; border-width:0 2px 2px 0; padding:4px; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all 500ms ease; }
.pc_accord_list.type3 .pc_link_acc.on:after{ content:''; top:50%; margin-top:-4px; transform:rotate(-135deg); }
.pc_accord_list.type3.on .pc_acc_title{ border:1px solid #1baec5; }
.pc_accord_list.type3.on .pc_acc_content{ border-left:1px solid #1baec5; border-right:1px solid #1baec5;  }
.pc_accord_list.type3.on .pc_acc_content .de_jobs_list li:last-child{ border-bottom:1px solid #1baec5; }

.pc_tab_box {position:relative; width:100%; height:50px; margin-top:10px; margin-bottom:12px; }
.pc_tab_box > .tab_list{ height:44px; font-size:0; border-bottom:2px solid #1baec5;}
.pc_tab_box > .tab_list li { height:42px; float:left; border:2px solid #c2c2c2; border-bottom:2px solid #1baec5; margin-left:-2px; }
.pc_tab_box > .tab_list li.on + li{ border-left:2px solid #1baec5; }
.pc_tab_box > .tab_list li.on { border:2px solid #1baec5; border-bottom:2px solid #fff; } 
.pc_tab_box > .tab_list li.on button{ background-color:transparent; color:#000 !important; } 
.pc_tab_box > .tab_list button { position:relative; display:block; width:100%; height:42px; padding:0 20px; font-size:14px; color:#333; font-weight:bold; background-color:transparent; border:0; text-align:center; letter-spacing:-1.2px; cursor:pointer; }
.pc_tab_box > .tab_list li:nth-child(1){ border-top-left-radius:6px; }
.pc_tab_box > .tab_list li:last-child{ border-top-right-radius:6px; }
.pc_tab_box > .tab_list.range button{ min-width:160px; }

.pc_tab_box > .tab_list.small li { width:14%; }

.pc_tab_content{ position:relative; width:100%; margin-top:10px; margin-bottom:20px; }
.pc_tab_content .tab_content > li{ display:none; }
.pc_tab_content .tab_content > li.on{ display:block; }

.part1_group{ margin-top:30px; }
.part2_group{ margin-top:30px; }
.part3_group{ margin-top:30px; }
.part4_group{ margin-top:30px; margin-bottom:100px; }

/* paging */
.paging_list{ width:100%; padding-bottom:40px; text-align:center;}
.paging_list{ border-bottom:none;}
.paging_list > li{ padding-bottom:0; }
.paging_list li{ display:inline-block; width:30px; height:30px; line-height:30px; vertical-align:top; }
.paging_list li a{display:inline-block; width:100%; height:100%; font-size:13px; color:#333;  }
.paging_list li .first{ width:30px; height:30px; background:url('../images/page_first.jpg') center center no-repeat; }
.paging_list li .prev{ width:30px; height:30px; background:url('../images/page_prev.jpg') center center no-repeat; }
.paging_list li .next{ width:30px; height:30px; background:url('../images/page_next.jpg') center center no-repeat; }
.paging_list li .end{ width:30px; height:30px; background:url('../images/page_end.jpg') center center no-repeat; }
.paging_list li .on{ color:#f9e9e9; background:#343f4b; border:1px solid #343f4b;}
.paging_list > .page_bx{ border:1px solid #e1e1e1; background:#f6f6f6 }


/* +button */
.btn_small_type1{ position:relative; display:inline-block; width:100px; color:#1baec5; background:#fff; border:1px solid #1baec5; line-height:19px; text-align:center; padding:8px 10px 10px; border-radius:3px; box-shadow:0 1px 3px #7b7b7b; font-size:14px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_small_type1.on{ color:#fff; background:#1baec5; }
.btn_small_type1.refund{ color:#333; border:1px solid #e21f27 !important; }
.btn_small_type1.pay{ color:#333; border:1px solid #1baec5 !important; }
.btn_small_type1.excel{ color:#333; font-weight:normal; border:none !important; padding-left:16px; padding-right:0px; background:url('../images/ico_excel.png') left 46% no-repeat; box-shadow:none; }
.btn_small_type1.excel:before{ content:''; width:80%; height:1px; display:inline-block; position:absolute; left:18%; bottom:6px; background:#a1a4a8; }

.btn_small_type1.download{ color:#333; font-weight:normal; border:none !important; padding-left:16px; padding-right:0px; background:url('../images/ico_download.png') 5% 46% no-repeat; box-shadow:none; }
.btn_small_type1.download:before{ content:''; width:80%; height:1px; display:inline-block; position:absolute; left:18%; bottom:6px; background:#a1a4a8; }

.btn_small_type1.gray_type{ font-weight:bold; letter-spacing:-0.6px; border:1px #d0dadf solid; background:#d0dadf; color:#333; }
.btn_small_type1.gray_type2{ border-radius:0px; font-weight:bold; letter-spacing:-0.6px; border:1px #343f4b solid; background:#343f4b; color:#fff; }
.btn_small_type1.gray_type3{ border-radius:0px; font-weight:bold; letter-spacing:-0.6px; border:1px #697a83 solid; background:#697a83; color:#fff; }

.btn_small_type1.add{ border-radius:0px !important; padding-left:10px; padding-right:0px; background:#d0dadf url('../images/ico_download2.png') 10% 46% no-repeat; }
.btn_small_type1.plus{ padding-left:10px; padding-right:0px; border:1px #697a83 solid; background:#697a83 url('../images/ic_plus.png') 16% 46% no-repeat; }

.btn_big_type1{ position:relative; display:inline-block; min-width:160px; color:#1baec5; background:#fff; border:1px solid #1baec5; line-height:24px; text-align:center; padding:18px 16px 19px; border-radius:8px; font-size:17px; font-weight:bold; box-shadow:0 1px 3px #7b7b7b; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box; }
.btn_big_type1.on{ color:#fff; background:#1baec5; }

.btn_late_calc{ position:relative; display:inline-block; min-width:160px; color:#fff; padding:18px 30px 18px 56px; background:#4f5d67; border:1px solid #4f5d67; line-height:22px; box-shadow:0 1px 2px #000; text-align:left; font-size:16px; font-weight:normal; letter-spacing:-1px; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.btn_late_calc:hover{ background:#000; color:#fff; border-color:#000; }

.btn_late_calc.create::after{ content:''; position:absolute; left:16px; top:20px; width:18px; height:18px; background:url('../images/ico_create.png') center center no-repeat; background-size:18px 18px; }
.btn_late_calc.care::after{ content:''; position:absolute; left:16px; top:20px; width:18px; height:18px; background:url('../images/ico_care.png') center center no-repeat; background-size:18px 18px; }

.btn_cal_birth{ position:relative; display:inline-block; min-width:160px; color:#fff; font-size:17px; line-height:24px; padding:16px 30px 16px 30px; text-align:center; box-shadow:0 2px 3px #212121; font-weight:normal; letter-spacing:-1.6px; background:#1baec5; border:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; font-family:'맑은고딕','malgun gothic'; }
.btn_cal_birth:hover{ background:#000; color:#fff; }

.btn_middle_type1{ position:relative; display:inline-block; min-width:160px; color:#000; background:#ffbc00; border:1px solid #ffbc00; line-height:22px; text-align:center; padding:10px 10px 11px; border-radius:4px; font-size:16px; font-weight:bold; box-shadow:0 1px 3px #7b7b7b; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box; }
.btn_middle_type1.on{ color:#000; background:#ffbc00; }


.btn_middle_type1.search_type{ line-height:22px; font-size:15px; color:#fff; background:#343f4b; letter-spacing:-0.6px; border:1px solid #343f4b; padding-right:5px; }
.btn_middle_type1.search_type{ display:inline-block; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ico_glass.png') no-repeat 16px center; }
.btn_middle_type1.search_type.gray_bg{ background:#dbdbdb; color:#fff; }
.btn_middle_type1.gray_type{ font-size:15px; font-weight:bold; border:1px #4f5d67 solid; background:#4f5d67; color:#fff; }
.btn_middle_type1.gray2_type{ font-size:15px; font-weight:bold; border:1px #d0dadf solid; background:#d0dadf; color:#fff; }
.btn_middle_type1.gray3_type{ background:#f1f1f1; letter-spacing:-0.6px; color:#333; box-shadow:0 1px 2px #a7a6a6; }
.btn_middle_type1.login{ border-radius:0px !important; }
.btn_middle_type1.rg_arw_type{ background:#fff; line-height:24px; border:2px solid #1baec5; border-radius:26px; color:#1baec5; min-width:320px; letter-spacing:-0.2px; }

.btn_middle_type1.confirm{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ico_confirm.png') no-repeat 10px center; }

.btn_middle_type1.return{ display:inline-block; width:auto !important; min-width:160px; padding-left:24px; padding-right:20px; text-align:center; background:#343f4b url('../images/ico_pass_return.png') no-repeat 10px center; }

.btn_middle_type1.approv{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px !important; padding-right:20px; text-align:center; background:#343f4b url('../images/ico_pass_approv.png') no-repeat 10px center; }

.btn_middle_type1.app_complete{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:20px; text-align:center; background:#343f4b url('../images/ico_app_complete.png') no-repeat 14px center; }

.btn_middle_type1.app_return{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ico_app_return.png') no-repeat 14px center; }

.btn_middle_type1.list{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ico_list.png') no-repeat 12px center; }

.btn_middle_type1.sell{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ic_sell.png') no-repeat 13px center; }

.btn_middle_type1.recharge{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:10px; text-align:center; background:#343f4b url('../images/ico_recharge.png') no-repeat 14px center; }

.btn_middle_type1.modify{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; padding-right:6px; text-align:center; background:#343f4b url('../images/ico_modify.png') no-repeat 10px center; }

.btn_middle_type1.delete{ display:inline-block; width:auto !important; min-width:160px; padding-left:20px; text-align:center; background:#d0dadf url('../images/ico_delete.png') no-repeat 10px center; }
.btn_middle_type1.cancel{ display:inline-block; color:#000; width:auto !important; min-width:160px; padding-left:20px; text-align:center; background:#d0dadf url('../images/ico_cancel.png') no-repeat 10px center; }
.btn_middle_type1.serch_type{ background:#fff; border:2px solid #0884cd; border-radius:26px; color:#1baec5; min-width:160px; height:52px; padding:4px 0px 6px 10px; letter-spacing:-0.2px; }

.btn_middle_type1.auth_cancel{ display:inline-block; width:auto !important; min-width:100px; padding-left:42px; text-align:center; border:1px #ffc2bf solid; background:#ffc2bf url('../images/ic_cancle.png') no-repeat 10px center; }

.btn_middle_type1.sys_stop{ display:inline-block; min-width:120px; padding-left:36px; padding-right:20px; text-align:center; background:#d0dadf url('../images/ic_stop.png') no-repeat 10px center; }


.ico_search{ line-height:34px; font-size:15px; color:#333; border-color:#1baec5; background:#fff; letter-spacing:-0.6px; }
.ico_search:before{ content:''; display:inline-block; position:absolute; left:50%; margin-left:-38%; top:50%; margin-top:-12px; width:26px; height:25px; background:url('../images/ico_glass_black.png') no-repeat center center; }

.btn_middle_ico_type{ position:relative; display:inline-block; min-width:90px; width:100%; height:48px; text-align:right; padding:14px 20px 14px 0px; border:0; border-radius:3px; box-shadow:0 1px 2px #a7a6a6; }
.btn_middle_ico_type{ color:#333; font-size:15px; font-weight:bold; background:#f1f1f1; letter-spacing:-0.6px; font-family:'맑은고딕','malgun gothic'; -webkit-box-sizing:border-box; box-sizing:border-box; }
.btn_middle_ico_type.on{ background:#1baec5; color:#fff; box-shadow: 0px 2px 1px #afe1ff; }

.btn_tb_plus{ display:inline-block; width:30px; height:26px; position:absolute; top:0px; right:0px; border:0; background:#00abcb url('../images/ico_plus.png') no-repeat center center; background-size:15px 15px; font-size:0px; text-indent:-9999px; }
.btn_tb_plus.pos_middle{ top:50% !important; margin-top:-14px !important; }
.btn_tb_miuns{ display:inline-block; width:30px; height:26px; position:absolute; top:27px; right:0px; border:0; background:#697a83 url('../images/ico_minus.png') no-repeat center center; background-size:15px 15px; font-size:0px; text-indent:-9999px; }
.btn_tb_miuns.pos_middle{ top:50% !important; margin-top:-14px !important; }

.btn_plus_more{ display:inline-block; padding-left:25px; line-height:30px; background:url('../images/bullet_more.png') no-repeat left 45%; background-size:21px 21px; letter-spacing:-0.8px; color:#000; font-size:13px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; }

.btn_two_box{ width:30%; margin:0 auto; margin-top:80px; }
.btn_three_box{ width:60%; margin:0 auto; margin-top:80px; }

.link_tag{ color:#849ae5; font-size:14px; font-weight:bold; }
.right_triang{ display:inline-block; margin-bottom:10px; letter-spacing:-1px; padding-right:12px; font-size:14px; color:#166fd5; font-weight:bold; }

.btn_inp_cal{ display:inline-block; width:40px; height:36px; position:absolute; top:0px; right:0px; border:0; background:url('../images/main_ico_cal.png') no-repeat center center; background-size:24px 26px; font-size:0px; text-indent:-9999px; }
.btn_inp_del{ display:inline-block; width:40px; height:36px; position:absolute; top:0px; right:0px; background:url('../images/ico_circle_delete.png') no-repeat center center; background-size:18px 18px; font-size:0px; text-indent:-9999px; }
.btn_inp_search{ display:inline-block; width:40px; height:36px; position:absolute; top:0px; right:0px; background:url('../images/btn_search_input.png') no-repeat center center; background-size:21px 21px; font-size:0px; text-indent:-9999px; }

.btn_one_arrow{ position:relative; display:inline-block; min-width:130px; padding:9px 34px 12px 0; text-align:right; color:#545454; font-size:13px; font-weight:bold; letter-spacing:-0.6px;-webkit-box-sizing:border-box; box-sizing:border-box; font-family:'맑은고딕','malgun gothic'; }
.btn_one_arrow:before{ content:''; position:absolute; width:22px; height:22px; right:0px; top:50%; margin-top:-13px; background:#fff; border-radius:12px; box-shadow:0px 2px 6px #585858; }
.btn_one_arrow:after{ content:''; position:absolute; width:4px; height:4px; right:9px; top:50%; margin-top:-6px; border:solid #1baec5; border-width:0 2px 2px 0; padding:1px; transform:rotate(-45deg);  }

.btn_one_arrow.review{ padding-right:80px; }
.btn_one_arrow.review:before{ content:''; position:absolute; right:0px; top:50%; margin-top:-13px; width:68px; height:22px; background:#fff; border-radius:10px; box-shadow:0px 2px 6px #585858; }
.btn_one_arrow.review em{ position:absolute; width:auto; height:22px; line-height:16px; right:22px; top:50%; margin-top:-11px; color:#545454; font-size:12px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; letter-spacing:-1.2px; }

.btn_gray span{ background:#666 !important; border-radius:6px !important; }
.btn_blue span{ background:#005b9a !important; border-radius:6px !important; }

.btn_trash{ position:relative; display:inline-block; min-width:50px; padding:5px 8px 5px 8px; border:1px solid #e21f27 !important; text-align:center; border-radius:3px; background:#fcfcfc; color:#545454; font-size:13px; font-weight:normal; letter-spacing:-0.6px; box-shadow:0 1px 2px #7b7b7b; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'맑은고딕','malgun gothic'; }
/* .btn_trash:before{ content:''; display:inline-block; position:absolute; left:50%; margin-left:-38%; top:50%; margin-top:-8px; width:13px; height:14px; background:url('../images/ic_trash.png') no-repeat center center; } */

.btn_small_round{ position:relative; display:inline-block; min-width:120px; padding:5px 12px 5px 12px; border-radius:4px; border:1px #697a83 solid; text-align:center; background:#fff; color:#343f4b; font-size:13px; font-weight:normal; box-shadow:0 1px 2px #7b7b7b; letter-spacing:-0.6px;-webkit-box-sizing:border-box; box-sizing:border-box; font-family:'맑은고딕','malgun gothic'; }
/* .btn_small_round.masking:before{ content:''; display:inline-block; position:absolute; left:50%; margin-left:-42%; top:50%; margin-top:-8px; width:24px; height:16px; background:url('../images/ico_mask_on.png') no-repeat center center; }
.btn_small_round.masking.off:before{ content:''; display:inline-block; position:absolute; left:50%; margin-left:-42%; top:50%; margin-top:-8px; width:24px; height:16px; background:url('../images/ico_mask_off.png') no-repeat center center; } */
.btn_small_round.masking.off{ color:#697a83; background:#fff; }

/* button align */
.btn_middle_ov2:first-child{ margin-left:0; }
.btn_middle_ov2{ margin-left:10px; }

.btn_left_box{ display:block; text-align:left; margin-top:25px; margin-bottom:25px; }
.btn_center_box{ display:block; text-align:center; margin-top:25px; padding-bottom:25px; }
.btn_right_box{ display:block; text-align:right; margin-top:25px; margin-bottom:25px; }

.al_oj_center{ text-align:center; padding-bottom:20px; margin-top:20px; border-bottom:1px #97a0a3 solid; }
 
.table_group.line_top_black { border-bottom:1px solid #73787d; }

/* table */
.table_group table{ border-collapse:collapse; border-spacing:0; }
.table_group.line_blue{ border-top:1px solid #1baec5; }
.table_group.line_black{ border-top:1px solid #e0e0e0; }
.table_group.row_type2{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.table_group.row_type3{ border-top:1px solid #e0e0e0; }
.table_group.row_type4{ border:1px solid #e0e0e0; border-top:1px solid #97a0a3; border-bottom:1px solid #fff; }


.bx_line_tb{ padding-top:10px; padding-bottom:14px; padding-left:20px; padding-right:20px; border-bottom:1px solid #e0e0e0; margin-left:-20px; margin-right:-20px; }
.table_row_type1{ position:relative; width:100%; word-break:break-all; table-layout:fixed; }
.table_row_type1 > thead > tr > th:first-child,
.table_row_type1 > thead > tr > th:last-child{ border-right:none; }
.table_row_type1 > tbody > tr > th:first-child,
.table_row_type1 > tbody > tr > th:last-child{ border-right:none; }

.table_row_type1 > thead > tr > th.tb_th{ padding:10px 10px; font-size:13px; }
.table_row_type1 > tbody > tr > td.tb_td{ padding:6px 10px; font-size:13px; }
.table_row_type1 > tbody > tr > td.tb_td:first-child{ background:#f4f6fb; }

.table_row_type1 > thead > tr > th,
.table_row_type1 > tbody > tr > th { color:#333; font-size:14px; font-weight:bold; letter-spacing:-0.6px; background:#f4f6fb; }
.table_row_type1 > thead > tr > th,
.table_row_type1 > tbody > tr > th{ padding:15px 10px; vertical-align:middle; text-align:center; line-height:20px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.table_row_type1 > thead > tr > td,
.table_row_type1 > tbody > tr > td{ padding:6px 10px; height:30px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#333; font-size:14px; text-align:center; letter-spacing:-0.6px; vertical-align:middle;}
.table_row_type1 > thead > tr > th~th,
.table_row_type1 > tbody > tr > th~th{ border-left:1px solid #e0e0e0; }
.table_row_type1 > thead > tr > td~td,
.table_row_type1 > tbody > tr > td~td{ border-left:1px solid #e0e0e0; }

.table_row_type1 > tfoot > tr:first-child{ border-top:1px solid #333; }
.table_row_type1 > tfoot > tr > td,
.table_row_type1 > tfoot > tr > td{ padding:12px 10px; height:25px; font-weight:bold; line-height:18px; border-bottom:1px solid #fff; color:#333; font-size:14px; text-align:center; background:#e6ecef; letter-spacing:-0.6px; vertical-align:middle;}
.table_row_type1 > tfoot > tr:first-child{ border-top:2px solid #949393; }

.table_row_type2{ position:relative; width:100%; border-top:1px solid #fff; }
.table_row_type2 > thead > tr > th:first-child,
.table_row_type2 > thead > tr > th:last-child{ border-right:none; }
.table_row_type2 > tbody > tr > th:first-child,
.table_row_type2 > tbody > tr > th:last-child{ border-right:none; }

.table_row_type2 > thead > tr > th,
.table_row_type2 > tbody > tr > th { color:#333; font-size:14px; font-weight:bold; letter-spacing:-0.6px; background:#f6f6f6; }
.table_row_type2 > thead > tr > th,
.table_row_type2 > tbody > tr > th{ padding:12px 10px; vertical-align:middle; text-align:center; line-height:20px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.table_row_type2 > thead > tr > td,
.table_row_type2 > tbody > tr > td{ padding:12px 10px; height:21px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#333; font-size:14px; text-align:center; letter-spacing:-0.6px; vertical-align:middle;}
.table_row_type2 > thead > tr > th~th,
.table_row_type2 > tbody > tr > th~th{ border-left:1px solid #e0e0e0; }
.table_row_type2 > thead > tr > td~td,
.table_row_type2 > tbody > tr > td~td{ border-left:1px solid #e0e0e0; }

.table_row_type2 > tfoot > tr:first-child{ border-top:1px solid #333; }
.table_row_type2 > tfoot > tr > td,
.table_row_type2 > tfoot > tr > td{ padding:12px 10px; height:25px; font-weight:bold; line-height:18px; border-bottom:1px solid #fff; color:#333; font-size:14px; text-align:center; background:#e6ecef; letter-spacing:-0.6px; vertical-align:middle;}
.table_row_type2 > tfoot > tr:first-child{ border-top:2px solid #949393; }

.table_row_type3{ position:relative; width:100%; border-top:1px solid #fff; }
.table_row_type3 > thead > tr > th:first-child,
.table_row_type3 > thead > tr > th:last-child{ border-right:none; }
.table_row_type3 > tbody > tr > th:first-child,
.table_row_type3 > tbody > tr > th:last-child{ border-right:none; }

.table_row_type3 > thead > tr > th,
.table_row_type3 > tbody > tr > th { color:#333; font-size:14px; font-weight:bold; letter-spacing:-0.6px; background:#f6f6f6; }
.table_row_type3 > thead > tr > th,
.table_row_type3 > tbody > tr > th{ position:relative; padding:12px 10px; vertical-align:middle; text-align:center; line-height:20px; border-bottom:1px solid #e0e0e0;  }
.table_row_type3 > thead > tr > td,
.table_row_type3 > tbody > tr > td{ position:relative; padding:10px 10px; height:25px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#333; font-size:14px; text-align:center; letter-spacing:-0.6px; vertical-align:middle;}

.tb_yscroll.scroll86 .table_row_type3{ border-top:none !important; }
.tb_yscroll.scroll86 .table_row_type3 > tbody > tr > td{ padding:6px 10px !important; height:30px !important; font-size:13px !important; }


.table_row_type4{ position:relative; width:100%; border-top:1px solid #e0e0e0; }
.table_row_type4 > thead > tr > th:first-child,
.table_row_type4 > thead > tr > th:last-child{ border-right:none; }
.table_row_type4 > tbody > tr > th:first-child,
.table_row_type4 > tbody > tr > th:last-child{ border-right:none; }

.table_row_type4 > thead > tr > th,
.table_row_type4 > tbody > tr > th { color:#333; font-size:15px; font-weight:bold; letter-spacing:-0.6px; background:#f6f6f6; }
.table_row_type4 > thead > tr > th,
.table_row_type4 > tbody > tr > th{ padding:12px 10px; vertical-align:middle; text-align:center; line-height:20px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.table_row_type4 > thead > tr > td,
.table_row_type4 > tbody > tr > td{ padding:12px 10px; height:21px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#333; font-size:14px; text-align:center; letter-spacing:-0.6px; vertical-align:middle;}
.table_row_type4 > thead > tr > th~th,
.table_row_type4 > tbody > tr > th~th{ border-left:1px solid #e0e0e0; }
.table_row_type4 > thead > tr > td~td,
.table_row_type4 > tbody > tr > td~td{ border-left:1px solid #e0e0e0; }
.table_row_type4 > tbody > tr > td.bg_gray{ background:#f6f6f6; }

.tbl_tbody{overflow-y:scroll; -webkit-overflow-scrolling:touch; position:relative; box-sizing:border-box;}
.scroll150{max-height:168px;}
.scroll185{max-height:185px;}

.tb_yscroll{overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative; box-sizing:border-box;}
.scroll86{max-height:86px;}
.rg_pos_abs{ position:absolute; right:5px; top:50%; margin-top:-15px; }

.table_col_type1{ position:relative; width:100%; }
.table_col_type1 > thead > tr > th,
.table_col_type1 > tbody > tr > th { color:#333; font-size:14px; font-weight:bold; letter-spacing:-0.6px; background:#f4f6fb; }
.table_col_type1 > thead > tr > th,
.table_col_type1 > tbody > tr > th { padding:15px 10px; vertical-align:middle; text-align:left; line-height:20px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.table_col_type1 > thead > tr > td,
.table_col_type1 > tbody > tr > td { padding:6px 10px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#333; font-size:14px; text-align:center; letter-spacing:-0.6px; word-break:break-all; vertical-align:middle;}
.table_col_type1 > thead > tr > td.left,
.table_col_type1 > tbody > tr > td.left{ text-align:left; }
.table_col_type1 > thead > tr > th~th,
.table_col_type1 > tbody > tr > th~th{ border-left:1px solid #e0e0e0; }

.table_col_type2 th.tb_th{ padding:10px 15px; font-size:13px; }
.table_col_type2 td.tb_td{ padding:6px 15px; font-size:13px; }


.table_col_type2{ position:relative; width:100%; }
.table_col_type2 > thead > tr > th,
.table_col_type2 > tbody > tr > th { color:#333; font-size:14px; font-weight:bold; letter-spacing:-0.6px; }
.table_col_type2 > thead > tr > th,
.table_col_type2 > tbody > tr > th { padding:15px 10px; vertical-align:middle; text-align:left; line-height:20px; }
.table_col_type2 > thead > tr > td,
.table_col_type2 > tbody > tr > td { position:relative; padding:0 10px; line-height:12px; color:#333; font-size:14px; text-align:left; letter-spacing:-0.6px; word-break:break-all; vertical-align:middle;}
/* .table_col_type2 > tbody > tr > td { position:relative; padding:6px 20px; height:40px; line-height:18px; color:#333; font-size:14px; text-align:left; letter-spacing:-0.6px; word-break:break-all; vertical-align:middle;}*/
.table_col_type2 > thead > tr > td.left,
.table_col_type2 > tbody > tr > td.left{ text-align:left; }
.table_col_type2 .fir_th{ background:#f4f6fb; padding:12px 5px 10px 25px; font-weight:bold; text-align:left; }
.table_col_type2 > thead > tr,
.table_col_type2 > tbody > tr{ border-bottom:1px solid #e0e0e0; }
.table_col_type2 span{ vertical-align:middle; }
.table_col_type2 .border_rg{ border-right: 1px solid #e0e0e0; }

.top_search{ min-height:60px; padding:0px 0px; background:#fff;}

.calendar table th, .calendar table td{line-height:20px !important; text-align:center !important; padding:0px 0px !important; border-bottom:none !important;  }
.calendar table th a, .calendar table td a{text-decoration:none;}

#openbox_a,#openbox_b,#openbox_c{ display:none; }
#inp_type_a,#inp_type_b,#inp_type_c,#inp_type_d,#inp_type_e{ display:none; }


/* table common */
.table_group .disabled{ color:#9b9b9b !important; }
.table_group .bg_gray{ background:#f8f8f8; }
.table_group .pc_tb_column{ display:table-row; }
.table_group .tb_left{ text-align:left; }
.table_group .tb_right{ text-align:right; }
.table_group .inner_sum{ color:#1baec5; font-size:14px; font-weight:bold; }
.table_group .inner_txt{ color:#333; font-size:14px; font-weight:bold; }


/* Board */
.list_board{ width:100%; border-collapse:collapse; border-spacing:0; }
.list_board td{font-size:15px;}
.list_board a:hover{ text-decoration:underline; }
.list_board tr{ border-bottom:1px solid #acacac; }
.list_board td{ text-align:left; background:#fff; padding:15px 0; padding-top:20px; font-size:13px; }

.list_board thead th{ font-size:14px; padding:15px 0; padding-top:18px; }


/* input */
.pc_input{ position:relative; width:200px; height:36px; color:#333; font-size:14px; font-weight:normal; padding:6px 10px 6px 11px; border:1px solid #d0d0d0; vertical-align:middle; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'맑은고딕','malgun gothic'; }
.pc_input::placeholder { font-size:14px; color:#999; letter-spacing:-0.4px; font-family:'맑은고딕','malgun gothic'; }
.pc_input::-webkit-input-placeholder { font-size:14px; color:#999; letter-spacing:-0.4px; font-family:'맑은고딕','malgun gothic';}
.pc_input:-ms-input-placeholder { font-size:14px; color:#999; letter-spacing:-0.4px; font-family:'맑은고딕','malgun gothic';}
.pc_input:-mos-input-placeholder { font-size:14px; color:#999; letter-spacing:-0.4px; font-family:'맑은고딕','malgun gothic';}
 
.pc_input:focus{ border:1px #1baec5 solid; }
.pc_input+label{ font-size:14px; color:#999; font-weight:200; position:absolute; top:10px; left:6px; }
.pc_input.cal{ width:100% !important; }

.pc_input.sum{ text-align:right; }

.input_group{ position:relative; display:inline-block; }
.input_group.on > label{ display:none; }
.pc_input:focus+label{ display:none; }

input:disabled,
input[disabled=disabled],
input[readonly=readonly]{ background:#ececec; color:#97a0a3;}


input:disabled + .btn_inp_cal,
input[disabled=disabled] + .btn_inp_cal,
input[readonly=readonly] + .btn_inp_cal,
input:disabled + .btn_inp_del,
input[disabled=disabled] + .btn_inp_del,
input[readonly=readonly] + .btn_inp_del,
input:disabled + .btn_inp_search,
input[disabled=disabled] + .btn_inp_search,
input[readonly=readonly] + .btn_inp_search{ opacity:0.4; }

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.pc_input.login{ font-size:18px; height:50px; border:none; border-bottom:2px solid #97a0a3; }
.pc_input.sml_login{ font-size:14px; border:none; border-bottom:2px solid #97a0a3; }
.btn_inp_del.login{ top:4px !important; background-size:24px 24px !important; }

/* File input */
.file_input label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; min-width:100px; padding:0 12px; height:36px; background:#697a83; color:#fff; text-align:center; line-height:36px;}
.file_input label input { position:absolute; width:0; height:0; overflow:hidden; }
.file_input input[type=text] { vertical-align:middle; display:inline-block; min-width:400px; height:36px; line-height:36px; font-size:12px; padding:0; border:1px solid #d0d0d0; box-sizing:border-box; }

.file_list li:first-child{ margin-top:20px; }
.file_list li{ font-size:14px; color:#333; font-weight:normal; font-family:'맑은고딕','malgun gothic'; padding-bottom:10px; }
.file_remove{ display:inline-block; width:28px; height:26px; vertical-align:8px; background:url('../images/ico_cancel.png') no-repeat center center; font-size:0px; text-indent:-9999px; }

.attach_box:first-child{ margin-top:20px; }
.attach_box{ margin-top:10px; }

/* inp == d */
.pc_input.sex_inp+label.sex_lb{ position:absolute; top:13px; left:8px; }
.pc_input.dir_type{ height:36px; border:2px solid #999; }
.dir_input_tit{ display:block; margin-bottom:13px; font-size:13.8px; font-weight:bold; color:#333; letter-spacing:-0.6px; font-family:'맑은고딕','malgun gothic'; }

.input_serch_type{ display:inline-block; background:#fff; border:2px solid #0884cd !important; border-radius:26px; font-size:16px; color:#ccc; font-weight:bold; width:100%; height:52px !important; padding:4px 20px 6px !important; letter-spacing:-0.2px; }
.input_serch_type::placeholder{ font-size:16px; color:#999; font-weight:bold; word-break:keep-all !important; }

/* radio */
.pc_radio{ display:inline-block; margin:0; color:#333; font-size:13px; position:absolute; z-index:-1; opacity:0; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.pc_radio+label::before{ content:''; display:inline-block; position:absolute; left:0; top:-1px; width:24px; height:24px; background:url('../images/pc_bg_radio_off.png') no-repeat center center; z-index:0; }
.pc_radio:checked+label::before{ background:url('../images/pc_bg_radio_on.png') no-repeat center center; }
.pc_radio:focus+label span{ color:#333 !important; }

.pc_lb_radio{ position:relative; display:inline-block; vertical-align:middle; padding:0 0 0 20px; min-height:24px; line-height:20px; color:#333; cursor:pointer; font-weight:normal; }
.pc_lb_radio > span{ margin-left:10px; font-size:14px; font-weight:normal; font-family:'맑은고딕','malgun gothic';}
.pc_radio.inp_type2+label.pc_lb_radio{ padding-left:26px; }

.pc_radio:disabled + .pc_lb_radio,
.pc_radio[disabled=disabled] + .pc_lb_radio,
.pc_radio[readonly=readonly] + .pc_lb_radio{ opacity:0.4;}




/* checkbox */
.pc_chkbox_type1{ width:1px; height:1px; opacity:0; position:absolute; }
.pc_chkbox_type1 + label{ position:relative; z-index:1; display:inline-block; padding:1px 0 0 32px; color:#333; font-size:14px; font-family:'맑은고딕','malgun gothic'; vertical-align:middle; min-height:20px; line-height:20px; cursor:pointer; word-break:keep-all; }
.pc_chkbox_type1.alone + label{ padding:0 0 0 20px !important; }
.pc_chkbox_type1:disabled + label{ color:#999; }
.pc_chkbox_type1:disabled + label::after{ border:1px solid #d2d2d2; background:#f5f5f5; }
.pc_chkbox_type1 + label:after{content:''; position:absolute; left:0; top:0; width:24px; height:24px; border-radius:4px; background:#fff; border:1px solid #bababa; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

.pc_chkbox_type1.obj_none + label:after{content:''; position:absolute; left:0; top:0; width:0px !important; height:0px !important; border-radius:0px !important; background:none !important; border:none !important; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;} 
.pc_chkbox_type1.obj_none + label{ padding-left:0 !important; cursor:auto !important; }
.pc_chkbox_type1.obj_none + label:before{ content:''; position:absolute; left:5px; top:5px; z-index:1; width:0px !important; height:0px !important; border:none !important; border-top:none; border-right:none; }

.pc_chkbox_type1 + label:before{ content:''; position:absolute; left:5px; top:5px; z-index:1; width:12px; height:6px; border:3px solid #cecece; border-top:none; border-right:none; }
.pc_chkbox_type1 + label:before{-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition:-moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);-webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.pc_chkbox_type1[type="checkbox"]:checked + label:after{ background:#ffbc00; border:1px solid #ffbc00; }
.pc_chkbox_type1[type="checkbox"]:checked + label:before{ border-color:#fff; -webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.pc_chkbox_type1[type="checkbox"]:disabled + label::after{ opacity:0.4; }

.pc_chkbox_type1[type="checkbox"]:focus+label:after{ border-color:#bababa; }


.pc_chkbox_type2{ width:1px; height:1px; opacity:0; position:absolute; }
.pc_chkbox_type2 + label{ position:relative; z-index:1; display:inline-block; padding:1px 32px 0 0; color:#333; font-size:14px; font-family:'맑은고딕','malgun gothic'; vertical-align:middle; min-height:20px; line-height:20px; cursor:pointer; }
.pc_chkbox_type2:disabled + label{color:#999; }
.pc_chkbox_type2:disabled + label:after{ border:1px solid #d2d2d2; background:#f5f5f5; }

.pc_chkbox_type2 + label:after{ content:''; position:absolute; right:0; top:0; width:24px; height:24px; border-radius:4px; background:#fff; border:1px solid #bababa; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.pc_chkbox_type2 + label:before{ content:''; position:absolute; right:5px; top:5px; z-index:1; width:12px; height:6px; border:3px solid #cecece; border-top:none; border-right:none;}
.pc_chkbox_type2 + label:before{-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition:-moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);-webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1); transform:rotate(-45deg) scale(1, 1);}
.pc_chkbox_type2[type="checkbox"]:checked + label:after{ background:#ffbc00; border:1px solid #ffbc00; }
.pc_chkbox_type2[type="checkbox"]:checked + label:before{border-color:#fff; -webkit-transform:rotate(-45deg) scale(1, 1); -moz-transform:rotate(-45deg) scale(1, 1); -ms-transform:rotate(-45deg) scale(1, 1); -o-transform:rotate(-45deg) scale(1, 1);transform:rotate(-45deg) scale(1, 1);}
.pc_chkbox_type2[type="checkbox"]:focus+label:after{ border-color:#bababa; }
.pc_chkbox_type2[type="checkbox"]:disabled + label::after{ opacity:0.4; }

.chk_stit{ font-size:18px !important; letter-spacing:-1.2px; font-weight:bold; color:#333; line-height:22px; }
.chk_btit{ font-size:14px !important; letter-spacing:-0.6px; font-weight:bold; }

/* combobox */
.pc_combo_switch_box{ position:relative; display:inline-block; width:52px; height:30px; }
.pc_combo_switch_box .pc_switch_input[type="checkbox"]{ display:inline; visibility:hidden; }
.pc_combo_switch_box .pc_left_txt{ position:absolute; min-width:100px; text-align:right; top:6px; right:62px; color:#333; font-size:15px; font-weight:normal; font-family:'맑은고딕','malgun gothic'; line-height:14px; }

.pc_combo_switch_box .pc_label_id { position:absolute; left:0; top:0; cursor:pointer; text-indent:-9999px; width:52px; height:27px; background:#4c4c4c; box-shadow: 0 1px 2px #a59999 inset; display:block; border-radius:100px; }
.pc_combo_switch_box .pc_label_id:after {content: ''; position:absolute; top:1px; left:1px; width:24px; height:24px; background:#d6d6d6; border-radius:90px; transition:all 0.3s; box-shadow:0px 1px 3px #666666;}
.pc_combo_switch_box .pc_switch_input:checked + label { background:#4c4c4c; }
.pc_combo_switch_box .pc_switch_input:checked + label:after { transform:translateX(26px); background:#1baec5;}
.pc_combo_switch_box .pc_switch_input:active:after {width:130px;}

/* textarea */
.textarea_box{ width:100%; padding:10px; border:1px #ddd solid; background:#fff; min-height:140px; box-sizing:border-box; letter-spacing:0px; font-size:14px; color:#222; font-family:'Dotum', 'Noto Sans KR', 'Malgun Gothic', 'AppleGothic', sans-serif; }
.textarea_box::placeholder{ font-size:14px; color:#999; word-break:keep-all !important; }
.textarea_box:focus{ border:1px #1baec5 solid; }

/* select */
.pc_select{ position:relative; width:260px; height:36px; color:#333; font-size:14px; font-weight:normal; text-align:left; vertical-align:middle; padding:5px 30px 6px 8px; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'맑은고딕','malgun gothic'; }
.pc_select{ border:1px solid #d0d0d0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; background:#fff url('../images/pc_ico_black_arr.png') no-repeat; background-position:calc(100% - 8px) center; zoom:1; }
@media \0screen{ .pc_select{ background:none !important; } }
.pc_select::-ms-expand{ display:none; }
.pc_select option{ min-height:1.2em; padding:0px 2px 1px; color:#333; }
.pc_select.pc_error{ border:2px solid #ff0000 !important; }
.pc_select:focus{ border-color:#1baec5 !important; }
.pc_select.dir_type{ border:2px solid #999 !important; background:url('../images/pc_ico_black_arr.png') no-repeat; background-position:calc(100% - 10px) center; zoom:1; }
.pc_select option[value=""][disabled]{ display:none; }
.pc_select:not(:focus):invalid{ color:#999; }

select:disabled,
select[disabled=disabled],
select[readonly=readonly]{ background:#ececec url('../images/pc_ico_black_arr.png') no-repeat; background-position:calc(100% - 8px) center; color:#97a0a3;}


/* popup */
#popupWrap{overflow:visible; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
#popupWrap.back_none{ background:#fff !important}

.popTitle{ height:56px; line-height:54px; color:#fff; font-weight:bold; font-size:20px; padding-left:25px; background:#343f4b;}
.pop_content{ padding:25px 25px 0 25px; max-height:600px; overflow-y:auto;}
.pop_content:after{ content:''; position:absolute; left:0px; top:54px; width:100%; height:2px; box-shadow: 0px 2px 12px #000000; }

.pc_pop_group #popupWrap{ overflow-y:auto; background:url('../images/bg_black.png') repeat !important; }
.pc_pop_group .btn_pop_close{ display:block; width:22px; height:22px; position:absolute; right:25px; top:16px; text-indent:-9999px; background:url('../images/ico_close_white.png') no-repeat center center; }

.pop_container_stand .pop_content_box{overflow:visible; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
.pop_container_stand .pop_content_box{ overflow-y:auto; background:url('../images/bg_black.png') repeat !important; }
.pop_container_stand .btn_pop_close{ display:block; width:22px; height:22px; position:absolute; right:25px; top:16px; text-indent:-9999px; background:url('../images/ico_close_white.png') no-repeat center center; }


.popupWrap.alert_pop{width:500px !important; border-radius:10px; border:none !important;}
.popup_cont{position:relative; padding:25px 40px 0px 40px; overflow-y:auto; -webkit-box-flex:1; -webkit-overflow-scrolling:touch;}
.popup_foot{width:100%; padding:30px 40px 25px; box-sizing: border-box; -webkit-box-flex:0;}
.popup_foot:after{content:"";display:block;clear:both;}
.popup_foot .btn_left{float:left;}
.popup_foot .btn_right{float:right;}

.popupWrap{ width:680px; margin:0 0; background:#fff; position:relative; z-index:999; }
.popupWrap.big_type{ width:1000px; }
.popupWrap.full_type{ width:1120px; }
.popupWrap.middle_type{ width:830px; }
.popupWrap.large_size{ width:1000px; }
.popupWrap.dir_type{ display:block; }
.popupWrap.dir_type .pop_top_title{ height:66px; letter-spacing:-2px; padding-left:32px; padding-top:6px; background: #fff; color:#333; font-size:22px; font-weight:bold; border-bottom:1px #c7c7c7 solid; box-shadow:0px 1px 4px #b9b9b9; box-sizing:border-box; -webkit-box-sizing:border-box; }

.popupWrap.dir_type .pop_dir_bottom{ height:64px; background:#1baec5; font-size:0; }
.popupWrap.dir_type .btn_pop_bottom_enter{ width:100%; height:64px; text-align:center; padding:12px 0; background:transparent; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px;  }
.popupWrap.dir_type .btn_pop_bottom_cancle{ width:100%; height:64px; text-align:center; padding:12px 0; background:#4c4c4c; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px;  }
.popupWrap.dir_type .pop_dir_bottom.btn_both .btn_pop_bottom_enter{ width:70%; }
.popupWrap.dir_type .pop_dir_bottom.btn_both .btn_pop_bottom_cancle{ width:30%; }

.popupWrap.dir_type .pop_content{ padding:30px 30px 40px; line-height:14px; overflow-y:auto;}  /* max-height:600px; */
.popupWrap.big_type .pop_content{ padding-bottom:0; } /* min-height:600px; */
.popupWrap.dir_type .pop_content.medium_size{ padding:30px 30px 30px; max-height:320px; overflow-y:auto;}
.popupWrap.dir_type .pop_content.pop_large_size{ padding:30px 30px 30px; max-height:500px; overflow-y:auto; }

.dir_pop_cont_info{ font-family:'맑은고딕','malgun gothic'; }
.dir_pop_cont_info dt{ font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:12px; font-family:'맑은고딕','malgun gothic'; }
.dir_pop_cont_info dd{ line-height:22px; margin-top:20px; font-size:16px; font-weight:normal; color:#333; letter-spacing:-1px; font-family:'맑은고딕','malgun gothic'; }
.dir_pop_cont_info dd.sum_right{ margin-top:30px; text-align:right; font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px; font-family:'맑은고딕','malgun gothic'; }

.direct_content .slimScrollDiv{z-index:1;}
.direct_content .slimScrollBar{ width:6px !important; opacity:1 !important; border-radius:0px !important; right:0px !important; background:#1baec5 !important; }
.direct_content .slimScrollRail{ width:6px !important; background:#dfdfdf !important; opacity:1 !important; right:0px !important; border-radius:0px !important; }

.ipop_title{ font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:20px; font-family:'맑은고딕','malgun gothic'; }

.dir_right_price{ margin-top:25px; text-align:right; font-size:17px; font-weight:normal; color:#333; letter-spacing:-0.4px; line-height:22px; margin-bottom:10px; font-family:'맑은고딕','malgun gothic'; }

.cont_pop_block{ display:block; }

/* Layer Small Popup */
.pc_layer_ifo{ position:fixed; display:none; left:50%; bottom:-200px; width:620px; background:#fff; border-radius:6px; box-shadow:0 3px 10px 1px rgba(0, 0, 0, 0.3); z-index:11; }
.layer_container{ position:relative; }
.layer_container .layer_content{ min-height:160px; background:#fff; }
.layer_container .layer_content .lay_con{ display:block; padding:15px 10px;}
.layer_container .layer_content .lay_con.scroll{ max-height:440px; overflow-y:auto; overflow-x:hidden; }

.layer_container.direct .layer_content{ min-height:160px; background:#fff; border-radius:6px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; box-shadow:0 3px 10px 1px rgba(0, 0, 0, 0.3); }
.layer_container.direct .lay_header{ padding:14px 20px 0; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px; height:50px; border-bottom:1px #ddd solid; box-sizing:border-box; -webkit-box-sizing:border-box;  }
.layer_container.direct .layer_content .lay_con{ display:block; padding:15px 20px 10px;}
.layer_container.direct .layer_content .lay_bottom{ height:45px; background:#1baec5; font-size:0; border-bottom-right-radius:8px; border-bottom-left-radius:8px; }
.layer_container.direct .layer_content .lay_bottom.bottom_round{ background:none; }

.layer_container.direct .layer_content .lay_bottom.btn_both .btn_pop_bottom_cancle{ width:40% !important; background:#4c4c4c; }
.layer_container.direct .layer_content .lay_bottom.btn_both .btn_pop_bottom_enter{ width:60% !important; background:#1baec5; }
.layer_container.direct .layer_content .btn_pop_bottom_cancle{ width:100%; text-align:center; padding:12px 0; background:transparent; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; } 
.layer_container.direct .layer_content .btn_pop_bottom_enter{ width:100%; text-align:center; padding:12px 0; background:transparent; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; } 

/* 공사중 */
.checking_cont {width:995px; min-height:650px; margin:0 auto; text-align:center}
.checking_cont .tit {padding-top:100px; }
.checking_cont .tit strong {display:block; margin:0 auto; font-family:"NanumBarunGothic"; font-size:26px}
.checking_cont .tit p {margin-top:40px; font-size:18px; letter-spacing:-1px}

.checking_cont .tbl_line {width:733px; margin:35px auto 0}
.checking_cont .tbl_line table{ width:100%; }
.checking_cont .tbl_line th, .checking_cont .tbl_line td {padding:10px; border-top:1px solid #edeae7; background:#fff; font-size:14px; font-weight:bold; text-align:left}
.checking_cont .tbl_line th {padding-left:95px}
.checking_cont .tbl_line td {padding-left:50px; border-left:1px solid #edeae7}
.checking_cont .tbl_line .btm_bdr th, .checking_cont .tbl_line .btm_bdr td {border-bottom:1px solid #edeae7}
.checking_cont .tbl_line p {text-align:left; padding:20px 0 0 95px}

.txt_hp{ line-height:32px; font-size:18px; margin-top:40px; }

/* animation */

@media (max-width:746px) {
    .top_cont_bx .right{ display:none; }
}
@media (max-width:656px) {
    .bottom_cont_bx .right{ display:none; }
}


#loading { position:relative; display:inline-block; width:50px; height:50px; border:3px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite; }
.loading { position:relative; display:inline-block; width:50px; height:50px; border:3px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite; }

@keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
}

/* ToolTip */
.tooltip_bx{ position:relative; }
.ui-tooltip-content { font-size:13px; color:#333; letter-spacing:0px; font-family:'맑은고딕','malgun gothic';}


[data-tooltip-text]:hover {position:relative;}

[data-tooltip-text]:hover:after { background-color:#000; background-color:rgba(0, 0, 0, 0.8); -webkit-box-shadow:0px 0px 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow:0px 0px 3px 1px rgba(50, 50, 50, 0.4); box-shadow:0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    color:#fff; font-size:12px; content:attr(data-tooltip-text);
    white-space:pre; margin-bottom:10px; top:130%; left:0; padding:7px 12px; position:absolute; width:auto; width:130px; word-wrap:break-word; z-index:9999; }

/* Des Lay + */
.obj_abs_right.w_50.top_25{ top:15px !important; }
.obj_abs_right.w_40.top_25{ top:15px !important; }
.wiz_138{ width:138px; }
.wiz_60{ width:60px; }
.auto_wbx > li:first-child{ padding-left:0 !important; }
.auto_wbx > li{ padding-top:20px; padding-left:4%; }

@media only screen and (max-width:1685px) {
    .auto_wbx > li:nth-child(3){ clear:both; padding-top:10px; padding-left:0%;}
    .auto_wbx > li:nth-child(4){ padding-top:10px;}
}
