@charset "utf-8";

/******lnb_menu******/
.sub_headtitle{padding:52px 0 33px;text-align:center;background-position:center 35px;background-repeat:no-repeat;font-size:10px;font-weight:300;color:#000;}
.sub_headtitle b{display:block;padding:35px 0 4px;line-height:100%;font-size:20px;}
.sub_headtitle.sub01{background-image:url('../images/sub/sub01_title_ico.png')}
.sub_headtitle.sub02{background-image:url('../images/sub/sub02_title_ico.png')}
.sub_headtitle.sub03{background-image:url('../images/sub/sub03_title_ico.png')}
.sub_headtitle.sub04{background-image:url('../images/sub/sub04_title_ico.png')}
.lnb_menu{padding:0 0 20px 0;}
.lnb_menu li{position:relative;}
.lnb_menu li a{position:relative;display:block;padding:12px 20px 12px 26px;border-top:1px solid #ededed;font-size:13px;font-weight:400;color:#677b91;}
.lnb_menu li a.active{font-weight:600;color:#2b8ad8;}
.lnb_menu li a.active::after{border:2px solid #2b8ad8;border-top:none;border-right:none;}
.lnb_menu li:hover a{color:#2b8ad8;}
.lnb_menu li a::after{content:"";position:absolute;top:18px;right:30px;width:6px;height:6px;border:2px solid #677b91;border-top:none;border-right:none;transform:rotate(225deg);}
.lnb_menu li:hover a::after{border:2px solid #2b8ad8;border-top:none;border-right:none;}
.lnb_menu li:first-child a{border:none;}
.lnb_banner{position:relative;overflow:hidden;width:130px;height:170px;margin:0 auto;padding-top:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #ededed;text-align:center;}
.lnb_banner > b{display:block;line-height:100%;font-size:13px;font-weight:400;letter-spacing:-1px;color:#364352;}
.lnb_banner a{font-size:12px;color:#2b8ad8;font-weight:400;}
.lnb_banner span{position:relative;top:-3px;display:inline-block;width:4px;height:4px;margin-left:3px;border:1px solid #2b8ad8;border-top:none;border-right:none;transform:rotate(225deg);}
.lnb_banner img{position:absolute;top:-81px;left:0px;}

/******검색*********/
.hd-sch{position: relative;width: 100%;margin-bottom: 17px;padding:13px;border: 1px solid #e9eaed;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);}
em.cal{position: relative;height: 30px;display: inline-block}
em.cal::before {content: "";position: absolute;left: 35px;top: 0px;width: 1px;height: 100%;background: #d2d6de;}
.grid-bx{position: relative;z-index: 1;background: #fff;border: 1px solid #e9eaed;padding: 14px 15px 25px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);}
.sch_result{position:relative;height:18px;margin:8px 0 0 0;}
.sch_result b{font-size:13px;color:#555;font-weight:400;}
.sch_result_select{position:absolute;top:-8px;right:0px;}
.tabel_title{display:inline-block;line-height:30px;background-color:#f5f6fa;border:1px solid #d9d9d9;border-radius:50px;text-align:center;font-size:12px;}
.hd-order{position: relative;width: 100%;margin-bottom: 17px;padding:13px 13px 20px 13px;border: 1px solid #e9eaed;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);}
.order-bx{position: relative;z-index: 1;margin-bottom: 17px;background: #fff;border: 1px solid #e9eaed;padding: 13px 15px 20px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .03);}
.sch_result{position:relative;height:18px;margin:8px 0 0 0;}

/******테이블******/
table.search {width: 100%;background-color: #fff;font-size: 13px;color: #333;table-layout:fixed;}
table.search thead tr th {text-align: left;font-weight: 500;color: #45576f;}
table.search thead tr td {padding:0 0 10px 0;text-align: left;}
table.search thead tr:last-child > td{padding:0;}
table.search tr td > span{position:absolute;right:0px;}
table.search span {color: #f41057;margin: 0 0 0 2px;}


table.list {width: 100%;font-size: 13px;color: #45576f;border-collapse:separate;}
table.list thead th {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-top: #eaf0f7 1px solid;border-bottom: #e6eaf0 1px solid;padding: 10px;background-color: #eff3f5;font-size: 13px;font-weight: 700;color: #45576F;text-align: center;}
table.list thead th:first-child{border-radius:5px 0 0 5px;}
table.list thead th:last-child{border-radius:0px 5px 5px 0;}
table.list tbody td {border-bottom: #ecf0f4 1px solid;padding: 10px;font-weight: 400;color: #45576F;}
table.list tbody td.overtext {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
table.list tbody tr td {background-color: #fff;}
table.list tbody tr:last-child>td {border-bottom: #ecf0f4 1px solid;}
/*table.list tbody tr:hover>td {background-color: #e6f8ff;}*/
table.list tbody tr.dp1 td {background-color: #e6f8ff;color: #222;}
table.list tbody tr.active td {background-color: #e4f4fc;}
table.list tbody tr.chkTr td {background-color: #feff91 !important;}
table.list tbody td em {color: #45576f;font-weight: 500;}
table.list tbody tr:nth-child(even)>td {background-color: #fbfdfe;}
/*table.list tbody tr:hover:nth-child(even)>td {background-color: #e6f8ff;}
table.list tbody a:hover {text-decoration: underline; -webkit-text-decoration-color:#1a9bec;text-decoration-color:#1a9bec !important;}*/
table.list tbody a:hover em{color:#1a9bec !important;}

table.list01{width: 100%;font-size: 13px;color: #333;border-collapse:separate;table-layout:fixed;}
table.list01 thead th {/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/border-top: #7097c3 1px solid;padding:7px 10px;background-color: #7097c3;font-size: 13px;font-weight: 700;color:#fff;text-align: center;}
table.list01 thead th{border-left: #8bacd1 1px solid;}
table.list01 thead th:first-child{border-left:none;border-radius:5px 0 0 0;}
table.list01 thead th:last-child{border-radius:0px 5px 0 0;}
table.list01 tbody th{background-color:#f5f6fa;border-bottom: #e6eaf0 1px solid;border-left: #e6eaf0 1px solid;}
table.list01 tbody td.overtxt {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;text-align: center;color:#45576F;}
table.list01 tbody td {background-color: #fff;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:7px 10px;color: #45576F;}
table.list01 tbody tr td:last-child {background-color: #fff;border-right:1px solid #e5e5e5;}
/*table.list01 tbody tr:nth-child(even) > td{background-color:#fbfdfe;}*/
table.list01 tbody tr.hover:hover > td{background-color:#f6f9fb;}
table.list01 tbody tr.nobg td{background-color:#fff;border-right: 0px solid #e5e5e5;}
table.list01 tbody tr.total td{background-color: #f0f0f1;border-right:1px solid #e5e5e5;}
table.list01 tbody tr.acept > td{color:#2185d0;font-weight:500;}
table.list01 tbody tr.reject > td{color:#e03997;font-weight:500;}
a.table:hover{color:#1a9bec !important;}


table.list01_scroll{width: 100%;font-size: 13px;color: #333;border-collapse:collapse;white-space:nowrap;}
table.list01_scroll thead th {/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/border-top: #eaf0f7 1px solid;border-bottom: #e6eaf0 1px solid;padding:7px 10px;background-color: #7097c3;font-size: 13px;font-weight: 700;color:#fff;text-align: center;}
table.list01_scroll thead th{border-left: #8bacd1 1px solid;}
table.list01_scroll thead th:first-child{border-left:none;border-radius:5px 0 0 0;}
table.list01_scroll thead th:last-child{border-radius:0px 5px 0 0;}
table.list01_scroll tbody th{background-color:#f5f6fa;border-bottom: #e6eaf0 1px solid;border-left: #e6eaf0 1px solid;}
table.list01_scroll tbody td.overtxt {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;text-align: center;color:#45576F;}
table.list01_scroll tbody td {background-color: #fff;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:7px 10px;color: #45576F;}
table.list01_scroll tbody tr td:last-child {background-color: #fff;border-right:1px solid #e5e5e5;}
table.list01_scroll tbody tr:nth-child(even) > td{background-color:#fbfdfe;}
table.list01_scroll tbody tr.nobg td{background-color:#fff;border-right: 0px solid #e5e5e5;}
table.list01_scroll tbody tr.total td{background-color: #f0f0f1;border-right:1px solid #e5e5e5;}
table.list01_scroll tbody tr.acept > td{color:#2185d0;font-weight:500;}
table.list01_scroll tbody tr.reject > td{color:#e03997;font-weight:500;}


/****table scroll******/
.table-hd_frame{position:relative;padding-top:35px;}
.table-hd {position: absolute; top: 0; right: 0; left: 0; height:36px; background-color:#7198c4;border-radius:4px 4px 0 0;}
.table-con {overflow-x: hidden; overflow-y: auto; height:100%;border-right: 0px solid #e5e5e5;border-left: 0px solid #e5e5e5;}
.table-con table{cursor: default;border-collapse:separate;}
.table-con table tbody td{padding:10px; border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.table-con table tbody tr td:nth-child(1){border-left:1px solid #e5e5e5;}
.table-con table tbody tr td:first-child{border-left:1px solid #e5e5e5;}
.table-con table tbody tr td:last-child{border-right:1px solid #e5e5e5;}
.table-con table thead th:first-child{border-left:none;}
.table-con table tbody tr:nth-child(even)>td {background-color: #fbfdfe;}
.table-con .th-text{position: absolute; top: 0; width: inherit; line-height: 34px;color:#fff;border-left:1px solid #8bacd1;}  
.table-con table thead th:first-child .th-text{border:none;}
.table-con table input[type=radio] + label,
.table-con table input[type=checkbox] + label{margin-right:0;}
.table-con table input[type=radio] + label:before,
.table-con table input[type=checkbox] + label:before{margin-right:0;}
.table-outter{width:100%;overflow:auto;}


table.write {width: 100%;border-top: #dee6ef 1px solid;border-right: #dee6ef 1px solid;background-color: #fff;font-size: 13px;color: #737684;}
table.write thead tr th {background-color: #f5f6fa;border-top: #7097c3 2px solid;border-bottom: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;padding: 5px;font-weight: 500;vertical-align: middle;text-align: center;}
table.write tbody tr th {background-color: #f5f6fa;border-bottom: #ededed 1px solid;border-left: #e5e5e5 1px solid;padding: 10px;font-weight: 500;vertical-align: middle;text-align: left;}
table.write tbody tr td {border-bottom: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;padding: 4px 5px;text-align: left;vertical-align: middle;}
table.write tbody tr td.editframe{padding:0;}

table.view {width: 100%;border-top: #dee6ef 1px solid;border-right: #dee6ef 1px solid;background-color: #fff;font-size: 13px;color: #737684;}
table.view thead tr th {background-color: #f5f6fa;border-bottom: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;padding: 10px;font-weight: 500;vertical-align: middle;text-align: center;color:#333;}
table.view tbody tr th {background-color: #f5f6fa;border-bottom: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;padding: 10px;font-weight: 500;vertical-align: middle;text-align: left;color:#333;}
table.view tbody tr th:first-child{font-size:14px;background:#fff;}
table.view tbody tr td {border-bottom: #e5e5e5 1px solid;border-left: #ededed 1px solid;padding: 3px 5px 3px 10px;text-align: left;vertical-align: middle;color:#333;}
table.view tbody tr td.lastext{color:#666;}
table.view tbody tr th.bgtext{background-color:#f5f6fa;font-size:13px;color:#737684;}
table.view tbody tr td.textframe{padding:14px;vertical-align:top;}
table.view tbody tr td.editframe{padding:0;}
.roundtilte{display:inline-block;background:#00aeef;line-height:24px;border-radius:60px;text-align:center;color:#fff;padding:0 10px;margin:0 10px 0 0;font-size:13px;}
.roundtilte.filebox{background-color:#002E54;margin:0 5px 0 0;}

.fileframe_border{position:relative;font-size:13px;color:#aaa;}
.fileframe_border::before{content:"Drag file here";position:absolute;left:50%;top:50%;width:200px;transform:translate(-50%,-50%);opacity:.8;-webkit-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-moz-transition:all .15s ease-in;transition:all .15s ease-in;}
.fileframe_border.active::before{opacity:0;}/*  파일추가 실행시 */
.fileframe li {padding: 5px 0;color:#333;}
.fileframe li a:hover{color:#1a9bec;}
.ver_bar{position:relative;display:inline-block;margin:0 7px;color:transparent;}
.ver_bar::after{content:"";position:absolute;top:5px;left:50%;width:1px;height:10px;background-color:#bababa;}
.tile_bluet{position:relative;margin:18px 0 10px;font-size:14px;color:#2b8ad8;text-indent:16px;}
.tile_bluet.order{margin:0px 0px 10px 0px;}
.tile_bluet::before{content:"";position:absolute;left:0px;top:4px;width:11px;height:11px;border:3px solid #2b8ad8;-webkit-border-radius:20px;border-radius:100%;background-color:#fff;}
.tile_bluet.border{border-bottom:1px solid #e9eaed;margin-bottom:13px;padding-bottom:13px;line-height:100%;}
.s_title{position:relative;margin-bottom:10px;font-size:13px;font-weight:400;color:#555;}
.s_title.redfont{color:#c10458;}
.help{position:relative;display:inline-block;margin:0 0 0 3px;vertical-align:middle;text-indent:0;}
.helpcontent{position:absolute;left:30px;width:345px;padding:6px 15px;opacity:0;background-color:#fff;border:1px solid #ed438f;-webkit-border-radius:3px;border-radius:3px;line-height:20px;text-align:left;text-indent:0px;letter-spacing:-.5px;-webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1);box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1);transition:all .3s ease-in;-webkit-transition:all .3s ease-in;font-size:12px;font-weight:400;color:#ed438f;}
.helpcontent::after{content:"";position:absolute;top:50%;left:-8px;width:9px;height:9px;background-color:#fff;border:1px solid #ed438f;border-top:0px;border-right:0;transform:rotate(45deg) translate(0,-50%)}
.help:hover > .helpcontent{opacity:1;}
.money_color{color:#555;}
.inputvalue{position:absolute;right:5px;top:50%;transform:translate(0,-50%);font-size:13px;}


/******FAQ***********/
.faq_frame{padding:0;border:1px solid #e3e3e3;-webkit-border-radius:4px;border-radius:4px;}
.faq_frame dt{position:relative;font-size:14px;color:#ff6565;}
.faq_frame dt h3{position:relative;padding:9px 14px;border-bottom:1px solid #e3e3e3;background-color:#f8f8f8;font-size:14px;}
.faq_frame dt h3::before{content:"Q";display:inline-block;width:25px;height:25px;line-height:25px;margin-right:10px;background-color:#ff6565;-webkit-border-radius:50px;border-radius:100%;font-size:13px;font-weight:500;color:#fff;text-align:center;}
.faq_frame dd{position:relative;padding:18px 81px;line-height:19px;font-size:13px;color:#333;}
.faq_frame dd span{position:absolute;top:16px;left:45px;width:25px;height:25px;line-height:25px;border:2px solid #00aeef;-webkit-border-radius:50px;border-radius:50px;text-align:center;}
.faq_frame dd span::before{content:"A";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:13px;font-weight:500;color:#00aeef;}
.faq_frame dd div > a{color:#333;}
.faq_frame dd div > a:hover{color:#1a9bec;}

/*****1:1문의*******/
.reple_result{display:inline-block;line-height:22px;padding:0 6px;-webkit-border-radius:4px;border-radius:4px;text-align:center;font-weight:400;font-size:13px;}
.reple_result.blue{border:1px solid rgba(33,133,208,.8);color:#2185d0;}
.reple_result.red{border:1px solid rgba(224,57,151,.8);color:#e03997;}
.reple_result.mint{border:1px solid rgba(0,181,173,.8);color:#00a099;width:62px;}
.reple_result.puple{border:1px solid rgba(120,116,193,.8);color:#5f5ab2;width:62px;}
.reple_result.magenta{border:1px solid rgba(224,57,151,.8);color:#e03997;width:62px;}
.reple_result.lblue{border:1px solid rgba(33,133,208,.8);color:#2185d0;width:62px;}

/*****발주현황******/
.bal_juframe{padding:5px 0 0 0;display:table;table-layout:fixed;width:100%;}
.bal_juframe::after{content:"";clear:both;display:block;}
.bal_juframe li{position:relative;display:table-cell;width:49.4%;background-color:#f5f6fa;border:1px solid #e8e8e8;-webkit-border-radius:4px;border-radius:4px;vertical-align:top}
.bal_juframe li.space{width:15px;border:none;background:none;}
.bal_juframe li.last{padding:18px 14px;}
.bal_juframe li div{display:flex;justify-content:space-around;-webkit-box-pack: justify;-webkit-justify-content: space-around;-ms-flex-pack: justify;}
.bal_juframe li div > div{width:50%;padding:18px 14px;}
.bal_juframe li div > div.space{width:1px;padding:0;background-color:#e8e8e8;}
 dl.listframebo{padding:0;width:100%;}
 dl.listframebo dt{position:relative;padding:20px 0 8px;font-weight:500;font-size:12px;color:#555;}
 dl.listframebo dt:first-child{padding-top:0px;}
 dl.listframebo ul{display:table;width:100%;}
 dl.listframebo ul li{border:none;}
 dl.listframebo ul li.select01{width:29.7%;}
 dl.listframebo ul li.select02{width:69.7%;}
 dl.listframebo ul li.space{width:10px;}
.bal_juframe li div > div > ol{width: 100%;display: -ms-flexbox; display: flex;-ms-flex-direction: column;flex-direction: column;-webkit-justify-content: space-evenly;-ms-flex-pack: justify;justify-content: space-evenly;align-items: center;width:100%;}
.bal_juframe li div > div > ol > li{display:block;width:100%;border:none;}
.bal_juframe li div > div > ol > li.space{width:100%;height:1px;background-color:#e8e8e8;margin:20px 0 30px 0;}
.bal_juframe li div > div > ol > li > div{display:table;width:100%;table-layout:fixed;}
.bal_juframe li div > div > ol > li > div > div{display:table-cell;width:62px;padding:0 0 18px 0;}
.bal_juframe li div > div > ol > li > div > div.text{width:80%;text-align:right;}
.bal_juframe li div > div > ol > li > div > div.money_text{width:15px;text-align:right;}
.bal_juframe li div > div > ol > li > div > div.paddno{padding:0;}
.font-large{font-size:15px !important;}
.srong_pa{display:inline-block;margin:0 2px 0 0;font-weight:500;}
.flr_margin{float:right;font-weight:400 !important;}
.flr_margin label{margin:0 !important;}

/******paging*******/
.paging-wrap {position: relative;clear: both;text-align: center;margin-top: 30px;}
.paging-wrap::after {content: '';clear: both;display: block;}
.paging-wrap .pag-sel{width:74px;border-radius:0; height:24px;line-height: 24px;margin-left: 10px;background-color:#fbfbfb;border-color: #dedede;}
.paging-wrap .total {line-height: 24px;float: right;font-size: 12px;color: #333;}
div.paging {padding:5px 0 0 0;margin: 0;display: inline-block;}
div.paging a {font-weight: 300;}
div.paging a,
div.paging strong {display: inline-block;width: 24px;height: 24px;line-height: 22px;border: #eee 1px solid;margin: 0 1px;text-align: center;vertical-align: middle;color: #909090;}
div.paging a:hover,
div.paging .on {border-color: #00aeef;font-size: 12px;color: #00aeef;font-weight: 400;}
div.paging .direction {position: relative;text-indent: -9999px;border: #eee 1px solid;}
div.paging .direction:hover {background-color: #96abb5;border: #96abb5 1px solid;}
div.paging .direction>span {position: absolute;top: -9999px;left: -9999px;}
div.paging .direction.first:before {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 0px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
div.paging .direction.first:after {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -4px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
div.paging .direction.prev:after {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -2px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
div.paging .direction.next:after {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -4px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}
div.paging .direction.last:before {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -6px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}
div.paging .direction.last:after {content: "";position: absolute;top: 50%;left: 50%;margin: -2px 0 0 -2px;width: 4px;height: 4px;display: block;border: 1px dashed #333;border-top: none;border-right: none;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}
div.paging .direction:hover:before,
div.paging .direction:hover:after {border-color: #fff;}