@charset "utf-8";

/**************************************************
	Reset CSS
**************************************************/
html{}
html,body{width:100%; height:100%;margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px; font-weight:normal; font-family:'NanumGothic', '나눔고딕','Malgun Gothic','맑은고딕', '돋움', dotum, arial, sans-serif, helvetica; background-color:#f4f4f4; color:#333; line-height:1.33;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;vertical-align:middle;}
h1,h2,h3,h4,h5{font-weight:600;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,a,em,textarea,strong{margin:0;padding:0;}
input,textarea,select,button,caption{font:12px/1 'NanumGothic', '나눔고딕','Malgun Gothic','맑은고딕', '돋움', dotum, arial, sans-serif, helvetica;color:#575e63;vertical-align:middle;}
table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
th, td{box-sizing:border-box; font-weight:normal; border-collapse: collapse;}
ol,ul,li{list-style:none;}
/*caption{position:relative;}*/
img{vertical-align:middle;}
img,fieldset{border:0 none;}
label,button,input[type="file"]{cursor:pointer;}
em,address{font-style:normal;}
a{color:#004998; text-decoration:none;}
a:link,a:visited{}
a:hover,a:active,a:focus{color:; text-decoration:none;}
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button[disabled]{cursor:default;}
button::-moz-focus-inner{padding:0;border:0;}
/*legend, caption .hidden, .hidden{width:0; height:0; padding:0; margin:0; visibility:hidden; font-size:0;}
:focus{outline:none;}*/
input{-webkit-appearance: none;}
input[type=radio]{vertical-align:top;}
textarea{resize:none; line-height:1.3 !important;}
strong{font-weight:600;}

/*select::-ms-expand { display: none; } */

/* HTML5 */
header, footer, nav, section, article, aside, figure, figcaption, hgroup {display:block;}

/* skip */
#skip_nav, .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* common */
.fl{float:left !important;}
.fr{float:right !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}
.vm{vertical-align:middle !important;}
.np{padding:0 !important;}
.fnone{float:none !important;}
.circle{border-radius:50%;}
.cb::after{content:""; display:block; clear:both;}
.noline{border:0 !important;}
.block{display:block !important;}
.txt_line{text-decoration:underline;}
.noline_r{border-right:0 !important;}

/* common_width */
.w05{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w24{width:24% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}
.wb{display:block !important;}
.ilb{display:inline-block !important;vertical-align:middle;}
.iln{display:inline !important;}

/* common_height */
.h100{height:100px !important;}
.h250{height:250px !important;}
.h300{height:300px !important;}
.h400{height:400px !important;}

/* 영역공통 */
.split{display:table;width:100%;box-sizing:border-box;}
.split .row{display:table-row}
.split > .cell, .cell{display:table-cell; text-align:left; vertical-align:middle;}
.split > .cell_r, .cell_r{display:table-cell; text-align:right; vertical-align:middle;}
.split > [class*='cell'].pl{padding-left:10px;}
.split > [class*='cell'].pr{padding-right:10px;}
.split > [class*='cell'].tpl{padding-left:4px;}
.split > [class*='cell'].tpr{padding-right:4px;}
.split > .btn_area{white-space:nowrap;}
.split .select, .split .inp_area, .split .inp{width:100%;}

/*.split > [class*='cell'] > [class*='tbl']{margin-bottom:0; margin-right:60px}*/

/* columns 간격제어*/
.cols_wrap{margin:0 -10px;}
.cols_row{display:table;width:100%;table-layout:fixed;}
.cols_row .cols{display:table-cell;padding:0 10px;box-sizing:border-box;vertical-align:top;}
.col_1_2{width:50%;}
.col_1_3{width:33.33%;}
.col_1_4{width:25%;}
.col_1_5{width:20%;}
.col_1_6{width:16.66%;}
.col_2_5{width:40%;}
.col_3_5{width:60%;}
.col_2_6{width:33.32%;}
.col_4_6{width:66.66%;}
.col_12_12{width:8.33%}

/* 그리드 시스템 */
.col_md_1,.col_md_2,.col_md_3,.col_md_4,.col_md_5,.col_md_6,.col_md_7,.col_md_8,.col_md_9,.col_md_10,.col_md_11,.col_md_12{float:left; box-sizing:border-box;}
.col_md_12{width:100%}
.col_md_11{width:91.66666667%}
.col_md_10{width:83.33333333%}
.col_md_9{width:75%}
.col_md_8{width:66.66666667%}
.col_md_7{width:58.33333333%}
.col_md_6{width:50%}
.col_md_5{width:41.66666667%}
.col_md_4{width:33.33333333%}
.col_md_3{width:25%}
.col_md_2{width:16.66666667%}
.col_md_1{width:8.33333333%}

/* li list width값 */
.col1 > li{width:100% !important;}
.col2 > li{width:50% !important;}
.col3 > li{width:33.3% !important;}
.col4 > li{width:25% !important;}
.col5 > li{width:20% !important;}
.col6 > li{width:16.6% !important;}
.col7 > li{width:14.2% !important;}
.col8 > li{width:12.5% !important;}
.col9 > li{width:11% !important;}
.col10 > li{width:10% !important;}

[class*='col'] > li.colspan{width:auto !important;}

/* pointColor */
.point_col1{color:#00093b !important;}/* darkblue */
.point_col2{color:#004998 !important;}/* blue */
.point_col3{color:#e13710 !important;}/* red */
.point_col4{color:#888 !important;}/* gray */
.point_col5{color:#a2864e !important;}/* brown */
.alink{color:#004998 !important; text-decoration:underline !important;}/* 밑줄 링크용 */
.alink:hover{color:#00093b !important; text-decoration:underline !important;}

.bg_point_col1{background-color:#f0f2fa !important;}/* light blue */
.bg_point_col2{background-color:lightPink !important;}/*orange  */
.bg_point_col3{background-color:##65a7f5 !important;}/*  */
.bg_point_col4{background-color:# !important;}/*  */
.bg_point_col5{background-color:#fff5a7 !important;}/*  */
.bg_point_col6{background-color:#80ff00 !important;}/*  */

.point_box1{border:1px solid # !important; color:# !important;}/*  */
.point_box2{border:1px solid # !important; color:# !important;}/*  */

/* margin, padding */
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.ml10{margin-left:10px !important;}
.pl10{padding-left:10px !important;}

/* badge */
.badge{display:block; position:absolute; min-width:18px; height:18px; padding:0 5px; border-radius:9px; font-size:11px; font-family:'NanumGothic', '나눔고딕','Malgun Gothic','맑은고딕'; line-height:18px; text-align:center; box-sizing:border-box;}
.b_sty01{background-color:#faa519; color:#00093b;}

/* button */ /* 180510 테이블 높이에 따라 input, button 높이값 수정(30px에서 24px) */
.btn{display:inline-block; height:24px; padding:0 8px; border-width:1px; border-style:solid; border-radius:2px; background-color:#fff; text-align:center; line-height:22px; vertical-align:middle; box-sizing:border-box;}

.btn_sty01{border-color:#00093b !important; background-color:#fbfbfb !important; color:#00093b !important;}
.btn_sty01:not([disabled]):hover:not(.disabled):hover,
.btn_sty01:hover:enabled{background-color:#f0f0f0 !important; color:#00093b !important;}

.btn_sty02{border-color:#00093b !important; background-color:#00093b !important; color:#fff !important;}
.btn_sty02:not([disabled]):hover:not(.disabled):hover,
.btn_sty02:hover:enabled{border-color:#000 !important; background-color:#000 !important; color:#fff !important;}

.btn_sty03{border-color:#666c71 !important; background-color:#666c71 !important; color:#fff !important;}
.btn_sty03:not([disabled]):hover:not(.disabled):hover,
.btn_sty03:hover:enabled{border-color:#36393b !important; background-color:#36393b !important; color:#fff !important;}

.btn_sty04{border-color:#004998 !important; background-color:#004998 !important; color:#fff !important;}
.btn_sty04:not([disabled]):hover:not(.disabled):hover,
.btn_sty04:hover:enabled{border-color:#002c5c !important; background-color:#002c5c !important; color:#fff !important;}

.btn_sty05{border-color:#faa519 !important; background-color:#faa519 !important; color:#00093b !important;}
.btn_sty05:not([disabled]):hover:not(.disabled):hover,
.btn_sty05:hover:enabled{border-color:#e89409 !important; background-color:#e89409 !important; color:#00093b !important;}

.btn[disabled],
.btn:disabled,
.btn.disabled,
.btn[disabled]:hover,
.btn:disabled:hover,
.btn.disabled:hover{opacity:0.3 !important; cursor:default !important;}

.btn_block{width:100%;}

.btn_s{min-width:25px; height:20px; padding:0 4px; font-size:11px; line-height:18px; letter-spacing:0;}
.btn_m{min-width:50px;}
.btn_ml{height:30px; line-height:28px;}/* 180510 추가 */
.btn_l{height:40px; padding:0 18px; font-size:14px; line-height:38px;}

/* 아이콘 버튼 */
.btn_icon{min-width:10px; padding:0; border:0; border-radius:0; background-color:transparent;}
[class*='btn_'] > [class*='ico-']{}

/* 원형 아이콘버튼 */
.btn_circle{display:inline-block; position:relative; width:38px; height:38px; border-radius:50%; background-color:#f2f2f2; color:#333; text-align:center; line-height:38px;}
.btn_circle:hover{background-color:#dae0e3; color:#00093b;}
.btn_circle .badge{left:24px; top:-5px;}

[class*='ico-shopping-cart']{font-size:22px;}

/* 아이콘, 텍스트 조합버튼 */
.btn_it{padding-left:10px; border-color:#969ea4 !important; background-color:#fff !important; color:#333 !important;}
.btn_it [class*='ico']{margin-right:6px;}
.btn_it:not([disabled]):hover:not(.disabled):hover,
.btn_it:hover:enabled{background-color:#f0f0f0 !important;}

.btns:after{content:""; display:block; clear:both;}
.btns .btn_it{float:left; border-left-width:0; border-radius:0;}
.btns .btn_it:first-child{border-left-width:1px; border-radius:2px 0 0 2px;}
.btns .btn_it:last-child{border-radius:0 2px 2px 0;}

/* 텍스트 아이콘 */
.txt_ess{overflow:hidden; display:inline-block; width:7px; height:9px; margin:0 3px; color:#e13710; font-size:12px; font-weight:600; text-align:left; line-height:1;}

/* 다중(기능) 버튼영역  */
.btn_area{position:relative; text-align:center;}
.btn_area:after{display:block;clear:both;content:'';}
.btn_area .btn{margin-left:5px; margin-right:5px;}
.btn_area .left_btns, 
.btn_area .right_btns{position:absolute; top:0;}
.btn_area .left_btns{left:0;}
.btn_area .right_btns{right:0;}
.btn_area .left_btns .btn,
.btn_area .right_btns .btn{float:left;}
.btn_area .left_btns .btn{margin-left:0;}
.btn_area .right_btns .btn{margin-right:0;}
.btn_area .left_btns:first-child{position:static; float:left;}
.btn_area .right_btns:last-child{position:static; float:right;}

/* tab */
.tab{padding:10px 0 3px 0;}
.cont_box + .tab{padding-top:0;}
.tab_list:after{display:block; content:""; clear:both;}
.tab_list > li{float:left; width:16.6%; padding-right:2px; padding-bottom:2px; box-sizing:border-box;}
.tab_list > li a{display:block; width:100%; min-height:35px; padding:8px; background-color:#666c71; color:#fff; font-size:13px; box-sizing:border-box; text-align:center;}
.tab_list > li a:hover{background-color:#000;}
.tab_list > li.on a{background-color:#e2bf7a; color:#444; font-weight:bold;}

/* step */
.step{height:40px;}
.step ol{display:table; width:100%; border-radius:2px;}
.step li{display:table-cell; position:relative; padding:12px 0 12px 30px; background-color:#d3d5d6; color:rgba(51,51,51,.5); font-weight:700;}
.step li:before{z-index:8; left:1px; border-color:transparent transparent transparent #fff;}
.step li:after{z-index:9; right:-14px; border-color:transparent transparent transparent #d3d5d6;}
.step li:before,
.step li:after{content:""; display:block; position:absolute; top:0; bottom:0; width:0; height:0; border-style:solid; border-width:20px 0 20px 14px;}
.step li:first-child{padding-left:15px;}
.step li:first-child:before,
.step li:last-child:after{display:none;}
.step li.finish{color:#333; background-color:#b1babf;}
.step li.finish:after{border-color:transparent transparent transparent #b1babf;}
.step li.on{color:#00093b; background-color:#faa519;}
.step li.on:after{border-color:transparent transparent transparent #faa519;}


/* input */ /* 180510 테이블 높이에 따라 input, button 높이값 수정(30px에서 24px) */
.input_text, textarea, select{display:inline-block; min-height:24px; padding:0 4px; border:1px solid #b1babf; border-radius:2px; color:#333; box-sizing:border-box; line-height:22px; vertical-align:middle;}/* 180510 height(기존30px에서 24px)수정 */
select{min-width:70px; padding:0 0 0 4px; line-height:22px;}
option{height:24px; line-height:22px;}
textarea{height:100%; padding:4px !important; line-height:22px;}
.input_text{margin-right:4px; color: black;}
/*.select{height:30px; padding:0; padding-left:8px; cursor:pointer;}*/
.tit_lb{display:inline-block; float:left; padding-right:10px; line-height:24px; vertical-align:middle;}
.tit_lb_b{display:block; padding-bottom:3px;}

::-webkit-input-placeholder{color:rgba(51,51,51,.4);}/* Chrome/Opera/Safari */
::-moz-placeholder{color:rgba(51,51,51,.4);}/* Firefox 19+ */
:-ms-input-placeholder{color:rgba(51,51,51,.4);}/* IE 10+ */
:-moz-placeholder{color:rgba(51,51,51,.4);}/* Firefox 18- */

.input_full{width:100%;}
.input_half{width:50%;}

select:not([disabled]):hover:not(.disabled):hover,
select:hover:enabled,
.input_text:not([disabled]):hover:not(.disabled):hover,
.input_text:hover:enabled,
.input_text:focus:enabled{border-color:#004998; background-color:#f5faff; color:#004998;}
.input_text[readonly],
/* .input_text.readonly{border-color:#b1babf; background-color:#f5f5f5; color:rgba(51,51,51,.8);} */
.input_text.readonly{border-color:#b1babf; background-color:#f5f5f5; color:black;} /* color 수정 */
select:disabled,
.input_text:disabled,
.input_text.disabled,
.input_text:disabled:hover,
.input_text.disabled:hover,
.input_text:disabled:focus,
/* .input_text.disabled:focus{border-color:#e0e3e5 !important; background-color:#f5f5f5 !important; color:rgba(0,0,0) !important;} */
.input_text.disabled:focus{border-color:#e0e3e5 !important; background-color:#f5f5f5 !important; color:black !important;}/* color 수정 */
.input_text.error{border-color:#e61e09; background-color:#fff; color:#e61e09;}

.input_full{width:100%;}

.input_file{display:none;}

.input_text + .txt{}

/* 그룹 감싸기 */
.groups{display:table; position:relative; vertical-align:middle;}
.groups .tit_lb{display:table-cell;}
.groups .input_group{display:table-cell; width:50%; vertical-align:middle;}
.groups .txt{display:table-cell; padding:0 5px; vertical-align: middle;}
.groups .input_group + .input_group{margin-left:5px;}
.groups > .input_text{margin-right:0; vertical-align:middle;}
.groups > .btn{margin-left:12px;}

/* 그룹 폼 */
.input_group{display:inline-block; position:relative; min-width:100px;}
.input_group > .input_text{width:100% !important; margin:0 !important; margin-right:0 !important; padding-right:40px !important;}
.input_group > .btn_icon{position:absolute; right:1px; top:1px; bottom:1px; width:38px; height:auto; border-left:1px solid #b1babf;}

.input_group:hover > .input_text,
.input_group:not(.disabled):hover > .input_text,
.input_group:hover > .btn:enabled,
.input_group:not(.disabled):hover > .btn:enabled{border-color:#00093b;}
.input_group:hover > .input_text,
.input_group:not(.disabled):hover > .input_text{border-color:#004998; background-color:#f5faff; color:#004998;}

.input_group.disabled > .btn,
.input_group.disabled:hover > .btn:hover,
.input_group.disabled:hover > .btn,
.input_group.disabled > .input_text:disabled + .btn,
.input_group.disabled > .input_text.disabled + .btn,
.input_group.disabled > .input_text:disabled + .btn:hover,
.input_group.disabled > .input_text.disabled + .btn:hover{opacity:.3 !important;}

.input_group + .txt{}

.select_group{overflow:hidden;}
.select_group > select{float:left; margin-right:5px;}
.select_group > [class*='input_']{float:left;}

.check_group{min-height:20px;}
.check_group .ct_check_item{padding:2px 0;}
.check_group .txt_label{margin-right:30px;}
.check_group .txt_label:last-child{margin-right:0;}

/* alert bar */
.alert_bar{/*position:absolute;*/ width:100%; margin:10px 0; border-radius:2px;}
.alert_bar .inner{position:relative; padding:8px 10px 8px 15px; background-color:#d3d5d6; color:#00093b; font-size:12px; box-sizing:border-box;}
/*.alert_bar .tit:after{content:":";}*/
.alert_bar .txt{padding-right:15px;}
.alert_bar .btn_close{position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#00093b;}

.alert_bar.alert_success .inner{background-color:#00093b; color:#fff;}
.alert_bar.alert_success .btn_close{color:#fff;}

.alert_bar.alert_warning .inner{background-color:#faa519; color:#00093b;}
.alert_bar.alert_warning .btn_close{color:#00093b;}

/* custom input check, radio */
.ct_check_item{display:inline-block; position:relative; height:18px; vertical-align:middle;}
.ct_cb,
.ct_cc,
.ct_ra{display:none;}
.ct_check_item [class*='ico']{display:inline-block; width:18px; height:18px; border:1px solid #b1babf; border-radius:2px; background-color:#fff  ; text-align:center; line-height:16px; box-sizing:border-box; vertical-align:middle;}
.ct_check_item [class*='ico']:before{display:none;}
.ct_check_item [class*='ct_']:checked ~ [class*='ico']{border-color:#faa519; background-color:#faa519;}
.ct_check_item [class*='ct_']:checked ~ [class*='ico']:before{display:inline-block;}
.ct_check_item [class*='ct_']:disabled ~ [class*='ico']{border-color:#e0e3e5; background-color:#f5f5f5;}
.ct_check_item [class*='ct_']:disabled ~ [class*='ico']:before{opacity:.3;}

.ct_cb ~ [class*='ico']{border-radius:2px; font-weight:bold;}
.ct_cc ~ [class*='ico']{border-radius:2px; font-weight:bold;}
.ct_cb:checked ~ [class*='ico']:before{color:#00093b;}
.ct_cc:checked ~ [class*='ico']:before{color:#00093b;}

.ct_ra ~ [class*='ico']{border-radius:50%; line-height:14px}
.ct_ra:checked ~ [class*='ico']:before{content:""; width:8px; height:8px; border-radius:50%; background-color:#00093b;}

.txt_label{width:auto;}
.ct_check_item.txt_label [class*='ico']{margin-right:4px;}

.ct_check_item > .txt_ess{position:absolute; right:-12px; top:0;}
.ct_check_item + .txt_ess{margin-left:-2px; margin-right:-8px;}

/* check, radio list */
.ct_check_list > li{float:left; line-height:34px;}

/* custom input file */
.ct_add_file:after{content:""; display:block; clear:both;}
.ct_add_file .btn_add_file{float:left; font-weight:normal;}
.ct_add_file .file_list{float:left; margin-left:4px;}
.ct_add_file .file_list li + li{padding-top:3px;}
.ct_add_file .file_list .file_downonly{display:inline-block; position:relative; height:24px; padding:0 8px 0 8px; border-radius:2px; background-color:#e0e3e5; color:#0d53f1; font-weight:normal; box-sizing:border-box; line-height:24px; cursor:pointer;}
.ct_add_file .file_list .file_down{display:inline-block; position:relative; height:24px; padding:0 34px 0 8px; border-radius:2px; background-color:#e0e3e5; color:#0d53f1; font-weight:normal; box-sizing:border-box; line-height:24px;}
.ct_add_file .file_list .file_down span{cursor:pointer;}
.ct_add_file .file_list .file_delete{display:inline-block; position:relative; height:24px; padding:0 34px 0 8px; border-radius:2px; background-color:#e0e3e5; color:#0d53f1; font-weight:normal; box-sizing:border-box; line-height:24px; text-decoration:line-through; }
.ct_add_file .file_list .file_delete .btn_delete{position:absolute; right:0; top:0; bottom:0; width:24px;}
.ct_add_file .file_list .file_down .btn_delete{position:absolute; right:0; top:0; bottom:0; width:24px;}
.ct_add_file .file_list .file_name{display:inline-block; position:relative; height:24px; padding:0 34px 0 8px; border-radius:2px; background-color:#e0e3e5; color:#666; font-weight:normal; box-sizing:border-box; line-height:24px;}
.ct_add_file .file_list .file_name .btn_delete{position:absolute; right:0; top:0; bottom:0; width:24px;}

.txt_add_file{display:inline-block; font-weight:normal; line-height:30px;}
.txt_add_file + .ct_add_file{display:inline-block; vertical-align:middle;}

/*.file_list li{padding:5px 0;}*/
.file_list a{line-height:1.5; text-decoration:underline;}

/* iframe */
.cont_iframe{overflow:hidden; border:0;}

/* popup */

/* box */
.view_box{margin:5px 0; padding:10px; border-radius:2px; background-color:#e6e6e6; color:#666; box-sizing:border-box;}

/* layout */
#wrap{}
#header{}
#container{}

.wrap{overflow:hidden; position:relative; width:100%; max-width:1920px; min-width:1200px; height:100%; padding-top:60px; box-sizing:border-box;}/* 180503 overflow추가 */

/* header */
.header{z-index:9998; position:absolute; left:0; right:0; top:0; min-width:1200px; height:60px; padding:0 15px; background-color:#fff; -webkit-box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1); box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1); box-sizing:border-box;}
.header .logo{float:left; height:24px; margin-top:18px; line-height:24px;}
.header .logo .link_logo{display:inline-block; padding-right:14px; border-right:1px solid #e0e0e0;}
.header .logo .txt{padding:0 14px; font-family:Helvetica, sans-serif; font-size:16px; vertical-align:top}
.header .h_info{float:left;}
.header .h_info:after{content:""; display:block; clear:both;}
.header .h_info .h_until{float:right; line-height:24px;}
.header .h_info .h_until .link_username{color:#666c71;}
.header .h_info .h_until .link_username [class*='ico-']{margin-right:6px;}
.header .h_info .h_until .link_aff{margin:0 15px; color:#a2864e;}
.nav{height:60px; padding:0; box-sizing:border-box;}
/*.nav .gnb{float:left;}
.nav .gnb:after{display:block; content:""; clear:both;}
.nav .gnb_list{float:left;}
.nav .gnb_list:after{display:block; content:""; clear:both;}
.nav .gnb_list > li{float:left; min-width:140px; height:60px; line-height:60px;}
.nav .gnb_list > li > .btn_menu{display:block; width:100%; height:100%; color:#666c71; font-weight:600; font-size:16px; text-align:center; box-sizing:border-box;}
.nav .gnb_list > li > .btn_menu:hover{color:#00093b;}
.nav .gnb_list > li > .btn_menu.on{border-bottom:6px solid #faa519; color:#00093b;}*//* 180326 삭제 */
.nav .select_area{float:left; padding-top:15px; padding-left:36px;}
.nav .select_area li{float:left; padding-right:20px;}
.nav .select_area .tit{padding-right:10px;}
.nav .select_area select{min-width:100px;}

.nav .side{float:right; padding:10px 0;}
.nav .side .txt_user_info{float:left; padding-top:4px;} /* 20180827 헤더 정보 두줄로 변경 --> padding-top:15px;*/
.nav .side .txt_user_info .txt_num{padding-left:16px; color:#a2864e;}
/*.nav .side .search_area{float:left; padding:0 20px; border-right:1px solid #e0e0e0;}
.nav .side .search_area .btn_search{background-color:#dae0e3; color:#00093b;}
.nav .side .search_area .btn_search:hover{background-color:#f6f6f6;}*/
.nav .side .h_info li{float:left; padding-left:15px;}
.nav .side .h_info li:first-child{padding-left:20px;}

/* container */
.container{width:100%; height:100%; box-sizing:border-box;}
.container > .inner{height:100%;}
.lnb{z-index:9998; /*position:relative;*/ position:absolute; left:0; top:60px; bottom:0; width:210px;/*height:calc(100% - 105px);*/ padding-top:30px; background-color:#00093b; box-sizing:border-box; vertical-align:top;}
.lnb > .inner{overflow-y:auto; position:relative; height:100%; box-sizing:border-box;}
.lnb .btn_move{position:absolute; right:0; top:0; width:40px; height:30px; border-radius:0; background-color:#b1babf; color:#060f40; line-height:30px;}
.lnb .btn_move:hover{background-color:#666c71; color:#fff;}
.lnb .btn_move .ico-chevron-left{display:inline-block;}
.lnb .btn_move .ico-chevron-right{display:none;}
.lnb .lnb_list{min-height:calc(100% - 50px);}
.lnb .lnb_list li .btn_menu{position:relative;}
.lnb .lnb_list li .btn_menu [class*='ico-']{position:absolute; right:15px; top:50%; transform:translateY(-50%);}

.lnb .lnb_list > li{min-height:50px; border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box;}
.lnb .lnb_list > li > .btn_menu{display:block; padding:15px; padding-right:34px; color:#fff; font-size:14px; font-weight:bold; box-sizing:border-box; line-height:1.4;}
.lnb .lnb_list > li > .btn_menu [class*='ico-']{color:#9ca0a3;}
.lnb .lnb_list > li > .btn_menu:hover{color:#e2bf7a;}
.lnb .lnb_list > li > .btn_menu.on{border-right:1px solid #c2c7ca; background-color:#d8dcdf; color:#00093b;}
.lnb .lnb_list > li > .btn_menu.on [class*='ico-']:before{content:"\e90a"; color:#00093b;}

.lnb .snb{display:none;}
.lnb .btn_menu.on + .snb{display:block;}
.lnb .lnb_list > li .snb_list .btn_menu{display:block; position:relative; min-height:14px; padding:10px 15px; padding-right:30px; color:#333; line-height:1.2;}

.lnb .lnb_list > li .snb_list .btn_menu:hover{color:#004998;}
.lnb .lnb_list > li .snb_list .btn_menu.on{font-weight:bold; color:#004998; text-decoration:underline;}
.lnb .lnb_list > li .snb_list .btn_menu [class*='ico-']:before{color:#b1babf; font-size:14px;}
.lnb .lnb_list > li .snb_list .btn_menu.on [class*='ico-']:before{content:"\e90b";}

.lnb .snb01{border-right:1px solid #d3d5d6; background-color:#fff;}
.lnb .snb01 li .snb{}
.lnb .snb01 > .snb_list > li > .btn_menu{padding-left:20px; font-weight:600; font-size:13px; line-height:1.4;}
.lnb .snb01 > .snb_list > li > .btn_menu.on{color:#0d53f1; /*text-decoration:none;*/}

.lnb .snb02{padding-top:5px; padding-bottom:5px; background-color:#d8dcdf;}
.lnb .snb02 > .snb_list > li > .btn_menu{padding-left:28px; font-size:12px;}/* 180510 긴메뉴 떨어져서 폰트수정 */
.lnb .snb02 > .snb_list > li > .btn_menu:before{content:""; display:inline-block; position:absolute; left:20px; top:17px; width:3px; height:3px; margin-right:5px; background-color:#64686a; vertical-align:middle;}
.lnb .snb02 > .snb_list > li > .btn_menu [class*='ico-']:before{color:#00093b; font-size:11px;}
.lnb .snb02 > .snb_list > li > .btn_menu.on{color:#004998;}
.lnb .snb02 > .snb_list > li > .btn_menu.on [class*='ico-']:before{content:"\e91d";}

.lnb .snb03{padding-top:5px; padding-bottom:5px;}
.lnb .snb03 > .snb_list > li > .btn_menu{padding:7px 15px; padding-left:40px; font-size:11px; letter-spacing:-1px;}
.lnb .snb03 > .snb_list > li > .btn_menu:before{content:""; position:absolute; left:30px; top:14px; width:4px; height:1px; background-color:#9ca0a3;}
.lnb .snb03 > .snb_list > li > .btn_menu:hover{color:#00093b;}
.lnb .snb03 > .snb_list > li > .btn_menu.on{color:#00093b;}

.lnb .btn_sitemap{display:block; width:100%; height:50px; padding:0 14px; background-color:#1a224f; color:#b1babf; font-weight:bold; line-height:50px; box-sizing:border-box; text-align:left;}
.lnb .btn_sitemap [class*='ico']{margin-right:10px;}
.lnb .btn_sitemap:hover{color:#e2bf7a;}

.lnb.close{width:40px;}
.lnb.close .btn_move .ico-chevron-left{display:none}
.lnb.close .btn_move .ico-chevron-right{display:inline-block;}
.lnb.close .lnb_list,
.lnb.close .btn_sitemap{display:none;}
.lnb.close + .content{margin-left:40px;}
.lnb.close + .i_content{padding-left:40px;}

.lnb + .content{margin-left:210px; }
.i_content{padding-left:210px; box-sizing:border-box;/* height:100%; overflow-y:scroll;*/} /* 180503 아이프레임용 컨텐츠 */
.content{/*overflow-y:auto;*/ position:relative; /* height:100% */; padding:0 2px; box-sizing:border-box;}/* 180503 overflow삭제, 0510 padding수정  180726 height 삭제*/

.tit_sub{/*height:30px;*/ padding:14px 0 6px; line-height:1;}/* 180510 padding 수정 */
.tit_sub .tit{display:inline-block; color:#333; font-size:20px;}
.tit_sub .txt{padding:0 10px; color:#666; font-size:12px; font-weight:normal;}

.scroll_cont{/*overflow-y:auto; width:calc(100% + 30px); height:calc(100% - 70px); padding-right:30px;*/ box-sizing:border-box;}/* 180504 수정(타이틀 고정이 아니므로 삭제) */
.scroll_cont > .inner{/*min-height:calc(100% - 35px);*/ padding:0 0 10px; box-sizing:border-box;}/* 180321 scroll_cont 수정 */
.NoScroll {overflow:hidden;}	/* 스크롤 제거 */


.content [class*='col_md']{padding-right:20px;}
.content [class*='col_md']:last-child{padding-right:0;}

/*.content > .cont_box{min-height:calc(100% - 70px);}*/
.cont_box{margin-bottom:10px; border:1px solid #dae0e3; background-color:#fff; box-sizing:border-box;}
.cont_box:after{content:""; display:block; clear:both;}
.cont_box > .inner{position:relative; padding:5px;}/* 180503 padding수정 */
.cont_box > .inner + .cell_r{height:100%; border-left:1px solid #dae0e3;}
.cont_box.split [class*='cell']{float:none;}
.cont_box .tit_cont .tit{padding-bottom:8px; color:#333; font-size:15px;}

/*main cont box bottom margin 조정*/
.cont_box_main{border:1px solid #dae0e3; background-color:#fff; box-sizing:border-box;}
.cont_box_main:after{content:""; display:block; clear:both;}
.cont_box_main > .inner{position:relative; padding:5px;}/* 180503 padding수정 */
.cont_box_main > .inner + .cell_r{height:100%; border-left:1px solid #dae0e3;}
.cont_box_main.split [class*='cell']{float:none;}
.cont_box_main .tit_cont .tit{padding-bottom:8px; color:#333; font-size:15px;}

/* 타이틀 버튼영역 */
.top_btns,
.btm_btns{float:right;}
.top_btns .btns,
.btm_btns .btns{float:left; padding-left:5px;}
.top_btns .txt_btns .btn,
.btm_btns .txt_btns .btn{float:left; margin-left:5px;}

/* footer */
.footer{height:35px; color:#a5a5a5; font-size:11px; text-align:center; line-height:35px;}

/* search box */
.search_box{position:relative; border-top-color:#666c71;}
.search_box .inner:after,
.search_box .search_list:after{display:block; content:""; clear:both;}
.search_box .inner .search_list{float:left; width:calc(100% - 50px);}
.search_box .search_list > li{float:left; padding-right:30px; box-sizing:border-box;}
.search_box .search_list > .tbl{table-layout:auto; border-top:0;}
.search_box .search_list > .tbl tbody td{padding-right:30px;}
.search_box .search_list > .tbl th{white-space:nowrap;}
.search_box .search_list > .tbl th,
.search_box .search_list > .tbl td{padding:0; border:0; background-color:transparent;}
.search_box .btn_search{float:right; width:50px; padding:0;}

.search_box .btn_detail,
.accordion .tit_accd .btn_detail{position:absolute; right:0; top:0; bottom:0; width:32px; background-color:#dae0e3; color:#00093b; text-align:center;}
.search_box .btn_detail:hover,
.accordion .tit_accd:hover .btn_detail{background-color:#b1babf;}
.search_box .btn_detail.open [class*='ico-']:before,
.accordion .tit_accd.open .btn_detail [class*='ico-']:before{content:"\e90a";}

.open_box .inner{padding-right:47px;}
.open_box .detail_box{display:none; padding:5px; padding-right:96px; border-top:1px solid #dae0e3; background-color:#eff2f4;}
.open_box .detail_box.open{display:block;}
.open_box .detail_box .search_list[class*='col'] > li{padding-bottom:16px;}

.search_list .check_group{height:20px;}

/* text box */
.txt_box{padding:18px 0; line-height:18px;}

/* Accordion */
.accordion .tit_all{margin-bottom:2px; padding:0 15px; border:1px solid #dae0e3; border-radius:6px 6px 0 0; background-color:#f0f2fa; color:#00093b; font-weight:bold; font-size:14px; line-height:34px; box-sizing:border-box;}
.accordion .tit_accd{position:relative; height:30px; margin-top:2px; padding:0 30px 0 15px; border:1px solid #dae0e3; background-color:#fff; color:#00093b; font-size:14px; font-weight:bold; line-height:28px; box-sizing:border-box; cursor:pointer;}
.accordion .tit_accd:first-child{margin-top:0;}
.accordion .tit_accd.open{border-bottom:0;}
.accordion .cont{display:none; padding:15px; border:1px solid #dae0e3; border-top-color:#fff; background-color:#fff;}
.accordion .tit_accd.open + .cont{display:block;}
.accordion .cont + .btn_area{padding:5px 0 10px;}
.accordion .cont [class*='tbl_']{padding-bottom:10px;}

/* 기본 테이블 */   /* 180510 셀높이 수정(기존40px에서 30px), 여백모두 수정 */
.tbl{border-top:1px solid #666c71; color:#333;}
.tbl th{white-space:nowrap; font-weight:600;}
.tbl tr.select th,
.tbl tr.select td{background-color:#fff5a7;}
.tbl thead th,
.tbl thead td{padding:0 6px; border-right:1px solid #d4d9dc; border-bottom:1px solid #b1babf; background-color:#f6f6f6;}
.tbl tbody th{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tbl tbody th,
.tbl tbody td{padding:2px 6px; border-bottom:1px solid #d4d9dc; border-right:1px solid #d4d9dc; word-break:keep-all;}
.tbl .tit_lb_b{padding:0;}
.tbl tfoot th,
.tbl tfoot td{border-bottom:1px solid #d4d9dc; background-color:#edfbe9;}
.tbl tbody th{background-color:#f0f2fa; white-space:pre-wrap;}

/* 용도별 테이블 */
.tbl_sheet{height:460px;}
.tbl_sheet + .tbl_row{margin-top:5px;}

.tbl_row + .tbl_row{margin-top:5px;}
.tbl_row{padding-bottom:5px;}
.tbl_row tbody th,
.tbl_row tbody td,
.tbl_row tfoot th,
.tbl_row tfoot td{min-height:30px; padding:3px 6px; border:0; border-bottom:1px solid #d4d9dc; text-align:left;}
.tbl_row tbody th{padding:7px 6px; background-color:#f6f6f6; color:#333; vertical-align:top;}
.tbl_row tfoot td strong{padding-left:28px; font-size:14px;}
.tbl_row tfoot td .tit_sum{font-size:12px;}

.tbl_input tbody td{padding:3px;}

/*  */
.tbl_b tbody th{background-color:#f0f2fa;}

.tbl_col{margin-bottom:10px;}
.tbl_col .tbl{table-layout:auto;}
.tbl_col .tbl th,
.tbl_col .tbl td{height:30px;}
.tbl_col .tbl tbody tr:hover th,
.tbl_col .tbl tbody tr:hover td{background-color:#f9f2e4;}
.tbl_col .tbl thead tr th:last-child,
.tbl_col .tbl thead td:last-child,
.tbl_col .tbl tbody td:last-child{border-right:0;}
/*.tbl_col .tbl tbody td > .input_text{width:calc(100% + 10px); margin:0 -5px;}*/
.tbl_col .tbl tbody td > .input_text{width:100%;}

/* tbl row 축소 2019/02/27 */
.tbl_col_small{margin-bottom:10px;}
.tbl_col_small .tbl{table-layout:auto;}
.tbl_col_small .tbl th,
.tbl_col_small .tbl td{height:25px;}
.tbl_col_small .tbl tbody tr:hover th,
.tbl_col_small .tbl tbody tr:hover td{background-color:#f9f2e4;}
.tbl_col_small .tbl thead tr th:last-child,
.tbl_col_small .tbl thead td:last-child,
.tbl_col_small .tbl tbody td:last-child{border-right:0;}
/*.tbl_col_small .tbl tbody td > .input_text{width:calc(100% + 10px); margin:0 -5px;}*/
.tbl_col_small .tbl tbody td > .input_text{width:100%;}

.tbl th > select{margin:-3px 0;}

/*.tbl_input + .btn_area,*/
[class*='tbl_board'] + .btn_area{padding-top:10px; padding-bottom:5px;}

.tbl_img{width:100%;}
.tbl_img .img{width:100%; padding:5px; text-align:center;}
.tbl_img .img img{width:100px; height:100px; border:1px solid #ebebeb;}
.tbl_img [class*='tbl_'] {}

/* table center */
.tbl_center .tbl tbody th{text-align:left;}
.tbl_center .tbl tbody td{text-align:center;}

/* 가로스크롤 테이블 */
.tbl_h_scroll{overflow-x:auto; padding-bottom:10px;}

/* 테이블 안 테이블 */
[class*='tbl_'] td > [class*='tbl_']{padding-bottom:0;}
[class*='tbl_'] td > [class*='tbl_'] > .tbl{border-top:0;}
[class*='tbl_'] td > [class*='tbl_'] > .tbl tbody th{background-color:#f0f2fa;}
.tbl_row td > [class*='tbl_']{margin:-4px -6px;}
.tbl_input td > [class*='tbl_']{margin:-4px -3px;}

/* 리스트 */
.list > li{position:relative; box-sizing:border-box;}
.list .tit_link{display:block; overflow:hidden; color:#333; font-weight:600; white-space:nowrap; text-overflow:ellipsis;}
.list .tit_link:hover{color:#004998; text-decoration:underline;}

.line_list .list > li{border-bottom:1px solid #d4d9dc;}
.line_list .list > li:last-child{border-bottom:0;}

.input_list > li{padding-top:10px;} 
.input_list > li:first-child{padding-top:0;}

.num_list .list > li{padding:10px 10px 10px 55px;}
.num_list .list > li .txt_num_box{display:block; position:absolute; left:30px; top:8px; width:20px; height:20px; background-color:#b1babf; color:#fff; text-align:center; line-height:20px;}

/* .num_list .list > li:nth-child(1) .txt_num_box,
.num_list .list > li:nth-child(2) .txt_num_box,
.num_list .list > li:nth-child(3) .txt_num_box{background-color:#faa519;} */
.num_list .list > li .tit .txt_s{color:#333; font-size:12px; text-transform:uppercase;}
.num_list .list > li .tit .tit_link{padding:2px 0 5px; font-size:14px;}
.num_list .list > li .desc{color:#666; line-height:24px;}
.num_list .list > li .desc strong{padding:0 6px; font-size:13px;}
.num_list .list > li .btn_cart{position:absolute; right:0; bottom:14px; width:38px;}
.num_list .list > li .btn_cart .icon_round{background-color:#00093b;}

/* 상품 리스트 */
.tbl_list .tbl{table-layout:fixed; width:100%;}
.tbl_list .tbl tbody td{min-height:130px; padding:10px; padding-right:0; border-right:0; color:#333; font-size:12px; line-height:20px;}
.tbl_list .tbl tbody td.img{width:100px; padding-left:0;}
.tbl_list .tbl tbody td a{color:inherit;}
.tbl_list .tbl tbody td .num,
.tbl_list .tbl tbody td .name,
.tbl_list .tbl tbody td .desc,
.tbl_list .tbl tbody td .price{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.tbl_list .tbl tbody td .num [class*='ico']{margin:0 4px; color:#faa519;}
.tbl_list .tbl tbody td .name{color:#004998; font-size:14px; text-decoration:underline;}
.tbl_list .tbl tbody td .info li{padding:3px 0; line-height:1.5;}
.tbl_list .tbl tbody td .info li:before{display:inline-block; content:""; width:3px; height:3px; margin-right:7px; background-color:#666c71;}
.tbl_list .tbl tbody td [class*='txt_']{display:block;}
.tbl_list .tbl tbody td .txt_update{color:#666; font-size:11px;}
.tbl_list .tbl tbody td .txt_price{font-size:13px;}
.tbl_list .tbl tbody td:last-child{position:relative; padding-left:20px; padding-right:10px;}
.tbl_list .tbl tbody td select{margin:10px 0;}
.tbl_list .tbl tbody td .btn_circle{display:block;}
.tbl_list .tbl tbody td .btn_circle + .btn_circle{margin-top:15px;}
.tbl_list .tbl tbody td .txt_order_num{padding-bottom:6px;}
.tbl_list .tbl tbody td .txt_status{white-space:pre-line;}
.tbl_list .tbl tbody td .td_box{position:relative; width:100%; height:100%;}
.tbl_list .tbl tbody td .txt_up{position:absolute; right:10px; top:10px; white-space:nowrap;}

/* 게시판 리스트 */
.tbl_board_list{overflow-x:auto;}
.tbl_board_list .tbl th,
.tbl_board_list .tbl td{text-align:left;}
.tbl_board_list .tbl td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tbl_board_list .tbl td a{text-decoration:underline; font-weight:600;}

/* 리스트 상단 */
.tbl_top{padding-bottom:5px;}
.tbl_top:after{content:""; display:block; clear:both;}
.tbl_top .tit,
.tbl_top .filter,
.tbl_top > .btns{float:left;}
.tbl_top .filter .btn{margin-right:10px;}
.tbl_top .tit,
.tbl_top .txt_all{line-height:30px;}

/* 리스트 하단 */
.tbl_btm{margin-top:-5px; padding:0 10px 10px;}
.tbl_btm:after{content:""; display:block; clear:both;}
.tbl_btm > .txt{float:left;}

/* 트리리스트 */
.tree_box{border-top:1px solid #666c71;}
.tree_list [class^='deps']{display:none;}
.tree_list .on > ul{display:block;}

.tree_list .btn_line{display:block; position:relative; min-height:38px; padding:9px 10px 10px 18px; border-bottom:1px solid #d4d9dc; color:#333; box-sizing:border-box;}


.tree_list .btn_line:hover{background-color:#e7f4f9;}
/*.tree_list .btn_line:before, 
.tree_list .in_deps2.on .in_deps3 > .btn_line:before,
.tree_list .in_deps3.on .in_deps4 > .btn_line:before{display:block; position:absolute; top:10px; left:10px; width:15px; height:15px; border:1px solid #727272; border-radius:100%; text-align:center; font-family:'dotum'; font-size:15px; text-indent:-1px; line-height:15px; box-sizing:border-box; z-index:1;}*/
.tree_list .btn_line > .t_icon:before, 
.tree_list .in_deps2.on .in_deps3 > .btn_line > .t_icon:before, 
.tree_list .in_deps3.on .in_deps4 > .btn_line > .t_icon:before{display:inline-block; width:15px; height:15px; margin-right:4px; border:1px solid #727272; border-radius:100%; font-family:'dotum'; text-align:center; font-size:15px; text-indent:-1px; line-height:12px; box-sizing:border-box; z-index:1;}

.tree_list .selected{background-color:#f6f6f6;}
.tree_list .btn_cm{display:inline-block;margin-top:2px;}
.tree_list .btn_cm:before{display:inline-block;margin:-1px 6px 0 0;}
.tree_list .selected .btn_cm{font-weight:bold;}
.tree_list [class^="deps"]{display:none;}
.tree_list .on > ul{display:block;}

/*.tree_list .in_deps2 > .btn_line:before, 
.tree_list .in_deps2.on .in_deps3 > .btn_line:before,
.tree_list .in_deps3.on .in_deps4 > .btn_line:before{content:'+';}*/
.tree_list .in_deps2 > .btn_line .t_icon:before, 
.tree_list .in_deps2.on .in_deps3 > .btn_line .t_icon:before,
.tree_list .in_deps3.on .in_deps4 > .btn_line .t_icon:before{content:'+'; font-family:'NanumGothic', '나눔고딕'; font-size:14px; font-style:normal;}
/*.tree_list > li > .btn_line:before, 
.tree_list .in_deps2.on > .btn_line:before, 
.tree_list .in_deps2.on .in_deps3.on > .btn_line:before,
.tree_list .in_deps3.on .in_deps4.on > .btn_line:before{content:'-';}*/
.tree_list .btn_line .t_icon:before, 
.tree_list .in_deps2.on > .btn_line .t_icon:before, 
.tree_list .in_deps2.on .in_deps3.on > .btn_line .t_icon:before,
.tree_list .in_deps3.on .in_deps4.on > .btn_line .t_icon:before{content:'-'; }

.tree_list .btn_line .t_icon:before, 
.tree_list .in_deps2 > .btn_line .t_icon:before, 
.tree_list .in_deps2.on .in_deps3 > .btn_line .t_icon:before,
.tree_list .in_deps3.on .in_deps4 > .btn_line .t_icon:before,
.tree_list .in_deps2.on > .btn_line .t_icon:before, 
.tree_list .in_deps2.on .in_deps3.on > .btn_line .t_icon:before,
.tree_list .in_deps3.on .in_deps4.on > .btn_line .t_icon:before{font-family:'NanumGothic', '나눔고딕'; font-size:14px; font-style:normal;}

.tree_list .in_deps2 .deps2 > li > .btn_line{padding-left:45px;}
.tree_list .in_deps3 .deps3 > li > .btn_line{padding-left:70px;}
.tree_list .in_deps4 .deps4 > li > .btn_line{padding-left:95px;}
.tree_list .in_deps2 .deps2 > li > .btn_line .t_icon:before, 
.tree_list .in_deps3 .deps3 > li > .btn_line .t_icon:before,
.tree_list .in_deps4 .deps4 > li > .btn_line .t_icon:before{top:13px;content:'';width:9px;height:9px;border-radius:0;border:1px dotted #474747;border-top:none;border-right:none;}
.tree_list .in_deps2 .deps2 > li > .btn_line:before{left:37px !important;}
.tree_list .in_deps3 .deps3 > li > .btn_line:before{left:62px !important;;}
.tree_list .in_deps4 .deps4 > li > .btn_line:before{left:87px;}

/* div 테이블 */
.d_tbl_row{border-top:1px solid #666c71; }
.d_tbl_row .d_tbl{color:#333;}

.d_tbl{display:table; border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
.d_tbl .d_tbl_tr{display:table-row; width:100%; border-bottom:1px solid #d4d9dc;}
.d_tbl .d_tbl_th,
.d_tbl .d_tbl_td{display:table-cell; min-height:40px; padding:2px 10px; word-break:break-all; vertical-align:middle; box-sizing:border-box;}
.d_tbl .d_tbl_th{width:12%; padding:12px 10px; background-color:#f6f6f6; color:#333; font-weight:600; vertical-align:top;}

/* 툴팁 */
.tooltip{z-index:9999; display:inline-block; position:relative; cursor:pointer;}
.tooltip:hover .tooltip_box{display:block;}
.tooltip_box{display:none; position:absolute; left:50%; top:-24px; transform:translateX(-50%);}
.tooltip_box .inner{display:block; position:relative; height:20px; padding:4px 5px 2px; border-radius:2px; background-color:#000; color:#fff; font-size:11px; text-align:center; white-space:nowrap; box-sizing:border-box; line-height:1;}
.tooltip_box .inner:before{content:""; display:block; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:4px 4px 0 4px; border-color:#000000 transparent transparent transparent;}

/* pagination */
.pagination{height:30px; padding-top:10px; padding-bottom:10px; text-align:center;}
.pagination ul{display:inline-block;}
.pagination li{float:left; line-height:30px;}
.pagination .txt_paging{padding:0 10px;}
.pagination .txt_paging + li .btn{border-left-width:1px;}
.pagination .btn{width:34px; border-left-width:0; border-radius:0; border-color:#d7dbde; padding:0; color:#333;}
.pagination .btn:hover{background-color:#f0f0f0; color:#00093b;}
.pagination .btn.on{border-color:#666c71; background-color:#666c71; color:#fff;}
.pagination li:first-child .btn{border-left-width:1px;}

/* 텍스트 리스트와 스타일 */
.txt_list{}
.txt_list > li{position:relative;}
.txt_list > li:before{content:""; display:block; position:absolute; left:0; top:50%;}

.tl_sty01{}
.tl_sty01 > li{padding-left:10px;}
.tl_sty01 > li:before{width:3px; height:3px; background-color:#666c71;}

/* ag-grid */
.ag-blue{color:#333; font-size:12px; font-family:'NanumGothic', '나눔고딕','Malgun Gothic','맑은고딕', '돋움', dotum, arial, sans-serif, helvetica; }
.ag-blue .ag-header{border-top:1px solid #666c71; border-bottom:1px solid #b1babf; background-color:#f6f6f6; color:#333;}
.ag-blue .ag-header-cell-label{padding:3px 6px 0; text-align:center;}
.ag-blue .ag-body{margin-bottom:-4px;}
.ag-blue .ag-ltr .ag-header-cell{border-right:1px solid #d4d9dc;}
/* .ag-blue .ag-ltr .ag-cell-no-focus,
.ag-blue .ag-cell-no-focus{border-color:#d4d9dc;} */
.ag-blue .ag-cell-no-focus{padding:3px 6px 0;}
.ag-blue .ag-cell-not-inline-editing{padding:3px 6px 0;}
.ag-blue .ag-cell .ico-alert-circle{color:#e13710;}
.ag-blue .ag-paging-panel{display:none;}
.ag-blue .ag-row-hover,
.ag-blue .ag-row-focus,
.ag-blue .ag-cell-focus{background-color:#f9f2e4;}
.ag-blue .ag-cell-focus{top:0;  border:0; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
.ag-blue .ag-cell .input_text{display:block; width:calc(100% + 16px); margin:-4px -8px;}
.ag-blue .ag-floating-bottom .ag-row{background-color:#edfbe9; font-weight:bold;}
.ag-blue .ag-floating-bottom .ag-row .ag-cell-focus{background-color:#edfbe9;}
.ag-blue .ag-row-selected,
.ag-blue .ag-row-selected .ag-row-focus, 
.ag-blue .ag-row-selected .ag-cell-focus{background-color:#fff5a7;}
.txt_sum{color:#004998; font-size:14px; text-align:right}

.ag-icon-checkbox-indeterminate,
.ag-icon-checkbox-unchecked,
.ag-icon-checkbox-checked{width:18px; height:18px; border-radius:2px; text-align:center; line-height:18px; vertical-align:middle;}
.ag-icon-checkbox-unchecked{border:1px solid #b1babf; background:#fff;}
/* .ag-blue .ag-header-select-all{display:inline-block; padding:6px 12px 0;} */
.ag-blue .ag-header-select-all{display:inline-block; padding:0px 14px 0; margin-top: 0px;}
.ag-icon-checkbox-indeterminate,
.ag-icon-checkbox-checked{border:1px solid #faa519; background:#faa519;}
.ag-icon-checkbox-indeterminate:before,
.ag-icon-checkbox-checked:before{content:"\e903"; color:#00093b; font-family:"DPIcon" !important; font-size:14px; font-weight:bold;}
.ag-blue .ag-ltr .ag-selection-checkbox{padding-right:0;}

.ag-blue .ag-ltr .ag-header-group-cell{border-right:1px solid #d4d9dc;}
.ag-blue .ag-header-group-cell-with-group{border-bottom:1px solid #d4d9dc;}



/* main */
.box_warning{overflow:hidden; height:30px; margin-top:20px; border-radius:2px; background-color:#00093b;color:#fff; line-height:30px;}
.box_warning [class*='ico-']{display:inline-block; margin-right:14px; padding:0 10px; background-color:#faa519; color:#00093b; line-height:30px; vertical-align:top;}
.main_cont{padding-top:16px;}
.main_cont:after{content:""; display:block; clear:both;}
.main_cont .cont_box{float:left; width:640px; margin-left:10px;}
.main_cont .cont_box:nth-child(2),
.main_cont .cont_box:nth-child(3){width:315px;}
.main_cont .cont_box.num_list_box{width:calc(100% - 650px); height:840px; margin-left:0;}
.main_cont .cont_box.num_list_box .txt{display:block; padding-bottom:10px; border-bottom:1px solid #666c71; color:#333; font-size:15px; font-weight:600;}
.main_cont .cont_box.num_list_box .tit_box [class*='ico-']{float:right;}

/* 컨텐츠 */
.cont_top{padding:15px 0 8px;}
.cont_top:after{content:""; display:block; clear:both;}
.cont_top .tit_ct{padding-right:8px; color:#004998; font-size:15px;}
.cont_top .tit_ct_s{display:block; padding-top:8px; color:#333; font-size:12px; font-weight:normal;}
.cont_top .tit_ct_s:before{display:inline-block; content:""; width:3px; height:3px; margin-right:6px; background-color:#666c71; vertical-align:middle;}
.cont_top .txt_ct{float:right; color:#333;}

.cont_box .cont_top{padding-top:0;}

/* 장바구니 */
.result_view{background-color:#f0f2fa; text-align:left !important; vertical-align:top !important;}
.result_list {font-weight:bold; font-size:14px;}
.result_list .tit{ line-height:35px;}
.result_list .box{padding:10px; border-top:1px solid #666c71; border-bottom:1px solid #d4d9dc; background-color:#fff; line-height:20px; text-align:right;}
.result_btns{padding:10px 0 30px 0; text-align:right;}
.result_view .txt_list > li{padding-top:4px; padding-bottom:4px;}
.scroll_cont [class*='col_md'].result_view{padding:15px;}

/* popup */
.bg_popup_layer{z-index:9999; display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.8);}
.popup_layer{overflow:hidden; display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:auto; border-radius:3px; border:1px solid #d4d9dc; background-color:#fff;/*-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);*/ }
.bg_popup_layer > .popup_layer{display:block;}
.popup_layer .pl_head{position:relative; height:50px; padding:0 14px; background-color:#f6f6f6; color:#333; font-size:18px; line-height:50px; box-sizing:border-box;}
.popup_layer .pl_head .btn_close{position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#00093b;}
.popup_layer .pl_head .btn_close [class*='ico']{font-size:23px;}
.popup_layer .pl_cont{position:relative; background-color:#fff;}
.popup_layer .pl_cont .inner{padding:5px;}
.popup_layer .pl_scroll{overflow-y:auto; height:340px;}
.popup_layer .pl_cont_top .txt_em{display:block; color:#004998; font-size:16px;}
.popup_layer .pl_cont_top .desc{padding:16px 0;}
.popup_layer .pl_cont_top .desc:before{content:""; display:inline-block; width:3px; height:3px; margin-right:5px; background-color:#666c71; vertical-align:middle;}
.popup_layer .pl_top_fixed{padding:5px; border-bottom:1px solid #d4d9dc; background-color:#fff;}
.popup_layer .pl_top_fixed + .pl_fixed_cont{margin:5px 0;}
.popup_layer .pl_cont [class*='tbl_']{margin-bottom:0; padding-bottom:0;}
.popup_layer .pl_cont .txt{line-height:1.5;}
.popup_layer .pl_btm{padding:5px;}

/* stable popup1 */
.bg_popup_layer{z-index:9999; display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.8);}
.popup_layer1{overflow:hidden; display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:auto; border-radius:3px; border:1px solid #d4d9dc; background-color:#fff;/*-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);*/ }
.bg_popup_layer > .popup_layer1{display:block;}
.popup_layer1 .pl_head{position:relative; height:50px; padding:0 14px; background-color:#f6f6f6; color:#333; font-size:18px; line-height:50px; box-sizing:border-box;}
.popup_layer1 .pl_head .btn_close{position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#00093b;}
.popup_layer1 .pl_head .btn_close [class*='ico']{font-size:23px;}
.popup_layer1 .pl_cont{position:relative; background-color:#fff;}
.popup_layer1 .pl_cont .inner{padding:5px;}
.popup_layer1 .pl_scroll{overflow-y:auto; height:340px;}
.popup_layer1 .pl_cont_top .txt_em{display:block; color:#004998; font-size:16px;}
.popup_layer1 .pl_cont_top .desc{padding:16px 0;}
.popup_layer1 .pl_cont_top .desc:before{content:""; display:inline-block; width:3px; height:3px; margin-right:5px; background-color:#666c71; vertical-align:middle;}
.popup_layer1 .pl_top_fixed{padding:5px; border-bottom:1px solid #d4d9dc; background-color:#fff;}
.popup_layer1 .pl_top_fixed + .pl_fixed_cont{margin:5px 0;}
.popup_layer1 .pl_cont [class*='tbl_']{margin-bottom:0; padding-bottom:0;}
.popup_layer1 .pl_cont .txt{line-height:1.5;}
.popup_layer1 .pl_btm{padding:5px;}

/* loading */
/*.loading_wrap{z-index:9999; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,.6); background-image:url(../images/common/loader.gif); background-position:50% 50%; background-repeat:no-repeat;}*/
.loading_wrap{z-index:9999; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,.6); background-position:50% 50%; background-repeat:no-repeat;}
.loading_wrap_main{z-index:9999; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,.6); background-position:50% 50%; background-repeat:no-repeat; display: block;}

/* jquery ui-datepicker */
.input_group .ui-datepicker-trigger{position:absolute; right:1px; top:1px; bottom:1px; width:38px; height:auto; border-left:1px solid #b1babf;}
.input_group .ui-datepicker-trigger:before{content:"\e902"; font-family:"DPIcon" !important; font-size:14px; line-height:1; vertical-align:middle;}

.input_group:hover > [class*='datepicker']:enabled,
.input_group:not(.disabled):hover >  [class*='datepicker']:enabled{border-color:#004998;}

.input_group.disabled > [class*='datepicker'],
.input_group.disabled:hover > [class*='datepicker']:hover,
.input_group.disabled > .input_text:disabled + [class*='datepicker'],
.input_group.disabled > .input_text:disabled + [class*='datepicker']:hover{opacity:.3 !important;}

.ui-widget.ui-widget-content.ui-datepicker{width:310px; padding:0; border-radius:5px; border:1px solid #d4d9dc; background-color:#fff; color:#333; font-size:12px; line-height:24px; text-align:center; -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.2); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.2); touch-action:manipulation; -ms-touch-action:manipulation}
.ui-datepicker .ui-widget-header{overflow:hidden; position:relative; height:30px; padding:0; border:0; background-color:transparent; color:rgba(0,0,0,.9); font-weight:normal; user-select:none; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none;}
.ui-datepicker .ui-datepicker-title{margin:0; font-weight:normal; line-height:30px; text-align:center;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{top:0; width:30px; height:30px; border:0; background-color:transparent;}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{background:none; color:#333; font-family:"DPIcon" !important; font-size:18px; text-indent:0; line-height:1;}
.ui-datepicker .ui-datepicker-prev .ui-icon:before{content: "\e904";}
.ui-datepicker .ui-datepicker-next .ui-icon:before{content: "\e905";}

.ui-datepicker th{font-weight:normal;}
.ui-datepicker td span, 
.ui-datepicker td a,
.ui-datepicker td .ui-state-default{width:40px; height:40px; padding:0; border-radius:50%; border-color:transparent; background-color:transparent; color:#333; font-size:12px; text-align:center; line-height:38px;}
.ui-datepicker td .ui-state-default.ui-state-hover{background-color:#f9f2e4;}
.ui-datepicker td .ui-state-default.ui-state-highlight{background-color:rgba(211,213,214,.5); color:#333;}
.ui-datepicker td .ui-state-default.ui-state-highlight.ui-state-hover{background-color:#d3d5d6;}
.ui-datepicker td .ui-state-default.ui-state-active{background-color:#faa519; color:#00093b; font-weight:bold;}

/* mi */
.selectBox {position: relative;}
.selectBox select {width: 100%;}
.overSelect {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#checkboxes label:hover {background-color: #1e90ff;}


/* @media only screen and (min-width:1024px) and (max-width:1200px) { */
@media only screen and (min-width:800px and (max-width:1200px)) {
    .wrap{min-width:100%;}
    .header{min-width:100%;}
    
    .nav .gnb{width:48%;}
    .nav .gnb_list{width:100%;}
    .nav .gnb_list > li{min-width:25%;}

    /*.lnb{width:190px;}
    .lnb + .content{margin-left:190px;}*//* 180504 삭제 */
    /*.tit_sub{padding-left:20px; padding-right:20px;}*//* 180321 컨텐츠 추가때문에 삭제 */

    .scroll_cont > .inner{padding-left:20px; padding-right:20px;}/* 180321 삭제 */
    .content{padding:0 20px}/* 180321 추가 */
}

/* print */
.viewer_wrap{width:100%; margin:0 auto; padding:0px; background-color:#fff; box-sizing:border-box; line-height:1.3;}
.viewer_wrap .header{display:flex; min-width:100%; height:auto; padding-bottom: 0px; align-items:center; flex-direction:row; justify-content:space-between; position:static; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.viewer_wrap .header .img_logo,
.viewer_wrap .header .txt_info_left{flex-grow:0 !important;}
.viewer_wrap .header .tit{order:1; flex-grow:4; font-weight:bold; text-align:center;}
.viewer_wrap .header .tit small{display:block;}
.viewer_wrap .header .txt_info,
.viewer_wrap .header [class*='tbl_']{order:2; flex: 0 0 33%;}
.viewer_wrap .header .txt_info strong{display:block; padding:6px 0; font-size:17px;}
.viewer_wrap .header .txt_info strong small{display:block;}
.viewer_wrap .container .cont_top{ padding:0px 0; font-size:16px;}
.viewer_wrap .container .cont_top dl{display:flex; flex-direction:row; font-weight:600;}
.viewer_wrap .container .cont_top dd{padding:0 10px;}
.viewer_wrap .container .content{margin-bottom:8px; padding:0; border:1px solid #472e68;}
.viewer_wrap .container .content [class*='tbl_']{margin:0;}
.viewer_wrap .container .info_cont{display:flex; flex-direction:row;}
.viewer_wrap .container .info_cont ul{width:50%; align-items:stretch;}
.viewer_wrap .container .info_cont .info_list{border-right:1px solid #472e68;}
.viewer_wrap .container .info_list{padding:10px; box-sizing:border-box;}
.viewer_wrap .container .info_cont .info_list + .info_list{border-top:1px solid #472e68}
.viewer_wrap .container .info_cont ul:last-child .info_list{border-right:0;}
.viewer_wrap .container .list:after{content:""; display:block; clear:both;}
.viewer_wrap .container .list .tit,
.viewer_wrap .container .list .txt{float:left; padding:2px 0; line-height:1.5;}
.viewer_wrap .container .list .tit{width:23%; color:#472e68; font-weight:600;}
.viewer_wrap .container .list .txt{width:70%;}

.viewer_wrap .container .list.half .tit{width:20%;}
.viewer_wrap .container .list.half .txt{width:30%;}
.viewer_wrap .container .list .half_list{display:flex; flex-direction:row; flex-wrap:wrap;}
.viewer_wrap .container .list .half_list li{width:50%; padding: 2px 0;}

.viewer_wrap .container .row .info_list{flex:1 1 50%;}
.viewer_wrap .container .row .info_list + .info_list{border-left:1px solid #472e68;}

.viewer_wrap .container .list .txt_b{font-size:18px;}

.viewer_wrap .container .txt_em{display:block; padding-top:6px; color:#472e68; font-size:11px; font-weight:600;}
.viewer_wrap .container .txt_em.txt_b{padding:10px; font-size: 14px; line-height: 1.5;}
.viewer_wrap .container .txt_no{display:block; padding-bottom:2px; font-size: 13px;}
.viewer_wrap .container .tit_desc{display:block; padding:20px 0; font-size:16px; text-align:center;}
.viewer_wrap .container .txt{padding:10px; line-height:1.5;}
.viewer_wrap .list_tbl{flex-grow:1;}
.viewer_wrap .tbl_col .tbl,
.viewer_wrap .list_tbl .tbl{table-layout:auto; border-top:0;}
.viewer_wrap .tbl_col .tbl tfoot th,
.viewer_wrap .tbl_col .tbl tfoot td{border-right:1px solid #d4d9dc;}
.viewer_wrap .tbl_col .tbl tfoot td:last-child{border-right: 0;}
.viewer_wrap .list_tbl > .tbl thead th{padding:10px; color:#472e68;}
.viewer_wrap .list_tbl .tbl th{padding:6px 10px; text-align:left;}
.viewer_wrap .list_tbl .tbl td{border-left:1px solid #d4d9dc; border-right:0; text-align:center;}
.viewer_wrap .list_tbl .tbl tfoot th{color:#472e68;}
.viewer_wrap .list_tbl .tbl tfoot tr:last-child th, 
.viewer_wrap .list_tbl .tbl tfoot tr:last-child td{border-bottom:0;}
.viewer_wrap .list_tbl .tbl td [class*='tbl_']{margin:-2px -6px; }
.viewer_wrap .list_tbl .tbl td [class*='tbl_'] th,
.viewer_wrap .list_tbl .tbl td [class*='tbl_'] td{padding: 2px 6px;}
.viewer_wrap .list_tbl .tbl td [class*='tbl_'] tbody tr:last-child th,
.viewer_wrap .list_tbl .tbl td [class*='tbl_'] tbody tr:last-child td{border-bottom:0;}
.viewer_wrap .tbl_top + .tbl_col .tbl{border-top:1px solid #666c71;}
.viewer_wrap .etc_cont .list .tit{display:block; padding:10px;}
.viewer_wrap .etc_cont .list .txt{padding:4px 10px; min-height:100px; line-height:1.5;}
.viewer_wrap .etc_cont .sign_list.list{display:flex; flex-direction:row;}
.viewer_wrap .etc_cont .sign_list.list .tit,
.viewer_wrap .etc_cont .sign_list.list .txt{}
.viewer_wrap .etc_cont .sign_list.list .tit{flex-grow:0;}
.viewer_wrap .etc_cont .sign_list.list .txt{flex-grow:1;}
.viewer_wrap .footer{position:relative; height:auto;}
.viewer_wrap .footer .pagination{display:inline-block; width:30%; margin:0 auto; color:#472e68; font-weight:600; text-align:center;}
.viewer_wrap .footer .txt_footer{float:left; width:35%; padding:4px 10px; color:#472e68; line-height:1.7; text-align:left; box-sizing:border-box;}
.viewer_wrap .footer .txt{clear:both; padding:6px 10px; font-size:10px; line-height:1.5; text-align:left;}
.viewer_wrap .footer h2{letter-spacing:3px; padding:20px 0; color:#000;}
.viewer_wrap .footer .txt_t{position:absolute; right:0; top:0; color:#000; font-size: 13px; line-height:1;}

.viewer_wrap.vw2 .header .tit{padding:20px;} 
.viewer_wrap.vw2 .container .content{border:0; font-size:10px;}
.viewer_wrap.vw2 .container .content.info_cont{display:flex; flex-direction:row; border:1px solid #472e68;} 
.viewer_wrap.vw2 .container .content.info_cont .info_list + .info_list{border-top:0; border-right:0;}
.viewer_wrap.vw2 .container .content.info_cont .info_list{flex: 1 1 50%;}
.viewer_wrap.vw2 .container .content.info_cont .info_list .tit_all{display:block; padding: 4px 0; text-align:center;}
.viewer_wrap.vw2 .tbl_info{padding:10px 0;}
.viewer_wrap.vw2 .tbl_info .tbl{table-layout:auto; border-top:0;}
.viewer_wrap.vw2 .tbl_info .tbl tbody th{background-color:transparent; white-space:nowrap; word-break:normal; overflow:visible; text-align:left;}
.viewer_wrap.vw2 .tbl_info .tbl tbody th,
.viewer_wrap.vw2 .tbl_info .tbl tbody td{padding:1px 4px; border:0;}
.viewer_wrap.vw2 .info_desc .tit{padding:6px; font-weight:bold;}
.viewer_wrap.vw2 .info_desc .num_list li{list-style-type:decimal; list-style-position:outside; margin-left:30px; padding:4px 0; line-height:1.5;}
.viewer_wrap.vw2 .content .tit_desc{display:block; padding:40px 0 10px 0; text-align:center;}
.viewer_wrap.vw2 .claim_view li{padding:1px 0;}
.viewer_wrap.vw2 .claim_view .tit{display:block; }
.viewer_wrap.vw2 .claim_view .tbl_top:after{content:""; display:block; clear:both;}
.viewer_wrap.vw2 .claim_view .tbl_top .tit{float:left;}
.viewer_wrap.vw2 .claim_view .tbl_top .num{float:right;}
.viewer_wrap.vw2 .claim_view .tbl_col tbody td{text-align:center;}
.viewer_wrap.vw2 .claim_view .tbl_col thead th,
.viewer_wrap.vw2 .claim_view .tbl_col tbody td{padding:6px;}
.viewer_wrap.vw2 .divdpc { color: #3636b7;}
.viewer_wrap.vw2 .footer{padding:20px 10px;}
.viewer_wrap.vw2 .footer .txt_from{text-align:right;}
.viewer_wrap.vw2 .footer .txt_from .txt{display:inline-block; color:#202020; font-weight:600; font-size:17px; line-height:1.6; text-align:left;}

.viewer_wrap .content .list_num{margin:0 10px;}
.viewer_wrap .content .list_num.ln_sty01 li{padding:10px 0;}
.viewer_wrap .content .list_num li{padding:2px 0; list-style-type:decimal; list-style-position:inside;}
.viewer_wrap .content .txt .list_num{margin:0;}

.row{display:flex; flex-direction:row; }
.row > [class*='col_']{box-sizing: border-box;}
.row > .col_3{flex:0 0 25%; max-width:25% !important; }
.row > .col_4 {flex:0 0 33.3333333333%; max-width: 33.3333333333% !important;}
.row > .col_5{flex:0 0 41.6666666667%; max-width: 41.6666666667% !important;}
.row > .col_6{flex:0 0 50%; max-width:50% !important;}
.row > .col_7{flex:0 0 58.3333333333%; max-width: 58.3333333333% !important;}
.row > .col_8{flex:0 0 66.6666666667%; max-width: 66.6666666667% !important;}
.row > .col_9{flex:0 0 75%; max-width:75% !important;}

.viewer_wrap .check_area{height:100%; padding:6px; border-left:1px solid #d4d9dc; box-sizing:border-box;}
.viewer_wrap .check_area .tit{display:block; padding: 6px 0;}
.viewer_wrap .check_area .list > li{padding:4px 0;}
.viewer_wrap .check_list{padding: 4px 0;}
.viewer_wrap .check_list + textarea{width:100%; height:150px;}
.viewer_wrap .spacer{flex-grow:1;}

.viewer_wrap .write_area{padding:6px;}
.viewer_wrap .write_area .list{margin-top:20px;}
.viewer_wrap .write_area .list > li{padding: 6px 0;}
.viewer_wrap .write_area .list > li .input_text{height:40px;}

/* main */
.main.content{padding-top:4px; padding-bottom:4px;}
.main.content > .row{height:50%;}
.main.content > .row > [class*='col_']{padding-left:2px; padding-bottom:2px;}

/* main box */
.main_box{height:100%;}
.main_box .tit_all{display:flex; flex-direction:row; align-items: center; justify-content:space-between; height:36px; padding:0 15px; border:1px solid #dae0e3; border-radius:6px 6px 0 0; background-color:#f0f2fa; color:#00093b; font-weight:bold; font-size:14px; line-height:34px; box-sizing:border-box;}
.main_box .cont{overflow-y:auto; height:calc(100% - 36px); padding:4px; border:1px solid #dae0e3; border-top:0; background-color:#fff; box-sizing:border-box;}
.main_box.h50{height:calc(50% - 1px);}
.main_box + .main_box{margin-top:2px;}

/* main box h50 height 재조정 */
.main_box2{height:100%;}
.main_box2 .tit_all{display:flex; flex-direction:row; align-items: center; justify-content:space-between; height:36px; padding:0 15px; border:1px solid #dae0e3; border-radius:6px 6px 0 0; background-color:#f0f2fa; color:#00093b; font-weight:bold; font-size:14px; line-height:34px; box-sizing:border-box;}
.main_box2 .cont{overflow-y:auto; height:calc(100% - 36px); padding:4px; border:1px solid #dae0e3; border-top:0; background-color:#fff; box-sizing:border-box;}
.main_box2.h40{height:calc(41.1% + 6px);}
.main_box2 + .main_box{margin-top:2px;}