@charset "utf-8";

@import url("base.css");


/* -----------------------------------
	Common
-------------------------------------- */
.clfix:after{content:"";display:block;clear:both;}


/* -----------------------------------
	Layout
-------------------------------------- */
.inner{position:relative;max-width:980px;margin:0 auto;}
.inner:after{content:"";display:block;clear:both;}
#wrap{}
hr{border:none;border-bottom:2px solid #333;}

/* header */
#header{position:relative;border-bottom:1px solid #2779bf;z-index:1;}
#header #top-area{padding:15px 0 21px;background-color:#fff;}
#header #top-area .inner{height:63px;}
#header #top-area h1{position:absolute;top:21px;left:-1px;}
#header #top-area h2{float:left;padding-top:13px;margin-left:181px;font-family:'noto-kr';font-size:22px;font-weight:500;color:#abc2e1;}
#header #top-area .user-area{position:absolute;top:0;right:0;}
#header #top-area .user-area .user{display:inline-block;margin-right:2px;font-size:13px;color:#333;vertical-align:middle;letter-spacing:0;}
#header #top-area .user-area a[class*="btn"]{min-width:67px;height:25px;line-height:25px;margin-left:1px;padding:0 3px;letter-spacing:-0.1em;}
#header #top-area .login{display:inline-block;margin-left:14px;padding:3px 0 1px 20px;font-size:13px;font-weight:700;color:#555;background:url(../images/ico_lock.png) no-repeat;vertical-align:middle;}
#header #gnb{position:absolute;bottom:0;right:0;}
#header #gnb li{display:inline-block;margin-left:25px;}
#header #gnb li a{font-size:14px;font-weight:600;letter-spacing:1px;color:#333;}
#header #gnb li a:hover,
#header #gnb li.current a{text-decoration:underline;color:#237ac6;}

/* container */
#container{height:100%;}
#container>div{}
#contents-wrap{padding-top:46px;padding-bottom:80px;}
#contents h3{margin-bottom:9px;padding-top:4px;font-size:14px;font-weight:700;}
#contents h3:before{content:"";display:inline-block;width:13px;height:13px;margin-right:5px;border:4px solid #74839a;border-radius:50%;box-sizing:border-box;vertical-align:-1px;}
#contents .btnToggle{margin-top:-4px;margin-left:6px;}
.section,.article{position:relative;}
.section + .section{margin-top:30px;}
.article{margin-top:10px;}
.article + .article{margin-top:24px;}
.section h1{margin-bottom:17px;font-size:24px;font-weight:700;color:#333;}
.section h1 span{font-size: 12px; color:cornflowerblue;}
.section h1 + hr{margin-bottom:13px;}
/*.article h2{margin-bottom:9px;padding-top:4px;font-size:14px;font-weight:700;}
.article h2:before{content:"";display:inline-block;width:13px;height:13px;margin-right:5px;border:4px solid #74839a;border-radius:50%;box-sizing:border-box;vertical-align:-1px;}*/
.article h2{margin-bottom:9px;padding-top:4px;font-size:16px;font-weight:700;color:#3164a9;}
.section h2 span{font-size: 12px; color:cornflowerblue;}
.cnt-header{position:relative;}
.cnt-header .btnModify{position:absolute;bottom:-60px;right:0;}
.cnt-area{overflow-x:hidden;overflow-y:scroll;height:190px;line-height:1.8em;padding:14px 20px;color:#666;border:1px solid #ccc;border-top:2px solid #2a5fbb;}

/* footer */
#footer{position:relative;padding:19px 0 12px;text-align:center;font-size:12px;color:#666;background-color:#e7eaf4;}
#footer p{margin-bottom:2px;}

/* button */
.btn-area{text-align:center;}
.btn-area.btm-area{margin-top:50px;}
.btn-areaR{text-align:right;}
.btn-areaR.btm-area{margin-top:20px;}
.btn-area a[class*="btn"],.btn-area button[class*="btn"]{margin:0 3px;}
a[class*="btn"],button[class*="btn"]{display:inline-block;position:relative;text-align:center;box-sizing:border-box;vertical-align:middle;}
a[class*="btn"]:hover,button[class*="btn"]:hover{opacity:0.9;}
.btnXS{height:23px;line-height:23px;padding:0 12px;font-size:12px;font-weight:700;background-repeat:no-repeat;}
.btnS{height:28px;line-height:28px;min-width:80px;padding:0 8px;font-size:13px;font-weight:400;background-repeat:no-repeat;}
.btnM{height:35px;line-height:36px;padding:0 19px;font-size:14px;font-weight:700;background-repeat:no-repeat;}
.btnL{min-width:120px;height:40px;line-height:41px;padding:0 18px;font-size:14px;font-weight:700;background-repeat:no-repeat;}
.btnXL{height:45px;line-height:44px;padding:0 18px;font-size:14px;font-weight:700;background-repeat:no-repeat;}
.btnXXL{height:65px;line-height:64px;padding:0 25px;font-size:22px;font-weight:700;background-repeat:no-repeat;}
.btnWhiteBorder{color:#666;border:1px solid #bdbdbd;background-color:#fff;}
.btnGray{color:#fff;background-color:#525252;}
.btnGrayBorder{color:#666;border:1px solid #aaa;background-color:#eaeaea;}
.btnGrayLight{color:#fff;background-color:#777;}
.btnGrayLight2{color:#fff;background-color:#ccc;}
.btnBlue{color:#fff;background-color:#237ac6;}
.btnBlue1{color:#fff;background-color:#174f9c;}
.btnBlue2{color:#fff;background-color:#43698a;}
.btnBlue3{color:#fff;background-color:#033478;}
.btnSearch{margin-left:-5px;padding-left:44px;background-image:url(../images/ico_search.png);background-position:22px center;}
.btnModify{padding-left:44px;background-image:url(../images/ico_modify.png);background-position:22px center;}
.btnCancel{padding-left:44px;background-image:url(../images/ico_cancel.png);background-position:22px center;}
.btnList{padding-left:44px;background-image:url(../images/ico_list.png);background-position:22px center;}
.btnSave{padding-left:44px;background-image:url(../images/ico_save.png);background-position:20px center;}
.btnExcel{padding-left:44px;background-image:url(../images/ico_excel.png);background-position:22px center;}
.btnReSand{padding-left:44px;background-image:url(../images/ico_resand.png);background-position:11px center;}
.btnUserAdd{padding-left:44px;background-image:url(../images/ico_add.png);background-position:20px center;}
.btnOut{padding-left:44px;background-image:url(../images/ico_out.png);background-position:20px center;}
.btnChange{padding-left:44px;background-image:url(../images/ico_change.png);background-position:18px center;}
.btnTooltip{padding-left:33px;background-image:url(../images/ico_tooltip.png);background-position:11px center;}
.btnAdd,.btnDel{padding-left:10px;padding-right:12px;font-weight:600;background-position:20px center;}
.btnAdd:before{content:"＋";font-weight:400;vertical-align:1px;}
.btnDel:before{content:"－";font-weight:400;vertical-align:1px;}
.addFile{text-align:left !important;}
.addFile div+div{margin-top:6px;}
.addFile .del{width:20px;height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:arial;font-size:14px;font-weight:400;}
.addFile img[src*="ico_file_"]{vertical-align:middle;margin-right:5px;}

/* table */
.cnt-area + .txt,
.tbl-area .txt{overflow:hidden;margin-top:7px;color:#666;}
.tbl-area .txt em{float:left;}
.tbl-area .txt ul{padding-left:9px;}
.tbl-area .txt ul li{margin-bottom:2px;padding-left:17px;text-indent:-17px;}
.tbl-top{margin-bottom:6px;}
.tbl-top .total{float:left;margin-top:9px;}
/* 2019-02-12 수정 */
table{text-align:center;font-size:13px; border-top:2px solid #2a5fbb;}
/* 2019-02-12 수정 */
table *{letter-spacing:-0.03em;}
table th,table td{border-left:1px solid #ccc;}
table th{padding:10px 0;font-weight:700;color:#333;border-bottom:1px solid #ccc;background-color:#f1f1f1;}
table td{position:relative;padding:9px 0;color:#666;border-bottom:1px solid #ccc;}
table tbody th{padding-left:55px;}
table td select,table td input[type=text]{margin-top:-7px;margin-bottom:-5px;}
table.al th,table.al td{padding-left:21px;}
.col-table th,.col-table td{padding-right:4px;padding-left:4px;text-align:center; border-left: 1px solid #ccc;}
.col-table th:first-child,.col-table td:first-child{border-left: 1px solid #ccc;}
.row-table th,.row-table td{padding-left:20px;padding-right:20px;text-align:left;}
.colrow-table thead,.colrow-table tbody td{text-align:center;}
.colrow-table tbody th{padding-left:21px;text-align:left;}
.colrow-table tbody td{padding-right:5px;padding-left:5px;text-align:center;}
.col-table thead tr th:first-child,
.col-table tbody tr td:first-child,
.colrow-table thead tr th:first-child,
.colrow-table tbody tr th:first-child,
.row-table tbody tr th:first-child{border-left:1px solid #ccc;}

[class*="subdivide"] th{height:30px;border-left:1px solid #ccc}
[class*="subdivide"] tbody th{height:30px;padding-top:3px;padding-bottom:3px;padding-left:12px;background-color:#ededed;}
[class*="subdivide"] input[type="text"]{width:100%;max-width:120px;}
.subdivide1 thead th{padding:1px 0 3px;}
.subdivide2 thead th{border-left:none;}

.border-none{border-left:none;}

table.list tbody tr:hover th,table.list tbody tr:hover td{font-weight:bold;background-color:#f8f8f8;cursor:pointer;}
td [class*="btn"]{margin-top:-6px;margin-bottom:-5px;}
td [class*="btn"].margin-normal{margin-top:0;margin-bottom:0;}
td input[type=text],td input[type=password],td input[type=file]{width:100%;}
td.subject{overflow:hidden;padding-right:19px;padding-left:19px;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
td.tel select,td.tel input{width:28.7%;}
td.tel.type2 select,td.tel.type2 input{width:11.1%;}
th.result{padding:20px 0;text-align:center;}
.business-name{margin-top:8px;}
td li{margin-top:9px;}
td li:first-child{margin-top:0;}
td li img{margin-right:2px;}
td li .del-area{display:inline-block;margin-left:10px;vertical-align:middle;}
td.fileAdd{padding-bottom:16px;}
td.fileAdd .btn-area{margin:15px 0 20px;text-align:left;}
td.fileAdd .btn-area a{margin:0 7px 0 0;}
td img{vertical-align:middle;}
.borer-left{border-left:1px solid #ccc !important;}

/* paging */
.paging{margin-top:20px;text-align:center;}
.paging a,.paging .current{display:inline-block;position:relative;margin:0 5px 0 6px;padding:5px 5px 5px 4px;font-size:15px;color:#666;vertical-align:middle;}
.paging .current{font-weight:700;}
.paging a:hover,.paging .current{color:#2a5fbb;}
.paging a:not([class*="move_"]):hover:after,.paging .current:after{content:"";display:block;position:absolute;bottom:0;left:1px;width:100%;height:2px;background-color:#2a5fbb;}
.paging [class*="move_"]{display:inline-block;width:36px;height:36px;line-height:34px;margin:0 1px;padding:0;text-align:center;font-size:16px;font-weight:700;border-radius:50%;color:#999;border:1px solid #cdcdcd;box-sizing:border-box;letter-spacing:-3px;}
.paging [class*="move_"]:after{display:none;}
.paging .move_prev{margin-right:6px;}
.paging .move_next{margin-left:7px;}
.paging .move_first,.paging .move_prev{text-indent:-4px;}

/* main */
#main.wrap{height:100%;background:url(../images/bg_login.jpg) no-repeat center center / auto;}
#main .inner{position:relative;max-width:1080px;margin:0 auto;}
#main .inner .inner-cnt{position:absolute;top:50%;left:0;margin-top:-252px;overflow:hidden;}
#main .container{overflow:hidden;height:100%;font-family:'NotoSans';color:#fff;}
#main .container .inner{height:100%;}
#main .container .cnt-left{float:left;width:66.666%;box-sizing:border-box;padding:0 30px 0 42px;}
#main .container .cnt-right{float:left;width:33.333%;box-sizing:border-box;padding:56px 0 0 40px;}
#main .container h1{padding-left:31px;padding-bottom:55px;}
#main .container .txt-area{padding-bottom:17px;}
#main .container .txt-area h2{margin-bottom:11px;font-size:25px;font-weight:300;}
#main .container .txt-area p{line-height:1.7em;margin-right:17px;font-size:12px;opacity:0.6;}
#main .container .login-area{width:590px;}
#main .container .login-area .input-area{overflow:hidden;}

/* 2019-02-19 수정 */
#main .container .login-area .input-area>div{float: right;width: 45.2%;vertical-align: baseline;background-color: #333;padding-left: 23px;color:#999;}
#main .container .maintxt {padding-left: 40px;padding-top: 56px;clear: both;display: block;color: #333;}
/* 2019-02-19 수정 */

#main .container .login-area .input-area>div:first-child{float:left;}
#main .container .login-area .input-area label{font-family:dotum;font-weight:700;font-size:12px;}
#main .container .login-area .input-area input{height:44px;line-height:44px;border:none;background-color:transparent;color:#fff;}
#main .container .login-area p{margin-top:12px;font-family:dotum;font-size:13px;font-weight:600;}

/* 2019-02-19 수정 */
#main .container .login-area .btn-area{overflow:hidden;margin-top:15px;text-align:left;}
/* 2019-02-19 수정 */

#main .container .login-area .btn-area [class*="btn"]{float:left;width:200px;height:52px;line-height:52px;margin:0 0 0 10px;font-size:16px;font-weight:600;color:#fff;border:none;}
#main .container .login-area .btn-area [class*="btn"]:first-child{margin-left:0;}
#main .container .login-area .btn-area #btnJoin{width:170px;}

#main .container .tel-area h2{display:inline-block;line-height:1.22em;margin-right:37px;font-size:15px;font-weight:400;}
#main .container .tel-area div{display:inline-block;color:#77b0ff;}
#main .container .tel-area div strong{font-size:42px;}
#main .container .sns-area{margin-top:63px;}
#main .container .sns-area h2{margin-bottom:16px;font-size:15px;font-weight:400;}
#main .container .sns-area li{display:inline-block;margin-right:22px;}
#main #footer{background-color:#fff;}

/* sub */
.step-area{margin-bottom:47px;text-align:center;}
.step-area li {display: inline-block;position: relative;width: 200px;margin-left: 26px;padding: 9px 10px 7px;text-align: center;font-family: 'NotoSans';    font-size: 15px;border-radius: 30px;vertical-align: middle;color: #fff;background-color: #4687c0;}
.step-area li.on {margin-left: 26px;background-color: #043763;}
.step-area li:after{content:url(../images/ico_arrow_step.png);display:inline-block;position:absolute;top:50%;right:-25px;width:20px;height:18px;margin-top:-9px;vertical-align:middle;}
.step-area li.last:after{display:none;}

/* from */
.form-area{margin-bottom:7px;padding:12px 9px 12px 11px;text-align:center;background-color:#efefef;}
.form-area *{height:35px !important;line-height:35px !important;vertical-align:middle;}
.form-area select{width:140px;}
.form-area input.search{width:470px;margin-left:6px;}
.form-area label{margin-right:5px;font-weight:600;}
.form-area * + label{margin-left:50px;}
input[type="radio"],input[type="checkbox"]{margin-left:23px;}
input[type="radio"] + label,input[type="checkbox"] + label{margin-left:4px;}
input[type="radio"]:first-child,input[type="checkbox"]:first-child{margin-left:0;}

/* sub */
.section .btn-area.top-area{position:absolute;top:-12px;right:0;}
.section .btn-area.top-area a[class*="btn"], .section .btn-area.top-area button[class*="btn"]{margin-right:0;margin-left:5px;}
.section .required{float:right;margin-top:2px;margin-bottom:8px;}

/* pop up */
body.popup{min-width:auto;}
.popWrap{/*display:none;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.65);z-index:9999;overflow-y:auto;*/}
.popWrap:before{display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em;}
.popContents{display:inline-block;height:auto;border:2px solid #14468c;box-sizing:border-box;}
.popContents.popSize600{width:600px;}
.popContents.popSize910{width:910px;}
.popContents.popSize1020{width:1020px;}
.popContentsIn{position:relative;text-align:left;background:#fff;}
.popTitle{position:relative;padding:18px 28px 15px;background:#14468c;}
.popTitle h1{font-size:20px;font-weight:700;color:#fff;}
.popContentsBox{overflow:auto;padding:28px 28px 20px;}
.popContentsBox.heightFix{max-height:580px;}
.popContentsBox .section h2{margin-bottom:8px;font-size:16px;font-weight:700;color:#3164a9;}
.popContentsBox .section h3{margin-bottom:9px;padding-top:4px;font-size:14px;font-weight:700;}
.popContentsBox .section h3:before{content:"";display:inline-block;width:13px;height:13px;margin-right:5px;border:4px solid #74839a;border-radius:50%;box-sizing:border-box;vertical-align:-1px;}
.popContentsBox .colrow-table thead th,.popContentsBox .colrow-table tbody td{padding-left:6px;padding-right:6px;}
.closePop{position:absolute;top:20px;right:28px;width:16px;height:16px;background:url(../images/ico_close_popup.png) no-repeat;}

/* 메뉴권한관리 */
.menu-list input[type="checkbox"]{margin-left:5px;}
.menu-list label{display:inline-block;padding:5px 0;}
.menu-list .depth01{background-color:#dee7f2;}
.menu-list .depth01{font-weight:700;}
.menu-list .depth02{padding-left:20px;font-weight:400;background-color:#fff;}

/* 분기별 등록 페이지 */
#container .accept_img_area{position: relative; width: 100%; height: 760px; background: url(../images/accept_img.jpg) no-repeat;}
#container .accept_img_area .accept_area{position: absolute; top:35px; left: 50%; width: 980px; height: 345px;  padding:73px 0 76px 0; margin-left: -490px;}
#container .accept_img_area .accept_area .accept_box_area{overflow: hidden; width: 100%;}
/* #container .accept_img_area .accept_area .accept_box_area .box.fl{float: left; width: 48%; }
#container .accept_img_area .accept_area .accept_box_area .box.fr{float: right; width: 48%; } */
#container .accept_img_area .accept_area .accept_box_area .box.fl{float: left; width: 33%; }
#container .accept_img_area .accept_area .accept_box_area .box.fr{float: right; width: 33%; }

#container .accept_img_area .accept_area .accept_box_area .box .cal_img{display: block; width: 100%; height: 68px; text-indent: -9999px;}
#container .accept_img_area .accept_area .accept_box_area .box .cal_img.one{background: url(../images/calender.png) no-repeat center; }
#container .accept_img_area .accept_area .accept_box_area .box .cal_img.two{background: url(../images/calender2.png) no-repeat center; }

#container .accept_img_area .accept_area .accept_box_area .box .cal_img.qrtr{background: url(../images/calender_q.png) no-repeat center; }
#container .accept_img_area .accept_area .accept_box_area .box .cal_img.half{background: url(../images/calender_h.png) no-repeat center; }
#container .accept_img_area .accept_area .accept_box_area .box .cal_img.year{background: url(../images/calender_y.png) no-repeat center; }

#container .accept_img_area .accept_area .accept_box_area .box .explain_area{width: 100%; margin-top: 17px; padding:40px 0 33px 20px; border-top:1px solid #2a5fbb; border-bottom:1px solid #575757; }
#container .accept_img_area .accept_area .accept_box_area .box .explain_area .title{font-size: 26px; color:#fff;}
#container .accept_img_area .accept_area .accept_box_area .box .explain_area .explain_txt{display: block; width: 100%; margin-top: 23px;}
#container .accept_img_area .accept_area .accept_box_area .box .explain_area .explain_txt .sub_title{display: block; margin-bottom:17px; font-size:13px; color:#78a2ea;}
#container .accept_img_area .accept_area .accept_box_area .box .explain_area .explain_txt .txt{display: block; color:#999; font-size: 13px;}
#container .accept_img_area .accept_area a{display: block; width:120px; height: 45px; margin: 0 auto; background: #777; color:#fff; font-size: 14px; margin-top:27px; text-align: center; line-height: 45px;}


.tooltip {
  position: relative;
  display: block;
  background: url(../images/tooltip.png) no-repeat center; 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 950px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;

  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* 툴팁 기본 스타일 설정 끝 */

/* -------------------------- */

/* 툴팁 화살표 기본 스타일 설정 시작 */

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

/* 툴팁 화살표 기본 스타일 설정 끝 */

/* -------------------------- */

/* 툴팁 방향 설정 시작 */

/* 왼쪽 툴팁 시작 */

.tooltip .tooltip-left {
  top: -5px;
  right: 105%;
}

.tooltip .tooltip-left::after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent black;
}

/* 왼쪽 툴팁 끝 */

/* 오른쪽 툴팁 시작 */

.tooltip .tooltip-right {
  top: -5px;
  left: 105%;
}

.tooltip .tooltip-right::after {
  top: 15px;
  right: 100%;
  margin-top: -5px;
  border-color: transparent black transparent transparent;
}

/* 오른쪽 툴팁 끝 */

/* 위쪽 툴팁 시작 */

.tooltip .tooltip-top {
  width: 120px;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltip-top::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: black transparent transparent transparent;
}

/* 아래쪽 툴팁 시작 */

.tooltip .tooltip-bottom {
  width: 120px;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}


.tooltip .tooltip-bottom::after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent black transparent;
}

/* 아래쪽 툴팁 시작 */

/* 툴팁 방향 설정 끝 */