@charset "utf-8";
/*
	max css var.1
	date : 2018-10-02
	name : design team koh won ji
	- response web size -
	pc : (w)1366px
	tablet : (w)1024px (가로모드), (w)1023px (세로모드) - 768, 800
	mobile : (w)740px (가로모드) , (w)414px (세로모드)
*/


.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,textarea{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;}body{line-height:1.6;font-family:'tmw','Malgun Gothic',sans-serif;font-size:16px;color:#333;letter-spacing:-.04em;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table,th,td{border-collapse:collapse;border-spacing:0;vertical-align:middle}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}.skip{visibility:hidden;top:0;left:0}

/* base
*{margin:0;padding:0}html{overflow-y:scroll}body{width:100%;height:100%}ul,ol,li{list-style:none}img,hr{border:0}img{vertical-align:top;border:0}a{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}a:hover{text-decoration:none;}table{border-collapse:collapse;border-spacing:0;width:100%}table td img{vertical-align:middle}p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,button,h1,h2,h3,h4,h5,h6{color:#748888;font-family:'tmw','ga1',sans-serif;font-size:17px;line-height:100%;letter-spacing:-0.04em;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; transition:all 0.3s ease}input{vertical-align:middle}hr,caption{display:none}legend{position:absolute;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}fieldset{border:0;padding:0}label{cursor:pointer}button{cursor:pointer;font-size:0;border:0;background:0;display:block}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,nav,section,summary{display:block}mark{background:0}.skip{visibility:hidden;position:absolute;top:0;left:0}
p,li,dt,dd,em,strong,textarea,span,th,td,h1,h2,h3,h4,h5,h6,a {line-height:160%;} */
/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}



/*dialog*/
#dialog-background {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;}


@media screen and (max-width: 740px) {
	body {font-size:15px;}
}
 a:link,  a:visited,  a:hover {text-decoration: none;}

