@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
select[disabled],
input[disabled],
textarea[disabled]{background: #f7f7f7 !important;border-color: #ddd !important;opacity: 0.8 !important;}
.table1{ width: 100%; }
.table1.mt10 {margin-top:10px;}
.table1 tr > *{padding: 15px 5px;border: 1px solid #ddd;font-size: 15px;color: #333333;word-break: break-all;background-clip: padding-box;​}
.table1 thead th{padding: 21px 0;background: #222b4e;font-family: gmarket;color: #fff;letter-spacing: -1px;font-weight: 500;border-color: #222b4e;background-clip: padding-box;​}
.table1 thead th * {font-family: gmarket;color: #fff;letter-spacing: -1px;font-weight: 500;}
.table1 thead th label{margin-left: 10px;}
.table1 tbody th{background: #f7f7f7;color: #000;letter-spacing: -1px;font-weight: 500; background-clip: padding-box;​}
.table1 tbody th em{display: inline-block;vertical-align: middle;font-style: normal;font-size: 13px;font-weight: 600;color: red;margin-left: 2px;}
.table1 tbody td{text-align: center;background: #fff;}
.table1 tbody td  a{position: relative;color: #666;font-weight: 500;display: inline-block;text-decoration: none;height: 30px;line-height: 30px;padding: 0 10px;}
.table1 tbody .tal,
.table1 tbody .subject {text-align: left;padding-left: 10px;}
.table1.txtcen tbody .tal,
/* .table1 tbody  .subject{text-align:center; }
.table1 tbody  .subject a{text-align:center;} */
.table1 tbody tr.deleted > *{color: red;}
.table1 tbody tr.deleted .mdfBtn{display: none;}
.table1 tfoot th {background: #eee;color: #000; background-clip: padding-box;​}
.table1 .btn2 {vertical-align: middle;}
.table1 input[type=file] {vertical-align: middle;}
.table1 .inp{width: 200px;height: 30px;border: 1px solid #999;border-radius: 3px;text-indent: 5px;}
.table1 .inp[readonly]{background: #f7f7f7;border-color: #ddd;}
.table1 .inp[datepicker]{background: #fff url('/images/intranet/inp-date-ico.png') no-repeat right center;}
.table1 .inp[required]{border-color: #ff0000;background-color: #fcf3f3;color: #000;}
.table1 .inp:focus,
.table1 textarea:focus{box-shadow: 0 0 10px rgba(0,0,0,0.15);border-color: #000;}
.table1 .w100p{width: 100%;}
.table1 select{height: 30px;border: 1px solid #999;border-radius: 3px;}
.table1 textarea{border: 1px solid #999;border-radius: 3px;padding: 10px;width: 100%;}
.table1.tr-anchor tbody tr{cursor: pointer;}
.table1.td-nowrap tbody td{white-space: nowrap;}
.table1 tbody td a.btn7 {height:auto; line-height:14px; padding:5px 30px 5px 5px; font-size:12px; text-align:left;}


.table2 {width: 100%;border-top: 2px solid #444444;}
.table2 th {background: #f7f7f7; background-clip: padding-box;​}
.table2 tr > * {border: 1px solid #ddd;text-align: left;padding: 8px;color: #444444;letter-spacing: -0.05em;line-height: 35px; background-clip: padding-box;​}
.table2 tr th {padding: 10px 30px;font-size: 15px;color: #444444;font-weight: 600;letter-spacing: -0.05em; text-align:center; background-clip: padding-box;​}
.table2 tr td > * {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin: 2px; background-clip: padding-box;​}
.table2 label {color: #444444;margin-right: 20px !important;}
.table2 label input {vertical-align: middle;margin: -2px 5px 0 0;}
.table2 input[type=file] {vertical-align: middle;}
.table2 .inp{display: inline-block;vertical-align: middle;width: 180px;height: 35px;text-indent: 10px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.table2 .inp[datepicker]{background: #fff url('/images/intranet/inp-date-ico.jpg') no-repeat right center;}
.table2 select{display: inline-block;vertical-align: middle;width: 150px;height: 35px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.table2 .w80 {width: 80%;}
.table2 .w30 {width: 25%;}
.table2 .wid100 {width: 100px;}
.table2 .btnWrap {margin-top: 15px;}
.table2 .btnWrap .result {display: inline-block;vertical-align: middle;margin-right: 30px;margin-top: 6px;}
.table2 .btnWrap .result > li {display: inline-block;vertical-align: middle;margin-left: 20px;font-size: 15px;color: #777777;letter-spacing: -0.02em;}
.table2 .btnWrap .result > li:first-child {margin-left: 0;}
.table2 .btnWrap .result > li b {margin-right: 5px;font-size: 15px;color: #444444;font-weight: 600;}

.table3{ width: 100%; }
.table3 tr > *{padding: 15px 5px;border: 1px solid #fff;word-break: break-all;line-height: 19px; background-clip: padding-box;​}
.table3 thead th{background: #222b4e;color: #fff;letter-spacing: -1px;font-weight: 500;border-color: #fff;padding: 15px 0; background-clip: padding-box;​}
.table3 thead th label{margin-left: 10px;color: #fff;}
.table3 thead td{background: #f3f3f3;color: #505151;letter-spacing: -1px;font-weight: 500;border-color: #fff;padding: 15px 0; background-clip: padding-box;​}
.table3 tbody th{background: #f7f7f7;color: #000;letter-spacing: -1px;font-weight: 500;}
.table3 tbody th em{display: inline-block;vertical-align: middle;font-style: normal;font-size: 13px;font-weight: 600;color: red;margin-left: 2px;}
.table3 tbody td{text-align: center;background: #eaeaea; color:#505151; background-clip: padding-box;​}
.table3 tbody td.active {color: #ff5d1b;}
.table3 tbody td a{position: relative;color: #fff !important;font-weight: 500;display: inline-block;text-decoration: none;height: 30px;line-height: 30px;padding: 0 10px;}
.table3 tbody .tal,
.table3 tbody .subject {text-align: left;padding-left: 10px;}
.table3 tbody tr.deleted > *{color: red;}
.table3 tbody tr.deleted .mdfBtn{display: none;}
.table3 tfoot th {background: #eee;color: #000; background-clip: padding-box;​}
.table3 .btn2 {vertical-align: middle;}
.table3 input[type=file] {vertical-align: middle;}
.table3 .inp{width: 200px;height: 30px;border: 1px solid #999;border-radius: 3px;text-indent: 5px;}
.table3 .inp[readonly]{background: #f7f7f7;border-color: #ddd;}
.table3 .inp[datepicker]{background: #fff url('/images/intranet/inp-date-ico.png') no-repeat right center;}
.table3 .inp[required]{border-color: #ff0000;background-color: #fcf3f3;color: #000;}
.table3 .inp:focus,
.table3 textarea:focus{box-shadow: 0 0 10px rgba(0,0,0,0.15);border-color: #000;}
.table3 .w100p{width: 100%;}
.table3 select{height: 30px;border: 1px solid #999;border-radius: 3px;}
.table3 textarea{border: 1px solid #999;border-radius: 3px;padding: 10px;width: 100%;}
.table3.tr-anchor tbody tr{cursor: pointer;}
.table3.td-nowrap tbody td{white-space: nowrap;}


.tblScroll{height: 250px;overflow-y: scroll;border-bottom: 1px solid #ddd;}

.tbl-sch{display: block;margin-bottom: 30px;}
.tbl-sch table {width: 100%;border-top: 2px solid #444444;}
.tbl-sch table th {background: #f7f7f7; background-clip: padding-box;​}
.tbl-sch table tr > * {border: 1px solid #ddd;text-align: left;padding: 8px;color: #444444;letter-spacing: -0.05em;line-height: 35px; background-clip: padding-box;​}
.tbl-sch table tr th {padding: 10px 30px;font-size: 15px;color: #444444;font-weight: 600;letter-spacing: -0.05em; text-align:center; background-clip: padding-box;​}
.tbl-sch table tr td > * {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin: 2px; background-clip: padding-box;​}
.tbl-sch table tr td.cent {text-align:center;}
.tbl-sch label {color: #444444;margin-right: 20px !important;}
.tbl-sch label input {vertical-align: middle;margin: -2px 5px 0 0;}
.tbl-sch .inp{display: inline-block;vertical-align: middle;width: 180px;height: 35px;text-indent: 10px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.tbl-sch .inp[datepicker]{background: #fff url('/images/intranet/inp-date-ico.jpg') no-repeat right center;}
.tbl-sch select{display: inline-block;vertical-align: middle;width: 150px;height: 35px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.tbl-sch .w80 {width: 80%;}
.tbl-sch .btnWrap {margin-top: 15px;}


.tbl-sch .table3 {border:0;}
.tbl-sch .table3 thead th{background: #222b4e;color: #fff;letter-spacing: -1px;font-weight: 500;border-color: #fff;padding: 15px 0; background-clip: padding-box;​}
.tbl-sch .table3 thead th label{margin-left: 10px;color: #fff;}
.tbl-sch .table3 thead td{background: #f3f3f3;color: #505151;letter-spacing: -1px;font-weight: 500;border-color: #fff;padding: 15px 0; background-clip: padding-box; text-align:center;​}



.btnWrap .result {display:block;vertical-align: middle; margin-top: 6px; text-align:left; box-sizing:border-box; padding:20px 30px; border:1px solid #d8d8d8; background:#efefef}
.btnWrap .result > li {display: inline-block;vertical-align: middle;margin-left: 5px;font-size: 15px;color: #777777;letter-spacing: -0.02em;}
.btnWrap .result > li:first-child {margin-left: 0;}
.btnWrap .result > li b {margin-right: 5px;font-size: 15px;color: #444444;font-weight: normal;}
.btnWrap .result > li span {color:#ff5d1b; font-weight:normal; font-size:15px;}


.btnWrap .result2 {display:inline-block;vertical-align: middle; margin-top: 6px; }
.btnWrap .result2 > li {display: inline-block;vertical-align: middle;margin-left: 15px;font-size: 15px;color: #777777;letter-spacing: -0.02em;}
.btnWrap .result2 > li:first-child {margin-left: 0;}
.btnWrap .result2 > li b {margin-right: 5px;font-size: 15px;color: #444444;font-weight: 600;}

.tbl-tot{text-align: right;position: relative;margin-bottom: 10px;min-height: 20px;}
.tbl-tot h6{position: absolute;top: 0;left: 0;font-size: 16px;color: #000;font-weight: normal;}
.tbl-tot > span{font-size: 15px;}
.tbl-tot > span strong{color: #000;}
.tbl-tot .abs {position:absolute; top:0; left:0; z-index:3;}


#filter-sort > li:nth-child(4) {margin-right:15px;}
.tbl-tot .abs a.btn5 {margin:0 3px;}


.tbl-sment{display: block;margin: 4px 0;font-size: 13px;letter-spacing: -1px;color: #999;}

.graph-bar {height: 200px;font-family: empty;font-size: 0;margin: -15px 0;}
.graph-bar:before {display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;content: '';width: 0;height: 100%;}
.graph-bar span {display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;width: 10px;background: #333;}
.graph-bar span.red {background: red !important;}
.graph-bar span.blue {background: blue !important;}


/* span */
.color-blue{color: #009dd5;font-weight: 500;}

/* Tab */
.tab1{ margin-bottom: 30px; }
.tab1 > li{display: inline-block;width: 33.33%;margin-right: -1px;margin-bottom: -1px;}
.tab1 > li a{background: #f8f8f8;display: block;height: 52px;line-height: 50px;text-align: center; border:1px solid #fff; font-size: 15px;letter-spacing: -1px;font-weight: 500;text-decoration: none;color: #505151;}
.tab1 > li.active a{background: #222b4e;color: #fff;}
.tab1.width-auto > li{width: auto;min-width: 140px;}
.tab1.width-auto > li a{padding: 0 10px;text-align: center;}

.tab2{ margin: -1px;margin-bottom: 40px;display: flex !important;align-items: center;flex-wrap: wrap;  }
.tab2 > li{margin:1px;}
.tab2 > li a{background: #222b4e;color: #fff;border-color: #fff;display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;text-decoration: none !important;}
.tab2 > li.active a{border: 1px solid #222b4e; background: #fff;color:#222b4e;}

/* Button */
.btnWrap{ margin-top: 30px;text-align: center; }
.btnWrap.tar {text-align:right;}
.btnWrap > *{margin: 0 2px;}
.btnWrap2 {position:relative;margin-top:30px;min-height: 35px;}
.btnWrap2 .lef {position:absolute;left:0;top:0;}
.btnWrap2 .lef.mr a {margin-left:5px;}
.btnWrap2 .lef.mr li > a {margin-left:0}
.btnWrap2 .rig {position:absolute;right:0;top:0;}
.btnWrap2 .cen {text-align:center;}

hgroup + .btnWrap2 {margin: -55px 0 20px;}
hgroup + .btnWrap2.nomg {margin: 0 0 20px;}
.btn1{ display: inline-block;background: #444444;border: 1px solid #444444;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px;}
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn2{ display: inline-block; background: #ff5d1b;border: 1px solid #ff5d1b;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn2.reply{background: #eee;border-color: #ddd;color: #666;}
.btn3{ display: inline-block;background: #ff5d1b;border: 1px solid #ff5d1b;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px;}
.btn3.small{ height: 30px;line-height: 30px;padding: 0 10px;font-weight: 500; }
.btn3.big{ height: 40px;line-height: 40px;padding: 0 50px;font-weight: 600; }
.btn-ico{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: none;background: #fff;color: #000;}
.btn4{ display: inline-block; background: #f3f3f3;border: 1px solid #ddd;color: #666 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.btn4.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn4.reply{background: #eee;border-color: #ddd;color: #666;}
.btn5{ display: inline-block; background: #fff;border: 1px solid #444;color: #444 !important;height: 35px;line-height: 35px;padding: 0 10px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.btn5.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn5.reply{background: #eee;border-color: #ddd;color: #666;}
.btn6{ display: inline-block; background: #f89627;border: 1px solid #f89627;color: #fff !important;height: 35px;line-height: 35px;padding: 0 10px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.btn6.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn6.reply{background: #eee;border-color: #ddd;color: #666;}
.btn7{ display: inline-block; position:relative; background: #ff5d1b;border: 1px solid #ff5d1b;color: #fff !important;height: 50px;line-height: 10px;padding: 0 20px; padding-right:40px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.btn7.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-weight: 500; }
.btn7.reply{background: #eee;border-color: #ddd;color: #666;}
.btn7 i {position:absolute; bottom:10px; right:10px; color:#fff;}

.mgl50 {margin-left:50px;}


.new_type1{ display: inline-block; background: #ff5d1b;border: 1px solid #ff5d1b;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }
.new_type2{ display: inline-block; background: #222b4e;border: 1px solid #222b4e;color: #fff !important;height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;box-sizing: border-box;font-weight: 500;border-radius: 3px; }


/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;padding-bottom: 15px;font-family: empty;font-size: 0;}
.paging a{position: relative;display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #fff;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #222b4e;color: #fff;border-color: #222b4e;font-weight: 600;z-index: 2;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 90;background: #222b4e;height: 94px;border-bottom: 1px solid #ddd;}
#header .inner{position: relative;z-index: 0;height: 100%;}
#header .logo{position: absolute;top: 0;left: 25px;height: 100%;line-height: 94px;}

.tnbWrap{position: absolute;top: 50%;right: 25px;transform: translateY(-50%);}
.tnbWrap > *{display: inline-block;vertical-align: middle;}
.tnbWrap .user-nick{margin-right: 30px;font-family: gmarket;font-size: 15px;color: #ffffff;font-weight: 200;}
.tnbWrap .user-nick strong {font-family: gmarket;font-weight: 200;}

#tnb > li{display: inline-block;vertical-align: middle;margin-left: 4px;}
#tnb > li a{display: block;width: 100px;height: 36px;line-height: 36px;border-radius: 18px;border: 1px solid #595880;background: #595880;font-family: gmarket;font-size: 15px;color: #ffffff;letter-spacing: -1px;font-weight: 500;text-decoration: none;box-sizing: border-box;text-align: center;}
#tnb > li.strong a{background: #ffffff;color: #fff;}

#tnb2 {margin-right: 65px;}
#tnb2 > li {display: inline-block;vertical-align: middle;}
#tnb2 > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 1px;height: 13px;background: #ffffff;margin: 0 13px;}
#tnb2 > li:first-child:before {display: none;}
#tnb2 > li a {font-family: gmarket;font-size: 15px;color: #ffffff;font-weight: 500;letter-spacing: -0.05em;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#tnb2 > li.active a {color: #ffffff;font-weight: 600;}

#gnb{position: absolute;top: 0;left: 0;width: 55px;height: 100%;background: #192945;}
#gnb > li{display: block;}
#gnb > li > a{display: block;line-height: 50px;text-align: center;font-family: gmarket;color: #fff;border-bottom: 1px solid #2e405e;text-decoration: none;}
#gnb > li:hover > a{background: #fff;color: #192945;}
#gnb .gnbbox{display: none;padding: 40px 30px;position: absolute;top: 0;left: 55px;width: 167px;height: 100%;background: #fff;box-sizing: border-box;border-right: 1px solid #ddd;}
#gnb .gnbbox strong{display: block;font-size: 16px;color: #000;letter-spacing: -1px;font-weight: 500;margin-bottom: 10px;}
#gnb .gnbbox ul li a{display: block;text-decoration: none;font-family: gmarket;font-size: 14px;letter-spacing: -1px;padding: 5px 0;position: relative;padding-left: 10px;color: #666666;}
#gnb .gnbbox ul li a:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 4px;height: 1px;background: #666666;}
#gnb > li:hover .gnbbox{display: block;}

/* #footer{background: #333;line-height: 60px;text-align: center;}
#footer address{font-size: 14px;line-height: 60px;color: #bbbbbb;font-style: normal;} */
#footer{background: #333;padding: 25px;}
#footer hr {width: 20px;display: inline-block;vertical-align: middle;margin: 0;padding: 0;border: 0;}
#footer address{display: block;text-align: center;font-family: gmarket;font-size: 13px;color: #fff;font-weight: 200;line-height: 20px;font-style: normal;}
#footer .copyright {display: block;margin-top: 5px;font-family: gmarket;font-size: 12px;color: #fff;}


/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 700px;height: 600px;margin-top: -300px;margin-left: -350px;padding-top: 46px;z-index: 401;background: #fff;border: 1px solid #192945;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #192945;padding: 0 15px;border-bottom: 1px solid #13223c;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #fff;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;background: #060f1e;border-left: 1px solid #060f1e;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup .pop-wrap img{width: auto;height: auto;max-width: 100%;max-height:500px;}
#popup .btnWrap{padding-bottom: 15px;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 400;background: rgba(256,256,256,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/**************************************************
	Main
**************************************************/
.partner-logo {border: 1px solid #ddd;margin-top: 40px;}
.partner-logo > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 20%;box-sizing: border-box;border-right: 1px solid #ddd;position: relative;font-family: empty;font-size: 0;text-align: center;height: 150px;line-height: 150px;}
.partner-logo > li:nth-child(5n) {border-right: 0;}
.partner-logo > li:nth-child(5n+1):after {display: block;content: '';position: absolute;top: 0;left: 0;width: 500%;height: 1px;background: #ddd;}
.partner-logo > li:first-child:after {display: none;}
.partner-logo > li .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.partner-logo > li img {max-width: 100%;max-height: 100%;height: auto !important;width: auto;}


.visual{position: relative; margin-top:40px;}
.visual .roll .item{position: relative;overflow: hidden;}
.visual .roll .item a {display:block; width:100%; z-index:2; position:relative;}
.visual .roll .item img{position: relative; max-width:100%; z-index:-1; min-width:100%; display:inline-block;}

.visual .slick-dots{position: absolute;bottom: 15px;left: 0;width: 100%;z-index: 81;text-align: center;}
.visual .slick-dots li{display: inline-block;margin: 0 5px;}
.visual .slick-dots li button{display: block;width: 12px;height: 12px;background: url('/images/layout/visual-bull.png') no-repeat center center / contain;text-indent: -999em;overflow: hidden;border: none;}
.visual .slick-dots li.slick-active button{background-image: url('/images/layout/visual-bull-on.png');}


/**************************************************
	Sub
**************************************************/
#sub{z-index: 1;padding-left: 55px;position: relative;min-height: calc(100vh - 135px);}
#sub.pl210{padding-left: 200px;}
#sub:after{display: block;content: '';clear: both;}
#sub > *{float: left;}
#sub .subLeft{position: absolute;top: 0;left: 0;width: 55px;height: 100%;z-index: 80;}
#sub .subRight{padding:30px;width: 100%;box-sizing: border-box;}
#sub #content{ position: relative;}

#status{position: absolute;bottom: 0;right: 0;}
#status > li{display: inline-block;font-size: 15px;color: #888888;}
#status > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;font-family: dotum;color: #888888;font-size: 15px;line-height: 15px;}
#status > li:last-child{color: #000;}

#filter-sort > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#filter-sort > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 1px;height: 12px;background: #ddd;margin: 0 10px;}
#filter-sort > li:first-child:before {display: none;}
#filter-sort > li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 15px;color: #888888;line-height: 35px;}

#filter-sort2 {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 30px;}
#filter-sort2 > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#filter-sort2 > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 1px;height: 12px;background: #ddd;margin: 0 10px;}
#filter-sort2 > li:first-child:before {display: none;}
#filter-sort2 > li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 15px;color: #888888;line-height: 35px;}

#openclose{display: block;width: 25px;height: 50px;background: url('/images/main/aside-open.jpg') no-repeat center center;background-size: contain;position: absolute;top: 205px;left: 55px;text-indent: -999em;}
#openclose.close{background-image: url('/images/main/aside-close.jpg');}
#openclose2{display: block;width: 25px;height: 50px;background: url('/images/main/aside-close.jpg') no-repeat center center;background-size: contain;position: absolute;top: 205px;left: 210px;text-indent: -999em;}

#sub .subLeft2{position: absolute;top: 0;left: 0;width: 55px;height: 100%;z-index: 80;width: 200px;background: #222b4e;display: none;}
#sub #gnb2 > li{border-bottom: 1px solid rgba(255,255,255,0.2);}
#sub #gnb2 > li > a{display: block;line-height: 50px;padding-left: 25px;position: relative;font-family: gmarket;font-size: 15px;color: #fff;font-weight: 500;height: 50px;text-decoration: none;}
#sub #gnb2 > li > a i{position: absolute;top: 0;left: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 15px;}
#sub #gnb2 > li > ul{background: #fff;display: none;}
#sub #gnb2 > li > ul > li{border-top: 1px solid rgba(0,0,0,0.2);}
#sub #gnb2 > li > ul > li > a{display: block;line-height: 50px;font-family: gmarket;font-size: 13px;color: #666666;font-weight: 500;padding-left: 30px;text-decoration: none;}
#sub #gnb2 > li > ul > li > a:before {display: inline-block;vertical-align: top;content: '- ';font-size: 14px;color: #666666;line-height: 48px;margin-right: 5px;}
#sub #gnb2 > li > ul > li > ul {padding: 10px 30px;background:#e7e7e7;}
#sub #gnb2 > li > ul > li > ul li a {display: block;line-height: 28px;font-family: gmarket;font-size: 13px;color: #666666;font-weight: 500;padding-left: 30px;text-decoration: none;position: relative;padding-left: 10px;}
#sub #gnb2 > li > ul > li > ul li a:after {display: block;content: '';width: 5px;height: 5px;background: #505151;border-radius: 50%;position: absolute;top: 9px;left: 0;}
#sub #gnb2 > li.active > a{background: #595880;}
#sub #gnb2 > li.active > ul{display: block;}
#sub #gnb2 > li.active > ul > li.active{background: #fce2a9;}
#sub #gnb2 > li.active > ul > li.active > a{color: #222b4e !important;}
#sub #gnb2 > li.active > ul > li.active > a:before {color: #222b4e;}
#sub #gnb2 > li > ul > li > ul li.active a {color: #222b4e;}
#sub #gnb2 > li > ul > li > ul li.active a:after {background: #222b4e;}

#sub .sub-tit{position: relative;margin-bottom: 20px;}
#sub .sub-tit h3{font-family: gmarket;font-weight: 500;font-size: 25px; padding-top: 7px;line-height:1.2em; color: #000000;letter-spacing: -1px;padding-left: 34px;background: url('/images/intranet/sub-tit-bull.jpg') no-repeat 0 center;}

#sub hgroup {position: relative;margin-bottom: 20px;}
.stit0 {font-size: 23px;color: #333333;font-weight: 600;letter-spacing: -1px;padding-left: 34px;background: url('/images/intranet/sub-tit-bull.jpg') no-repeat 0 center;}
.stit1 {font-size: 20px;color: #222b4e;font-weight: 600;letter-spacing: -1px;}
.stit1.mt50 {margin-top:50px;}
.colorOrange {color: #f96a01 !important;}

#sub .w800{width: 800px;margin: 0 auto;}
#sub .w1400{width: 1400px;margin: 0 auto;}


#login{background: url('/images/main/login-bg.png') no-repeat center center;background-size: cover;height: 100vh;overflow-y: auto;}
#login #footer{position: absolute;bottom: 0;left: 0;width: 100%;}
#login .loginFrm .bod {zoom: 1;width: 700px;position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%); margin-top:-60px;}
#login .loginFrm dl{width:100%;}
#login .loginFrm dl:after{display: block;content: '';clear: both;}
#login .loginFrm dl > *{width: 100%;box-sizing: border-box;}
#login .loginFrm dl dt {text-align:center; margin-bottom:30px;}
#login .loginFrm dl dd{background:rgba(52,139,157,0.53);padding: 60px 95px; border-radius:50px;}
#login .loginFrm dl dd h2{text-align: center;margin-bottom: 40px;font-size: 36px;color: #fff;letter-spacing: -1px;font-weight: 200;}
#login fieldset{margin-bottom: 15px; box-sizing:border-box; overflow:hidden;}
#login fieldset legend{ width:100px; float:left; display: block;margin-right:20px;font-size: 12px; line-height:15px; color: #fff;font-weight: 600; box-sizing:border-box; position:relative; padding-right:30px;}
#login fieldset legend.lh {line-height:30px;}
#login fieldset legend i {position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:20px;}
#login fieldset .inp{width: calc(100% - 120px);  height: 30px;border: none; padding:0 10px; box-sizing:border-box; background:#fff;}
#login .chk label{margin-right: 20px;font-size: 13px;color: #fff;letter-spacing: -1px;}

.btn_wrap {width:100%; text-align:center; margin-top:50px;}
.btn_wrap .sbm{display:inline-block;   background: -webkit-linear-gradient(right, #f99526 0, #f96a01 100%);  background: -o-linear-gradient(right, #f99526 0, #f96a01 100%);  background: -moz-linear-gradient(right, #f99526 0, #f96a01 100%);  background: linear-gradient(to right, #f99526 0, #f96a01 100%);width:240px; height: 50px; border: none; border-radius: 5px; font-size:16px; color:#fff;}
.btn_wrap .btn1 {display:inline-block;padding: 0;width: 240px;text-align: center;height: 50px;line-height: 50px;border-radius: 5px;font-size: 16px;text-decoration: none; background:#05ccf9; color:#fff; border:0;}


.join-button {zoom: 1;display:inline-block; position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%); text-align:center;}
.join-button:after {display: block;clear: both;content: '';}
.join-button .join_img {margin-bottom:90px;}
.join-button a {float: left;width: 387px; height: 252px; position: relative; box-sizing: border-box;}
.join-button a:after {position:absolute; content:''; width:100%; height:100%; top:0; left:0; box-sizing:border-box; border-radius:36px;}
.join-button a:hover:after {box-shadow: 5px 5px 15px rgba(0,0,0,0.3); border: 5px solid #fff;}
.join-button a:last-child {margin-left: 5px;}
.join-button a i {position: absolute;bottom: 30%;left: 0;width: 100%;font-size: 60px;}

.join-wrap {width: 1000px;margin: 100px auto 160px;background: #fff;padding: 50px;box-sizing: border-box;}
.join-wrap h3 {display: block;text-align: center;margin-bottom: 30px;font-size: 30px;color: #333;letter-spacing: -1px;line-height: 1em;}

@media screen and (max-width: 750px){

    html{min-width: 320px;}

    #login{padding: 30px;box-sizing: border-box;background-size: cover;height: 100vh;}
    #login #footer{display: none;}
    #login .loginFrm dl{position: relative;width: 100%;margin-left: 0;margin-top: 0;top: auto;left: auto;height: auto;}
    #login .loginFrm dl > *{float: none;width: 100%;height: auto;}
    #login .loginFrm dl dt{display: none;}
    #login .loginFrm dl dd{padding: 20px;}
    #login .loginFrm dl dd h2{font-size: 18px;}
    #login fieldset{margin-bottom: 15px;}
    #login fieldset legend{font-size: 11px;}
    #login fieldset .inp{height: 50px;padding-left: 40px;font-size: 18px;font-weight: 600;color: #000;}
    #login fieldset .inp.id{background-size: auto 15px;}
    #login fieldset .inp.pw{background-size: auto 15px;}
    #login .chk label{margin-right: 20px;font-size: 13px;color: #777777;letter-spacing: -1px;vertical-align: middle !important;font-family: sans-serif;}
    #login .sbm{background-size: contain;width: 250px;}


}


#estimate table{width: 100%;}
#estimate table tr > *{padding: 3px;text-align: center; background-clip: padding-box;​}
#estimate table .tit{font-size: 20px;letter-spacing: -1px;}
#estimate table.tbl1{border-top: 2px solid #0505e9;}
#estimate table.tbl1 tr > *{border: 1px solid #0505e9;color: #0505e9;}
#estimate table.tbl2{border-top: 2px solid #e10c07;}
#estimate table.tbl2 tr > *{border: 1px solid #e10c07;color: #e10c07;}

.reply-field{position: relative;padding-left: 100px;margin-top: 10px;}
.reply-field textarea{width: 100%;box-sizing: border-box;border: 1px solid #ddd;background: #f7f7f7;padding: 10px;height: 100px;}
.reply-field h5{position: absolute;top: 25px;left: 0;width: 100px;text-align: center;font-size: 15px;line-height: 20px;color: #000;letter-spacing: -1px;font-weight: 500;}

.orderview{zoom: 1;}
.orderview:after{display: block;content: '';clear: both;}
.orderview > *{float: left;box-sizing: border-box;}
.orderview .lef{width: 70%;}
.orderview .rig{width: 30%;padding-left: 10px;}
.orderview .rig h5{display: block;margin-bottom: 10px;}
.orderview .rig textarea{width: 100%;border: 1px solid #ddd;padding: 10px;height: 175px;}

.corp-slted{margin-top: 10px;}
.corp-slted li{display: inline-block;vertical-align: top;margin: 0 2px 2px 0;background: #192945;padding: 0 5px;line-height: 25px;font-size: 13px;letter-spacing: -1px;color: #fff;border-radius: 3px;}
.corp-slted li span{font-size: 12px;color: #fff;letter-spacing: -1px;display: inline-block;vertical-align: middle;font-weight: 600;}
.corp-slted li em{display: inline-block;vertical-align: middle;margin-left: 5px;font-size: 12px;color: #ddd;font-style: normal;}
.corp-slted li em.code{color: #ff5d1b;}
.corp-slted li a{margin-left: 10px;}
.corp-slted li a i{color: #fff;}
.corp-slted li a:after{display: none;}


.carsbox{zoom: 1;text-align: center;}
.carsbox > *{width: 48%;display: inline-block;vertical-align: top;text-align: left;}
.carsbox .rig{margin-left: 10px;}
.carsbox th{text-align: center;}

.invoice-lsit {display: block !important;border: 1px solid #ddd;border-radius: 10px;width: 300px;background: #fafafa;}
.invoice-lsit.hide {opacity: 0;border: 0;margin: 0 !important;}
.invoice-lsit > li {border-top: 1px solid #ddd;padding: 5px 10px;position: relative;}
.invoice-lsit > li:first-child {border-top: 0;}
.invoice-lsit > li .btn1 {font-size: 11px;height: 22px;line-height: 22px;position: absolute;top: 11px;right: 10px;}
.invoice-lsit > li b {color: #000;margin-right: 5px;}

#trust_join {width:100%;}
#trust_join:after {display:block; content:''; clear:both;}
#trust_join > .box {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 300px;height:300px; float:left; margin-right:80px; margin-bottom:2%;box-sizing: border-box;border: 1px solid #4a75b2;padding: 20px;background: #4a75b2; text-align:center; border-radius:10px;}

#trust_join > .box strong {display: block;margin-bottom: 10px;padding: 20px 0;font-size: 36px;color: #fff;font-weight: 600;letter-spacing: -0.02em;height:100px;}
#trust_join > .box a {margin-top:85px;display: block;border: 1px solid #ddd;height: 35px;line-height: 35px;font-size: 16px;color: #ff5d1b;background: #fff;text-decoration: none;border-radius: 5px;}
#trust_join > .box a:hover {background: #333;border-color: #333;color: #fff;}










/*  */



.table_basic {width:100%;margin-top:5px;border-top:2px solid #222b4e;}
.table_basic th {font-weight:bold;border:1px solid #dedede;padding:5px 10px 6px 10px;background:#f3f3f3;text-align:left; background-clip: padding-box;​}
.table_basic td {text-align:left;border:1px solid #dedede;padding:3px 10px 4px 10px; background-clip: padding-box;​}
.table_basic td table td table td{text-align:left;border:0;padding:0;}
.table_basic td h2{color:#494949;font-weight:bold;font-size:14pt;padding:15px 0 0 5px; background-clip: padding-box;​}

.table_basic2 {width:100%;margin:-1px 0 0 0 !important;}
.table_basic2 th {font-weight:bold;border-top:1px solid #dedede !important;padding:5px 10px 6px 10px !important;background:#f3f3f3;text-align:left; background-clip: padding-box;​}
.table_basic2 td {text-align:left;border-top:1px solid #dedede !important;padding:3px 10px 4px 10px !important; background-clip: padding-box;​}

.table_basic3 {width:100%;margin-top:10px;}
.table_basic3 th{background: #f8f8f8;color: #505151;letter-spacing: -1px;font-weight: 500; border:1px solid #505151; padding: 15px 0; background-clip: padding-box;​}
.table_basic3 td {text-align:left;border:1px solid #dedede;padding:3px 10px 4px 10px; background: #fff; background-clip: padding-box;​}
.table_basic3 .tcenter {text-align:center;}
.tbl-sch2{display: inline-block;vertical-align: middle;width: 150px;height: 35px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}


.table_basic4 {width:100%;margin-top:5px;border-top:2px solid #222b4e;}
.table_basic4 th {font-weight:bold;border:1px solid #dedede;padding:5px 10px 6px 10px;background:#f3f3f3;text-align:center; background-clip: padding-box;​}
.table_basic4 td {text-align:center;border:1px solid #dedede;padding:3px 10px 4px 10px; background-clip: padding-box;​}
.table_basic4 .tleft {text-align:left;}



.table_basic5 {width:100%;margin-top:10px;border-top:2px solid #222b4e;}
.table_basic5 th{background: #f3f3f3;color: #505151;letter-spacing: -1px;font-weight: 500; border-bottom:1px solid #ddd; padding: 15px 0; background-clip: padding-box;​}
.table_basic5 td {text-align:left;border-bottom:1px solid #dedede;padding:3px 10px 4px 10px; background: #fff; background-clip: padding-box;​}
.table_basic5 .tcenter {text-align:center;}

#price_str {box-sizing:border-box; padding:20px 30px; border:1px solid #d8d8d8; background:#efefef}
#price_str p {font-size:14px; color:#666; line-height:30px;}
#price_str p b {font-weight:normal; color:#ff5d1b;}

.n_text {width:100%; box-sizing:border-box; border-top:2px solid #444; border-bottom:2px solid #444; padding:10px 30px; background:#f7f7f7; margin-bottom:30px;}
.n_text p {position:relative; padding-left:15px; line-height:30px; font-size:14px; color:#222; }
.n_text p:after {position:absolute; content:''; width:6px; height:6px; background:#222; top:12px; left:0; }


.text_1 {font-size:13px; color:#f95902; line-height:24px;}



.mn_cnt{margin-left:5px;font-size:8pt; }
.mn_cnt2{font-size:8pt; color:red}




/* [230627 kyj] 건별 */
#login_new{background: url('/images/main/login_new-bg.jpg') no-repeat center center;background-size: cover;height: 100vh;overflow-x: hidden;overflow-y: auto;}
#login_new #footer{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;}
#login_new .loginFrm .bod {zoom: 1;width: 720px;position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%); margin-top:-60px;}
#login_new .loginFrm dl{width:100%;}
#login_new .loginFrm dl:after{display: block;content: '';clear: both;}
#login_new .loginFrm dl > *{width: 100%;box-sizing: border-box;}
#login_new .loginFrm dl dt {text-align:center; margin-bottom:60px;}
#login_new .loginFrm dl dd{background: rgba(12,34,73,0.63);padding: 75px 80px; border-radius:10px;}
#login_new .loginFrm dl dd h2{text-align: center;margin-bottom: 40px;font-family: gmarket;font-size: 30px;color: #fff;letter-spacing: 0;font-weight: 500;}
#login_new .loginFrm dl dd h2 .colYellow {display: inline-block;vertical-align: -1px;font-family: gmarket;font-size: 30px;color: #fff;font-weight: 600;letter-spacing: 0;position: relative;z-index: 0;}
#login_new fieldset{margin-bottom: 12px; box-sizing:border-box; overflow:hidden;}
#login_new fieldset legend{ width:165px; float:left; display: block;padding: 3px 0;font-family: gmarket;font-weight: 500;font-size: 14px; line-height:20px; color: #fff; box-sizing:border-box; position:relative;}
#login_new fieldset legend.lh {padding: 0;line-height:46px;}
#login_new fieldset legend i {position:absolute; top:6px; right:30px;font-size:28px;}
#login_new fieldset legend.lh i {top:9px;font-size: 24px;}
#login_new fieldset .inp{width: calc(100% - 165px);  height: 46px;border: none; padding:0 20px; box-sizing:border-box; background:#fff;border-radius: 5px;}
#login_new .chk {margin-top: 20px;text-align: right;}
#login_new .chk label{margin-right: 20px;font-size: 13px;color: #fff;letter-spacing: -1px;}
#login_new #footer {display: none;}

.btn_wrap_new {display: flex;justify-content: center;align-items: center;margin: -5px;margin-top:55px;padding: 0 95px;}
.btn_wrap_new > * {width: calc(100%/2 - 10px);margin: 5px;height: 40px;line-height: 38px;text-align: center;background-color: #000;border-radius: 5px;font-weight: 700;color: #fff;letter-spacing: 0;border: 0;text-decoration: none !important;box-sizing: border-box;}
.btn_wrap_new .sbm{background-color: #fa6d04 !important;}
.btn_wrap_new .btn1 {background-color: #05ccf9 !important;}

.colYellow {color: #fa6d04 !important;}

.tab1 > li a {background-color: #e7e7e7 !important;}
.tab1 > li.active a {background: #222b4e !important;color: #fff !important;}

.tbl-sch table tr > * {border-color: #ccc !important;}

.btn2,
.btn3,
.btn6,
.btn7 {background: #595880 !important;color: #fff !important;border-color: #595880 !important;}
#sb-footer .sb-btn.type1 {background: #595880 !important;color: #fff !important;border-color: #595880 !important;}

.table1 tr > * {border-color: #ccc !important;}

#sb-list .list_tbl tr > * {border-color: #ccc !important;}
#sb-list .list_tbl thead tr th {background-color: #222b4e !important;color: #fff !important;}

.table3 tr > * {border-color: #ccc !important;}
.table3 thead th {background-color: #222b4e !important;color: #fff !important;}
.table3 tbody td {background-color: #eaeaea;color: #222;}

.table_basic3 tr > * {border-color: #ccc !important;}
.table_basic3 th {background-color: #222b4e !important;color: #fff !important;}
/* [230627 kyj] 건별 */



.th_center tbody th{
	text-align:center !important;
}
.mn_cnt{margin-left:5px;font-size:8pt !important; }
.mn_cnt2{font-size:8pt !important ; color:red !important  ;}



.fc-center h2 {color: #222b4e !important;}
.fc-unthemed th {background-color: #222b4e !important;color: #fff !important;}


#overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.3); /* 반투명 배경 */
    z-index: 9999;
    display: none; /* 기본적으로 숨김 */
}

#overlay .spinner {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px; height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}