@charset "utf-8";
/*****************************************************************
Font
*****************************************************************/
@font-face{
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:300;
  src:url(../fonts/NotoSans-Light.eot),
    url(../fonts/NotoSans-Light.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSans-Light.woff) format('woff'),
    url(../fonts/NotoSans-Light.otf) format('opentype');
  }
  @font-face{
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:400;
  src:url(../fonts/NotoSans-Regular.eot),
    url(../fonts/NotoSans-Regular.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSans-Regular.woff) format('woff'),
    url(../fonts/NotoSans-Regular.otf) format('opentype');
  }
  @font-face{
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:500;
  src:url(../fonts/NotoSans-Medium.eot),
    url(../fonts/NotoSans-Medium.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSans-Medium.woff) format('woff'),
    url(../fonts/NotoSans-Medium.otf) format('opentype');
  }
  @font-face{
  font-family:'Noto Sans';
  font-style:normal;
  font-weight:700;
  src:url(../fonts/NotoSans-Bold.eot),
    url(../fonts/NotoSans-Bold.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSans-Bold.woff) format('woff'),
    url(../fonts/NotoSans-Bold.otf) format('opentype');
  }
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:100;
  src:url(../fonts/Roboto-Thin.woff2) format('woff2'),
    url(../fonts/Roboto-Thin.woff) format('woff'),
    url(../fonts/Roboto-Thin.otf) format('opentype');
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:300;
  src:url(../fonts/Roboto-Light.woff2) format('woff2'),
    url(../fonts/Roboto-Light.woff) format('woff'),
    url(../fonts/Roboto-Light.otf) format('opentype');
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  src:url(../fonts/Roboto-Regular.woff2) format('woff2'),
    url(../fonts/Roboto-Regular.woff) format('woff'),
    url(../fonts/Roboto-Regular.otf) format('opentype');
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  src:url(../fonts/Roboto-Medium.woff2) format('woff2'),
    url(../fonts/Roboto-Medium.woff) format('woff'),
    url(../fonts/Roboto-Medium.otf) format('opentype');
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  src:url(../fonts/Roboto-Bold.woff2) format('woff2'),
    url(../fonts/Roboto-Bold.woff) format('woff'),
    url(../fonts/Roboto-Bold.otf) format('opentype');
}
/*****************************************************************
Reset
*****************************************************************/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,input,textarea,select,button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{color:#222;text-decoration:none;cursor:pointer}
button{border:none;background:none;cursor:pointer}
table{width:100%;border-collapse:collapse;border-spacing:0; table-layout:fixed;}
/*****************************************************************
Normalize
*****************************************************************/
body,html{min-width:1280px; height:100%;}
.win_pop body,html{min-width:inherit}
body{line-height:24px;font-size:15px;font-family:'Roboto','Malgun Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-weight:400;color:#222;letter-spacing:-0.5px;word-break:normal;-webkit-text-size-adjust:none;vertical-align:baseline;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{vertical-align:top; width:100%;}
input[type=text]::-ms-clear{display:none}
caption, legend, .offscreen{position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(1px 1px 1px 1px)!important;clip:rect(1px,1px,1px,1px)!important}
input[type=number]::-ms-clear{display:none}
::-webkit-input-placeholder{font-weight:400;color:#ccc;opacity:1; font-size:15px;}
:-moz-placeholder{font-weight:400;color:#ccc; font-size:15px;opacity:1}
::-moz-placeholder{font-weight:400;color:#ccc; font-size:15px;opacity:1}
:-ms-input-placeholder{font-family:'Roboto'!important;font-weight:400!important;color:#ccc!important;opacity:1;  font-size:15px;}
input[type=text]:focus::-webkit-input-placeholder{visibility:hidden}
input[type=text]:focus:-moz-placeholder{visibility:hidden}
input[type=text]:focus::-moz-placeholder{visibility:hidden}
input[type=text]:focus:-ms-input-placeholder{visibility:hidden}

select,
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=file]{-webkit-appearance:none;}

input[type=number]::-webkit-inner-span-button {cursor:pointer;}
.inline_block {display:inline-block !important;}
.inline_block2 {display:inline-block !important; vertical-align:middle;}
/*****************************************************************
Print
*****************************************************************/
@media print{
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}
body, html{min-width:1000px;height:auto}
#header, #aside, #footer, .breadcrumbs_container{display:none}
#container{width:auto;margin-top:0}
#content{float:none;width:auto;padding-bottom:0}
body>.dialog.show{position:relative;background:none;left:auto;top:auto;bottom:auto;right:auto}
body>.dialog.show .dialog_table{position:relative}
body>.dialog.show .dialog_wrap{width:auto;padding:0}
}

/*****************************************************************
button
*****************************************************************/
.btn {position: relative; display: inline-block; text-align: center; cursor: pointer; -webkit-appearance: none; overflow: hidden; vertical-align: middle; font-weight: 400; border:1px solid transparent;}
.btn+.btn {margin-left:3px;}
.btn.search {position:relative;min-width:50px;}
.btn.search i {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../images/ico_search_btn_big.png) no-repeat 0 0; width:20px; height:20px;}
.btn.delete {position:relative; min-width:50px; margin-left:5px;}
.btn.delete i {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../images/ico_delete_btn_off.png) no-repeat 0 0; width:24px; height:24px;}
.btn.confirm {position:relative;min-width:50px;}
.btn.confirm i {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../images/ico_pop_confirm.png) no-repeat 0 0; width:23px; height:23px;}
.btn.bc1 {background:#0067ca; border-color:#0067ca; color:#fff;}
.btn.bc2 {background:#fff; color:#999; border-color:#999;}
.btn.bc2.color {color:#222;}
.btn.bc2.color2 {color:#666;}
.btn.bc3 {background:#2d2d2d; color:#fff; border-color:#2d2d2d;}
.btn.bc4 {background:#ccc; color:#fff;border-color:#ccc;}
.btn.bc4.color {color:#666;border-color:#666;}
.btn.bc4.color2 {background:#f7f7f7; border-color:#ccc; color:#666;}
.btn.bc5 {background:#fff; border-color:#0067ca; color:#0067ca;}
.btn.bc6 {background:#fff; border-color:#999; color:#666;}
.btn.bc7 {background:#f7f7f7; border-color:#ccc; color:#666;}
.btn.bc1:hover {background:#005d9c;}
.btn.bc2:hover {color:#0067ca; border-color:#0067ac;}
.btn.bc3:hover {background:#222; border-color:#222;}
.btn.bc6:hover {background:#fff; border-color:#0067ca; color:#0067ca;}

.btn.bs1 {height:40px; line-height:38px; padding:0 15px; font-weight:500; border-radius:4px;}
.btn.bs2 {height:55px; line-height:53px; padding:0 15px; font-weight:500; border-radius:4px;}
.btn.bs3 {height:60px; line-height:58px; padding:0 15px; font-weight:500; border-radius:4px;}
.btn.bs4 {height:30px; line-height:28px; padding:0 15px; font-weight:500; border-radius:4px;}
.btn.bs5 {height:20px; line-height:20px; padding:0 5px; font-weight:500; border-radius:4px; font-size:11px;}

.icon_btn {position:relative; height:30px; line-height:28px; padding:0 15px; font-weight:500; border-radius:4px; font-size:11px; padding-left:38px; border:1px solid #ccc; border-radius:4px; color:#222; background:#fff; display:inline-block;}
.icon_btn.t2 {height:40px; line-height:38px; vertical-align:middle;}
.icon_btn:hover {background:#d7d7d7;}
.icon_btn.print:before {content:''; position:absolute; top:50%; left:15px; background:url(../images/ico_print.png) no-repeat 0 0; width:18px; height:18px; transform:translateY(-50%);}
.icon_btn.excel:before {content:''; position:absolute; top:50%; left:15px; background:url(../images/ico_excel.png) no-repeat 0 0; width:15px; height:18px; transform:translateY(-50%);}


.ico_btn {position:relative; height:40px; line-height:38px; font-size:14px; color:#fff; text-align:center; padding:0 15px; background:#0067ca;}
.ico_btn.search span {position:relative; text-align:center; display:inline-block; padding-left:18px;}
.ico_btn.search span:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:14px; background:url(../images/ico_search_btn.png) no-repeat 0 0;}

.bg_color1 {background:#eef3f9 !important;}

.btn+select {margin-left:3px;}

/*****************************************************************
language
*****************************************************************/
.roboto1 {font-family:'Roboto' !important; font-weight:400;}
/*****************************************************************
distance
*****************************************************************/
.wd50 {width:50px !important;}
.wd70 {width:70px !important;}
.wd80 {width:80px !important;}
.wd100p {width:100% !important;}
.wd120 {width:120px !important;}
.wd190 {width:190px !important;}
.wd200 {width:200px !important;}
.wd210 {width:207px !important;}
.wd230 {width:230px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd400 {width:400px !important;}
.wd420 {width:420px !important;}
.wd470 {width:470px !important;}
.wd500 {width:500px !important;}

.ml5 {margin-left:5px !important;}


.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}


#jsChart {height:280px !important;}
.bor_none {border:0;}
/*****************************************************************
Accessibility
*****************************************************************/
#accessibility{position:absolute;width:100%;margin:0 auto;z-index:999}
#accessibility a{text-indent:0;background:#000;position:absolute;z-index:1;top:-500px;width:100%;padding:20px 0;text-align:center}
#accessibility a:active,div#accessibility a:focus{top:0;color:#fff}
/*****************************************************************
Top Banner
*****************************************************************/
.top_banner{position:relative;height:110px;z-index:100}
.top_banner .inner{position:relative;width:1200px;height:110px;line-height:110px;margin:0 auto;text-align:center}
.top_banner .inner img{width:1200px!important;height:110px!important;vertical-align:middle}
.banner_control{position:absolute;top:0;right:0}
.session_chk label{display:inline-block;margin-top:-2px;vertical-align:middle}
.banner_control .close_banner{display:inline-block;width:14px;height:14px;margin-left:40px;background:url(../images/common/ico_banner_close.png) no-repeat;vertical-align:middle}
/*****************************************************************
Common
*****************************************************************/
.no_scroll{overflow:hidden}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.ell2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.grid:after{content:'';display:block;clear:both}
.grid>li, .grid>div{float:left}
.grid>li.fr, .grid>div.fr{float:right}
.grid.s1>li, .grid.s1>div{width:100%}
.grid.s2>li, .grid.s2>div{width:50%}
.grid.s3>li, .grid.s3>div{width:33.3333%}
.grid.s4>li, .grid.s4>div{width:25%}
.grid.s5>li, .grid.s5>div{width:20%}
.grid.s6>li, .grid.s6>div{width:16.6666%}
.grid.s7>li, .grid.s7>div{width:14.2857%}
.grid.s8>li, .grid.s8>div{width:12.5%}
.grid.s9>li, .grid.s9>div{width:11.1111%}
.grid.s10>li, .grid.s10>div{width:10%}
.grid>li.w30, .grid>div.w30{width:30%}
.grid>li.w40, .grid>div.w40{width:40%}
.grid>li.w50, .grid>div.w50{width:50%}
.grid>li.w60, .grid>div.w60{width:60%}
.grid>li.w70, .grid>div.w70{width:70%}
.grid>.l_section{padding-right:20px}
.grid>.r_section{padding-left:20px}
.grid>li>.btn {width:100%; padding-left:0; padding-right:0;display:block;}
.grid.bsr>li>.btn {border-radius:0;}
.grid.pop2>li:first-child>.btn {border-radius:0; border-bottom-left-radius:4px;}
.grid.pop2>li:last-child>.btn {border-radius:0; border-bottom-right-radius:4px;}
.grid.pop1>li>.btn {border-radius:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.grid.sp {margin:0 -5px;}
.grid.sp>li {padding:0 5px;}
.grid.sp.t2 {margin:0 -2.5px;}
.grid.sp.t2>li {padding:0 2.5px;}

.grid.inline li>.btn {padding:0 15px; margin-left:5px;}
.grid.inline li {margin-right:5px;}
.grid.inline+.i_txt {margin-left:5px;}

.grid.inline .date_sort .bt_type ul li {margin-right:0;}


.lt{text-align:left!important}
.ct{text-align:center!important}
.rt{text-align:right!important}
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:999}
span.keyword{display:inline-block;position:relative}
span.keyword:after{content:'';display:block;height:17px;margin-top:-19px;background-color:#ffee7e}
.hide{display:none}
.pre_line{white-space:pre-line}
/*****************************************************************
Layout
*****************************************************************/
/*****************************************************************
Dialog
*****************************************************************/
.dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:9999}
.dialog.show{display:block}
.dialog_table{display:table;width:100%;height:100%;table-layout:fixed}
.dialog_cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.dialog_wrap{position:relative;width:1060px;margin:0 auto;padding:50px;background-color:#fff;text-align:left;/*overflow:hidden;opacity:0;transition:all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000)*/}
.dialog_wrap.guide{width:800px}
.dialog_header{position:relative;padding-bottom:30px;border-bottom:1px solid #ddd;background-color:#fff}
.dialog_header.no_line{border-bottom:none}
.dialog_content.space0 .dialog_content_scroller>.simplebar-scroll-content>.simplebar-content{margin-top:-45px!important}
.dialog_content .tbl_form {display:table; width:100%;}
.dialog_content .tbl_form .td_cell {display:table-cell; vertical-align:middle;}
.dialog_content .textarea textarea {width:100%; min-height:200px;}
.dialog_content .textarea textarea:hover, .dialog_content .textarea textarea:focus  {border-color:#0067ca; outline:#0067ca; outline:0;}
.dialog_content .tbl_form .td_cell .i_txt {width:100%;}
.dialog_content .tbl_form .sp {display:table-cell; width:10px; height:40px; vertical-align:middle;}
.dialog_content .tbl_form .sp.wd20 {width:20px; text-align:center;}
.dialog_content .tbl_form .td_cell.search {width:63px;}
.dialog_content .tbl_form .td_cell.search .search_code {display:block; width:66px; height:40px; background:#0067ca url(../images/ico_code_search.png) no-repeat center; border-radius:4px;}
.dialog_content .tbl_form .td_cell.search .search_code:hover {background:#005d9c url(../images/ico_code_search.png) no-repeat center;;}
.dialog_content .code_desc {font-size:12px; color:#999; font-weight:500;}
.dialog_content .autocomp_box {height:360px; overflow-y:auto; border-top:1px solid #ccc; margin-top:40px;}
.dialog_content .autocomp_box::-webkit-scrollbar {width:5px;background:#eaeaea;padding:2px; height:20px;}
.dialog_content .autocomp_box::-webkit-scrollbar:hover {cursor: pointer;}
.dialog_content .autocomp_box::-webkit-scrollbar-track:hover {cursor:pointer}
.dialog_content .autocomp_box::-webkit-scrollbar-thumb {background:#428ee7;}
.dialog_content .autocomp_box::-webkit-scrollbar-thumb:hover {background:#428ee7;}
.dialog_content .autocomp_box ul li {display:block !important; margin-right:10px;}
.dialog_content .autocomp_box ul li a {display:block; height:40px; line-height:38px; color:#222; font-size:12px; text-align:left; font-weight:500; padding-right:15px;}
.dialog_content .autocomp_box ul li a:hover {background:#f8f8f8;}
.dialog_content .no_data {margin-top:40px; padding-top:60px; border-top:1px solid #ccc; text-align:center; color:#222; font-weight:500; font-size:12px;}
.dialog_content .txt_wrap .txt {text-align:center; color:#1e1e1e; font-size:13px; text-align:center; line-height:20px;}
.dialog_header h2{padding-right:40px;font-size:28px;font-weight:700;color:#222}
.dialog_header h2.inline {display:inline-block; vertical-align:middle;}
.dialog_header .regist_info {position:absolute; right:0; top:0;}
.dialog_header .registant {display:inline-block; vertical-align:middle; font-size:14px; margin-right:20px; color:#666;}
.dialog_header .registant span {position:relative; padding-left:25px; padding-top:3px;}
.dialog_header .registant span:before {content:''; position:absolute; left:0; top:0; background:url(../images/ico_popup_person.png) no-repeat 0 0; width:21px; height:21px;}
.dialog_header .regist_day {display:inline-block; vertical-align:middle; font-size:14px; color:#666;}
.dialog_header .regist_day span {position:relative; padding-left:25px; padding-top:3px;}
.dialog_header .regist_day span:before {content:''; position:absolute; left:0; top:0; background:url(../images/ico_date_picker.png) no-repeat 0 0; width:20px; height:20px;}
.dialog_header .dialog_close{position:absolute;top:-28px;right:-37px;width:50px;height:50px;background:url(../images/btn_modal_close.png) 50% 50% no-repeat}
.dialog_header .btn_r.abs{position:absolute;top:0;right:36px;margin-top:-8px}
.dialog_header .btn_set{position:absolute;top:0;right:36px;margin-top:-8px}
.dialog_wrap.s.no_header_wrap .dialog_content {padding:50px 0;}
.dialog_wrap.s.no_header_wrap .dialog_content_scroller .mCSB_container {padding-top:0;}
.dialog_wrap.s .no_header {position:relative;}
.dialog_wrap.s .no_header .dialog_close{position:absolute;top:-28px;right:-37px;width:50px;height:50px;background:url(../images/btn_modal_close.png) 50% 50% no-repeat}
.dialog_content .dialog_content_scroller{margin-right:-20px;overflow:inherit}
.dialog_content .dialog_content_scroller.no_scroll{margin-right:0}
.dialog_content .dialog_content_scroller.no_scroll>.mCustomScrollBox>.mCSB_scrollTools_vertical{display:none!important}
.dialog_content .dialog_content_scroller>.mCustomScrollBox>.mCSB_container{padding-top:20px}
.plan_map .dialog_content .dialog_content_scroller>.mCustomScrollBox>.mCSB_container{padding-top:0}
.dialog_content .dialog_content_scroller>.mCustomScrollBox>.mCSB_scrollTools{top:45px}
.dialog_content .approve_txt {font-size:17px; color:#222; font-weight:500;}
.dialog_content .approve_wrap:first-child {margin-top:0;}
.dialog_content .approve_wrap {margin-top:20px;}
.dialog_content .approve_wrap .approver {margin-bottom:10px;}
.dialog_content .approve_wrap textarea {width:100%;}
.dialog_content .btn_set{margin-top:40px}
.dialog_wrap.m .dialog_content_scroller .mCSB_container, .dialog_wrap.s .dialog_content_scroller .mCSB_container{padding-top:20px}
.dialog_wrap.m .dialog_content_scroller .mCSB_scrollTools, .dialog_wrap.s .dialog_content_scroller .mCSB_scrollTools{top:40px}
.dialog_h_guide{text-align:center}
.dialog_h_guide .txt1{font-size:17px;color:#252525}
.dialog_h_guide .txt2{line-height:34px;font-size:24px;color:#252525}
.dialog_h_guide .txt1+.txt2{margin-top:5px}
.dialog_img_info_box{padding:30px 0;background-color:#f6f6f6;border-radius:10px;text-align:center}
.dialog_footer{padding:40px 0 0}
.dialog_wrap.s .dialog_footer{padding:30px 0 0}
.dialog_wrap.s .dialog_footer .btn{min-width:105px}
.dialog_wrap.s .dialog_footer>ul {position:absolute; bottom:0; right:0; left:0;}
.dialog_wrap.s .dialog_footer ul li a {display:block; background:#0067ca; height:55px; color:#fff; line-height:53px; font-size:16; border:1px solid #0067ca; text-align:center;}
.dialog_wrap.s .dialog_footer ul.grid.s1 li a {border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.dialog_wrap.s .dialog_footer ul li a.no {background:#fff; color:#1e1e1e;}
.dialog_footer .btn_set{margin:0}
.dialog_btm_chk{position:relative;height:60px;margin:40px -50px -50px;background-color:#f6f6f6}
.dialog_btm_chk .grid{position:absolute;top:16px;right:50px}
.dialog_btm_chk .grid li{position:relative;padding-left:50px}
.dialog_btm_chk .grid li:before{content:'';position:absolute;top:5px;left:25px;width:1px;height:17px;background-color:#c5c5c5}
.dialog_btm_chk .grid li:first-child:before{display:none}
.dialog_wrap.s{width:540px; padding:40px 50px; border-radius:4px;} 
.dialog_wrap.s.address {min-height:730px;}
.dialog_wrap.s .dialog_header, .dialog_wrap.m .dialog_header{padding-bottom:20px}
.dialog_wrap.s .dialog_header h2, .dialog_wrap.m .dialog_header h2{font-size:25px; font-weight:700;}
.dialog_wrap.m{width:720px;padding:40px}
.dialog_wrap.c{width:720px;padding:40px 40px 0 40px} 
.dialog_wrap.b {width:1000px; padding:50px 40px;}
.dialog_wrap.b .year {display:inline-block; font-size:20px; vertical-align: middle;}
.dialog_wrap.b h2 {font-size:20px;}
.dialog_wrap.b .dialog_header {margin-top:15px; padding-bottom:10px;}
.dialog_wrap.b .dialog_header .dialog_close {top:-45px;}
.dialog_wrap.b .dialog_content .pop_img_wrap {margin-top:20px;}
.dialog_wrap.b .dialog_content .pop_img_wrap .img {width:100%; height:200px; border:1px solid #ccc;}
.alert_dialog{position:relative;width:470px; min-height:270px; margin:0 auto;background-color:#fff;text-align:left;border-radius:4px;} /*수정1224*/
.alert_dialog .dialog_header {border:0; padding-bottom:0;}
.alert_dialog .dialog_header .dialog_close {right:0; top:0;}
.alert_dialog.m{width:380px}
.alert_dialog .message{padding:30px;text-align:center;word-break:keep-all}
.alert_dialog.m .message{padding:30px;text-align:left}
.alert_dialog .btn_set{margin-top:0;border-top:1px solid #d4d4d4}
.alert_dialog .btn_set li{border-right:1px solid #d4d4d4}
.alert_dialog .btn_set li:last-child{border-right:none}
.alert_dialog .btn_set a{display:block;height:50px;line-height:48px;font-weight:500;color:#767676;text-align:center}
.alert_dialog .btn_set a.ok{color:#252525}
.alert_dialog .dialog_content .dialog_content_scroller > .mCustomScrollBox > .mCSB_container {padding-top:60px; margin-right:0; position:unset !important;}
.alert_dialog .dialog_content .dialog_content_scroller .mCustomScrollBox {position:unset;}
.alert_dialog .dialog_content .tit {text-align:center; font-size:20px; color:#222; font-weight:700;}
.alert_dialog .dialog_content .otp_input_wrap {margin-top:40px; padding:0 75px;}
.alert_dialog .dialog_content .otp_input_wrap .otp_num {text-align:center;}
.alert_dialog .dialog_content .otp_input_wrap .otp_num span {color:#000; font-size:18px; margin-left:10px;}
.alert_dialog .dialog_content .otp_input_wrap .otp_num span:first-child {margin-left:0;}
.alert_dialog .dialog_content .otp_input_wrap .otp_num .num {display:inline-block; vertical-align:middle;}

.alert_dialog .dialog_content .i_txt {border-radius:4px;}
.alert_dialog .dialog_content .otp_btn_wrap {position:absolute; bottom:0; left:0; right:0; width:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.otp_btn {width:100%; height:55px; color:#fff; font-size:15px; font-weight:500; line-height:55px; background:#0067ca;}
.lock body{overflow-y:scroll}
.lock .wrap{position:fixed;bottom:0;width:100%}


/*****************************************************************
Forms Item
*****************************************************************/
.nec{display:inline-block;width:6px;height:6px;margin:6px 0 0 4px;background:url(../images/common/ico_necessary.png) no-repeat;vertical-align:top}
.i_txt{width:160px;height:40px;padding:0 10px;border:1px solid #eaeaea;background-color:#fff;font-weight:400;border-radius:4px;vertical-align:middle; line-height:40px;}
.i_txt2{width:160px;height:40px;padding:0 10px;border:1px solid #eaeaea;background-color:#fff;font-weight:400;border-radius:4px;vertical-align:middle; line-height:40px;}
.i_txt2:disabled{border-color:#dcdcdc;background-color:#f7f7f7;color:#777}
.i_txt.use_link {width:402px;}
.i_txt.t2 {border:0; border-bottom:1px solid #222; border-radius:0;}
.i_txt.invalid {border-color:red;}
.i_txt.value{border:none}
.i_txt+.i_txt, .i_txt+select, select+.i_txt, .btn_rdo_list+.i_txt{margin-left:4px}
.i_txt+.btn {margin-left:4px;}
.i_txt:read-only:placeholder {background-color:#f7f7f7; color:#222; border-color:#666;}
select{width:140px;height:40px;padding:0 40px 0 7px;border:1px solid #c2c4c6;background:#fff url(../images/common/ico_sel_arrow.png) 100% 50% no-repeat;font-size:14px;font-weight:400;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ select{padding-left: 2px;} }/* IE10+ */
.i_txt:disabled, select:disabled{border-color:#dcdcdc;background-color:#f7f7f7;color:#777}
.i_txt:focus, select:focus{border-color:#0067ca;outline:none}
.i_txt2:focus {border-color:#0067ca;outline:none}
.i_txt:read-only {background:#f7f7f7 !important; color:#222;}
select::-ms-expand{display:none}
select:focus {background:#f7f7f7;}
html.ie9 select{padding:0 0 0 7px;background-image:none}
select+select, .i_txt+.i_txt, select+i_txt, .i_txt+select, .i_txt+.date_item, select+.date_item, .date_item+.i_txt, .date_item+select{margin-left:6px}
textarea{padding:10px;border-radius:5px;color:#222;max-width:100%;resize:none;border:1px solid #eaeaea; outline:0;}
textarea:focus {border-color:#0067ca;}
.upload_name:focus {outline:none;}
textarea::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea::-ms-input-placeholder{color:#c2c4c6}
input[type="radio"],input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;opacity:0}
input[type="radio"]+label,input[type="checkbox"]+label{display:inline-block;position:relative;padding-left:30px;cursor:pointer;word-break:keep-all; font-size:16px; color:#222; line-height:24px; font-weight:500;}
input[type="radio"]+label:before,input[type="checkbox"]+label:before{content: '';position:absolute;top:0;left:0;width:24px;height:24px;}
input[type="radio"]+label.input:before,input[type="checkbox"]+label.input:before{top:9px}
input[type="radio"]+label:before{background:url(../images/ico_radio_off.png) 0 0 no-repeat}
input[type="radio"]:checked+label:before{background:url(../images/ico_radio_on.png) 0 0 no-repeat}
input[type="radio"]:disabled+label:before {background:url(../images/ico_radio_disable.png) 0 0 no-repeat}
input[type="radio"]:disabled:checked+label:before {background:url(../images/ico_radio_disable_on.png) 0 0 no-repeat}
input[type="checkbox"]+label:before{background:url(../images/ico_check_off.png) 0 0 no-repeat}
input[type="checkbox"]:checked+label:before{background:url(../images/ico_check_on.png) 0 0 no-repeat}
input[type="checkbox"]:disabled+label:before {background:url(../images/ico_check_disable.png) 0 0 no-repeat}
input[type="checkbox"]:disabled:checked+label:before {background:url(../images/ico_check_disable_on.png) 0 0 no-repeat}
input[type="image"] {width:100%;}


.bor-left {border-left:1px solid #fff !important;}
.dt0{margin-left:0 !important}
.dt6{margin-left:6px}
.dt8{margin-left:8px}
.dt10{margin-left:10px}
.dt15{margin-left:15px}
.dt20{margin-left:20px}
.dt62{margin-left:62px}
.dtr10{margin-right:10px}
.dtr20{margin-right:20px}
.dtb25{margin-bottom:25px}
.dpr20{padding-right:20px !important}
.pdw28{padding:0 28px!important}
.ml15{margin-left:15px !important}
.ml10{margin-left:10px !important}
.ml0{margin-left:0 !important}
.mr6{margin-right:6px !important}
.mr160{margin-right:160px !important}
.mt0{margin-top:0 !important}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.ml80 {margin-left:30px !important;}
.ml80 {margin-left:80px !important;}
.mtm20 {margin-top:-20px !important;}
.pdt0 {padding-top:0 !important;}
.line1{border:1px solid #eee}
.lnb {width: 230px; box-sizing:border-box; padding:25px 0 0 0; float:left; position:relative; background:#fff;}
.lnb:after {content:''; clear:both; display:block;}
.lnb .logo {text-align:center; width:180px; height:115px; margin:0 auto 50px;}
.lnb .logo>a {display:block; position:relative;}
.lnb .logo>a:before {content:''; display:inline-block; width:180px; height:115px; background:url(../images/logo_lnb.png) no-repeat 0 0;}
.lnb > ul {padding:0 15px;}
.lnb > ul > li {margin-bottom:20px;}
.lnb > ul > li.on>a {color:#0067ca;}
.lnb > ul > li:last-child {margin-bottom:0;}
.lnb > ul > li > a {display: block; position:relative; color:#222; font-size:18px; font-weight:500; padding-right:15px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
.lnb > ul > li > a:after {content:''; position:absolute; top:5px; right:0; background:url(../images/ico_spr_off.png) no-repeat 0 0; width:20px; height:20px;}
.lnb > ul > li a:hover {color:#0067ca;}
.lnb > ul > li > a.on {color: #0067ca; font-weight:500;}
/* .lnb > ul > li > a.on:after {background:url(../images/ico_spr_on.png) no-repeat 0 0;} */
.lnb > ul > li.on > a:after {background:url(../images/ico_spr_on.png) no-repeat 0 0;}
.lnb > ul > li ul {display: none; margin-top:15px; border-bottom:1px solid #eaeaea; padding-bottom:12px;}
/* .lnb > ul > li > ul > li > a {display: block; position:relative; padding:0 20px;color:#666; font-size: 16px; height:36px; line-height:36px; font-weight:500;} */
.lnb > ul > li > ul > li > a {display: block; position:relative; padding:10px 20px;color:#666; font-size: 16px; font-weight:500;}
.lnb > ul > li > ul > li > a:before {content:''; position:absolute; top:19px; left:10px; width:4px; height:4px; background:#222; border-radius:2px; }
.lnb > ul > li > ul > li > a.on {color:#222; background:#eef3f9; font-weight:700;}
.lnb > ul > li > ul > li > a {color: #666;  }
.lnb > ul > li > ul > li > a:hover {background: #eef3f9;}
.lnb > ul > li > ul li ul {display: none;padding-bottom: 8px;}
.lnb > ul > li > ul li li a {display: block;padding: 0 25px 10px 22px; color: #666; font-size: 13px;}
.lnb > ul > li > ul > li li a:hover {color: #0067ca;}
.lnb > ul li.noDepth a {background-image: none !important; }
.lnb > ul li.noDepth a:after {display:none;}
.lnb > ul li.noDepth.on a {color:#0067ca;}
.gr_box {padding:0 10px;  width:230px; margin-top:40px;}
.gr_box .gr_box_inner {border:1px solid #eaeaea; padding:30px 10px;}
.gr_box .gr_box_inner .department_info {padding:30px 0; border-bottom:1px solid #eaeaea;}
.gr_box .tit {font-size:20px; color:#222; display:inline-block;}
.gr_box .ad_btn {display:inline-block; background:url(../images/ico_preference.png) no-repeat 0 0; width:20px; height:20px; margin-left:5px; vertical-align:-3px;}
.gr_box .access_time {font-size:12px; color:#999; margin-top:5px;}
.gr_box .log {display:block; position:relative; font-size:13px; text-align:right; text-decoration:underline; padding-right:10px;}
.gr_box .log:after {content:''; display:inline-block; margin-left:7px; vertical-align:middle; background:url(../images/ico_logout.png) no-repeat center; width:9px; height:11px;}
.gr_box .gr_box_inner dl:first-child {margin-top:0;}
.gr_box .gr_box_inner dl {margin-top:15px;}
.gr_box .gr_box_inner .tit_wrap {padding-bottom:30px;}
.gr_box dl dt, .gr_box dl dd {font-size:12px; line-height:18px;}
.gr_box dl dt {color:#979797;}
.gr_box dl dd {color:#222;}
.gr_box dl dd .tel {position:relative; pointer-events: none;}
.language {padding-top:20px; position:relative; border-top:1px solid #eaeaea;}
.language ul li {padding:0 10px; position:relative;}
.language ul li:first-child {padding-left:0;}
.language ul li:first-child:before {display:none;}
.language ul li:before {content:''; position:absolute; left:0; top:7px; width:1px; height:9px; background-color:#d4d4d4;}
.language ul li a.on {color:#0067ca;}
.language ul li a {display:block; font-weight:700; font-size:14px;}
.language .go_admin_btn {position:absolute; right:0; top:17px;}
.container {width:1280px; position:relative; background:linear-gradient(to right, #fff 230px, #eef3f9 100%);}
.container:after {content:''; display:block; clear:both;}
.content {position:relative; width:950px; float:left; padding:50px 20px 40px; background-color:#eef3f9;}
/* .content:before {content:''; position:absolute; top:0; left:0; height:100vh; background:violet; width:100%;} */
.content.sign {background:#fff; padding:40px 0 0; width:100%; min-height:unset;}
.content.sign.t2 {padding:40px 0 0;}
.content.sign .tab_style>ul {width:950px; margin:0 auto; padding-bottom:30px; border-bottom:4px solid #e9e9e9; height:67px;}
.content.sign .tab_style>ul>li {display:inline-block;}
.content.sign .tab_style>ul>li>a {display:block; cursor:default;}
.content.sign .tab_style>ul>li>a>span {color:#ccc; font-size:24px;  padding-right:20px;}
.content.sign .tab_style>ul>li>a>span>strong {font-size:36px; font-weight:700;}
.content.sign .tab_style>ul>li.on>a>span {color:#0067ca; position:relative;}
.content.sign .tab_style>ul>li.on>a>span>strong {color:#0067ca;}
.content.sign .tab_style>ul>li.on>a>span:after {content:''; position:absolute; left:0; bottom:-37px; width:100%; height:4px; background:#0067ca;}
.content.sign .tab_style>ul>li.on>a>span.ko:after {bottom:-32px;}
.content:after {content:''; display:block; clear:both;}
h2.tit {font-size:36px; font-weight:700; color:#000;}
.content .brd_crumbs_wrap {position:absolute; top:55px; right:20px;}
.bread_crumbs:after {content:''; display:block; clear:both;}
.bread_crumbs li {display:inline-block; font-weight:400;}
.bread_crumbs li a {color:#222; font-size:14px; font-weight:400;}
.bread_crumbs li:first-child a {position:relative; padding-left:25px;}
.bread_crumbs li:first-child a:before {content:''; background:url(../images/ico_home.png) no-repeat 0 0; width:15px; height:15px; position:absolute; left:0; top:0;}
.content .acc_num {color:#2d2d2e; font-size:14px;}
.content .acc_num span {color:#6f6f71;}
.box {margin-top:30px; padding:15px 30px; background-color:#fff; border-radius:8px; position:relative;}
.box.trans {padding:15px 30px; margin-top:20px;}
.box.wide {padding:25px 0;}
.box .acc_num {color:#0067ca; font-size:20px; font-weight:700; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
.box .acc_num span {color:#0067ca; font-weight:500;}
.box .tit {color:#666; font-size:17px; font-weight:500; width:200px; display:inline-block; vertical-align:middle;}
.box .tit.inq {vertical-align:top; padding-top:5px;}
.box .tit.simple {width:150px;}
.box .guide_tit {font-size:17px; color:#222;}
.box .tit.t2 {display:inline-block; width:200px;}
.box.t2 {margin-top:0; border-top-left-radius:0;}
.box.t3 {background:#f7f7f7; border:1px solid #ccc;}
.box>ul {margin-top:20px;}
.box.t2>ul {margin-top:0;}
.box>ul>li {margin-top:10px;}
.box.trans>ul>li {margin-top:10px;}
.box>ul>li:first-child {margin-top:0;}
.box.t2>.tit {display:inline-block; width:200px; vertical-align:middle;}
.box.t2> .input_box {display:inline-block;}
.box ul .date_list {display:inline-block; margin-right:5px;}
.box ul .date_list .s_tit {display:inline-block;}
.box ul .date_list .i_txt {width:250px; background:url(../images/ico_date_picker.png) no-repeat 95% 50%; background-size:18px 18px;}
.box ul .date_list .i_txt:hover {cursor: pointer;}
.box ul .date_list .input_item {display:inline-block;}
.box ul .date_list label {margin-right:10px; font-size:16px; color:#222; font-weight:500;}
.box ul .date_sort>.bt_type>ul>li {float:left; margin-left:3px;}
.box ul .date_sort>.bt_type>ul>li.mon_picker {position:relative;}
.box ul .date_sort>.bt_type>ul>li.mon_picker .month_picker_wrap {position:absolute; bottom:-10px; left:0;}
.box ul .date_sort>.bt_type>ul>li.mon_picker .month_picker_wrap .month_picker .mp_body ul li {margin-right:21px;}
.box ul .date_sort>.bt_type>ul>li.mon_picker .month_picker_wrap .month_picker .mp_body ul li:nth-child(4),.box ul .date_sort>.bt_type>ul>li.mon_picker .month_picker_wrap .month_picker .mp_body ul li:nth-child(8),.box ul .date_sort>.bt_type>ul>li.mon_picker .month_picker_wrap .month_picker .mp_body ul li:nth-child(12) {margin-right:0;}
.box ul .date_sort>.bt_type>ul>li:first-child {margin-left:0;}
.box ul .date_sort>.bt_type>ul>li label {height:40px; line-height:38px; color:#666; font-size:14px; text-align:center; display:block; border:1px solid #eaeaea; padding:0 15px; border-radius:4px;}
.box ul .date_sort>.bt_type>ul>li label:before {display:none;}
.box ul .date_sort>.bt_type>ul>li input:checked+label {color:#0067ca; border-color:#0067ca;}
.box>ul>li>.date_form>ul>.code_sort {position:relative; margin-right:20px;}
.box>ul>li>.date_form>ul>.code_sort.inp .i_txt {width:180px;}
.box>ul>li>.date_form>ul>.code_sort.inp2 .i_txt {width:200px;}
.box.trans.long>ul>li>.date_form>ul>.code_sort.inp .i_txt {width:160px;}
.box>ul>li>.date_form>ul>.code_sort .first .autocomp_box {position:absolute; top:32px; left:120px; width:160px; height:200px; overflow-y:auto; border:1px solid #ccc; background:#fff; z-index:2; display:none;}
.box>ul>li>.date_form>ul>.code_sort .first .autocomp_box ul li {margin-bottom:5px;}
.box>ul>li>.date_form>ul>.code_sort .first .autocomp_box ul li:first-child {margin-top:10px;}
.box>ul>li>.date_form>ul>.code_sort .first .autocomp_box ul li a {display:block; padding:0 10px; height:28px; line-height:26px;}
.box>ul>li>.date_form>ul>.code_sort .first .autocomp_box ul li a:hover {background: rgb(248, 248, 248);}
.box>ul>li>.date_form>ul>.code_sort .first span+span {padding-left:10px;}
.box>ul>li>.date_form>ul>.code_sort:last-child {margin-right:0;}
/* .box>ul>li>.date_form>ul>.code_sort>div:first-child {position:absolute; top:7px; left:0;} */
.box>ul>li>.date_form>ul>.code_sort>div:first-child {display:inline-block; vertical-align:top; padding-top:9px;}
/* .box>ul>li>.date_form>ul>.code_sort>div:last-child {padding-left:120px;} */
.box>ul>li>.date_form>ul>.code_sort>div:last-child {vertical-align:middle; display:inline-block; margin-left:10px;}
.box>ul>li>.date_form>ul>.code_sort>div:last-child .btn_search_code {display:inline-block; height:40px; padding:0 15px; color:#fff; font-size:13px; line-height:38px; background:#0067ca; border-radius:4px; vertical-align: middle; margin-left:4px;}
.box>ul>li>.date_form>ul>.code_sort>div:last-child .input_guide {color:#999; font-size:12px; margin-top:2px; display:block;}
.box>ul>li>.date_form>ul>.code_sort .auto_transfer {display:inline-block; vertical-align:middle; margin-left:20px;}
.box>ul>li>.date_form>ul>.code_sort .auto_transfer .parent-popup .input_guide {display:inline-block;}
.radio ul li {margin-right:20px;}
.radio.tbl ul li:nth-child(3) {margin-top:10px;}
.radio ul li:last-child {margin-right:0;}
.radio.refuse ul li {margin-top:10px;}
.radio.refuse ul li:first-child {margin-top:0;}
.radio.refuse ul li textarea {margin-top:10px;}
h4.tit {font-size:24px; color:#000; font-weight:700;}
.tit_wrap {position:relative;}
.tit_wrap .tit .settle_info {font-size:20px; font-weight:500; display:inline-block; margin-left:30px;}
.tit_wrap .prt_wrap {vertical-align:middle; position:absolute; top:-9px; right:0; text-align:right;}
.tit_wrap .prt_wrap>ul {display:inline-block;}
.tit_wrap .prt_wrap .sel_form {margin-top:5px; text-align:right;}
.tit_wrap .prt_wrap .sel_form>select {width:160px; background:#fff url(../images/ico_select.png) no-repeat right 12px center; font-size:14px; border-color:#ccc;}
.cnt_box.result {margin-top:40px; position:relative;}
.cnt_box.result:before {content:''; position:absolute; top:-27px; left:0; width:100%; height:1px; background:#ccc;}
.cnt_box.result.t2:before {content:''; display:none;}
.cnt_box.result .tit_wrap {position:relative;}
.cnt_box.result.color {background:#fff;}
.cnt_box.result .permission_setting_wrap {margin-top:25px;}
.prt_wrap {position:absolute; top:0; right:0;}
.prt_wrap ul:after {content:''; display:block; clear:both;}
.prt_wrap ul li {float:left; margin-left:5px;}
.prt_wrap ul li:first-child {margin-left:0;}
.prt_wrap ul li:last-child select {width:190px; background:#fff url(../images/ico_select.png) no-repeat right 12px center;}
.prt_wrap ul li a {display:block; height:40px; line-height:38px; background:#fff; border:1px solid #d4d4d4; border-radius:4px; padding:0 15px; font-size:11px; color:#2d2d2e;}
.prt_wrap ul li a span {position:relative; padding-left:20px; font-weight:500; color:#2d2d2e; font-size:13px;}
.prt_wrap ul li .print {min-width:80px;}
/* .prt_wrap ul li .excel {} */
.prt_wrap ul li .print span:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(../images/ico_print.png) no-repeat 0 0; vertical-align: middle;}
.prt_wrap ul li .excel span:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(../images/ico_excel.png) no-repeat 0 0;}
.prt_wrap ul li .pdf span:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(../images/ico_pdf.png) no-repeat 0 0;}
.cnt_box.result .result_tbl_wrap {margin-top:25px; font-size:13px; color:#222;}
.cnt_box.result .result_tbl_wrap .result_tbl_inner {margin-bottom:20px;}
.cnt_box.result .result_tbl_wrap span {color:#0067ca}
.cnt_box.result .result_tbl_wrap .total {display:inline-block; font-weight:700; font-size:18px;}
.cnt_box.result .result_tbl_wrap .total_info {display:inline-block; margin-left:10px; font-weight:500; font-size:16px;}
.cnt_box.result .result_tbl_wrap .total_info strong {display:inline-block; margin-right:20px;}
.cnt_box.result .result_tbl_wrap .total_info span {color:#4a738e;}
.cnt_box.result .result_tbl_wrap .total_info .sp {display:inline-block; margin:0 3px 0 7px; color:#000;}
select {width:223px; height:40px; border:1px solid #eaeaea; background:#fff url(../images/ico_select.png) no-repeat right 12px center; padding:0 15px; font-size:15px; color:#222; font-weight:400;}
.search_btn {text-align:center; margin-top:15px;}
.search_btn .btn {width:200px; background:#2d2d2e; color:#fff; height:40px; line-height:38px; font-size:20px; font-weight:500; border-radius:4px; display:inline-block;}
.search_btn .btn span {position:relative; padding-left:25px;}
.search_btn .btn span:before {content:''; background:url(../images/ico_search.png) no-repeat 0 center; width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%);}


/*footer*/

.footer {height:90px; background:#fff;}
.footer .f_tit_wrap {display:inline-block; width:230px;}
.footer .f_tit_wrap h2 {text-align:center;}
.footer .f_tit_wrap h2>a {position:relative; display:block;}
.footer .f_tit_wrap h2>a:before {content:''; display:inline-block; background:url(../images/logo_footer.png) no-repeat 0 0; width:134px; height:30px;}
.footer .footer_con_wrap {display:inline-block; position:relative; width:950px; height:60px; position:relative; vertical-align:middle; padding-left:20px; height:90px;}
.footer .footer_con_wrap .family_site {position:absolute; top:17px; right:20px;}
.footer .footer_con_wrap .copyright {font-size:12px; color:#666; margin-top:10px; letter-spacing:0.5px;}
.footer .links {padding-top:20px;}
.footer .links ul li {float:left; margin-right:48px;}
.footer .links ul li:last-child {margin-right:0;}
.footer .links ul li a {color:#666; font-size:15px; position:relative;}
.footer .links ul li.new a:after {content:''; position:absolute; right:-7px; top:0; width:5px; height:5px; background:#f2084f; border-radius:50%;}
.family_site .fs_btn {display:inline-block; position:relative; color:#222; font-size:14px; width:225px; padding-left:27px; height:40px; border-radius:4px; border:1px solid #d4d4d4; line-height:40px;}
.family_site .fs_btn:before {content:''; position:absolute; top:50%; left:15px; transform:translateY(-50%); width:18px; height:18px; background:url(../images/ico_familysite.png) no-repeat 0 0;}
.family_site .fs_btn:after {content:''; position:absolute; top:50%; right:15px; transform:translateY(-50%); width:12px; height:12px; background:url(../images/ico_family_down.png) no-repeat 0 0;}

.footer .footer_con_wrap .fm_site {position:absolute; top:17px; right:20px;}
.fm_site .fs_bn {display:inline-block; position:relative; padding:0 15px; height:40px; line-height:40px; background:url(../images/ico_family_up.png) no-repeat right 15px center;  width:225px; border:1px solid #d4d4d4; text-align:left; border-radius:4px;}
.fm_site .fs_bn.on {background:url(../images/ico_family_down.png) no-repeat right 15px center; border-top-left-radius:0; border-top-right-radius:0;}
.fm_site .fs_bn span {display:inline-block; position:relative; padding-left:22px; font-size:14px; color:#222;}
.fm_site .fs_bn span:before {content:''; position:absolute; left:0; top:10px; width:18px; height:18px; background:url(../images/ico_familysite.png) no-repeat 0 0;}
.fm_site .fm_site_links {position:absolute; top:-90px; left:0; border-top-left-radius:4px; border-top-right-radius:4px; border-width:1px 1px 0 1px; border-color:#ccc; border-style:solid; width:100%; display:none; z-index:999} 
.fm_site .fm_site_links li a {padding:10px 15px; color:#999; display:block; font-size:14px; font-weight:500; border-bottom:1px solid #ccc; background:#fff;}
.fm_site .fm_site_links li a:hover {background:#f7f7f7; color:#0067ca;}
.fm_site .fm_site_links li:last-child a {border-bottom:0;}

.pagenation_wrap {position:relative; margin-top:50px; text-align:center;}
/* .pagenation_wrap>ul {position:absolute; left:48%; transform:translateX(-50%);} */
.pagenation_wrap ul li {display:inline-block; vertical-align:middle;}
.pagenation_wrap ul li a {padding:6px 8px; font-size:16px; vertical-align:middle; color:#979797;}
.pagenation_wrap ul li.active a {color:#2d2d2e; font-weight:700; font-size:16px;}
.pagenation_wrap ul li.page_first a, .pagenation_wrap ul li.page_prev a, .pagenation_wrap ul li.page_next a, .pagenation_wrap ul li.page_last a  {display:inline-block; background:url(../images/ico_page_first.png) no-repeat 0 0; width:30px; height:30px; vertical-align:middle;}
.pagenation_wrap ul li.page_prev a {background:url(../images/ico_page_prev.png) no-repeat 0 0;}
.pagenation_wrap ul li.page_next a {background:url(../images/ico_page_next.png) no-repeat 0 0;}
.pagenation_wrap ul li.page_last a {background:url(../images/ico_page_last.png) no-repeat 0 0;} 
.pagenation_wrap ul li.page_first {margin-right:2px;}
.pagenation_wrap ul li.page_prev {margin-right:15px;}
.pagenation_wrap ul li.page_next {margin-left:15px; margin-right:2px;}

.brd_no_data {width:100%; height:200px; display:flex; justify-content:center; align-items:center; font-size:20px; color:#000; font-weight:500; background:#fff; border-radius:4px; margin-top:30px;}

/*로그인*/
.login_wrap {
  background: url(../images/bg_main.png) no-repeat center;
  width: 100%;
  height: 100%;
  text-align: center;
  }
  
  .login_wrap .login_inner {
  width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background:rgba(255,255,255,0.2);
  border: 1px solid #fff;
  /* text-align: center; */
  }
  
  .login_wrap .login_inner .language {
  position: absolute;
  top: 0;
  right: 50px;
  }
  
  .login_wrap .login_inner .logo {
  background: url(../images/h1_logo.png) no-repeat 0 0;
  width: 180px;
  height: 115px;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  }
  
  .login_wrap .login_inner .log_form {
  padding: 210px 50px 50px;
  }
  
  .login_wrap .login_inner .log_form .log_content {
  text-align: left;
  margin-top: 15px;
  }

  .login_wrap .login_inner .log_form .log_content:first-child {margin-top:0;}
  .login_wrap .login_inner .log_form .log_content .inp_box {box-shadow:1px 1px 8px rgb(0, 0, 0,0.1);}
  
  .login_wrap .login_inner .log_form .log_content .lb {
  font-size: 13px;
  color: #222;
  text-align: left;
  font-weight: 500;
  }
  
  .login_wrap .login_inner .log_form .log_content .i_txt {
  width: 100%;
  height: 45px;
  line-height: 43px;
  border-radius: 4px;
  }
  
  .login_wrap .login_inner .log_form .log_content.error .i_txt {
  border-width: 1px;
  border-color: #ff6600;
  }
  
  .login_wrap .login_inner .log_form .log_content span.log_msg {
  display: none;
  }
  
  .login_wrap .login_inner .log_form .log_content.error span.log_msg {
  display: initial;
  color: #ff6600;
  }

  .login_wrap .login_inner .log_form .invalid_txt {color:#ff6600; margin-top:15px; font-size:14px; line-height:1;}
  
  .login_wrap .log_radio ul li {
  display: inline-block;
  margin-right: 8px;
  }
  
  .login_wrap .log_radio ul li:last-child {
  margin-right: 0;
  }
  
  .login_wrap .log_radio ul li label {
  font-size: 12px;
  font-weight: 500;
  padding-left: 19px;
  line-height: 13px;
  }
  
  .login_wrap .log_radio ul li label:before {
  background: url(../images/ico_radio_s_off.png) no-repeat 0 0;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  }
  
  .login_wrap .log_radio ul li input:checked + label:before {
  background: url(../images/ico_radio_s_on.png) no-repeat 0 0;
  }
  
  .login_wrap .log_radio ul li input:checked + label {
  color: #0067ac;
  }
  
  .login_wrap .desc {
  color: #999999;
  font-size: 13px;
  text-align: center;
  }
  
  .login_wrap .log_btn_wrap {
  margin-top: 30px;
  box-shadow:1px 1px 8px rgb(0, 0, 0,0.1);
  }
  
  .login_wrap .log_btn_wrap .log_btn {
  width: 100%;
  height: 55px;
  line-height: 53px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  background: #0067ac;
  border-radius:4px;
  }
  .login_wrap .security_msg {color:#0067ca; font-size:13px;}
  .login_wrap .security_msg .en, .login_wrap .security_msg .ko {line-height:21px;}
  .login_wrap .security_msg .en {margin-top:10px;}
  .login_wrap .security_msg .ko {font-size:12px;}
  
  .login_wrap .find_id_pw_wrap {
  margin-top: 10px;
  }
  
  .login_wrap .find_id_pw_wrap ul {
  text-align: center;
  font-size: 0;
  }
  
  .login_wrap .find_id_pw_wrap ul li {
  display: inline-block;
  font-weight: 500;
  }
  
  .login_wrap .find_id_pw_wrap ul li a {
  display: block;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  }
  
  .login_wrap .find_id_pw_wrap ul li a:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  background: #e5e5e5;
  margin: 0 10px;
  }
  
  .login_wrap .find_id_pw_wrap ul li:last-child a:after {
  display: none;}

.login_wrap .contact_btn_wrap {margin-top:10px; text-align:center;}
.login_wrap .contact_btn_wrap>.btn {height:30px; line-height:28px; color:#fff; text-align:center; border-radius:15px; padding:0 15px; background:#999; opacity:0.7; font-size:13px;}

/*****************************************************************
Table Fixed
*****************************************************************/
.table_fixed{position:relative}
.tbl_guide{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);text-align:center;z-index:2}
.tbl_guide div{display:block;position:absolute;left:0%;top:50%;width:100%;padding:10px 20px;color:#fff;box-sizing:border-box;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.tbl_guide .icon{position:relative;display:block;margin:0 auto 25px;width:98px;height:95px;border-radius:50%;background-color:rgba(0,0,0,.54)}
.tbl_guide .icon:before,
.tbl_guide .icon:after{content:'';display:block;position:absolute}
.tbl_guide .icon:before{left:26px;top:23px;width:24px;height:14px;background:url(../images/bg_tbl_guide.png) no-repeat;opacity:0;-webkit-animation:tblGuide 4s linear infinite;animation:tblGuide 4s linear infinite}
.tbl_guide .icon:after{left:42px;bottom:22px;width:33px;height:41px;background:url(../images/bg_tbl_guide2.png) no-repeat;-webkit-animation:tblGuide2 4s linear infinite;animation:tblGuide2 4s linear infinite;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@-webkit-keyframes tblGuide{
0%,15%{opacity:1;width:0}
30%,70%{opacity:1;width:23px}
70%{opacity:0}
}
@keyframes tblGuide{
0%,15%{opacity:1;width:0}
30%,70%{opacity:1;width:23px}
70%{opacity:0}
}
@-webkit-keyframes tblGuide2{
0%,15%{transform:rotate(-10deg)}
30%,70%{transform:rotate(0deg)}
85%,100%{transform:rotate(-10deg)}
}
@keyframes tblGuide2{
0%,15%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
30%,70%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
85%,100%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
}

.scroll_horiz{position:static!important;overflow:auto!important}
.scroll_vert{position:relative!important;overflow:auto!important}

/*****************************************************************
jq-Datepicker
*****************************************************************/
.date_item{display:inline-block;position:relative}
.date_item .i_txt{width:160px;}
.date_item .i_datepicker {width: 250px; background: url(../images/ico_date_picker.png) no-repeat 95% 50%; background-size: 18px 18px;}
.date_item .date_btn {position:absolute; top:0; right:0; background:url(../images/ico_date_picker.png) no-repeat 50% 50%; width:38px; height:38px; text-indent:-9999px;}
.date_item .ui-datepicker-trigger{position:absolute;top:1px;right:1px; width:38px; height:38px; background:url(../images/ico_date_picker.png) no-repeat 50% 50%; text-indent:-9999px;}
.date_item .ui-datepicker-trigger:disabled{opacity:0.3}
.date_item + .i_txt{margin-left:6px}
.date_item + .at2{margin-right:0}
.date_item + .form_flex{margin-left:10px}
.ui-widget{font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget-content{background:#ffffff}
.ui-widget-content a{color:#151515}
.ui-widget-header{background:#fff;color:#252525;font-weight:bold}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-datepicker{width:300px;display:none;padding:0 12px 23px;border:1px solid #cdd0cc;border-radius:5px;z-index:9999!important}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev-y,.ui-datepicker .ui-datepicker-next-y{position:absolute;top:23px;width:30px;height:30px;background:none !important;border-radius:0;overflow:hidden}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled{opacity:0.5}
.ui-datepicker .ui-datepicker-prev{left:45px}
.ui-datepicker .ui-datepicker-next{right:57px}
.ui-datepicker .ui-datepicker-prev-y{left:15px}
.ui-datepicker .ui-datepicker-next-y{right:23px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev-y span, .ui-datepicker .ui-datepicker-next-y span{display:block;height:30px;background:url(../images/ico_calendar_first.png) center 0 no-repeat;text-indent:-9999px}
.ui-datepicker .ui-datepicker-prev span{background:url(../images/ico_calender_prev.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next span{background:url(../images/ico_calender_next.png) no-repeat 0 0;}
/* .ui-datepicker .ui-datepicker-prev-y span{background-position:0 0} */
.ui-datepicker .ui-datepicker-next-y span{background:url(../images/ico_calendar_last.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-title{line-height:50px;padding:13px 0 12px;text-align:center;font-size:22px}
.ui-datepicker .ui-datepicker-title select{background:transparent;font-size:23px;font-weight:700;margin:0;width:auto;height:auto;padding:0;border:0 none;-webkit-appearance:none;appearance:none;color:#1a1a1a}
.ui-datepicker .ui-datepicker-title select option{color:#1a1a1a}
.ui-datepicker select.ui-datepicker-year{width:60px;}
.ui-datepicker select.ui-datepicker-month {width:auto;}
.ui-datepicker table{width:100%;font-size:15px;border-collapse:collapse}
.ui-datepicker th{padding:5px 0;color:#1a1a1a;text-align:center;font-size:13px;font-weight:500}
.ui-datepicker td{height:1.6em;margin:0;padding:3px 0;border:1px solid #fff;font-size:15px;text-align:center;line-height:1.6em;white-space:nowrap;text-decoration:none}
.ui-datepicker td span,.ui-datepicker td a{display:inline-block;width:32px;line-height:16px;padding:8px 0;font-size:17px;color:#1a1a1a;text-align:center;text-decoration:none;border-radius:50%;vertical-align:middle}
.ui-datepicker .ui-datepicker-buttonpane{background:none;border:none}
.ui-datepicker .ui-datepicker-buttonpane button{display:block;position:absolute;top:36px;width:25px;height:25px;cursor:pointer}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{left:22px;color:#666;font-size:13px;line-height:25px;text-align:center;background:none}
.ui-datepicker .ui-state-highlight{padding:6px 6px 6px 4px;color:#000; border-radius:100%; border:2px solid #0067ca; width:32px; height:32px; line-height:16px;}
.ui-datepicker .ui-datepicker-week-end:first-child span{color:#db3f00;} 
.ui-datepicker .ui-datepicker-week-end:first-child a{color:#db3f00;}
.ui-datepicker .ui-datepicker-week-end span {color:#0075c5;}
.ui-datepicker .ui-datepicker-week-end a{color:#0075c5;}


.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default{color:#ddd}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-priority-secondary{color:#ccc;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover{color:#000}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active{background-color:#0067ca;color:#fff; width:32px; height:32px; font-weight:400; padding:6px 6px 6px 4px; line-height:16px; border:2px solid #0067ca;}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
/* RTL support */
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}






/*****************************************************************
jquery-custom-content-scroller
*****************************************************************/
.mCustomScrollbar {-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {-ms-touch-action:auto;touch-action:auto}
.mCustomScrollBox {position:relative;overflow:hidden;max-width:100%;direction:ltr;outline:none}
.mCSB_container {overflow: hidden;width:auto;height:auto;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0;margin-left:30px}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0}
.mCSB_scrollTools {position:absolute;width:6px;height:auto;left:auto;top:0;right:0;bottom:0}
.mCSB_outside + .mCSB_scrollTools{right:-26px}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right:auto;left:0}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px}
.mCSB_scrollTools .mCSB_draggerContainer {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto}
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0}
.mCSB_scrollTools .mCSB_draggerRail { width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer; width: 100%; height: 30px;z-index: 1}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative; width: 6px; height: 100%; margin: 0 auto; background-color: #e8e8e8; border-radius: 6px; text-align: center}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer}
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0}
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px}
.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px;height: 100%; left: 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px;margin: 2px auto}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0}
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px}
.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {margin-right: 0; margin-left: 30px}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0;margin-left: 0}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out}
.table.board_height {height:550px;}
.table::-webkit-scrollbar {width:5px;background:#eaeaea;padding:2px; height:5px;}
.table::-webkit-scrollbar-thumb {background:#428ee7;}
.table.pop_st {height:500px; overflow:auto;}
.table.pop_st table {border-bottom:1px solid #d3e2ef;}
.table.pop_st .guide_txt {margin-top:10px; color:#ff6600; font-size:13px;}
.table.pop_st .tbl_col.wid915 {width:915px; overflow-x:scroll;}
.table .tbl_col {border-bottom:1px solid #d3e2ef;}
.table .tbl_col.status td {border-bottom:1px solid #d3e2ef;}
.table .tbl_col th, td {color:#222; padding:15px 7px; text-align:left;  text-align:center; vertical-align:middle; border-bottom:0;}
.table .tbl_col tbody td {border-left:1px solid #d3e2ef; font-size:15px; padding:8px 15px; word-break:break-all;}
.table .tbl_col tbody td div .name {color:#222; font-weight:700;}
.table .tbl_col tbody td .not_approved {color:#999;}
.table .tbl_col tbody tr td:first-child {border-left:0;}
.table .tbl_col thead th {font-size:15px; background:#0067ca; position:sticky; top:0; line-height:15px; border-bottom:1px solid #d3e2ef; border-left:1px solid #d3e2ef; color:#fff; z-index:1}
.table .tbl_col thead th:first-child {border-top-left-radius:4px;}
.table .tbl_col thead th:last-child {border-top-right-radius:4px;}
.table.pop_st .tbl_col thead th {background:#95bceb;}
.table .tbl_col thead th span input[type="checkbox"] + label:before {background:url(../images/tbl_check_off.png) no-repeat 0 0; width:25px; height:25px;}
.table .tbl_col thead th span input[type="checkbox"]:checked + label:before {background:url(../images/tbl_check_on.png) no-repeat 0 0; width:25px; height:25px;} 
.table .tbl_col thead th .tbl_check input, .table .tbl_col tbody td .tbl_check input[type="checkbox"] + label {width:25px; padding-left:0;}
.table .tbl_col thead th .tbl_check input[type="checkbox"] + label, .table .tbl_col tbody td .tbl_check input[type="checkbox"] + label {padding-left:25px;}
.table .tbl_col thead th .tbl_check input[type="checkbox"] + label:before, .table .tbl_col tbody td .tbl_check input[type="checkbox"] + label:before {background:url(../images/tbl_check_off.png) no-repeat 0 0; width:25px; height:25px;}
.table .tbl_col thead th .tbl_check input[type="checkbox"]:checked + label:before, .table .tbl_col tbody td .tbl_check input[type="checkbox"]:checked + label:before {background:url(../images/tbl_check_on.png) no-repeat 0 0; width:25px; height:25px;}
.table .tbl_col tbody td .list li {line-height:30px;}
.table .tbl_col thead tr th:first-child {border-left:0;}
.table .tbl_col th .data_btn {position:relative; display:block; color:#fff; font-size:15px;}
.table .tbl_col th .data_btn:after {content:''; background:url(../images/ico_up.png) no-repeat 0 0; width:10px; height:10px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.table .tbl_col th .data_btn.on:after {background:url(../images/ico_down.png) no-repeat 0 0;}
.table .tbl_col th.two_line a:after {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.table .tbl_col td {background:#fff; font-size:12px; border-bottom:0;}
.table .tbl_col tbody .btn_type>.btn.bs1 {line-height:42px;}
.table .tbl_col tbody tr.even td {background:#f7f7f7;}
.table .tbl_col tbody tr:hover td {background:#e6e9ef;}
.table .tbl_col tbody .brd_link.imp {color:#0067ca;}
.table .tbl_col thead th span label {color:#fff;}
.table .tbl_col.board thead th {font-weight:500; font-size:16px;}
.table .tbl_col.board tbody td {font-size:15px; color:#222; font-weight:500;}
.table .tbl_col.board tbody td a {display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:40px;}
/* .table table thead tr:last-child th, .table table tbody tr:last-child td {position:relative;}
.table table thead tr:last-child th:after, .table table tbody tr:last-child td:after {content:''; position:absolute; top:0; right:-1px; height:100%; width:1px; background:#fff;} */

.table .tbl_row th, td {color:#222; padding:15px 20px; text-align:center; vertical-align:middle; border-bottom:0; background:#fff; border-bottom:1px solid #ccc;}
.table .tbl_row th {color:#000; vertical-align:middle; font-size:16px; position:relative; background:#e8f5ff;}
.table .tbl_row tbody tr:first-child th {border-top:1px solid #ccc;}
.table .tbl_row tbody tr:first-child td {border-top:1px solid #ccc;}
.table .tbl_row tbody td {font-size:16px; vertical-align:middle; text-align:left;}
.table .tbl_row tbody td .unit {font-size:16px; display:inline-block; vertical-align:middle; margin-right:2px; color:#999;}
.table .tbl_row tbody td .radio.t2 ul li {margin-right:0;}
.table .tbl_row tbody td .desc_text {font-size:12px; display:inline-block; vertical-align:middle; color:#999; margin-left:5px;}
.table .tbl_row tbody tr td:first-child {border-left:0;}
.table .tbl_row thead th {font-size:13px; background:#0067ca; position:sticky; top:0; line-height:15px; border-bottom:1px solid #d3e2ef; border-left:1px solid #d3e2ef; color:#fff;}
.table .tbl_row thead tr th:first-child {border-left:0;}
.table .tbl_row th .data_btn {position:relative; display:block; color:#fff; font-size:15px;}
.table .tbl_row th .data_btn:after {content:''; background:url(../images/ico_up.png) no-repeat 0 0; width:10px; height:10px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.table .tbl_row th .data_btn.on:after {background:url(../images/ico_down.png) no-repeat 0 0;}
.table .tbl_row th.two_line a:after {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.table .tbl_row td {background:#fff; font-size:12px;}
.table .tbl_row tbody td .desc {font-size:12px; color:#999; margin-top:3px;}
.table .tbl_row tbody td .bank_choice_wrap >div .gud_txt {display:inline-block; margin-left:5px; vertical-align:middle; color:#666; font-size:13px;}
.table .tbl_row tbody td .bank_choice_wrap >div:first-child {margin-bottom:10px;}
/* .table .tbl_row tbody tr.even td {background:#f7f7f7;}
.table .tbl_row tbody tr:hover td {background:#e6e9ef;} */
.table .tbl_row td .inline_form_st>li {display:inline-block; vertical-align:middle;}
.table .tbl_row td .inline_form_st>li:first-child {margin-right:15px;}


.btn_set {text-align:center; position:relative;}
.btn_set.t2 {text-align:right;}
.btn_set>a {display:inline-block; margin:0 4px;}
.btn_set .pos_right {position:absolute; right:0; top:0;}
.btn_set.big a {min-width:200px; height:55px; line-height:53px; font-size:20px; font-weight:500;}
/* .btn_set.big .excel {height:30px; line-height:28px; min-width:unset;} */
.btn_set.big a span {display:inline-block; position:relative; text-align:center; font-size:18px; padding-left:33px; font-weight:500;}
.btn_set.big a span:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);}
/* .btn_set.big a.cancel {color:#fff;} */
.btn_set.big a.confirm {color:#fff;}
.btn_set.big a.revision span {background:#fff;}
.btn_set.big a.revision span {color:#666;}
.btn_set.big a.register span {color:#fff;}
.btn_set.big a.write span {color:#666;}
.btn_set.big a.delete span {color:#666;}
.btn_set.big a.delete:hover span {color:#0067ca;}
.btn_set.big a.revision:hover span {color:#0067ca;}
.btn_set.big a.cancel span:before {background:url(../images/ico_cancel_btn_off.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.cancel:hover span:before {background:url(../images/ico_cancel_btn_on.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.confirm span:before {background:url(../images/ico_confirm_btn.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.register span:before {background:url(../images/ico_confirm_btn.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.revision span:before {background:url(../images/ico_revision_btn_off.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.revision:hover span:before {background:url(../images/ico_revision_btn_on.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.delete span:before {background:url(../images/ico_delete_btn_off.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.delete:hover span:before {background:url(../images/ico_delete_btn_on.png) no-repeat 0 0; width:24px; height:24px;}
.btn_set.big a.top_btn span {color:#666; font-weight:500; padding-left:0; font-size:16px;}
.btn_set.big a.list span:before {content:''; display:inline-block; margin-right:5px; background:url(../images/ico_list_view.png) no-repeat 0 0; width:23px; height:23px; vertical-align:2px; top:47%;}
.btn_set.big a.top_btn span:after {content:''; display:inline-block; margin-left:5px; background:url(../images/ico_page_top.png) no-repeat 0 0; width:22px; height:22px; vertical-align:middle; margin-left:5px;}
.btn_right {position:relative;}
.btn_right>a {position:absolute; top:30px; right:0; z-index:1;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.i_txt+.ico_btn.t2 {margin-left:3px;}
.ico_btn {display: inline-block; height: 40px;line-height: 38px;  background: rgb(255, 255, 255); border-radius: 4px; padding: 0px 15px; font-size: 11px; color: rgb(45, 45, 46);}
.ico_btn.t2 {background:#0067ca; color:#fff; position:unset !important; margin-left:3px;}
.ico_btn.print span, .ico_btn.excel span  {position: relative; padding-left: 20px; font-weight: 500; color: rgb(45, 45, 46); font-size: 13px;}
.ico_btn.search.t2 span {color:#fff; font-size:14px;}
.ico_btn.print span:before {content:''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/ico_print.png) 0px 0px no-repeat; vertical-align: middle;}
.ico_btn.excel span:before  {content:''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/ico_excel.png) 0px 0px no-repeat; vertical-align: middle;}
.ico_btn.search span:before  {content:''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/ico_search_btn.png) 0px 0px no-repeat; vertical-align: middle;}
.ico_btn.search_file span:before {content:''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 15px; height: 14px; background: url(../images/ico_search_file_btn.png) 0px 0px no-repeat; vertical-align: middle;}

/*****************************************************************
  Tabs
*****************************************************************/
.tab_nav li:focus{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
.tab_nav.auto li a{min-width:auto!important;padding:0!important;letter-spacing:-1.5px!important}
.tab_nav.cell{display:table;width:100%}
.tab_nav.cell li{display:table-cell;margin:0}
.tab_nav.cell li a{min-width:auto!important;margin:0 -0.5px}
.tab_section.t1{padding:0!important;border:none!important;color:inherit;font-size:15px!important;font-family:'Noto Sans'!important}
.tab_section.t1>.tab_nav>li{margin:0 -0.5px;cursor:pointer}
.tab_section.t1>.tab_nav>li:first-child{margin-left:0}
.tab_section.t1>.tab_nav.s3>li:last-child>a{margin-right:-3px}
.tab_section.t1>.tab_nav.s4>li:last-child>a{margin-right:-4px}
.tab_section.t1>.tab_nav.s5>li:last-child>a{margin-right:-5px;}
.tab_section.t1>.tab_nav.s6>li:last-child>a{margin-right:-6px}
.tab_section.t1>.tab_nav.s7>li:last-child>a{margin-right:-7px}
.tab_section.t1>.tab_nav.s8>li:last-child>a{margin-right:-8px}
.tab_section.t1>.tab_nav>li>a{display:block;position:relative;min-width:160px;height:50px;line-height:48px;padding:0 15px;background-color:#e2eaf3;border-radius:10px 10px 0 0;font-size:17px;color:#767676;text-align:center}
.tab_section.t1>.tab_nav>li>a span{display:inline-block;line-height:18px;vertical-align:middle; color:#666;}
.tab_section.t1>.tab_nav>li.active>a{background-color:#fff;font-weight:500;color:#0067ca;}
/* .tab_section.t1>.tab_nav>li.active>a:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px 1px 1px 1px;border-style:solid;border-color:#0067ca #0067ca #fff #0067ca; border-radius:10px 10px 0 0;z-index:1} */
.tab_section.t1>.tab_nav>li.active>a span {position:relative; color:#0067ca}
.tab_section.t1>.tab_nav>li.active>a span:after {content:''; position:absolute; left:0; bottom:-8px; width:100%; height:2px; background:#0067ca;}
/* .tab_section.t1 .tab_contents{margin-top:15px} */
.tab_section.t1 .tab_section.t2{margin-top:-39px}
.tab_section.t1.sign>.tab_nav {width:950px; margin:0 auto;}
.tab_section.t1.sign>.tab_nav>li>a{min-width:unset; }
.tab_section.t1.sign>.tab_nav{border-width:0 0 4px 0;border-style:solid;border-color:#e9e9e9;}
.tab_section.t1.sign>.tab_nav>li>a {background-color:transparent;}
.tab_section.t1.sign>.tab_nav>li>a span {font-size:20px; color:#ccc; padding-right:30px;}
.tab_section.t1.sign>.tab_nav>li:last-child a span {padding-right:0;}
.tab_section.t1>.tab_nav>li.active>a span {color:#0067ca;}
.tab_section.t1.sign>.tab_nav>li>a span strong {font-size:24px; color:#ccc;}
.tab_section.t1>.tab_nav>li.active>a span strong {color:#0067ca;}
.tab_section.t1.sign>.tab_nav>li.active>a span:after {bottom:-23px; height:5px;}
.tab_section.t1.sign>.tab_nav>li>a {height:60px; line-height:58px; min-width:unset; padding:0;}
.tab_section.t2>.tab_nav>li {padding:0 10px; position:relative;}
.tab_section.t2>.tab_nav>li:first-child:before {background:none;}
.tab_section.t2>.tab_nav>li:before {content:''; position:absolute; left:0; top:5px; height:15px; width:1px; background:#000;}
.tab_section.t2>.tab_nav>li>a {font-size:17px; color:#222;} 
.tab_section.t2>.tab_nav>li.active>a{background-color:#fff;font-weight:500;color:#0067ca;}
.tab_section.t2>.tab_nav>li.active>a span {position:relative; color:#0067ca;}
.tab_section.t2>.tab_nav>li.active>a span:after {content:''; position:absolute; left:0; bottom:-8px; width:100%; height:2px; background:#0067ca;}

.tab_contents .panel .form_inline:first-child{border-top:none}
.tab_contents .panel, .rdo_panel{display:none}
.tab_contents .panel.active, .rdo_panel.active{display:block}



.modalWindow.search .modalWrapper .modal_content .tbl_form {display:table; width:100%; table-layout: fixed;}
.modalWindow.search .modalWrapper .modal_content .tbl_form .td_cell {display:table-cell; vertical-align: middle;}
.modalWindow.search .modalWrapper .modal_content .tbl_form .td_cell .i_txt {width:100%;}
.modalWindow.search .modalWrapper .modal_content .tbl_form .sp {display:table-cell; width:10px;}
.modalWindow.search .modalWrapper .modal_content .tbl_form .td_cell.search {width:66px;}
.modalWindow.search .modalWrapper .modal_content .tbl_form .td_cell.search .code_search {width:66px; height:40px; display:inline-block; background:#0067ca url(../images/ico_code_search.png) no-repeat 50% 50%; border-radius:4px;}
.modalWindow.search .modalWrapper .modal_content .desc {color:#999; font-weight:500; margin-top:3px;}
.modalWindow.search .modalWrapper .modal_content .autocomp_box {width:100%; border-top:1px solid #ccc; height:360px; overflow-y:auto; margin-top:35px;}
.modalWindow.search .modalWrapper .modal_content .autocomp_box ul li a {display:block; height:40px; line-height:38px; color:#222; font-weight:500;}
.modalWindow.search .modalWrapper .modal_content .autocomp_box ul li a:hover {background:#f8f8f8;}
.modalWindow.search .modalWrapper .modal_content .no_data {text-align:center; font-size:12px; font-weight:500; color:#222; padding-top:60px; border-top:1px solid #ccc; margin-top:40px;}

.modal_btn_wrap ul li a {display:block; height:55px; background:#0067ca; text-align:center; line-height:53px; color:#fff; border:1px solid #0067ca; font-size:16px; font-weight:700;}
.modal_btn_wrap ul li a.cancle {background:#fff; color:#000; border:1px solid #cccccc;}
.daterangepicker.show-calendar .drp-buttons {display:none !important;}
.daterangepicker .calendar-table th {font-size:12px !important;; color:#222 !important;; font-weight:700 !important;; font-family:'Roboto'!important; padding-top:10px !important;;}
.daterangepicker .calendar-table tr:first-child th {padding-top:0 !important;;}
.daterangepicker .calendar-table td {padding:0 5px; font-size:17px !important;; height:42px !important;; font-family:'Roboto'!important;;}
.daterangepicker td.active {color:#fff !important; background-image:url("../images/bg_date_blue.png") !important;background-size:32px 32px !important; background-repeat:no-repeat !important; background-position:3px 6px !important;}
.daterangepicker th.month {font-size:22px !important;; font-weight:700 !important;}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {color:#ccc !important;}
.daterangepicker:after {display:none !important;}
.daterangepicker.opensright:before{display:none !important;}
.daterangepicker td.active.weekend {background-size:30px 30px !important; background-position:1px 7px !important;}
.month_picker_wrap {display:none; width:375px; height:300px; padding:40px 65px; border:1px solid #999; border-radius:4px; position:absolute; top:40px; left:0; z-index:2; background:#fff;}
.month_picker_wrap .month_picker .mp_head {position:relative;}
.month_picker_wrap .month_picker .mp_head:after {display:block; clear:both; content:'';}
.month_picker_wrap .month_picker .mp_head .m_prev {background:url(../images/ico_month_prev.png) no-repeat 0 0; width:30px; height:30px; position:absolute; top:5px; left:-10px;}
.month_picker_wrap .month_picker .mp_head .m_next {background:url(../images/ico_month_next.png) no-repeat 0 0; width:30px; height:30px; position:absolute; top:5px; right:0;}
.month_picker_wrap .month_picker .mp_head .year {text-align:center; font-size:22px; font-weight:700; color:#000; position:absolute; top:2px; left:50%; transform:translateX(-50%);}
.month_picker_wrap .month_picker .mp_head .year select {border:none; background:none; width:60px; font-size:22px; padding:0; position:absolute; left:50%; transform:translateX(-50%);}
.month_picker_wrap .month_picker .mp_body {padding-top:50px;}
.month_picker_wrap .month_picker .mp_body table th, .month_picker_wrap .month_picker .mp_body table td {border-right:0; text-align:left; padding:0}
.month_picker_wrap .month_picker .mp_body table td a{display:block; border-radius:50%; padding:5px;}
.month_picker_wrap .month_picker .mp_body ul li {float:left; width:45px; height:45px; margin-right:21px; margin-bottom:20px; margin-left:-2px;}
.month_picker_wrap .month_picker .mp_body ul li.active {background-image:url(../images/bg_date_blue2.png); background-repeat:no-repeat; background-position:0 0; background-size:45px 45px; color:#fff; margin-bottom:20px; color:#222;}
.month_picker_wrap .month_picker .mp_body ul li a {display:block; padding-top:10px; text-align:center;}
.month_picker_wrap .month_picker .mp_body ul li.active a {color:#fff;}
.month_picker_wrap .month_picker .mp_body ul li:nth-child(4),.month_picker_wrap .month_picker .mp_body ul li:nth-child(8),.month_picker_wrap .month_picker .mp_body ul li:nth-child(12) {margin-right:0;}

.daterangepicker .calendar-table td.weekend {color:#0075c5;}
.daterangepicker .calendar-table td.weekend:first-child {color:#db3f00;}


/*현황판*/
.status_board_wrap {padding:50px; font-family:'Noto Sans';}
.status_board_wrap .tit {font-size:24px; margin-bottom:20px; color:#000;}
.status_table_wrap {margin-top:20px;}
.status_board_wrap .table {position:unset; overflow:unset;}
.status_board_wrap .table td a {text-decoration:underline;}
.status_board_wrap .table td a:hover {font-weight:500;}
.status_board_wrap h2 {color:#222; font-size:20px; margin-bottom:20px; margin-top:30px;}

.responsive {display:block;}


.practice_wrap {background:url(../images/Downlab_Rolling_banner_final.jpg) no-repeat center; width:100%; height:100%; background-size:cover;}



.guide_tab {position:relative;}
.guide_tab>ul {height:60px; background:#f8f8f8; border-width:1px 0; border-style:solid; border-color:#f1f1f1; padding:0 20px;}
.guide_tab>ul>li {float:left; padding:0 30px;}
.guide_tab>ul>li:first-child {padding-left:0;}
.guide_tab>ul>li>a {display:block; position:relative; line-height:58px;}
.guide_tab>ul>li.active a {border-bottom:2px solid #0067ca;}
.guide_tabs_content {position:absolute; left:0; top:100px; width:100%; padding-bottom:50px;}
.mb10 {margin-bottom:10px;}
.guide_tabs_content .g_tit {font-size:22px; font-weight:700; margin-bottom:20px; margin-top:30px; color:#0067ca;}
.guide_tabs_content .g_tit2 {margin-top:30px; font-size:16px; color:#000; font-weight:700; margin-bottom:5px;}
.guide_tabs_content .g_tit:first-child {margin-top:0;}

.form_item {position:relative; display:inline-block;}
.form_item .inp_del {position: absolute; right: 10px; top: 50%; margin-top: -10px;}
.inp_del {display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(../images/ico_inp_del.png); font-size: 3px; color: transparent; background-size: contain;}
.form_item .txt {font-size:12px; color:#999; margin-top:-2px;}
.form_item .com_info_en {margin-top:10px;}


.table_st_wrap .item .form_item .com_info_en .tit, .table_st_wrap .item .form_item .com_info_kor .tit {width:unset;}

.sweet-alert button {background:#0067ca !important;}
.sweet-alert button.cancel {background:#fff !important; border:1px solid #ccc; color:#000;}

.radio.inline_block {vertical-align:middle;}

.search_result_box .s_tit {color:#000; margin-bottom:20px; font-size:24px; font-weight:700;}
.search_result_box .total {display:inline-block; font-size:18px;}
.search_result_box .total span {color:rgb(74, 115, 142); font-weight:700;}
.search_result_box .total_info {display:inline-block; margin-left:30px; font-size:17px;}
.box ul .date_form {margin-top:10px;}
.box ul .date_form.t2 {min-width:unset; display:inline-block; vertical-align:middle; margin-top:0;} 
.box .duration_sort_wrap ul li {position:relative;}
.box .duration_sort_wrap ul li .date_form {position:absolute; top:0; left:200px;}


.box.t4>ul {margin-top:0;}
.box.t4>ul>li {position:relative; margin-top:0;}
.box.t4>ul>li:first-child .tit {position:absolute; top:9px; left:25px;}
.box.t4>ul>li:first-child .tit:before {content:''; background:url(../images/ico-title.png) no-repeat 0 0; width:16px; height:18px; position:absolute; top:3px; left:-25px;}
.box.t4>ul>li:first-child .tit.color {color:#0067ca;}
.box.t4>ul>li:last-child {padding-left:200px;}
.box>ul>li>.input_guide {color: #999; font-size: 12px; margin-top: 2px;}

.tbl_check label {text-indent:-9999px; font-size:1px; color:transparent;}
.box .tit.short {margin-bottom:0; vertical-align:middle; width:80px;}
.box .tit.long {vertical-align:top; padding-top:7px;}
.box ul .date_form.short {display:inline-block; vertical-align: middle; position:relative;}
.box ul .date_form.short .inp_guide {position:absolute; bottom:0; left:0;}


.file_download_wrap {margin-top:30px;}
.file_download_wrap .file_download_content {margin-top:10px; position:relative;}
.file_download_wrap .file_download_content .txt {display:inline-block; margin-left:10px; vertical-align:middle; color:orange; font-size:13px;}
.file_download_wrap .file_download_content .excel {position:absolute; top:0; right:0;}


.box .imp_txt {position:absolute; right:25px; top:25px;}
.box .imp_txt span {color:#f2084f;}
.tit .imp {color:#f2084f;}

.inline_form ul>li {display:block; margin-right:80px; position:relative;} 
.inline_form ul>li>.tit .imp {color:#f2084f;}
.inline_form ul>li .inp_guide {color:#999; font-size:12px;}
.inline_form ul>li:last-child {margin-right:0;}
.inline_form ul>li .radio {margin-top:10px;}
.inline_form ul>li .radio .inline {display:inline-block; vertical-align:middle;}
.inline_form ul>li .radio .inp_box {display:inline-block; vertical-align:middle; margin-left:15px;}
.inline_form ul>li .radio .inp_box.position {position:relative; top:12px;}
.inline_form ul>li .radio .inp_box.position2 {position:relative; top:0;}
.inline_form ul li .radio {display:block;}
.inline_form ul li .radio.t2 {display:inline-block; margin-top:0; vertical-align: middle;}
.inline_form ul li .radio ul li {margin-right:15px;}
.inline_form ul li .radio ul li:last-child {margin-right:0;}
.inline_form ul li .radio.position {position:relative; top:0;}
.inline_form ul>li .tit {display:inline-block; width:unset; margin-right:30px;}
.inline_form ul>li .tit.simple {width:150px; margin-right:0;}
.inline_form ul>li .tit.sp2 {vertical-align:top; margin-top:8px;}
.inline_form ul>li .tit.chk {width:200px; margin-right:0;}
.inline_form ul>li .tit.chk .lb_tit {padding-left:30px;}
.inline_form ul>li .tit.ad_mail {width:200px; margin-right:0;}
.inline_form.t2 ul>li {display:inline-block; vertical-align: middle;}
.inline_form.t2 ul>li .tit {width:200px; margin-right:0;}
.inline_form ul .list_position {position:relative;}
.inline_form ul .list_position .tit {position:absolute; left:0; top:29px;}
.inline_form ul .list_position .search_area {padding-left:120px; padding-top:20px;}
.inline_form ul .list_position .search_area .comment {color:#999; font-size:12px; margin-top:2px;}

.inline_form+.inline_form {margin-top:10px;}
.inline_form .inp_inline {display:inline-block; vertical-align:middle; margin-left:10px; margin-right:3px;}
.inline_form .inp_inline.t2 {margin-left:0;}


.table_st_wrap .item {margin-top:10px; position:relative;}
.table_st_wrap .item .withdrawal {position:absolute; right:0; top:0;}
.table_st_wrap .item .ico_btn {position:absolute; right:0; top:0;}
.table_st_wrap .item .ico_btn.excel {border:1px solid #d4d4d4;}
.table_st_wrap .item:first-child {margin-top:0;}
.table_st_wrap .item .tit {width:200px; display:inline-block; vertical-align:middle; font-size:17px; color:#666; font-weight:500;}
.table_st_wrap .item .tit.short {width:unset; margin-right:30px;}
.table_st_wrap .item .tit.middle {width:unset; margin-right:110px;}
.table_st_wrap .item .tit.txt_width {width:75px; margin-right:30px;}
.table_st_wrap .item .tit.short.user {width:96px;}
.table_st_wrap .item .tit.account {width:150px;}
.table_st_wrap .item .tit.calendar {vertical-align:top; margin-top:10px;}
.table_st_wrap .item .form_item {display:inline-block; vertical-align:middle; font-size:17px; color:#000;}
.table_st_wrap .item .form_item.link_use label {min-width:95px;}
.table_st_wrap .item .form_item .guide_txt {font-size:12px; color:#666;}
.table_st_wrap .item .form_item .s_tit+.i_txt {margin-left:5px;}
.table_st_wrap .item .form_item.air1 {display:block; margin-left:0; margin-top:10px;}
.table_st_wrap .item .form_item.air1 .tit.short {width:110px;}
.table_st_wrap .item .form_item .tit.txt_width {width:110px;}
.table_st_wrap .item .form_item.search_type .tit.short {width:110px;}
.table_st_wrap .item .form_item .tit.code_wid {width:110px;}
.table_st_wrap .item.t2 .form_item {position:unset;}
.table_st_wrap .item .form_item .inline {display:inline-block; vertical-align:middle;}
.table_st_wrap .item .form_item .s_tit.daeri {display: inline-block; width:135px;}
/* .table_st_wrap .item .form_item .inline+.inline_block {margin-left:10px;} */
.table_st_wrap .item .form_item .comment {font-size:12px; color:#999; margin-top:2px; display:inline-block; margin-left:5px;}
.table_st_wrap .item .form_item .comment.cass, .table_st_wrap .item .form_item .comment.bspcash {display:none;}
.table_st_wrap .item .form_item .dash {display:inline-block; margin:0 4px; vertical-align: middle;}
.table_st_wrap .item .form_item .unit {display:inline-block; vertical-align:middle; color:#999; font-size:16px; margin-right:2px;}
.table_st_wrap .item .form_item.file label {display:inline-block; height:40px; line-height:40px; background:#0067ca; color:#fff; font-size:16px; padding:0 15px;}
.table_st_wrap .item .form_item .desc {display:inline-block; position:relative; vertical-align:middle; margin-left:5px; font-size:14px; color:#999;}
.table_st_wrap .item .form_item .desc.ico {position:relative; padding-left:24px; line-height:15px; padding-top:4px;}
.table_st_wrap .item .form_item .desc:before {content:''; position:absolute; left:0; top:0; background:url(../images/ico_imp_txt.png) no-repeat 0 0; width:20px; height:20px;}
.table_st_wrap .item .form_item ul li {display:inline-block; vertical-align: middle; margin-right:20px;}
.table_st_wrap .item .form_item ul li:last-child {margin-right:0;}
.table_st_wrap .item .form_item ul li .radio ul li {margin-right:20px;}
.table_st_wrap .item .form_item ul li .radio ul li:last-child {margin-right:0;}
.table_st_wrap .item .form_item .input_guide {color:#999; font-size:12px; margin-top:3px;}
.table_st_wrap .item .form_item .drag_img_box {width:500px; display:flex; align-items:center; justify-content:center; background:#f7f7f7; height:100px; border:1px solid #ccc; color:#ccc;}
.table_st_wrap .item .v_content {display:inline-block; margin-right:80px;}
.table_st_wrap .item .v_content:last-child {margin-right:0;}
.table_st_wrap .item .v_content .tit {display:inline-block; vertical-align:middle; position:relative; padding-left:10px; font-size:17px; font-weight:500; color:#0067ca;}
.table_st_wrap .item .v_content .tit.short {margin-right:0;}
.table_st_wrap .item .v_content .tit.short .space {display:inline-block; margin:0 5px;}
.table_st_wrap .item .v_content .tit:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#0067ca; border-radius:2px;}
.table_st_wrap .item .v_content .name {display:inline-block; vertical-align: middle; color:#000; font-size:17px; font-weight:500;}
.table_st_wrap .bsp_case, .table_st_wrap .cass_case {display:none;}
.radio.type {display:inline-block; vertical-align: middle;}
.radio.type li {margin-right:20px;}
.radio.type li:last-child {margin-right:0;}
.radio.type+.btn {margin-left:5px;}
.date_item {position:relative;}
.date_item .i_datepicker {background: url(../images/ico_date_picker.png) no-repeat 95% 50%; background-size: 18px 18px;}
.date_form .inp_box {display:inline-block;}
.date_form ul+.inp_box {margin-left:5px;}

.file_box .upload_name {display:inline-block; height:40px; padding:0 15px; vertical-align:middle; border:1px solid #eaeaea; border-radius:4px;}
.file_box .upload_name:focus {border-color:#0067ca;}
.file_box label {display:inline-block; position:relative; padding:0 15px; vertical-align: middle; height:40px; line-height:40px; margin-left:3px; border-radius:4px; cursor:pointer; font-size:14px; background:#0067ca; color:#fff; min-width:50px;}
.file_box label:before {content:''; background:url("../images/ico_search_btn_big.png") 0px 0px no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px;}
.file_box input[type="file"] {position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(1px 1px 1px 1px)!important;clip:rect(1px,1px,1px,1px)!important}
.file_box .txt {display:inline-block; vertical-align:middle; font-size:12px; color:#999; margin-left:5px; margin-top:3px;}
.file_box .txt.t2 {display:block;}


.file_data_wrap {margin-top:20px;}
.file_data_wrap .file_data_inner .file_data_box {width:100%; height:180px; background:#f7f7f7; border:1px solid #ccc; position:relative; padding:20px 30px; display:flex; align-items:center; justify-content:center;}
.file_data_wrap .file_data_inner .guide_txt {color:#ff6000; font-size:13px; margin-top:5px;} 
.file_data_wrap .file_data_inner .file_data_box .defalut_msg {color:#ccc; font-size:16px; text-align:center; position:relative; padding-left:40px;}
.file_data_wrap .file_data_inner .file_data_box .file_data {position:absolute; top:0; left:0; padding:20px 30px; width:100%; min-height:180px; display:none;}
.file_data_wrap .file_data_inner .file_data_box .file_data ul li {padding-bottom:10px; border-bottom:1px solid #ccc; margin-top:10px; width:100%; position:relative;}
.file_data_wrap .file_data_inner .file_data_box .file_data ul li:first-child {margin-top:0;}
.file_data_wrap .file_data_inner .file_data_box .file_data ul li div {display:block;}
.file_data_wrap .file_data_inner .file_data_box .file_data ul li div:first-child {width:100px; position:absolute; left:0; top:0;}
.file_data_wrap .file_data_inner .file_data_box .file_data ul li div:last-child {padding-left:100px;}
.file_data_wrap .file_data_inner .guide_box_wrapper {margin-top:30px;}
.file_data_wrap .file_data_inner .guide_box_wrapper .tit.msg {font-size:18px; margin-bottom:10px;}

.tooltip_box {position:relative; display:inline-block;}
.tooltip_box .tooltip_btn {display:inline-block; color:transparent; text-align:center; width:20px; height:20px; background:transparent; line-height:20px; border-radius:10px; margin-left:3px; vertical-align:middle; position:relative;}
.tooltip_box .tooltip_btn:before {content:''; position:absolute; left:0; top:-2px; width:20px; height:20px; background:url(../images/ico_tooltip.png) no-repeat 0 0;}
.tooltip_box .tooltip_info {position:absolute; bottom:30px; left:50%; transform:translateX(-49%); width:200px; padding:20px; background:#4cb2f7; z-index:1; border-radius:8px;  display:none;}
.tooltip_box .tooltip_info.long {width:400px; transform:translateX(-49.6%);}
.tooltip_box .tooltip_info:after {content:''; border-width:8px; border-style:solid; border-color:transparent; border-top-color:#4cb2f7; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%);}
.tooltip_box .tooltip_info.top {position:absolute; top:30px; left:50%; transform:translateX(-50%); width:200px; padding:20px; background:#4cb2f7; z-index:1; border-radius:8px; display:none; min-height:100px;}
.tooltip_box .tooltip_info.top:after {content:''; border-width:8px; border-style:solid; border-color:transparent; border-bottom-color:#4cb2f7; position:absolute; left:47%; top:-5px; transform:translateX(-50%);}
.tooltip_box .tooltip_info ul li {color:#fff; font-size:12px; line-height:18px;}
.tooltip_box .tooltip_info .tit {color:#fff; font-size:14px; margin-top:0; font-weight:700; margin-bottom:5px;}
.tooltip_box .tooltip_info .txt {color:#fff; font-size:12px; line-height:18px;}

.tooltip_box .tooltip_info.top {position: absolute; top:30px; left: 45px; transform: translateX(-60%); width: 200px; padding: 20px; background: #4cb2f7; z-index: 1; border-radius: 8px;}
.tooltip_box .tooltip_info.top:after {content: ''; left: 40%; top: -16px; bottom:unset; transform: rotate(180deg); border-top-color:#4cb2f7; border-bottom-color:transparent;}
/*가상계좌조회*/
.virtual_search_result_wrap {position:relative;}
.virtual_search_result_wrap:before {content:''; position:absolute; top:-15px; left:0; width:100%; height:1px; background:#ccc;}
.virtual_search_result_wrap .tit_wrap {position:relative; margin-top:30px;}
.virtual_search_result_wrap .tit_wrap .tit {font-size:24px; font-weight:500; color:#000; padding-top:10px;}
.virtual_search_result_wrap .tit_wrap .prt_wrap {position:absolute; top:0; right:0;}
.virtual_search_box {background:#f7f7f7; border:1px solid #ccc; border-radius:8px; margin-top:40px;padding:30px;}
.virtual_search_box .total {font-weight:700; font-size:18px; color:#222; padding-bottom:15px; border-bottom:1px solid #ccc;}
.virtual_search_box .total span {color:#0067ca;}
.virtual_search_box .total_info {color:#999; font-size:16px; color:#222; padding-top:20px; font-weight:500;}
.virtual_search_box .total_info span {color:#4a738e;}


.duration_wrap {position:relative;}
.duration_wrap .select {position:absolute; right:0; top:15px;}
.duration_txt {position:relative; padding-left:30px; color:#222; font-size:16px; font-weight:500; padding-top:30px; margin-bottom:15px;}
.duration_txt:before {content:''; position:absolute; top:30px; left:0; width:20px; height:20px; background:url(../images/ico_date_picker.png) no-repeat 0 0;}

.gurantee_info_wrap img {width:850px;}


/* .box .duration_box_wrap {margin-top:10px;} */
.box .duration_box_wrap.t2 {margin-top:10px;}
.box .duration_box_wrap .tit {display:inline-block; width:unset; vertical-align: middle; font-size:15px;}
.box .duration_box_wrap .tit.short {width:20px;}
.box .duration_box_wrap .tit.distance {margin-left:20px;}
.box .duration_box_wrap .start_month, .box .duration_box_wrap .end_month  {display:inline-block;}
.box .duration_box_wrap .end_month {margin-right:0;}
.box .duration_box_wrap .start_month .i_txt.date, .box .duration_box_wrap .end_month .i_txt.date {background:url("../images/ico_date_picker.png") 95% 50% / 18px 18px no-repeat; cursor:pointer; position:relative;}
.box .duration_box_wrap .start_month .start_date {display:inline-block; font-size:15px; color:#0067ca; font-weight:500; margin-right:20px; vertical-align:middle;}
.box .duration_box_wrap .end_month .end_date {display:inline-block; font-size:15px; color:#0067ca; font-weight:500;  margin-right:20px; vertical-align:middle;}


/*정산내역조회*/
.different_radio_wrap {position:relative;}
.different_radio_wrap .agent, .different_radio_wrap .airline, .different_radio_wrap .invoice {display:none;}


/*주소 찾기*/
.address_wrap .address_txt {color:#333; font-size:16px; font-weight:500; margin-top:35px; margin-bottom:7px;}
.address_wrap .address_info_box {padding-top:30px; border-top:1px solid #ccc;}
.address_wrap .address_info_box dl {margin-top:15px;}
.address_wrap .address_info_box dl:first-child {margin-top:0;}
.address_wrap .address_info_box dl dt, dl dd {font-size:15px;}
.address_wrap .address_info_box dl dt {font-weight:700; color:#222;}
.address_wrap .address_info_box dl dd {font-weight:500; color:#0c9eff}
.address_wrap .address_link_box .address_link_head {height:40px; padding:0 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:flex; align-items:center; width:100%; justify-content:space-between;}
.address_wrap .address_link_box .address_link_head div {color:#222; font-size:15px;}
/* .address_wrap .address_link_box {height:360px; overflow-y:scroll;} */
.address_wrap .address_link_box .address_info {position:relative;}
/* .address_wrap .address_link_box .address_info:hover {background:#f7f7f7;} */
.address_wrap .address_link_box .address_info .address_tit {color:#666; font-weight:500; font-size:15px;}
.address_wrap .address_link_box .address_info .address_detail {font-size:14px; color:#999; }
.address_wrap .address_link_box .address_info .address_detail span {display:inline-block; padding:0 5px; height:22px; line-height:23px; border:1px solid #ccc; border-radius:4px; font-size:14px; margin-right:5px; color:#999;}
.address_wrap .address_link_box .address_num {position:absolute; right:0; top:50%; width:70px; padding-right:20px; transform:translateY(-50%);}
.address_link_box a .address {width:100%;}
.address_wrap .pagenation_wrap ul li.page_first_s a, .pagenation_wrap ul li.page_prev_s a, .pagenation_wrap ul li.page_next_s a, .pagenation_wrap ul li.page_last_s a  {display:inline-block; background:url(../images/ico_page_first_s.png) no-repeat 0 0; width:26px; height:26px; vertical-align:middle;}
.address_wrap .pagenation_wrap ul li.page_prev_s a {background:url(../images/ico_page_prev_s.png) no-repeat 0 0;}
.address_wrap .pagenation_wrap ul li.page_next_s a {background:url(../images/ico_page_next_s.png) no-repeat 0 0;}
.address_wrap .pagenation_wrap ul li.page_last_s a {background:url(../images/ico_page_last_s.png) no-repeat 0 0;} 
.address_wrap .pagenation_wrap ul li.page_prev {margin-right:10px;}
.address_wrap .pagenation_wrap ul li.page_next {margin-left:10px;}

.address_detail_box {padding:20px 0 17px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-top:40px;}
.address_detail_box .address_tit {color:#222; font-size:18px; font-weight:700;}
.address_detail_box .address_detail {font-size:14px; color:#999; margin-top:5px; display:inline-block; vertical-align:middle;}
.address_detail_box .address_detail span {display:inline-block; padding:0 5px; height:22px; line-height:23px; border:1px solid #ccc; border-radius:4px; font-size:14px; margin-right:5px;}
.address_detail_inp_box {display:table; width:100%; margin-top:30px;}
.address_detail_inp_box>div {display:table-cell; vertical-align: middle; width:100%;}
.address_detail_inp_box .i_txt {width:100%; margin-right:6px; border-width:0 0 1px 0; border-color:#ccc; border-radius:0;}
.address_detail_inp_box .link {width:100%;}
.address_detail_inp_box .btn {width:65px; margin-left:6px;}

/*회원가입*/
.choice_language_wrap {background:url(../images/bg_main.png) no-repeat center center; width: 100%; height: 100vh; position:relative;}
.choice_language_wrap .content_wrap {width:674px; margin:0 auto; padding-top:150px;}
.choice_language_wrap .content_wrap .signup_form {text-align:center;}
.choice_language_wrap .content_wrap .signup_form ul {font-size:0;}
.choice_language_wrap .content_wrap .signup_form .lb {font-size:16px; color:#666; margin-bottom:30px; text-align:center; margin-left:-455px;}
.choice_language_wrap .content_wrap .signup_form dl {text-align:left; margin-bottom:20px;}
.choice_language_wrap .content_wrap .signup_form dl dt {font-size:18px; color:#222; font-weight:500; margin-bottom:10px;}
.choice_language_wrap .content_wrap .signup_form dl dd {font-size:16px; color:#222;}
.signup_form ul li {display:inline-block;}
.signup_form ul li:first-child {margin-right:24px;}
.signup_form ul li input[type="radio"]+label:before {display:none;}
.signup_form ul li input[type="radio"]+label {width:325px; height:450px; border-radius:8px; border:1px solid #fff; padding:150px 70px 190px; background:rgba(255,255,255,.3);}
.signup_form ul li input[type="radio"]+label:hover {background:#fff;}
.signup_form ul li input[type="radio"]:checked+label {border-color:#0067ca; background:#fff;}
.signup_form ul li input[type="radio"]+label span {color:#ccc; font-size:60px; display:block; text-align:left;}
.signup_form ul li input[type="radio"]+label span.lan {font-size:16px; margin-bottom:30px;}
.signup_form ul li input[type="radio"]:checked+label span {color:#0067ca;}
.sign_check .check input[type="checkbox"]+label {line-height:25px;}
.sign_check .check input[type="checkbox"]+label:before {background:url(../images/ico_sign_check_off.png) no-repeat 0 0; width:23px; height:23px;}
.sign_check .check input[type="checkbox"]:checked+label:before {background:url(../images/ico_sign_check_on.png) no-repeat 0 0;}
.sign_check .check input[type="checkbox"]:checked+label {color:#666;}
.sign_check.t2 .check li {margin-right:20px;}
.sign_check.t2 .check li:last-child {margin-right:0;}

.signup_r2_wrap, .signup_r3_wrap  {width:950px; margin:0 auto;}
.signup_r2_wrap .sign_check label {color:#999; font-size:16px; font-weight:500;}
.signup_r2_wrap .sign_check.allchk {padding-bottom:15px; border-bottom:1px solid #ddd;}
.signup_r2_wrap .sign_check .check {margin-top:50px; margin-bottom:10px;}
.agree_box {padding:30px; border:1px solid #eaeaea; background:#f7f7f7; height:260px; overflow-y:auto;}
.agree_box p {font-size:14px; color:#999; line-height:24px;}
.signup_r3_wrap {padding-top:40px; padding-bottom:40px;}
.signup_r3_wrap .pw_guide {font-size:12px; color:#999; display:inline-block; vertical-align:middle; margin-left:5px;}
.signup_r3_wrap .tit {font-size:18px; font-weight:500; color:#222; padding-bottom:15px;}
.signup_r3_wrap .tooltip_box .tooltip_info .tit {padding-bottom:0; border:0;}
.signup_r3_wrap .create_account_form .item {margin-top:25px;}
.signup_r3_wrap .create_account_form .item:first-child {margin-top:0;}
.signup_r3_wrap .create_account_form .item .i_txt {width:250px;}
.signup_r3_wrap .create_account_form .item .s_tit {display:inline-block; font-size:17px; color:#666; min-width:220px; vertical-align:middle;}
.signup_r3_wrap .create_account_form .item .s_tit.t2 {vertical-align:top; padding-top:8px;}
.signup_r3_wrap .create_account_form .inp_form {display:inline-block; vertical-align:middle;}
.signup_r3_wrap .create_account_form .inp_form .sp {display:inline-block; margin:0 3px; vertical-align: middle; font-size:14px; color:#999;}
.signup_r3_wrap .create_account_form .inp_form select {width:250px;}
.signup_r3_wrap .create_account_form .item .inp_form .parent-popup .input_guide {display:block;}

/*공지사항*/
.board_box {margin-top:40px; padding:30px; background-color:#fff; border-radius:8px; position:relative;}
.board_box>.tit {font-size:18px; padding-bottom:15px; border-bottom:1px solid #999;}
.board_box .brd_form_item {position:relative;}
.board_box .brd_form_item select+.i_txt {margin-left:5px;}
.board_box .table_st_wrap .item.answer {word-break:break-word;}
.board_box .item .form_item select {width:unset; padding:0 30px 0 15px;}

.board_list_wrap {margin-top:70px; position:relative;}
.board_list_wrap.t2 {margin-top:25px; position:relative;}
.board_list_wrap .tit.pos {position:absolute; top:8px; left:0;}
.board_list_wrap .tit {color:#222; font-size:20px; font-weight:500;}
.board_list_wrap .tbl_col.board tbody tr td.title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-break:break-word;}
.board_list_wrap .tbl_col.board tbody tr td.title p {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-break:break-word;}
.brd_select {text-align:right; margin-bottom:20px;}
.brd_select select {width:180px;}
.search_detail_wrap {position:relative; margin-top:30px;}
.search_detail_wrap .search_sum {color:#222; font-size:15px;}
.search_detail_wrap .search_sum span {color:#0067ca;}
.search_detail_wrap .date {position:absolute; right:0; top:0; color:#999; font-size:15px; font-weight:400;}
.board_content_wrap {margin-top:20px; padding:40px 20px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:16px;}
.board_content_wrap>* {word-break:break-word;}
.board_content_wrap p {line-height:1.3;}
.board_content_wrap h1 {font-size:28px; font-weight:700; line-height:36px;}
.board_content_wrap h2 {font-size:24px; font-weight:700; line-height:30px;}
.board_content_wrap h3 {font-size:20px; font-weight:700; line-height:26px;}
.board_content_wrap h4 {font-size:18px; font-weight:700; line-height:24px;}
.board_content_wrap h5 {font-size:16px; font-weight:700; line-height:22px;}
.board_content_wrap h6 {font-size:15px; font-weight:700; line-height:21px;}
.board_content_wrap p input[type="image"] {max-width:100%; height:auto;}
.board_content_wrap p strong {font-weight:700;}
.board_content_wrap .tit {font-size:22px; font-weight:500; margin-bottom:30px;}
.board_content_wrap div {line-height:24px;}
.board_content_wrap .s_tit_wrap {margin-bottom:30px;}
.board_content_wrap dl {margin-bottom:30px;}
.board_content_wrap dl dt {position:relative; padding-left:15px;}
.board_content_wrap dl dt:before {content:''; position:absolute; left:0; top:6px; width:9px; height:9px; background:#222; border-radius:3px;}
.board_file_wrap {padding:30px 20px; border-bottom:1px solid #ccc;}
.board_file_wrap.t2 {border-top:1px solid #ccc;}
.board_file_wrap .file {position:relative; min-width:220px; background:#f7f7f7; border:1px solid #ccc; height:55px; line-height:55px; border-radius:8px; padding:0 20px;}
.board_file_wrap .file span {position:relative; display:inline-block; color:#666; font-weight:500;}
.board_file_wrap .file span:after {content:''; display:inline-block; background:url(../images/ico_img_down.png) no-repeat 0 0; width:25px; height:26px; vertical-align:-9px; margin-left:10px;}
.board_file_wrap .file.pdf span:after {background:url(../images/ico_img_down.png) no-repeat 0 0;}
.board_link_wrap {position:relative; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.board_link_wrap ul li:first-child {color:#999; font-weight:500;}
.board_link_wrap ul li:first-child a {position:relative; display:inline-block; padding-left:56px; width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#999; font-weight:500;}
.board_link_wrap ul li:first-child a:hover, .board_link_wrap ul li:last-child a:hover {color:#222;}
.board_link_wrap ul li:first-child a:before {content:''; position:absolute; left:0; top:4px; background:url(../images/ico_page_prev_view.png) no-repeat 0 0; width:50px; height:18px;}
.board_link_wrap ul li:last-child {position:absolute; right:0; top:0;}
.board_link_wrap ul li:last-child a {position:relative; color:#999; font-weight:500; display:inline-block; width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:56px; font-weight:500;}
.board_link_wrap ul li:last-child a:after {content:''; position:absolute; top:4px; right:0; background:url(../images/ico_page_view.png) no-repeat 0 0; width:50px; height:18px;}
.board_box .form_item.sign_check span {display:inline-block; margin-right:20px;}
.list_btn_wrap {position:relative; z-index:1;}
.list_btn_wrap>a {position:absolute; top:30px; left:0;}
.list_btn_wrap>a:hover {background:#f5f5f5; border-color:#ccc !important;}
.list_btn_wrap>a span {position:relative; padding-left:25px; color:#666;}
.list_btn_wrap>a:hover span {color:#666;}
.list_btn_wrap>a span:before {content:''; background:url(../images/ico_admin_list.png) no-repeat 0 0; width:18px; height:18px; position:absolute; left:0; top:0;}
/*이용약관1*/
.term_tit_wrap {position:relative;}
.term_tit_wrap .date_info {position:absolute; top:10px; right:0;}
.term_tit_wrap .date_info.admin {top:-10px;}
.term_tit_wrap .date_info div {display:inline-block; font-size:16px; color:#999;}
.term_tit_wrap .date_info div span {color:#222;}
.term_tit_wrap .date_info div:last-child {margin-left:20px;}
.term_list_box_wrap .term_list_btn {padding:8px 20px 6px; text-align:left; font-size:15px; border-radius:4px; border:1px solid #ccc; background:url(../images/ico_family_down.png) no-repeat right 15px center; width:225px;}
.term_list_box_wrap .term_list_btn.on {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.term_list_box_wrap .hid_term_list {border:1px solid #ccc; width:225px; border-top:0; display:none;}
.term_list_box_wrap .hid_term_list li a {display:block; padding:8px 19px 6px; color:#999; border-bottom:1px solid #ccc; font-size:15px;}
.term_list_box_wrap .hid_term_list li:last-child a {border-bottom:0;}
.term_list_box_wrap>select {background:url(../images/ico_family_up.png) no-repeat right 15px 0; }
.term_list_box_wrap>select.on {background:#fff url(../images/ico_family_down.png) no-repeat right 15px 0; }

.term_content_wrap {padding:40px 18px; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:20px; background:#f7f7f7;}
.term_content_wrap .tit {font-size:22px; color:#222; font-weight:500; margin-top:30px;}
.term_content_wrap .s_tit_wrap {margin-top:25px;}
.term_content_wrap .s_tit_wrap .s_tit {font-size:16px; color:#222;}
.term_content_wrap .s_tit_wrap p {font-size:16px; color:#222;}
.term_content_wrap>* {word-break:break-all;}
.term_content_wrap p {line-height:1.3;}
.term_content_wrap h1 {font-size:28px; font-weight:700; line-height:36px;}
.term_content_wrap h2 {font-size:24px; font-weight:700; line-height:30px;}
.term_content_wrap h3 {font-size:20px; font-weight:700; line-height:26px;}
.term_content_wrap h4 {font-size:18px; font-weight:700; line-height:24px;}
.term_content_wrap h5 {font-size:16px; font-weight:700; line-height:22px;}
.term_content_wrap h6 {font-size:15px; font-weight:700; line-height:21px;}
.term_content_wrap p input[type="image"] {max-width:100%; height:auto;}
.term_content_wrap p strong {font-weight:700;}


.term_link_wrap {margin-top:60px; position:relative;}
.term_link_wrap .tit_wrap .tit {font-size:20px;}
.term_link_wrap .latest_btn_wrap {position:absolute; right:0; top:-5px;}
.term_link_wrap .latest_btn_wrap .btn {font-size:14px;}
.term_content {border-top:1px solid #999; margin-top:10px;}
.term_content ul li {height:40px; line-height:42px; padding:0 20px; position:relative;}
.term_content ul li:hover {background:#e6e9ef;}
.term_content ul li:hover .list {color:#0067ca;}
.term_content ul li.even {background:#f7f7f7;}
.term_content ul li.even:hover {background:#e6e9ef;}
.term_content ul li .list {position:relative; font-size:15px; color:#222; padding-left:26px;}
.term_content ul li .list:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:7px; height:7px; background:#000; border-radius:50%;}
.term_content ul li .list span {display:inline-block; margin-left:10px; font-weight:700;}
.term_content ul li .link {position:absolute; right:60px; top:0;}
.term_content ul li .link>a {display:inline-block; position:relative; color:#666;}
.term_content ul li .link>a:after {content:''; display:inline-block; margin-left:10px; color:#666; vertical-align:-3px; background:url(../images/ico_link_s.png) no-repeat 0 0; width:18px; height:18px;}

.board_box .term_tit_wrap .term_list_box_wrap .form_item select {width:unset; padding:0 30px 0 15px;}


/*ecnomics*/
.eco_content_wrap {padding-top:50px; border-top:1px solid #ccc;}
.eco_content_wrap ul {margin:0 -10px;}
.eco_content_wrap ul li {padding:0 10px; margin-top:40px;}
.eco_content_wrap ul li:nth-child(1), .eco_content_wrap ul li:nth-child(2), .eco_content_wrap ul li:nth-child(3) {margin-top:0;}
.eco_content_wrap ul li a {display:block; position:relative;}
.eco_content_wrap ul li a .img {border:1px solid #ccc; margin-top:10px; height:200px; background:#e4e4e4;}
.eco_content_wrap ul li a .img img {width:100%; height:100%; object-fit:cover;}
.eco_content_wrap ul li a .list_info {position:relative;}
.eco_content_wrap ul li a .list_info .mark {display:inline-block; height:30px; line-height:32px; font-size:13px; color:#fff; font-weight:500; padding:0 15px; border-radius:4px; margin-top:20px;}
.eco_content_wrap ul li a .list_info .mark.info {background:#0067ca;}
.eco_content_wrap ul li a .list_info .mark.issue {background:#ff6000;}
.eco_content_wrap ul li a .list_info p {overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  color:#222; font-size:16px; font-weight:500; margin-top:10px; line-height:20px;}
.eco_content_wrap ul li a .list_info .s_tit {margin-top:10px; font-size:18px; font-weight:700;}
.eco_content_wrap ul li a .list_info .date {color:#999; font-size:16px; font-weight:500;}
.s_tit_wrap {margin-top:45px; position:relative;}
.s_tit_wrap .s_tit {display:inline-block; font-size:24px; font-weight:700; color:#222; margin-right:5px; vertical-align:middle;}
.s_tit_wrap .date {position:absolute; right:0; top:0; color:#999; font-size:16px; font-weight:500;}
.mark {display:inline-block; height:30px; line-height:32px; font-size:13px; color:#fff; font-weight:500; padding:0 15px; border-radius:4px; vertical-align:middle;}
.mark.info {background:#0067ca;}
.mark.issue {background:#ff6000;}
.mark.complete {background:#15a282;}
.mark.fail {background:#ec381f;}
.mark.equal {background:#15a282;}
.eco_detail_content_wrap {padding-top:40px; border-top:1px solid #999;}
.eco_detail_content_wrap .img {width:100%; height:200px; border:1px solid #ccc;}
.eco_detail_content_wrap .txt_wrap {padding:30px 0;}
.eco_detail_content_wrap .txt_wrap .tit {font-size:18px; font-weight:700; color:#222;}
.eco_detail_content_wrap .txt_wrap .txt {font-size:16px; font-weight:500; line-height:22px; margin-top:30px;}
.eco_detail_content_wrap .txt_wrap .txt:first-child {margin-top:0;}



/*faq*/
.call_customer_center {position:absolute; top:0; right:0;}
.call_customer_center a {position:relative; display:inline-block;}
.call_customer_center a span {color:#0067ca; position:relative; font-size:15px; font-weight:500; }
.call_customer_center a span:after {content:''; display:inline-block; background:url(../images/ico_faq_question.png) no-repeat 0 0; width:22px; height:22px; vertical-align:top; margin-left:7px}
.call_customer_center a:after {content:''; position:absolute; left:0; bottom:-5px; height:1px; width:100%; background:#0067ca;}
.faq_accordion a {display:block; height:50px; padding:15px 30px 0 0; background:#fff; position:relative; border-bottom:1px solid #e6e9ef;}
.faq_accordion a:hover {background:#f7f7f7;}
.faq_accordion .btn {display:inline-block;}
.faq_accordion a.active {border-color:#0067ca;}
.faq_accordion a .qt {display:inline-block; position:relative; padding-left:100px; font-size:15px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.faq_accordion a.active .qt {color:#0067ca; font-size:15px;}
.faq_accordion a .qt:before {content:'Q'; position:absolute; left:30px; top:50%; transform:translateY(-50%); color:#000; font-weight:500;}
.faq_accordion a .ico {position:absolute; right:20px; top:20px;  width:8px; height:8px; border-top:1px solid #666; border-right:1px solid #666; display:inline-block; transform:rotate(135deg);}
.faq_accordion a.active .ico {transform:rotate(-45deg);}
.faq_accordion .answer_wrap {display:none; padding:20px 20px 20px 100px; background:#f7f7f7; position:relative;}
.faq_accordion .answer_wrap h1 {font-size:28px; font-weight:700; line-height:36px;}
.faq_accordion .answer_wrap h2 {font-size:24px; font-weight:700; line-height:30px;}
.faq_accordion .answer_wrap h3 {font-size:20px; font-weight:700; line-height:26px;}
.faq_accordion .answer_wrap h4 {font-size:18px; font-weight:700; line-height:24px;}
.faq_accordion .answer_wrap h5 {font-size:16px; font-weight:700; line-height:22px;}
.faq_accordion .answer_wrap h6 {font-size:15px; font-weight:700; line-height:21px;}
.faq_accordion .answer_wrap p strong {font-weight:700;}
.faq_accordion .answer_wrap p em {font-style:italic;}
.faq_accordion .answer_wrap.t2 {padding-left:130px; position:relative;}
.faq_accordion .answer_wrap:before {content:'A'; position:absolute; left:30px; top:18px; font-weight:500; color:#222; font-size:15px;}
.faq_accordion .answer_wrap.t2:before {left:70px;}
.faq_accordion .question_wrap {font-size:0; position:relative; border-bottom:1px solid #e6e9ef;}
.faq_accordion .question_wrap:hover {background:#e6e9ef;}
.faq_accordion .question_wrap:hover:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#e6e9ef;}
.faq_accordion .question_wrap:hover .acc_btn {background:#e6e9ef;}
.faq_accordion .question_wrap .radio {display:inline-block; width:70px; background:#fff; height:50px; vertical-align:top; padding-left:10px; text-align:center;}
.faq_accordion .question_wrap .radio label {font-size:15px;}
.faq_accordion .question_wrap .acc_btn {width:-webkit-calc(100% - 70px); display:inline-block; border-bottom:0; padding-left:0;}
.faq_accordion .question_wrap .acc_btn .qt {font-size:15px; padding-left:60px;}
.faq_accordion .question_wrap .acc_btn .qt:before {left:0;}
.pop_tbl_item {margin-top:25px; position:relative;}
.pop_tbl_item .tit {position:absolute; left:0; top:0; width:200px; vertical-align: middle;}
.pop_tbl_item .pop_form_item {padding-left:200px; width:100%;}
.pop_tbl_item .pop_form_item textarea {min-height:250px;}
.pop_tbl_item .pop_form_item .i_txt {width:100%;}
.pop_tbl_item .pop_form_item select{width:100%;}
.pop_tbl_item .pop_form_item .sp {display:inline-block; margin:0 3px;}
.pop_tbl_item .pop_form_item .upload_name {width:382px;}

/*고객센터*/
.total_wrap {position:relative; margin-bottom:20px;}
.total_wrap .total {font-size:18px; font-weight:700; color:#222; display:inline-block; padding-top:10px;}
.total_wrap .total span {color:#0067ca;}
.total_wrap .total_info {font-size:16px; color:#222; display:inline-block; margin-left:20px;}
.total_wrap .total_info span {color:#4a738e;}
.total_wrap .brd_select {position:absolute; right:0; top:0;}
.dummy_box {margin-top:30px;}
.dummy_box .tit {font-size:18px; font-weight:500; color:#222;}
.dummy_box .dummy {width:100%; height:200px; background:#ccc; margin-top:20px;}


/*파일등록 관리*/
.file_manage_wrap:first-child {margin-top:0;}
.file_manage_wrap {margin-top:20px;}
.file_manage_wrap>.tit {font-size:24px; font-weight:500; color:#222; margin-bottom:30px;}
.file_manage_wrap ul li:first-child {border-top:1px solid #999;}
.file_manage_wrap ul li {position:relative; border-bottom:1px solid #ccc;  padding:7px 20px;}
.file_manage_wrap ul li:hover {background:#f7f7f7;}
.file_manage_wrap ul li:hover .tit {color:#0067ca;}
.file_manage_wrap ul li .tit {font-size:16px; color:#222; display:inline-block; width:250px; vertical-align: middle;}
.file_manage_wrap ul li .right_content {position:absolute; top:12px; right:20px;}
.file_manage_wrap ul li .right_content .date {display:inline-block; margin-right:30px; color:#999; position:relative; padding-left:30px;}
.file_manage_wrap ul li .right_content .date:before {content:''; position:absolute; top:0; left:0; background:url(../images/ico_time.png) no-repeat 0 0; width:23px; height:22px;}
.file_manage_wrap ul li .right_content .mark {height:20px; line-height:22px; padding:0 10px;}
.file_manage_wrap .table .tbl_iccs th, .file_manage_wrap .table .tbl_iccs td {padding:13px 0; border-bottom:1px solid #999; text-align:center; font-size:16px; font-weight:500;}
.file_manage_wrap .table .tbl_iccs td.approval .name {position:relative; padding-left:23px;}
.file_manage_wrap .table .tbl_iccs td.approval .name:before {content:''; position:absolute; border-style:solid; border-color:#66CC00; border-width:0 0 2px 2px; height:6px; width:16px; left:0; top:4px; transform:rotate(-45deg);}
.file_manage_wrap .table .tbl_iccs td.approval .time {display:block;}
.file_manage_wrap .table .tbl_iccs td.reject .name {position:relative; padding-left:23px;}
.file_manage_wrap .table .tbl_iccs td.reject .name:before, .file_manage_wrap .table .tbl_iccs td.reject .name:after  {content:''; position:absolute; left:10px; top:0px; height:18px; width:2px; background:#ff6000;}
.file_manage_wrap .table .tbl_iccs td.reject .name:before {transform:rotate(45deg);}
.file_manage_wrap .table .tbl_iccs td.reject .name:after {transform:rotate(-45deg);}
.file_manage_wrap .table .tbl_iccs td.reject .time {display:block;}
.file_manage_wrap .table .tbl_iccs th {border-top:1px solid #999; background:#e8f5ff; vertical-align:middle;}
.file_manage_wrap .table .tbl_iccs td.sum {border-top:1px solid #999; color:#222; font-size:16px; border-left:1px solid #999; background:#f7f7f7;}
.file_manage_wrap .table .tbl_iccs td.sum span {color:#222; font-weight:700; color:#222; display:inline-block; margin-left:10px; font-size:20px;}
.file_manage_wrap .table tbody tr:hover td {background:#f7f7f7;}
.file_manage_wrap .total_amount_wrap {position:relative; margin-top:20px; min-height:40px;}
.file_manage_wrap .total_amount_wrap .iccs_pdf {padding-left:40px; padding-right:40px;}
.file_manage_wrap .total_amount_wrap .iccs_pdf:hover {color:#0067ca; border-color:#0067ca;}
.file_manage_wrap .total_amount_wrap .iccs_pdf span {position:relative; text-align:center; font-size:16px; color:#666;}
.file_manage_wrap .total_amount_wrap .iccs_pdf:hover span {color:#0067ca;}
.file_manage_wrap .total_amount_wrap .iccs_pdf span:after {content:''; display:inline-block; vertical-align: middle; background:url(../images/ico_iccs_file_off.png) no-repeat 0 0; width:20px; height:24px; margin-left:10px;}
.file_manage_wrap .total_amount_wrap .iccs_pdf:hover span:after {background:url(../images/ico_iccs_file_on.png) no-repeat 0 0;}
.file_manage_wrap .total_amount_wrap .iccs_btn_wrap {position:absolute; right:0; top:0;}
.file_manage_wrap .guide_txt {color:#ff6600; font-size:14px; margin-top:10px;}


/*나의 정보*/
.table_st_wrap .item .form_item .ad_mail_txt {display:inline-block; margin-right:5px;}
.table_st_wrap .item .form_item .sp {display:inline-block; vertical-align: middle; margin:0 5px;}
/* .table_st_wrap .item.tog {display:none;} */
/*메인*/
.todo_wrap {border-top:2px solid #0067ca; padding:30px 20px; background:#fff; margin-bottom:50px;}
.todo_wrap .tit_wrap {position:relative;}
.todo_wrap h2 {color:#0067ca; font-size:20px; position:relative; padding-bottom:20px; border-bottom:1px solid #999; padding-left:40px}
.todo_wrap h2:before {content:''; position:absolute; left:0; top:-4px; background:url(../images/ico_todo_tit.png) no-repeat 0 0; width:31px; height:31px;}
.todo_wrap .tit_wrap .refresh_btn {position:absolute; top:-2px; right:0; background:url(../images/ico_todo_refresh.png) no-repeat 0 0; width:40px; height:40px;}
.todo_wrap .todo_inner {padding-top:20px;}
.todo_wrap .todo_inner .tit {font-size:20px; color:#222; font-weight:700; position:relative; display:inline-block; padding-left:20px;}
.todo_wrap .todo_inner .tit:after {content:''; display:block; height:8px; margin-top:-8px; background:#1fa0fb; width:100%; opacity:0.3;}
.todo_wrap .todo_inner ul>li {position:relative; border-right:1px solid #eaeaea; min-height:30px;}
.todo_wrap .todo_inner ul>li:last-child {border-right:0;}
.todo_wrap .todo_inner ul>li>ul>li {margin-top:5px; min-height:unset}
.todo_wrap .todo_inner ul>li>ul {padding:20px 20px 0;}
.todo_wrap .todo_inner ul>li>ul>li:first-child {margin-top:0;}
.todo_wrap .todo_inner ul>li>ul>li {border-right:0;}
.todo_wrap .todo_inner ul>li>ul>li>a {position:relative; display:block; color:#666; font-weight:700;}
.todo_wrap .todo_inner ul>li>ul>li>a:hover {color:#0067ca; }
.todo_wrap .todo_inner ul>li>ul>li>a:hover span {position:relative;}
.todo_wrap .todo_inner ul>li>ul>li>a:hover span:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#0067ca; transition:all 3s;}
.todo_wrap .todo_inner ul>li>ul>li>a:after {content:''; position:absolute; right:0; top:3px; background:url(../images/ico_todo_off.png) no-repeat 0 0; width:19px; height:19px;}
.todo_wrap .todo_inner ul>li>ul>li>a:hover:after {background:url(../images/ico_todo_on.png) no-repeat 0 0;}
.chart_wrap 
.chart_wrap .tit_wrap {position:relative;}
.chart_wrap .tit_wrap .tit {position:relative; font-size:22px; padding-left:19px;}
.chart_wrap .tit_wrap .tit:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; background:#0067ca; border-radius:2px;}
.chart_wrap ul {margin:20px -10px 0;}
.chart_wrap.t2 ul {margin:20px 0 0;}
.chart_wrap ul li {padding:0 10px;}
.chart_wrap.t2 ul li {padding:0;}
.chart_wrap ul li .con_wrap {padding:28px 30px; border-top:2px solid #0067ca; background:#fff; position:relative;}
.chart_wrap ul li .con_wrap.no_data {height:500px; display:flex; width:100%; justify-content:center; align-items:center; font-size:18px; font-weight:500;}
.chart_wrap.t2 ul li .con_wrap.t2 {border-top:0; padding:0;}
.chart_wrap ul li .con_wrap .tit {display:inline-block; font-size:16px; color:#222; height:30px; padding:0 18px; border-radius:15px; border:1px solid #999; line-height:30px; width:unset;}
.chart_wrap.t2 ul li .con_wrap.t2 .tit {margin-left:47px;}
.chart_wrap ul li .con_wrap.t2 .tit {height:40px; line-height:38px; border-radius:20px;}
.chart_wrap ul li .con_wrap .more {position:absolute; top:28px; right:30px;}
.chart_wrap ul li .con_wrap .more span {position:relative; display:inline-block; font-size:14px; color:#999;}
.chart_wrap ul li .con_wrap .more span:after {content:''; width:100%; height:1px; background:#999; display:block; margin-top:-5px;}
.chart_wrap ul li .con_wrap .unit {color:#ccc; font-size:13px; text-align:right;}
.chart_wrap ul li .con_wrap .chart_item {margin-top:30px; height:250px;}
.chart_wrap ul li .con_wrap .chart_item.report {height:500px;}
.chart_wrap.t2 ul li .con_wrap.t2 .chart_item {margin-top:50px; height:350px;}
.chart_wrap ul li .con_wrap.t2 .excel_btn_wrap {position:absolute; right:30px; top:30px;}
.chart_wrap ul li .con_wrap.t2 .icon_btn:hover {background:transparent;}
.chart_wrap ul li .con_wrap.t2 .unit {position:absolute; right:30px; top:0;}
.table.main {border-radius:4px;}
.table.main.t2 {margin-top:20px;}
.table.brd {border:1px solid #ccc; border-radius:4px;}
.table.main .n_tbl tr:hover td {background:#f7f7f7;}
.table .n_tbl th, .table .n_tbl td {text-align:center; padding:8px 15px;}
.table .n_tbl th {font-size:14px; color:#222; background:#d2e0f1;}
.table .n_tbl td {font-size:15px; color:#999; background:#fff;}
.table .n_tbl td .txt {font-size:14px; color:#222; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:100%; display:block;}
.table .n_tbl tr:last-child td {border-bottom:0;}
.table .n_tbl.t2 th {background:#f7f7f7; padding:8px 10px; border-bottom:1px solid #ccc; text-align:center; font-size:15px; color:#000; border-bottom:1px solid #ccc;}
.table .n_tbl.t2 td {color:#000; font-size:15px; text-align:center; padding:8px 10px; border-bottom:1px solid #eaeaea;}
.table .n_tbl.t2 td.tit {color:#666;}
.table .n_tbl.t2 td .btn {font-size:13px; font-weight:400; padding:0 10px;}
.table .n_tbl.center th, .table .n_tbl.center td {text-align:center;}
.table .n_tbl td.ot {background:#f7f7f7; text-align:center; border-right:1px solid #ccc;}
.n_tbl.center tbody th {background:#f7f7f7; padding:8px 10px !important; border-bottom:1px solid #eaeaea !important;}
.table .n_tbl.center thead th.border_r, .table .n_tbl.center tbody th.border_r {border-right:1px solid #ccc;}
.table .n_tbl.center tbody tr:last-child th {border-bottom:0 !important;}
.calendar_wrap .calendar_inner {margin-top:50px;}
.calendar_wrap .tit {font-size:22px; color:#000; position:relative; padding-left:18px; margin-bottom:20px;}
.calendar_wrap .tit:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; background:#0067ca; border-radius:2px;}
.calendar_wrap .table {max-height:unset; overflow-x:hidden;}
.calendar_wrap .table .tbl_col th {background:#d2e0f1; padding:15px; color:#222; font-size:17px; position:relative; text-align:center;}
.calendar_wrap .table .tbl_col th.bg_none:before {content:''; display:none;}
.calendar_wrap .table .tbl_col th:before {content:''; display:inline-block; vertical-align:-6px; margin-right:8px; background:url(../images/ico_tbl_start.png) no-repeat 0 0; width:26px; height:24px;}
.calendar_wrap .table .tbl_col th.end:before {background:url(../images/ico_tbl_end.png) no-repeat 0 0; width:24px; height:24px;}
.calendar_wrap .table .tbl_col th.settlement:before {background:url(../images/ico_tbl_settlement.png) no-repeat 0 0; width:24px; height:24px;}
.calendar_wrap .table .tbl_col th.remittance:before {background:url(../images/ico_tbl_remittance.png) no-repeat 0 0; width:24px; height:24px;}
.calendar_wrap .table .tbl_col th.billing:before {background:url(../images/ico_tbl_billing.png) no-repeat 0 0; width:24px; height:24px;}
.calendar_wrap .table .tbl_col td {padding:8px 15px; background:#fff; font-size:15px; border-left:0; border-top:1px solid #eaeaea;}
.calendar_wrap .table .tbl_col tbody tr:first-child td {border-top:0;}
.calendar_wrap .table .tbl_col tbody tr:hover td {background:#f7f7f7;}
.calendar_wrap .table .tbl_col tbody tr.highlight {position:relative;}
.calendar_wrap .table .tbl_col tbody tr.highlight {box-shadow:0 5px 5px -5px  rgba(51,51,51,0.5);}
.calendar_wrap .table .tbl_col tbody tr.highlight td {color:#0067ca; border-width:1px 0 1px; border-color:#0067ca; border-style:solid; font-weight:500;}
.calendar_wrap .table .tbl_col tbody tr.highlight td:first-child {border-left:1px solid #0067ca;} 
.calendar_wrap .table .tbl_col tbody tr.highlight td:last-child {border-right:2px solid #0067ca;}
/* .calendar_wrap .table .tbl_col tbody tr:nth-child(3):after {content:''; position:absolute; width:100%; height:100%; border:1px solid #000; left:0; top:0;} */
/* .calendar_wrap .table .tbl_col tbody tr:nth-child(3):before {content:''; position:absolute; left:0; top:0; height:100%; border:1px solid #ccc;} */
.bank_report_wrap {margin-top:50px;}
.bank_report_wrap .tit_wrap {position:relative;}
.bank_report_wrap .tit_wrap .tit {font-size:22px; padding-left:18px; position:relative; margin-bottom:20px;}
.bank_report_wrap .tit_wrap .tit:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:2px; background:#0067ca;}
.bank_report_wrap .tit_wrap .date {position:absolute; right:0; top:0;}
.bank_report_wrap .tit_wrap .date .unit {display:inline-block; margin-right:20px;}
.bank_report_wrap .tit_wrap .date .yymm {color:#000; font-size:17px; position:relative; padding-left:30px;}
.bank_report_wrap .tit_wrap .date .yymm:before {content:''; position:absolute; left:0; top:0; background:url(../images/ico_date_picker.png) no-repeat 0 0; width:20px; height:20px;}
.link_zone ul {height:150px;}
.link_zone ul li a {display:block; position:relative; background:#d2e0f1; text-align:center; padding:46px 0; border-right:1px solid #fff; height:150px;}
.link_zone ul li:first-child a {border-top-left-radius:4px; border-bottom-left-radius:4px;}
.link_zone ul li:last-child a {border-right:0; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.link_zone ul li a:hover {background:#fff;}
.link_zone ul li a:hover:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#0067ca;}
.link_zone ul li a>div {position:relative;}
.link_zone ul li a>div i {position:relative; display:inline-block; background:url(../images/ico_bank_maturity_off.png) no-repeat 0 0; width:54px; height:54px;}
.link_zone ul li.amount a>div i {background:url(../images/ico_bank_amount_off.png) no-repeat 0 0; height:50px;}
.link_zone ul li.extend a>div i {background:url(../images/ico_bank_extend_off.png) no-repeat 0 0; width:48px; height:48px;}
.link_zone ul li.maturity a:hover>div i {background:url(../images/ico_bank_maturity_on.png) no-repeat 0 0; width:54px; height:54px;}
.link_zone ul li.amount a:hover>div i {background:url(../images/ico_bank_amount_on.png) no-repeat 0 0; height:50px;}
.link_zone ul li.extend a:hover>div i {background:url(../images/ico_bank_extend_on.png) no-repeat 0 0; width:48px; height:48px;}
.link_zone ul li a>div strong {display:inline-block; margin-left:10px; position:relative; top:-3px;}
.link_zone ul li a>div .tit {font-size:13px;}
.link_zone ul li a>div .unit {font-size:20px; margin-top:5px; display:block; font-weight:700;}
.link_zone {font-size:0; margin:0 -10px;}
.link_zone:after {content:''; clear:both; display:block;}
.link_zone .link_item {float:left; width:50%; padding:0 10px;}
.link_zone .link_item a .item i {display:inline-block; width:50px; height:50px; position:relative;} 
.link_zone .link_item a .item.first i {background:url(../images/ico_bank_maturity_off.png) no-repeat 0 0;}
.link_zone .link_item a .item.second i {background:url(../images/ico_bank_amount_off.png) no-repeat 0 0;}
.link_zone .link_item a .item.third i {background:url(../images/ico_bank_extend_off.png) no-repeat 0 0;}
.link_zone .link_item a .item.fourth i {background:url(../images/ico_bank_amount_off.png) no-repeat 0 0;}
.link_zone .link_item a {font-size:14px; display:block; border-top:2px solid #d2e0f1; height:100px; background:#d2e0f1; padding-top:25px;}
.link_zone .link_item a:hover {background:#fff; border-top:2px solid #0067ca;}
.link_zone .link_item a .item {float:left; width:50%; text-align:center; position:relative;}
.link_zone .link_item a .item:after {content:''; position:absolute; right:0; top:-25px; height:100px; width:1px; background:#fff;}
.link_zone .link_item a .item.second:after, .link_zone .link_item a .item.fourth:after {display:none;}
.link_zone .link_item a:hover .item:after {background:#d2e0f1;}
.link_zone .link_item a .item strong {display:inline-block; vertical-align:top; margin-left:10px; text-align:left;}
.link_zone .link_item a .item strong .tit {display:inline-block; text-align:left; font-size:12px; font-weight:700;}
.link_zone .link_item a .item strong .unit {display:block; text-align:left; font-size:16px;}


.notice_wrap .tit_wrap {position:relative; margin-top:50px;}
.notice_wrap .tit_wrap .tit {font-size:22px; color:#000; position:relative; padding-left:18px;}
.notice_wrap .tit_wrap .tit:before {content:''; position:absolute; left:0; top:7px; width:8px; height:8px; background:#0067ca; border-radius:2px;}
.notice_wrap .tit_wrap>.more {position:absolute; right:0; top:0;}
.notice_wrap .tit_wrap>.more span {position:relative; display:inline-block; font-size:14px; color:#666;}
.notice_wrap .tit_wrap>.more span:after {content:''; display:block; width:100%; margin-top:-5px; background:#666; height:1px;}

.exchange_wrap {margin-top:50px;}
.exchange_wrap .tit_wrap {position:relative;}
.exchange_wrap .tit_wrap .tit {position:relative; font-size:22px; padding-left:18px; color:#000;}
.exchange_wrap .tit_wrap .tit:before {content:''; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:2px; background-color:#0067ca;}
.exchange_wrap .tit_wrap .date {position:absolute; right:0; top:0;}
.exchange_wrap .tit_wrap .date span {font-size:16px; position:relative; padding-left:30px;}
.exchange_wrap .tit_wrap .date span:before {content:''; position:absolute; left:0; top:-3px; background:url(../images/ico_time.png) no-repeat 0 0; width:23px; height:22px;}
.exchange_wrap .exchange_tbl_box {background:#fff; border-radius:4px; padding:30px 20px; margin-top:20px;}


.loading_wrap {position:fixed; left:0; top:0; bottom:0; right:0;background:rgba(0,0,0,0.5); z-index:10001;}
.loading_wrap .loading_content {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loading_wrap .loading {display:inline-block; width:50px; height:50px; border:3px solid #fff; border-radius:50%; border-top-color:#0067ca; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite;}

.inline_form ul li.mt {margin-top:10px;}
.invoice_hide ul li .date_form.short {display:block;}
/* .box ul .date_form.short {display:block;} */
.inline_form>ul>li>.sign_check {display:block; margin-top:10px;}
.inline_form>ul>li>.sign_check.t3 {display:inline-block; vertical-align:middle; margin-top:0;}
.inline_form>ul>li>.sign_check.t3 ul li {margin-right:20px;}
.inline_form>ul>li>.sign_check>.check.t2>li {display:inline-block; margin-right:20px;}
.inline_form>ul>li>.sign_check>.check.t2>li.height {margin-top:-5px;}
.inline_form>ul>li>.sign_check>.check.t2>li {margin-right:20px;}
.editor_wrap {margin-top:25px; width:100%; height:200px; border:1px solid #ccc;}
.cke_editable p strong {font-weight:700;}
.cke_editable h1 {font-size:28px; font-weight:700;}
.cke_editable h2 {font-size:24px; font-weight:700;}
.cke_editable h3 {font-size:20px; font-weight:500;}
.cke_editable h4 {font-size:18px; font-weight:500;}
.cke_editable h5 {font-size:16px; font-weight:500;}
.cke_editable h6 {font-size:15px; font-weight:500;}
.board_box .cus_txt {font-size:17px; color:#666; font-weight:500; margin-top:25px;}
.textarea {width:560px;}
.account_manage_wrap .acc_item:first-child {margin-top:0;}
.account_manage_wrap .acc_item {margin-top:60px;}
.account_manage_wrap .acc_item h2 {font-size:18px; font-weight:500; color:#000; padding-bottom:20px; border-bottom:1px solid #ccc;}
.account_manage_wrap .acc_item .acc_item_inner {margin-top:30px; position:relative;}
.account_manage_wrap .acc_item .acc_item_inner .btn_wrap {text-align:center; margin-top:30px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item.persnal_info:first-child {margin-top:0;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item.persnal_info {margin-top:30px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .lb {font-size:17px; color:#666; display:inline-block; vertical-align:middle; width:180px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info {color:#000; font-size:16px; display:inline-block; vertical-align:middle;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .tit {color:#666; font-size:17px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info+.info {display:inline-block; margin-left:60px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info:first-child {margin-top:0;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info {margin-top:20px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li {margin-right:25px; position:relative; padding-left:30px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li:before {content:''; position:absolute; top:0; left:0; background:url(../images/ico_popup_person.png) no-repeat 0 0; width:21px; height:21px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li.date {margin-right:0;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li.date:before {background:url(../images/ico_date_picker.png) no-repeat 0 0; width:20px; height:20px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li.date:after {content:'·······'; display:inline-block; vertical-align: middle; margin:0 10px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li.mail:before {background:url(../images/ico_register_btn_off.png) no-repeat 0 0; width:24px; height:24px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .mail_info li:last-child {margin-right:0;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .company_info {display:inline-block; vertical-align: middle; margin-left:20px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .company_info li {line-height:30px; color:#222; font-size:16px; color:#222;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item.t2 {padding-bottom:30px;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item.other {padding-top:40px; border-top:1px solid #eaeaea;}
.account_manage_wrap .acc_item .acc_item_inner .inline_item .info .btn {margin-left:10px;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap {font-size:0;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap .authority_box {display:inline-block; width:50%; vertical-align:top;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap .authority_box .s_title {color:#000; font-size:17px;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap .authority_box ul {margin-top:10px;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap div ul li {width:330px; margin:15px auto 0; text-align:left;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap div ul li:first-child {margin-top:0;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap>div>ul>li select+.bt {margin-left:15px;}
.account_manage_wrap .acc_item .acc_item_inner .right_setup_wrap>div>ul>li .plus+.minus {margin-left:5px;}

.plus, .minus {border:1px solid #ccc; width:30px; height:30px; position:relative; display:inline-block; vertical-align:middle;}
.plus:before, .minus:before {content:''; position:absolute; height:2px; width:14px; background:#999; top:50%; left:50%; transform:translate(-50%, -50%);}
.plus:after {content:''; position:absolute; height:14px; width:2px; background:#999; top:50%; left:50%; transform:translate(-50%, -50%);}


.dialog_wrap.b .dialog_content .about_info ul li {display:inline-block; margin-right:20px;}
.dialog_wrap.b .dialog_content .about_info ul li span {display:inline-block; vertical-align:middle ; color:#222; font-size:14px;}
.dialog_wrap.b .dialog_content .about_info ul li span+span {margin-left:2px;}
.dialog_wrap.b .dialog_content .about_info ul li span.mark {height:24px; line-height:24px; border:1px solid #999; background:#e2eaf3;}
.dialog_wrap.b .dialog_content .about_info ul li span.txt {color:#666; vertical-align:-1px;}

.fip_wrap {width:770px; margin:0 auto;}
.fip_wrap.google {width:820px;}
.fip_wrap .inner {margin-top:140px;}
.fip_wrap .inner h2{font-size:30px; color:#222; padding-bottom:50px; text-align:center;}
.fip_wrap .inner h2.bor_bottom {border-bottom:1px solid #000;}
.fip_wrap.google .table_st_wrap .tit {width:250px;}
.fip_wrap .inner .tab_section.t1 li a {color:#ccc;}
.fip_wrap .inner .tab_section.t1 li.active a { background-color:#fff;}
.fip_wrap .inner .tab_section.t1>.tab_nav>li>a {background-color:#fff; color:#000; border-color:#000; border:1px solid #ccc; border-bottom:1px solid #000;}
.fip_wrap .inner .tab_section.t1>.tab_nav>li.active>a {border-bottom:0; border-color:#000;}
.fip_wrap .inner .tab_section.t1>.tab_nav>li:first-child.active>a {position:relative;}
.fip_wrap .inner .tab_section.t1>.tab_nav>li:first-child.active>a:after {content:''; height:45px; width:1px; background:#000; position:absolute; right:0; top:4px; overflow:hidden;}
.fip_wrap .inner .table_st_wrap .item {margin-top:25px;}
.fip_wrap .inner .table_st_wrap .item:first-child {margin-top:0;}

.data_report_wrap {margin-top:50px;}
.data_report_wrap h2 {position:relative; font-size:22px; color:#000; padding-left:20px; margin-bottom:20px;}
.data_report_wrap h2:before {content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:8px; height:8px; background:#0067ca; border-radius:2px;}
.data_report_wrap .con_box {padding:30px 20px; background:#fff; border-radius:4px;}
.data_report_wrap .con_box .report_box_wrap .inner {margin-top:50px;}
.data_report_wrap .con_box .report_box_wrap .inner:first-child {margin-top:0;}
.data_report_wrap .con_box .report_box_wrap .inner .item {margin:30px -15px 0;}
.data_report_wrap .con_box .report_box_wrap .inner .item:after {content:''; display:block; clear:both;}
.data_report_wrap .con_box .report_box_wrap .inner .item:first-child {margin-top:0;}
.data_report_wrap .con_box .report_box_wrap .inner .item .tit_wrap {position:relative; padding-left:15px;}
.data_report_wrap .con_box .report_box_wrap .inner h4 {font-size:17px; font-weight:500; position:relative; display:inline-block; margin-bottom:15px;}
.data_report_wrap .con_box .report_box_wrap .inner h4:after {content: '';  display: block; margin-top: -8px; width: 100%; height: 8px; background: #1fa0fb; opacity: 0.3;}
/* .data_report_wrap .con_box .report_box_wrap .inner .item .s_con_wrap:first-child {margin-top:0;}
.data_report_wrap .con_box .report_box_wrap .inner .item .s_con_wrap {margin-top:20px;} */
.data_report_wrap .con_box .report_box_wrap .inner .item .s_con_wrap {float:left; width:50%; padding:0 15px;}
.data_report_wrap .con_box .report_box_wrap .inner .s_con_wrap .s_tit_wrap .mark {height:20px; line-height: 20px;}
.data_report_wrap .con_box .report_box_wrap .inner .s_tit_wrap {position:relative; margin-top:0;}
.data_report_wrap .con_box .report_box_wrap .inner .s_tit_wrap + .table {margin-top:8px;}
.data_report_wrap .con_box .report_box_wrap .inner .s_tit_wrap .tit {color:#000; font-size:14px; position:relative; padding-left:7px; display:inline-block; margin-right:5px; font-weight:500;}
.data_report_wrap .con_box .report_box_wrap .inner .s_tit_wrap .tit:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#000;}
.data_report_wrap .con_box .report_box_wrap .inner .s_tit_wrap .date {position:absolute; right:0; top:0; color:#999; font-size:14px; font-weight:500;}
.data_report_wrap .con_box .report_box_wrap.ot {margin:0 -15px;}
.data_report_wrap .con_box .report_box_wrap.ot .inner {padding:0 15px;}
.data_report_wrap .con_box .report_box_wrap.ot .inner .item {margin:0;}
.data_report_wrap .con_box .report_box_wrap.ot .inner .item .tit_wrap {padding-left:0;}
.data_report_wrap .con_box .report_box_wrap.ot .inner {float:left; width:50%; margin-top:0;}
.data_report_wrap .con_box .report_box_wrap.ot:after {content:''; display:block; clear:both;}
.data_report_wrap .con_box .report_box_wrap.ot .inner .item .s_con_wrap {float:none; width:unset; padding:0;}




.economics_wrap {margin-top:50px;}
.economics_wrap .tit_wrap {position:relative;}
.economics_wrap .tit_wrap h2 {position: relative; font-size: 22px; padding-left:18px; color: #000;}
.economics_wrap .tit_wrap h2:before {content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 2px; background-color: #0067ca;}
.economics_wrap .tit_wrap .more {position:absolute; top:0; right:0;}
.economics_wrap .tit_wrap .more span {display:inline-block; color:#666; font-size:14px;}
.economics_wrap .tit_wrap .more span:after {content:''; display:block; width:100%; height:1px; background:#666; margin-top:-5px;}
.economics_wrap .con_box {background:#fff; padding:30px 20px; margin-top:20px; border-radius:4px;}
.economics_wrap .con_box .eco_wrap:first-child .eco_wrap_inner {border-top:0; padding-top:0;}
.economics_wrap .con_box .eco_wrap:first-child .eco_wrap_inner .img {top:0;}
.economics_wrap .con_box .eco_wrap .eco_wrap_inner {position:relative; padding-left:170px; height:130px; padding-top:30px; border-top:1px solid #ccc;}
.economics_wrap .con_box .eco_wrap .eco_wrap_inner .img {position:absolute; left:0; top:30px; width:150px; height:130px; border:1px solid #ccc;}
.economics_wrap .con_box .eco_wrap .eco_wrap_inner .tit {margin-top:20px; font-size:17px; color:#000;}
.economics_wrap .con_box .eco_wrap .eco_wrap_inner .date {color:#999; font-size:16px; position:absolute; bottom:-36px;}
.economics_wrap .con_box .eco_wrap:first-child .date {bottom:-5px;}


.economics_wrap .con_box .eco_wrap:after {content:''; display:block; clear:both;}
.economics_wrap .con_box .eco_wrap .eco_wrap_inner {float:left; width:50%;}
.dialog_content.fixed:after {content:''; display:block; clear:both; height:55px;}
.pop_fip_wrap {position:relative;}
.pop_fixed_bottom_button>ul {position:absolute; bottom:0; left:0; width:100%;}
.pop_fixed_bottom_button>ul>li>a.btn {border-radius:0;}
.dialog_content .pop_fip_wrap {text-align:center;}
.dialog_content .pop_fip_wrap .txt{color:#222; font-size:20px; font-weight:500;}
.dialog_content .pop_fip_wrap .id {font-size:25px; color:#0067ca; font-weight:500; position:relative; margin-top:35px; display:inline-block; padding-left:45px;}
.dialog_content .pop_fip_wrap .id:before {content:''; position:absolute; left:0; top:-6px; background:url(../images/ico_id_find.png) no-repeat; width:36px; height:36px;}
.dialog_content .pop_fip_wrap .sign_date {color:#999; font-size:18px; font-weight:500; margin-top:10px;}
.box ul .date_form.t3 {margin-top:30px;}

.inline_form .code_sort {position:relative;}
/* .inline_form .code_sort>div:first-child {position:absolute; top:7px; left:0;} */
.inline_form .code_sort>div:first-child {display:inline-block; vertical-align:top; padding-top:9px;}
.inline_form .code_sort>div:last-child {display:inline-block; vertical-align:middle; margin-left:20px;}
.inline_form .code_sort>div:last-child .input_guide {color:#999; font-size:12px; margin-top:2px;}
.lnb_tab {display:flex; width:100%; border-bottom:1px solid #0067ca; margin-bottom:40px;}
.lnb_tab a {display:flex; height:40px; background:#f7f7f7; line-height:40px; color:#999; font-size:15px; text-align:center; width:50%; justify-content:center;}
.lnb_tab a:first-child {border-top-left-radius:4px;}
.lnb_tab a:last-child {border-top-right-radius:4px;}
.lnb_tab a.on {background:#0067ca; color:#fff;}

.parent-popup > .input_guide {display:inline-block; margin-left:5px;}

.inline_form ul .list_position .search_area div .parent-popup .input_guide {display:block;}
.scroll_box {width:100%; height:300px; border:1px solid #ccc; border-radius:4px; padding:20px;}
.box .duration_box_wrap .space {display:inline-block; vertical-align:middle; margin:0 20px; font-weight:500; font-size:17px;}

.table_st_wrap .item .form_item .inp_box.t2 {display:inline-block; margin-left:10px;}
.tit_ot {width:unset !important;  margin-right:30px !important;}
.tit_ot.t2 {color:#0067ca !important; font-weight:500; position:relative; padding-left:10px;}
.tit_ot.t2:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:2px; background:#0067ca;}
.box .tit.sp {vertical-align:top; margin-top:0;}
.dialog_content .tbl_form .td_cell .i_txt {width:100%;}
.inline_form ul li .date_form.report ul .code_sort {margin-right:20px;}
.inline_form ul li .date_form.report ul .code_sort.last {margin-right:0;}
.inline_form ul li .date_form.report ul .code_sort div .parent-popup>.input_guide {display:block;}
.inline_form ul li .radio.responsive {margin-top:10px; display:block;}
.swal2-container {z-index: 10000 !important;}
.daterangepicker .drp-calendar.left .calendar-table {border-right:1px solid #d7d7d7;}
.tabulator-row .tabulator-cell {padding:0.24rem !important;}
.data-table-pagination {background:transparent !important;}
.floating_btn {position:fixed; bottom:22px; right:50px; z-index:100; display:none;}
.floating_btn .top_btn {display:inline-block; width:60px; height:60px; background:url(../images/ico_btn_top.png) no-repeat 0 0;}
@keyframes spin {
  to { -webkit-transform:rotate(360deg);}
}
@-webkit-keyframes spin {
  to {-webkit-transform:rotate(360deg);}
}

/*에러 페이지*/
.error_wrap {width:100%; height:100vh;}
.error_wrap .error_box {width:750px; padding:50px 80px; border:10px solid #0067ca; border-radius:6px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.error_wrap .error_box .error_box_inner {text-align:left;}
.error_wrap .error_box .tit_msg {color:#0075ca; font-size:28px; font-weight:500;}
.error_wrap .error_box .error_box_inner .txt_wrap {margin-top:25px;}
.error_wrap .error_box .error_box_inner .link_alarm_msg {margin-top:25px; font-weight:700;}
.error_wrap .error_box .error_box_inner .link_btn_wrap {text-align:center; margin-top:30px;}
.error_wrap .error_box .error_box_inner .link_btn_wrap .btn {min-width:200px;}

.img_choice_wrap .tit {color:#222; font-weight:700; font-size:18px; margin-bottom:20px; margin-top:30px;}
.img_choice_wrap .radio {display:inline-block; vertical-align:middle;}
.img_choice_wrap .img_guide_txt {display:inline-block; vertical-align:middle; font-size:12px; color:#666; margin-left:5px;}
.img_choice_wrap ul {margin:0 -10px;}
.img_choice_wrap ul li {padding:0 10px;}

@media (min-width:1280px)  {
.container {width:100%; background:#eef3f9; background:linear-gradient(to right, #fff 230px, #eef3f9 100%);}
.content {width:-webkit-calc(100% - 230px)}
.footer .footer_con_wrap {width:-webkit-calc(100% - 250px); height:90px;}
.footer {width:100%; height:90px;}
.footer:after {content:''; display:block; clear:both;}
.footer .footer_con_wrap .family_site {right:0;}
.box .tit {display:inline-block; width:200px; vertical-align: middle;}
.box h4.tit {color:#000; font-size:24px; font-weight:700;}
/* .box .tit.wd {position:relative; top:-10px;} */
.box ul .date_form.short {min-width:unset; display:inline-block}
.box.trans ul .date_form {display:inline-block; vertical-align: middle; margin-top:10px; width:850px;}
.box.trans {margin-top:20px; padding:15px 30px;}
.box.trans>ul {margin-top:20px;}
.box.trans>ul>li {margin-top:10px;}
.box.trans>ul>li:first-child {margin-top:0;}
.box.trans.long ul .date_form .i_txt.bspcc {width:170px;}

.responsive {display:inline-block; margin-left:5px;}
.box ul .date_form.t2 {min-width:unset;}
.box ul .date_form.t4 {display:inline-block; vertical-align:middle;}
.box ul .date_form {margin-top:0; display:inline-block; vertical-align:middle;}
.inline_form ul>li {display:inline-block; vertical-align: middle;}
.inline_form ul li.mt {margin-top:0;}
.inline_form ul li .radio {display:inline-block; vertical-align:middle; margin-top:0;}
.inline_form ul li .radio.responsive {margin-top:0; display:inline-block;}
.inline_form ul>li .radio .inline.t2 {display:inline-block; vertical-align:middle;}
.invoice_hide ul li .date_form.short {display:inline-block;}
.inline_form>ul>li>.sign_check {display:inline-block; vertical-align: middle; margin-top:0;}
.radio.tbl ul li:nth-child(3) {margin-top:0;}
.radio.inline_block.vam ul li {margin-top:0;}
.box .tit.sp {vertical-align:top; margin-top:5px;}
/* .box .duration_box_wrap .start_month, .box .duration_box_wrap .end_month {margin-right:50px;} */
.box .duration_box_wrap .end_month {margin-right:0;}
.table_st_wrap .item .form_item.air1 {display:inline-block; margin-left:50px; margin-top:0;}
/* .table_st_wrap .item .form_item.air1 .tit.short {} */
.table_st_wrap .item .form_item .tit.txt_width {width:75px;}
.table_st_wrap .item .form_item.air1 .tit.short {width:unset;}
.table_st_wrap .item .form_item.search_type .tit.short {width:unset;}
.table_st_wrap .item .form_item .inp_box {display:inline-block; margin-left:10px;}
.inline_form ul>li .radio .inp_box.position {position:relative; top:12px;}
.inline_form ul>li .radio .inp_box.position2 {position:relative; top:0;}
.inline_form ul li .radio.position {margin-top:0;}
.table_st_wrap .item .tit.calender {vertical-align:top; margin-top:10px;}
.box.trans.long ul .date_form {width:900px;}
.box.trans.long ul .date_form .i_txt.bspcc {width:170px;}
.box.trans.long>ul>li>.date_form>ul>.code_sort.inp .i_txt {width:180px;}
.link_zone .link_item a .item strong {margin-left:20px;}
.link_zone .link_item a .item strong .tit {font-size:13px;}

}



@media (min-width:1400px) {
  .box.trans ul .date_form {display:inline-block; vertical-align: middle; margin-top:0; width:850px;}
  .box.trans.long ul .date_form {width:900px;}
  .box.trans.long ul .date_form .i_txt.bspcc {width:170px;}
  .box .tit.sp {vertical-align:top; margin-top:5px;}
  .box.trans.long>ul>li>.date_form>ul>.code_sort.inp .i_txt {width:180px;}
}