/* color */
.col_green {color:#8dc73f;}

/* margin, padding */

.mtm20{margin-top:-20px !important;}
.mtm5{margin-top:-5px !important;}
.mt8{margin-top:8px !important;}
.mgt30{margin-top:30px;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mgt50 {margin-top:1.5em;}
.mgt80 {margin-top:80px;}
.pad20 {padding-top:0.75em;}
.pl30{padding-left:30px !important}
.pad40 {padding-top:2em;}
.pb50{padding-bottom:50px !important;}
.ptb10{padding-top:10px !important; padding-bottom:10px !important;}

 
.w40{width:40px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w120{width:120px !important;}
.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w49p{width:49% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w100p{width:100% !important;}


.h105{height:105px !important;}
.h140{height:140px !important;}
.tac{text-align:center !important;}
#DETAIL_VIEW_ON_AREA{word-break:break-all;}

@media screen and (max-width: 740px) {
	.mgt80 {margin-top:50px;}
}

/* image */
.m_im {max-width:100%;}

/* title */
.tt_s {font-size:20px; color:#0f1f2a; font-weight:400; background:url("/image/common/bul_pc.png") 0 8px no-repeat; padding-left:30px;}
.tt_ss {color:#003e74; font-weight:600;}
.tt_ss:after {content:''; display:block; width:25px; height:2px; background:#003e74; margin:10px 0 0;}
@media screen and (max-width: 740px) {
	.tt_s {font-size:18px; background:url("/image/common/bul_m.png") 0 5px no-repeat; background-size:20px;}
}

/* list */
.lst_base {padding-top:12px;}
.lst_base li {width:100%; padding:3px 0;}
.lst_base li:last-child {padding-bottom:0;}
.lst_num li {padding:3px 0; display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex;}
.lst_num li:before {content:'ㆍ'; display:block; color:#000; font-weight:bold;}
.lst_multiple > li {color:#003e74;}
.lst_multiple > li ol {padding:8px 0 8px 14px;}
.ol_number {margin-left:13px;}
.ol_number li {list-style-type:decimal; padding-bottom:10px;}
.ol_number li:last-child {padding-bottom:0;}

/* icon */
.ico-add {display:block; width:40px; height:40px; position:relative; font-size:0;}
.ico-add:before,
.ico-add:after {content:''; height:2px; width:48px; display:block; position:absolute; top:22px; left:0px;}
.ico-add:after {height:48px; width:2px; top:0; left:22px;}
.ico-menu {display:block; width:24px; height:24px; position:relative; font-size:0;}
.ico-menu:before {content:''; display:block; width:18px; height:2px; background:#0e8cd8; position:absolute; top:2px; left:0; box-shadow:0 5px #0e8cd8, 0 10px #0e8cd8;}

/* table base */
.tbl_skku {width:100%; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;font-size:11px;}
.tbl_skku thead th {background:#003e74; padding:15px 0; color:#fff; font-weight:600; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7}
.tbl_skku tbody th {background:#f5f5f5; border-bottom:1px solid #d7d7d7; padding:15px 10px; color:#0f1f2a; box-sizing:border-box; font-weight:600;}
.tbl_skku tbody td {border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:15px; box-sizing:border-box; word-wrap:break-word;}
.tbl_skku tbody td ul, .tbl_skku tbody td li, .tbl_skku tbody td a {font-size:inherit;}
.ta_r tbody td input{text-align:right; padding-right:5px; box-sizing:border-box; border-radius:5px; border:1px solid #ddd; height:30px; width:85% !important;}
/* table scroll */
.scroll_box {width:100%; height:700px; position:relative; }
.tbl_scroll {width:100%; height:100%; display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex; flex-direction:column; overflow:hidden;}
.tbl_scroll thead {flex: 0 0 auto; width:100%; }
.tbl_scroll tbody {-webkit-box-flex: 1; -ms-flex: 0 1 auto;  flex: 1 1 auto; display: block; width:100%; overflow-y: scroll; position:relative;}
.tbl_scroll tbody tr {width:100%;}
.tbl_scroll thead, .tbl_scroll tbody tr {display:table; table-layout:fixed;}
.tbl_scroll_box_horizon table{margin-bottom:30px;}
.tbl_scroll_box_horizon table td{text-align:center;}
.tbl_scroll_box_horizon table .left{text-align:left;}
.tbl_scroll_box_horizon table .right{text-align:right;}

.red{color:#ff0006 !important;}
.blue{color:#0e8cd8 !important;}
.orange{color:#ee9035 !important;}
.sum{background:#fff3d7 !important;}

.orange_b{color:#ee9035 !important; letter-spacing:-0.2px; font-size:15px;font-weight:600; margin-right:5px;display:inline-block;}
.center {text-align:center}

@media screen and (max-width: 740px) {
	.tbl_skku thead th {padding:10px 0;}
	.tbl_skku tbody th{padding:10px; border-right:1px solid #d7d7d7;}
	 .tbl_skku tbody td {padding:10px 5px;}
	.tbl_scroll_box_horizon table {table-layout:fixed; width:100%; margin-top:10px;}
	
}
/* table thead line 2 */
.tbl_skku.tline2 thead th {border-left:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2);}

/* button */
.lnk_box, .btn_box {width:100%; height:auto; text-align:right; padding:50px 0 0; font-size:15px; font-weight:500;}
.bt_blank, .bt_back {display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  border:1px solid #0f1f2a; color:#0f1f2a; padding:10px 30px; font-size:15px; font-weight:500;}
.bt_blank i {display:block; padding:5px 0 0 5px; font-size:18px;}
.bt_blank:hover, .bt_back:hover {background:#0f1f2a; color:#fff;}
.bt_back i {display:block; padding:5px 25px 0 0; font-size:18px;}
.bt_basic {display:inline-block; font-size:inherit; border:1px solid #0f1f2a; color:#0f1f2a; padding:10px 30px;}
.bt_basic:hover {background:#0f1f2a; color:#fff;}
.bt_submit {display:inline-block; font-size:inherit; border:1px solid #0f1f2a; background:#0f1f2a; color:#fff; padding:10px 30px;}
@media screen and (max-width: 740px) {
	.lnk_box {text-align:center;}
	.bt_blank {display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex; -ms-flex-pack: center; justify-content:center; margin:5px 0 0;}
}

/* bg layer */
.bg_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:999;}

/* login */
#login {width:100%; height:auto; position:relative;}
#login .bg_layer {display:block;}
#login fieldset {width:100%; height:auto; padding:150px 0 0 0; position:absolute;}
#login fieldset .login_area {width:440px; height:440px; box-sizing:border-box; padding:0 30px; background:#fff; margin:0 auto; position:relative; z-index:9999;}
#login fieldset .login_area h1 {font-size:35px;}
#login fieldset .login_area p {padding-top:10px;}
#login fieldset .login_box {margin-top:40px;}
#login fieldset .login_box li {border:1px solid #c2c2c2; display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  margin-bottom:5px; border-radius:5px; overflow:hidden;}
#login fieldset .login_box li i {display:block; width:10%; text-align:center;}
#login fieldset .login_box li input {width:90%; height:auto; box-sizing:border-box; padding:18px 10px; border:0;}
#login fieldset .login_box li:last-child {margin-bottom:0;}
#login fieldset button {width:100%; height:auto; margin:22px auto; background:#8dc73f; color:#fff; padding:18px 0; font-size:15px; border-radius:5px;}
#login fieldset .bt_close {position:absolute; top:0; right:0; display:block; width:50px; height:50px; box-sizing:border-box; border:1px solid #000; border-top:none; border-right:none; color:#000; text-align:center;}
#login fieldset .bt_close i {margin-top:15px;}
@media screen and (max-width: 490px) {
	#login fieldset {padding:100px 0 0;}
	#login fieldset .login_area {width:100%; height:420px;}
	#login fieldset .login_box li i {width:15%;}
	#login fieldset .login_box li input {width:85%;}
}

 

/* 버튼들 */
.s_btn {display:inline-block; background:#585858; cursor:pointer;text-align:center;padding:4px 0;color:#fff; font-size:11px;line-height:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;letter-spacing:-0.5px; border:1px solid #414141}
.s_btn:hover {color:#fff; background:#000}
.s_btn_02 {display:inline-block; background:#e67b41; cursor:pointer;text-align:center;padding:4px ; color:#fff; font-size:11px;line-height:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #cf6d37}
.s_btn_02:hover {color:#fff; background:#cf6d37}
.s_btn_03 {display:inline-block; background:#d75837; cursor:pointer;text-align:center;padding:4px 0 ; color:#fff; font-size:11px;line-height:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #b24428}
.s_btn_03:hover {color:#fff;background:#c0492a}
.s_btn_04 {display:inline-block; background:#000; cursor:pointer;text-align:center;padding:4px 0 ; color:#fff; font-size:11px;line-height:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #000}
.s_btn_04:hover {color:#fff;background:#000}
.s_btn_05 {display:inline-block; background:#585858; cursor:pointer;text-align:center;padding:6px 0 ; color:#fff; font-size:12px;font-size:12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #404040}
.s_btn_05:hover {color:#fff;background:#000}
.s_btn_06 {display:inline-block; background:#000; cursor:pointer;text-align:center;padding:6px 0 ; color:#fff; font-size:12px;font-size:12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #000}
.s_btn_06:hover {color:#fff;background:#262626}
.s_btn_07 {display:inline-block; background:#fff; cursor:pointer;text-align:center;padding:4px 0 ; color:#000; font-size:11px;font-size:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #d6d6d6}
.s_btn_07:hover {color:#000;background:#fff}
.s_btn_08 {display:inline-block; background:#fff; cursor:pointer;text-align:center;padding:4px 0 ; color:#000; font-size:12px;font-size:12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; letter-spacing:-0.5px; border:1px solid #d6d6d6}
.s_btn_08:hover {color:#000;background:#fff}



/* 업로드 파일버튼 스타일 */

.file_bx label {display:inline-block;line-height:38px; border:1px solid #ddd !important;text-align:center; vertical-align:middle;cursor:pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.file_bx label:hover {background:#e3d9c7}
.file_bx input.up_file[type="file"] {position:absolute; width:px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file_bx .up_name {display:inline-block; font-size:11px !important;line-height:normal;vertical-align:middle;background-color:#fff;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;-webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none;  appearance: none;}
.file_bx .up_name2 {display:inline-block; font-size:12px !important;padding:0 5px;height:20px;line-height:20px;vertical-align: middle;background-color:#fff;border:1px solid #ccc;border-bottom-color:#e2e2e2;-webkit-appearance: none;/* 네이티브 외형 감추기 */ -moz-appearance: none;appearance:none;}
.file_bx p.filepath {padding-top:5px; color:#000; display:none;}

.file_bx2 label {display:inline-block;padding:0 5px;height:23px;line-height:25px;font-size:11px !important;font-family:dotum;letter-spacing:-0.8px;font-weight:600;color:#000;text-align:center; border:1px solid #cdc2b8;font-size:14px;vertical-align:middle;cursor: pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.file_bx2 input.up_file[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file_bx2 .up_name {display:inline-block; font-size:11px !important; height:20px;line-height:20px; vertical-align: middle; background-color:#fff; border:1px solid #ebebeb; border-bottom-color:#e2e2e2;-webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none;  appearance: none;}

.file_bx3{width:100%;}
.file_bx3 label {display:block;}
.file_bx3 input.up_file[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

#MOD_POPUP_WIN iframe{border:1px solid #333;background:#fff;box-shadow:0 4px 4px 0px rgba(0,0,0,0.2)}
#loading{position:absolute;z-index:9999;width:100%;height:100%;background:rgba(255,255,255,0.7)}
#loading .loading{width:100%;height:100%;background:url(/images/common/loading.gif) no-repeat 50% 50%;text-indent:-99999em;overflow:hidden}

input.upload[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


/* 로딩화면 */
.loaderWrap {
	z-index: 1000000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* display:none; */
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #fff;
}

.loaderWrap.hide{
	display:none;
}
.loaderWrap.show{
	display:flex;
}

.loader {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.loader,
.loader:before,
.loader:after {
	animation: 1s infinite ease-in-out;
}
.loader:before,
.loader:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

/* Loader 2 */
.loader-1:before,
.loader-1:after {
	content: '';
}
.loader-1:before {
	border: 1px solid #3362BB;
	top: -1px;
	left: -1px;
	opacity: 0;
	animation-name: loader2-1;
}

@keyframes loader2-1 {
	0% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.3); opacity: 0; }
	100% { transform: scale(1.3); opacity: 0; }
}

.loader-1:after {
	background-color: #3362BB;
	animation-name: loader2-2;
}

@keyframes loader2-2 {
	0% { transform: scale(1); }
	50% { transform: scale(0.7); }
	100% { transform: scale(1); }
}