@charset "utf-8";

/**Font**/

@font-face {
	font-family: "Noto Sans KR";
	src:url(../fonts/NotoSansKR-Light.woff2) format("woff2"),
	url(../fonts/NotoSansKR-Light.woff) format("woff");
	font-weight: 200;
}
@font-face {
	font-family: "Noto Sans KR";
	src:url(../fonts/NotoSansKR-Regular.woff2) format("woff2"),
	url(../fonts/NotoSansKR-Regular.woff) format("woff");
	font-weight: 300;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url(../fonts/NotoSansKR-Medium.woff2) format("woff2"),
	url(../fonts/NotoSansKR-Medium.woff) format("woff");
	font-weight: 500;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url(../fonts/NotoSansKR-Bold.woff2) format("woff2"),
	url(../fonts/NotoSansKR-Bold.woff) format("woff");
	font-weight: 700;
}

/**Reset**/
html,body{margin:0;padding:0;height:100%;}
body{font:12px/1.5 "Noto Sans KR", Malgun Gothic, Dotum, Gulim, sans-serif;color:#414042;letter-spacing:-0.025em;word-break:keep-all}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
*{font-weight:normal;letter-spacing:-0.025em;}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;border-spacing:0}
ol,ul,li{list-style:none}
em{font-style:normal}
img,fieldset{border:0}
img{vertical-align:top;max-width:100%;}
button{cursor:pointer;margin:0;padding:0;border:0;vertical-align:middle;background-color:#fff;}
address{font-style:normal}
a{display:inline-block;color:inherit;text-decoration:none;}
a:active, a:hover{text-decoration:none;outline:none;}
input[type='button']{cursor:pointer;border:0;-webkit-appearance:none;}
input[type='checkbox']{-webkit-appearance:checkbox;width:20px;height:20px;}
input[type='radio']{-webkit-appearance:radio;width:20px;height:20px;}
input[type='number']{-webkit-appearance:none;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}
input[type=text],input[type=password]{width:100%;border:1px solid #d6d6d6;text-indent:10px;background-color:#fff;}
input[type=text],input[type=password],input[type='number'],input[type='search'],select,textarea,button{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
input[type="submit"]{cursor:pointer;}
input:focus,button:focus,select:focus{outline:none;outline:0;}
select{width:100%;border:1px solid #d6d6d6;vertical-align:middle}
select:focus {outline-color: transparent;}
textarea{width:100%;padding:10px;border:1px solid #d6d6d6;line-height:26px;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;color:#77787b;}
a,input,textarea,select,td,th, button{font:12px/1.5 "Noto Sans KR", Malgun Gothic,Dotum, Gulim, sans-serif;}
a{cursor:pointer}
label{display:inline-block;}
input, label{vertical-align:middle}
span{font-family:"Noto Sans KR", Malgun Gothic,Dotum, Gulim, sans-serif;letter-spacing:-0.025em;}
caption{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}
legend{visibility:hidden;position:absolute;top:-99999px;left:-99999px;margin-top:-99999px;margin-left:-99999px;}
iframe{border:0}
area{border:0;outline:0}
figure{padding:0;margin:0;}
i{font-style:normal;}
.hide{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}
.ir{display:inline-block;position:absolute;top:0;left:0;}
.border_box{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}

::-webkit-input-placeholder{color:#77787b;font-size:12px;font-weight:400;letter-spacing:-1px;}/* Chrome/Opera/Safari */
::-moz-placeholder{color:#77787b;font-size:12px;font-weight:400;letter-spacing:-1px;}/* Firefox 19+ */
:-ms-input-placeholder{color:#77787b;font-size:12px;font-weight:400;letter-spacing:-1px;}/* IE 10+ */
:-moz-placeholder{color:#77787b;font-size:12px;font-weight:400;letter-spacing:-1px;}/* Firefox 18- */

.fL{float:left;}
.fR{float:right;}
.txt_c{text-align:center;}
.mt5{margin-top:5px}

/** COMMON **/
.wrap{width:100%;min-width:1180px;}
/* HEADER */
header#header{width:100%;height:140px;border-bottom:1px solid #77787b}
.top_wrap{width:100%;height:60px;background:#67b2c7;}
.top_wrap h1.logo a{}
.top_div{width:1180px;margin:0 auto;overflow:hidden;}
.top_div .logo{float:left;}
	.top_menu{float:right;overflow:hidden;margin-top:20px;}
	.top_menu li{float:left;margin-right:14px;}
	.top_menu li a{color:#fff;font-size:14px;font-weight:300;display:inline-block;vertical-align:middle}
	.top_menu li:first-child::before{display:none}
	.top_menu li::before{content:'';display:inline-block;width:1px;height:14px;background:#fff;vertical-align:middle;margin-right:14px;}
.gnb_wrap{width:100%;margin:0 auto;height:79px;}
.gnb_wrap .gnb{width:1180px;margin:0 auto;height:80px;}
.gnb_wrap .gnb>li{float:left;padding-left:40px;position:relative;}
.gnb_wrap .gnb>li:first-child{padding-left:0;}
.gnb_wrap .gnb>li>a{display:block;font-size:20px;font-weight:300;color:#808285;height:80px;line-height:80px;}
.gnb_wrap .gnb>li.on>a{color:#f39700;font-weight:700}
.gnb_wrap .gnb_sub{display:none;}
.gnb>li#userInfo.selected>a,.gnb>li#userInfo.on>a{color:#00699a !important;font-weight:700 !important;}
.gnb_wrap .gnb>li.on>a.isDisabled{color:#000;opacity: 0.5;border-bottom:none}

.gnb_sub{width:120px;position:absolute;top:80px;left:24px;text-align:left;background:#fff;border-left:1px solid #77787b;border-right:1px solid #77787b;border-bottom:1px solid #77787b}
.gnb_sub ul{padding:0 5px 5px 16px;}
.gnb_sub ul li{display:block;}
.gnb_sub ul li a{display:block;height:32px;line-height:30px;color:#808285;font-size:14px;font-weight:300}
.gnb_sub ul li a:hover,.gnb_sub ul li a:focus{color:#f39700;font-weight:700}

/*button*/
.btn{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;display:inline-block;vertical-align:middle;}
.btn-st1{height:40px;padding:7px 0 8px;font-size:16px;font-weight:200;color:#fff;border-radius:4px;width:100px;}
.btn-st2{height:50px;padding:9px 0 9px;font-size:20px;font-weight:300;color:#fff;border-radius:3px;width:150px;}
.btn-st3{height:40px;padding:8px 0 8px;font-size:14px;font-weight:300;border-radius:3px;width:100px;}
.btn-st4{height:50px;padding:0px 0 9px;font-size:17px;font-weight:300;color:#fff;border-radius:3px;width:150px;}


.btn-white{background:#fff;border:1px solid #414042;color:#414042;}
.btn-gray{background:#b1b3b6;border:1px solid #b1b3b6;}
.btn-gray2{background:#414042;border:1px solid #414042;color:#fff;}
.btn-gray3{background:#808285;border:1px solid #808285;color:#fff;}
.btn-primary{background:#00699a;border:1px solid #00699a;}
.btn-primary2{background:#67b2c7;border:1px solid #67b2c7;}
.btn-primary3{background:#0090b8;border:1px solid #0090b8;}

.btn_excel{background:#227446;width:150px;height:40px;font-size:14px;color:#fff;}
.btn_excel::before{content:'';display:inline-block;vertical-align:middle;width:26px;height:28px;background:url(../images/ico_excel.png) no-repeat left 50%;margin-left:-5px;}
.btn_excel span{font-weight:300;display:inline-block;vertical-align:middle;padding-left:5px;}
.btn_excel+.s_p1{margin-left:7px;}
.btn_excel+.select_wrap{margin-left:7px;}
.btn_div{text-align:right;margin-top:10px;}
.btn_div.txt_c{text-align:center}
.btn_div.mt50{margin-top:50px}
.btn_div.mt0{margin-top:0px}
.btn_div>*{vertical-align:middle;margin-left:8px;}
.btn_div.t_left .btn.mlx{margin-left:0}

/*form style*/
input.ipt1,input.ipt_date{height:40px;font-size:12px;color:#77787b;border:1px solid #d6d6d6;}
.ipt1.txt_c{text-indent:0;}

.select_wrap{position:relative;display:inline-block;width:210px;height:40px;border:1px solid #d6d6d6;vertical-align:middle;background:#fff url(../images/bg_select.png) 92% center no-repeat;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.select_wrap .label{position:absolute;top:50%;left:10px;margin-top:-8px;font-size:12px;color:#c9caca;font-weight:300}
.select_wrap .label.on{color:#77787b;font-size:13px;font-weight:500}
.select_wrap select{width:100%;min-height:40px;line-height:40px;padding:0 15px;opacity:0;filter:alpha(opacity=0);font-size:14px;}
.select_wrap select option{min-height:30px}
.select_wrap.s_noti{width:100%;background-position:97% center;}
.s_p1{height:40px;border:1px solid #77787b;padding-left:12px;font-size:14px;color:#58595b;}
select.s_p1{width:150px;}

textarea.txtarea{height:120px}

.chkbox_div{}
.chkbox_div label{font-size:14px;padding-left:5px;letter-spacing:-1px;/*margin-right:70px;*/}
.chkbox_div>span{display:inline-block;width:124px;}

/*table style*/
.tbl-st1{border-top:1px solid #77787b;}
.tbl-st1 th,.tbl-st1 td{border-bottom:1px solid #77787b;}
.tbl-st1 th{background:#e6e7e8;font-size:15px;height:59px}
.tbl-st1 td{padding:8px 12px;}
.tbl-st1 td.td-st1{padding:8px 4px 8px 7px}

.tbl-st2{border-top:2px solid #77787b;}
.tbl-st2 th,.tbl-st2 td{border-bottom:1px solid #b1b3b6;}
.tbl-st2 th{font-size:13px;background:#e6e7e8;height:48px;border-left:1px solid #444;color:#414042;line-height:16px}
.tbl-st2 th.blx{border-left:0;}
.tbl-st2 th.f10{font-size:10px;}
.tbl-st2 td{font-size:13px;color:#808285;font-weight:normal;text-align:center;height:39px;}
.tbl-st2 td.td_left{text-align:left;padding-left:24px;}
.tbl-st2 td a{font-size:12px;}
.tbl_btm_txt{text-align:right;color:#67b2c7;margin-top:7px;}
.tbl_btm_txt2{color:#00699a;}

.tbl-st3{border-top:1px solid #b1b3b6;}
.tbl-st3 th,.tbl-st3 td{border-bottom:1px solid #b1b3b6;border-left:1px solid #b2b3b7;}
.tbl-st3 thead th{background:#e6e7e8;color:#414042;}
.tbl-st3 tbody th{background:#f4f4f4;color:#808285;}
.tbl-st3 th{font-size:13px;height:39px;color:#414042;line-height:16px}
.tbl-st3 th.blx{border-left:0;}
.tbl-st3 td{background:#fff;text-align:center;}
.tbl-st3 td.bg_c{background:#f7f8f8;}

.tbl-st2.el-tbl td{height:79px}
.el-tbl td .btn{}
.el-tbl td .btn+.btn{margin-top:6px;}
.btn-tb1{width:80px;height:20px;line-height:18px;border-radius:2px;background:#77787b;color:#fff;font-size:10px;}
.btn-tb2{width:80px;height:20px;line-height:18px;border-radius:2px;background:#0090b8;color:#fff;font-size:10px;}
.btn-tb2.disable{background:#b1b3b6;color:#77787b;cursor:default; width:64px;}
.btn-tb3{width:50px;height:20px;line-height:18px;border:1px solid #0090b8;border-radius:2px;background:#fff;color:#0090b8;font-size:10px;}

.el-tbl span.badge{display:block;width:16px;height:16px;border:1px solid #67b2c7;border-radius:20px;background:#67b2c7;color:#fff;font-size:10px;font-weight:500;margin-left:6px;}

.prd_plus{font-size:16px;color:#00699a;text-decoration:underline;}
.prd_plus:hover,.prd_plus:focus{text-decoration:underline;}

/*paging*/
.paging_wrap{width:100%;margin-top:15px;}
.paging{text-align:center;overflow:hidden;}
.paging a,.paging span{position:relative;display:inline-block;text-align:center;vertical-align:middle;width:7px;;color:#58595b;margin:0 15px 0 8px;/*box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;padding:1px 0 2px*/padding-bottom:5px;}
.paging a:hover,.paging a:focus,.paging a:active{text-decoration:none}
.paging .on{color:#00699a;font-weight:700}
.paging .prev,.paging .next{width:20px;height:20px;background:transparent url(../images/paging.png) no-repeat 0 0;font-size:14px;text-indent:-9999px}
.paging .prev{background-position:0 center;margin-right:16px;}
.paging .next{background-position:-20px center;margin-left:16px;}

/*font color*/
.colorR{color:#ff730f}
.colorB{color:#0090b8}

/*calendar*/
.date_wrap{overflow:hidden;}
.date_wrap>*{float:left;}
.date_wrap i{font-size:32px;margin:-5px 10px 0;}
.date_box{width:210px;height:40px;position:relative;}
.date_box .ico_date{width:23px;height:20px;background:url(../images/ico_calendar.png) no-repeat 0 0;position:absolute;top:9px;right:4px;cursor:pointer;}
.date-pic-year:after{content: '년'}
.date_wrap ul{overflow:hidden;margin-left:44px;margin-top:9px;}
.date_wrap ul li{display:inline-block;margin-right:20px;}
.date_wrap ul li::before{content:'';display:inline-block;width:1px;height:10px;background:#b1b3b6;vertical-align:middle;margin-right:20px;}
.date_wrap ul li a{color:#77787b;font-size:16px;font-weight:300;display:inline-block;vertical-align:middle}
.date_wrap ul li a:hover,.date_wrap ul li a:focus{color:#67b2c7;}
.date_box+.btn{margin-left:12px;}



/* CONTAINER */
#container{width:100%;}
.contents_wrap{width:1180px;margin:0 auto;padding-bottom:100px}
.contents_wrap h2.title{font-size:36px;color:#00699a;font-weight:700;display:block;margin-top:35px;margin-bottom:10px}
.contents_wrap h3.tit3{font-size:24px;color:#414042;font-weight:700;display:block;margin-top:35px;margin-bottom:13px}

.loca{margin-top:10px;width:1180px;}
.loca ul{overflow:hidden;}
.loca li{float:left;padding-left:16px;color:#808285;}
.loca li:first-child{margin-left:0;padding-left:0;}
.loca li::before{content:'';display:inline-block;vertical-align:middle;background:url(../images/common.png) no-repeat -32px -5px;width:5px;height:8px;margin-right:12px;}
.loca li a{display:inline-block;vertical-align:middle;font-size:10px;font-weight:300;color:#808285;}
.loca li b{font-weight:700;color:#808285;display:inline-block;vertical-align:middle;font-size:12px;}
.loca li a.ico_home{text-indent:-9999px;overflow:hidden;width:22px;height:18px;background:url(../images/common.png) no-repeat 0 0}
.loca li:first-child::before{display:none}

.result_section{border-top:2px solid #67b2c7;margin-top:50px;padding-top:9px;}
.result_top{overflow:hidden;margin-bottom:7px}
.result_top.mt{margin-top:40px}
	.result_total{color:#808285;font-size:18px;float:left;margin-top:5px;margin-right:15px;}
	.result_total em{color:#00699a;}
	.result_total+.btn{margin-right:5px;}
.result_top p{color:#ff8401;display:inline-block;margin-right:10px;vertical-align:middle;padding-top:10px;}


/*login*/
#loginPageIndex{width:100%;max-width:1920px;min-width:1200px;max-height:1080px;height:100%;overflow:auto}
.login_wrapper{/*width:1920px;height:1080px;*/width:100%;height:100%;max-height:1080px;overflow:hidden;}

.login_bg_section{float:left;max-width:683px;width:35.5%;height:100%;max-height:1080px;background:url("../images/bg_login.jpg") no-repeat 0 0;background-size:auto 100%;}
.login_section{float:left;max-width:1237px;width:64.5%;height:100%;max-height:1080px;background:#fff;position:relative;}
.login_box{width:737px;height:630px;margin:0 auto;background:#fff;border:10px solid #67b2c7; padding:135px 160px;position:absolute;top:50%; left:50%;transform: translate(-50%, -50%);}
.login_tit{width:100%;text-align:center;margin-bottom:25px}
.login_tit h1{font-size:36px;color:#3e3e3e;font-weight:300;line-height:48px;}
.login_tit h1 strong{font-weight:700}
.login_cont{}
input.ipt_login{width:100%;height:53px;border:1px solid #aeaeae;border-radius:5px;font-size:16px;color:#777;margin-bottom:20px;}
input.ipt_login::placeholder{font-size:16px;font-weight:300}
.btn_login{width:100%;height:53px;background:#67b2c7;border:1px solid #67b2c7;border-radius:5px;font-size:20px;color:#fff;margin-bottom:20px;}
.login_btm{overflow:hi}
.login_btm .check-wrap{float:left;}
.check-wrap label{font-size:15px;color:#777;font-weight:300;padding-left:5px;}
.member_link{overflow:hidden;float:right;}
.member_link li{float:left;margin-right:8px;}
.member_link li::before{content:'';display:inline-block;width:1px;height:13px;background:#bebebe;vertical-align:middle;margin-right:8px;}
.member_link li a{color:#7d7d7d;font-size:15px;font-weight:300;display:inline-block;vertical-align:middle}
.member_link li:first-child::before{display:none}


/* 필수 값 폰트 스타일 추가*/
.font-bc{
	color:red;
	font-weight: bold;
}



/* 신규 기존 상세화면 문구*/
.p_paragraph{
	text-align: right;
	margin-top:5px;
}

/* 제품군 selectbox 디자인*/
.pr_Selet{
	height: 40px;
    font-size: 12px;
    color: #77787b;
    border: 1px solid #d6d6d6;
    padding-left:5px;
}

/* 버튼색 추가*/
.btn-primary4 {
	background-color: #00699a;
	color:#fff;
}


.confirm_margin_left{
	margin-left:20%;
}

.confirm_margin_right{
	margin-right:20%;
}

@media screen and (max-width:1600px) {
	.login_box{top:44%}
	}
.ipt_text {
	 text-align: center; padding-right: 25px;
}