@charset "utf-8";
@import url(notosanskr.css);

* {margin:0;padding:0;line-height:1.4em;-webkit-overflow-scrolling: touch;box-sizing:border-box;-webkit-hyphens: auto;hyphens: auto;font-family:'Noto Sans KR', 'Noto Sans', 'Dotum', 'Gulim', 'sans-serif';}
html, body{height:100%;font-size:12px;}
body{color:#000000;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;}
legend, caption, figcaption{display:none;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
table{width:100%;border-collapse:collapse;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;color:inherit;}
a{color:inherit;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
em{font-style:normal}
textarea{resize: none;}

input[type="text"]{height:40px;padding:0 5px;border:1px solid #c7c7c7;}
input[type="password"]{height:40px;padding:0 5px;border:1px solid #c7c7c7;}
select{height:40px;padding-left:2px;border:1px solid #c7c7c7;}

.marginR10 {margin-right:10px;}
.marginR20 {margin-right:20px;}
.marginL20 {margin-left:20px;}
.marginL10 {margin-left:10px;}
.marginR50 {margin-right:50px;}
.marginR100 {margin-right:100px;}
.txt_red {color:#bb0000;font-weight:bold;vertical-align: top;}
.txt_red2 {color:#8a0000;font-weight:bold;}
.txt_green {color:#00a1b9;font-weight:bold;}


.chkTable {width:320px;height:28px;position:relative;margin:auto;outline:0; border:0;text-align:center;}
.chkTable .inpChk {cursor:pointer;font-size:12px;font-family:NanumGothic;color:#d0d0d0;font-weight:bold;;margin:auto;}
.chkTable .inpChk .inp{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle;}
.chkTable .inpChk .inp .ic{position:relative;display:inline-block;position:absolute;top:0;left:0;line-height:18px;width:100%;height:100%;border:1px solid #404040;background:#fff;}
.chkTable .inpChk .inp input:checked + .ic{background:#fff url('/images/ico_inpchk.png') no-repeat 50% 50%;}

.ico{display:inline-block;vertical-align:middle;}
.ico.iExcel {width:36px;height:35px;background:url('/images/ico_excel2.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:2px;}
.ico.iPrint {width:36px;height:35px;background:url('/images/ico_print2.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:2px;}
.ico.iLogout {width:36px;height:35px;background:url('/images/ico_logout2.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:2px;}
.ico.iSet {width:36px;height:35px;background:url('/images/ico_set2.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:2px;}

.ico.iExcel:hover {width:28px;height:27px;background:url('/images/ico_excel.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:5px;}
.ico.iPrint:hover {width:28px;height:27px;background:url('/images/ico_print.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:5px;}
.ico.iLogout:hover {width:28px;height:27px;background:url('/images/ico_logout.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:5px;}
.ico.iSet:hover {width:28px;height:27px;background:url('/images/ico_set.png') no-repeat 50% 50%;background-size:auto 100% !important;margin-top:5px;}




/**RadioBox에 대한 부분 ******************************************************/
.checks .left {margin-right : 5em;}
input[type=radio   ]:not(old){
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=radio   ]:not(old) + label{
  	display        : inline-block;
  	vertical-align : midddle;
  	/*margin-left    : -2em;*/
  	line-height    : 2.5em;
  	margin-right   : 2.5em;
  	line-height: 50px;
}

input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1.5em;
  height           : 1.5em;
  margin           : 0.5em 0.5em 0.5em 0.5em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  vertical-align   : midddle;
  width            : 1.1em;
  height           : 1.1em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}





/****************************************************************.alignL**************
 *** layout *******************************************************************
 ******************************************************************************/
body{background:#fff;}
.header{height:100px;padding-left:300px;border-bottom:10px solid #558b3f;}
.header .logo{position:absolute;top:0;left:0;border-right:2px solid #004435;background:#fff;width:260px;height:90px;padding-top:20px;}
.header .logo img{
	margin:auto;
	padding-left:4px;

}

.header .header_right{
	display:inline-block;
	background:#fff url('/images/sub_bg.jpg');
	height:90px;
	width:100%;
	left:260px;
	min-width:779px;
	position: absolute;
}
.header .header_right .right {display:inline-block;position:fixed;left:235px;top:10px;display:table-cell;text-align:right;vertical-align:middle;width:85%;}
.header .right > div{position:relative;padding:0 20px;}
.header .right > div:after{content:"";display:block;position:absolute;top:50%;left:0;width:2px;height:33px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#000;}
.header .right > div:first-child:after{display:none;}


.header .menu {display:inline-block;vertical-align:middle;}
.header .menu > a{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;background:#fff;border: 1px solid #fff;}
.header .menu > a + a{margin-left:10px;}


.header .user {display:inline-block;}
.header .user .img {display:inline-block;margin-right:10px;}
.header .user .img img {width:52px;height:52px;border-radius:52px;}
.header .user .txt {font-size:15px;color:#2e2e2e;font-weight:900;}

.header .usreMenu {display:inline-block;vertical-align:middle;}
.header .usreMenu > a{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;background:#fff;border: 1px solid #293952;}
.header .usreMenu > a + a{margin-left:10px;margin-right:50px;}

.header .usreMenu .div_btn {
	display: flex;
    flex-direction: row;
}



.header .usreMenu .div_btn button {
	font-weight:bold;
	border-radius:10px;
	/*text-transform:uppercase;*/
	outline:0;
	background:rgba(246, 246, 224);
	border:0;
	padding:10px;
	color: #000;
	margin:5px;
	font-size:12px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}
.header .usreMenu .div_btn button:hover,.header .usreMenu .div_btn button:active,.header .usreMenu .div_btn button:focus {background:rgba(231, 229, 165);}




.header2{height:100px;padding-left:500px;border-bottom:10px solid #558b3f;position: relative;}
.header2 .logo2{display: flex;position:absolute;top:0;left:0;background:#fff;width:500px;height:90px;}
.header2 .logo2 img{
	margin:auto;
	padding-left:4px;
	padding-right:10px;

}
.header2 .header_right2{
	display:inline-block;
	background:#fff url('/images/sub_bg.jpg');
	height:90px;
	width:100%;
	left:500px;
	min-width:779px;
}
.header2 .header_right2 .right2 {display:inline-block;position:relative;text-align:right;vertical-align:middle;width:100%;height:100%;}
.header2 .right2 > div{position:relative;padding:20px;}
.header2 .right2 > div:after{content:"";display:block;position:absolute;top:50%;left:0;width:2px;height:33px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.header2 .right2 > div:first-child:after{display:none;}


.header2 .header_right2 .right2 .div_btn {display: flex;flex-direction: row;justify-content: end;}
.header2 .header_right2 .right2 .div_btn button {
	font-weight:bold;
	border-radius:10px;
	/*text-transform:uppercase;*/
	outline:0;
	background:rgba(246, 246, 224);
	border:0;
	padding:10px;
	color: #000;
	margin:5px;
	font-size:12px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}
.header2 .header_right2 .right2 .div_btn button:hover,
.header2 .header_right2 .right2 .div_btn button:active,
.header2 .header_right2 .right2 .div_btn button:focus {background:rgba(231, 229, 165);}





.header .usreMenu .div_btn2 {
	display: flex;
    flex-direction: row;
}

.header .usreMenu .div_btn2 a {
	cursor: pointer;
	padding:0px;
	font-size:12px;
}
.header .usreMenu .div_btn2 a:hover,.header .usreMenu .div_btn2 a:focus {font-weight:bold;}



.header .usreMenu .div_btn2 button {
	font-weight:bold;
	border-radius:10px;
	/*text-transform:uppercase;*/
	outline:0;
	background:rgba(246, 246, 224);
	border:0;
	padding:10px;
	color: #000;
	margin:5px;
	font-size:12px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}
.header .usreMenu .div_btn2 button:hover,.header .usreMenu .div_btn2 button:active,.header .usreMenu .div_btn2 button:focus {background:rgba(231, 229, 165);}




.container{width:1400px;}
.container:after{content:""; display: block;clear:both;}
.gnbMenu{float:left;width:244px;}
.gnbMenu > ul > li{border-left:10px solid #fff;border-bottom:1px solid #c3c3c3;}
.gnbMenu > ul > li > a{display:block;height:42px;line-height:42px;padding-left:25px;font-size:16px;color:#434343;}
.gnbMenu > ul > li > ul{display:none;padding-left:25px;padding-bottom:30px;}
.gnbMenu > ul > li > ul > li{margin-top:5px;}
.gnbMenu > ul > li > ul > li:first-child{margin-top:0;}
.gnbMenu > ul > li > ul > li > a{position:relative;display:inline-block;padding:0 22px 0 10px;font-size:15px;color:#717171;}
.gnbMenu > ul > li > ul > li.on > a:after,
.gnbMenu > ul > li > ul > li > a:hover:after{content:""; display: block;position:absolute;top:50%;right:0;width:0px;height:0px;margin-top:-5px;border-left:8px solid #727272;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.gnbMenu > ul > li.hover,
.gnbMenu > ul > li.on{border-left:10px solid #104492;background:#f2f2f2;}
.gnbMenu > ul > li.on ul{display:block;}

.content{overflow:hidden;padding:20px 22px;}

main {
    /*background: #f2f4f7;*/
    min-height: 780px;
    padding-bottom:50px;
}

.bottom_static {
	display:block;
	position: absolute;
	background:#767c80;
	color:#fff;
	width:100%;
	height:80px;
	bottom:0px;
}

.bottom {
	display:block;
	background:#767c80;
	color:#fff;
	width:100%;
	height:80px;
}
.bottom_static .bottom_info, 
.bottom .bottom_info, 
.middle .bottom .bottom_info{display:inline-block;background:#767c80;color:#fff;position: relative; top: calc(100% - 65px); text-align:left;height:51px;left: 50%;
    transform: translate(-50%, 0);letter-spacing:1px;
}
/******************************************************************************
 *** contents *******************************************************************
 ******************************************************************************/

.pathTit{margin-bottom:20px;}
.pathTit img {
    display: inline-block;
	vertical-align: middle;
	margin-bottom:3px;
}
.pathTit span{display:inline-block;padding-left:15px;color:#434343;font-weight:bold;font-size:30px;}
.pathTit strong{display:inline-block;padding-left:45px;margin-left:38px;color:#434343;font-weight:bold;font-size:30px;line-height:30px;background:url('/images/R_arrow.png') no-repeat 0 50%;}
.pathTit a:link {color:#0066cc;text-decoration:none;}
.pathTit a:hover {text-decoration:underline;}

.dataBoxTop .label{margin-left:10px;margin-right:5px;font-size:13px;color:#888;}
.dataBoxTop .label:first-child{margin-left:0;}
.dataBoxTop select{height:40px;padding-left:10px;color:#606060;border:1px solid #d7d7d7;border-radius: 10px;}
.dataBoxTop .selecSearch{display:inline-block;border:1px solid #b6b6b6;background:#fff;height: 40px;border-radius:10px;padding:5px;}
.dataBoxTop .selecSearch select{height:22px;width:90px;border:1px solid #fff;vertical-align:middle;}
.dataBoxTop .selecSearch input{height:28px;width:400px;border:1px solid #fff;}
.dataBoxTop .selecSearch > .btn{height:28px;width:40px;vertical-align:middle;background:url('/images/ico_search.png') no-repeat 50% 50%;}
.dataBoxTop .shrBtn{display:inline-block;margin-left:10px;padding:0 18px;font-size:14px;border-radius:30px;height:30px;color:#fff;vertical-align:middle;background:#5ac4cb;}


.dataType1{margin-top:10px;}
.dataType1 table{width:100%;}
.dataType1 td a:hover{text-decoration:underline;}


.dataBoxBtn{margin-top:20px;margin-bottom:3px;display:inline-block;vertical-align:middle;width:100%;}
.dataBoxBtn .btn{display:block;float:right;}
.dataBoxBtn .detail{display:block;float:left;vertical-align:middle;line-height:30px;font-weight:bold;}



.dataType1{margin-top:10px;}
.dataType1 table{width:100%;}
.dataType1 td a:hover{text-decoration:underline;}


.dataType2 th,
.dataType2 td{padding:5px;font-size:14px;color:#454545;}
.dataType2 th{text-align:right;}
.dataType2 .addressInput{display:table;width:100%;}
.dataType2 .addressInput .input{display:table-cell;width:auto;padding-right:10px;}
.dataType2 .addressInput .btn{display:table-cell;width:113px;}

.btnType1{display:block;padding:0 5px;font-size:13px;height:40px;line-height:40px;text-align:center;color:#fff;}
.btnType1.btn1{background:#727272;}


/* align */
.alignL{text-align:left !important; padding-left: 15px !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}

.txtb{font-weight: bold;}

/* bgcolor */
.bgYellow{background:#ffffcc;}
.bgPink{background:#fff7fb;}
.bgSkyblue{background:#e1ffff;}

/* color */
.txgtTitle{color:#1F4E79;font-weight: bold;}


.padding20L {padding-left:20px   !important;}
.padding40L {padding-left:40px   !important;}
.padding60L {padding-left:60px   !important;}
.padding80L {padding-left:80px   !important;}
.padding100L{padding-left:100px  !important;}

/* line */
.lineB {border-bottom:1px solid #b6b6b6 !important;}


/* paging */
.paging{padding-top:30px;text-align:center;}
.paging a{display:inline-block;width:14px;height:13px;line-height:13px;font-size:12px;vertical-align:middle;color:#898989;}
.paging a.on{color:#c10101;}
.paging .pagePrev{margin-left:4px;margin-right:10px;}
.paging .pageNext{margin-right:4px;margin-left:10px;}


/*****************************************************************
******************************추가한거*******************************
*******************************************************************/
.section > .inner{padding-top:0px;padding-bottom:100px;width:1000px;margin: 0 auto;}
.section .tit{position:relative;padding-bottom:24px;text-align:center;font-size:46px;color:#303030;font-weight:300;}
.section .tit:after{content:""; display: block;position:absolute;bottom:0;left:50%;width:125px;height:1px;margin-left:-62px;background:#303030;}
.section .tit strong{vertical-align:baseline;font-weight:normal;}
.section .eng{margin-top:26px;font-size:24px;color:#303030;text-align:center;}
.section .text{margin-top:25px;font-size:18px;color:#303030;text-align:center;line-height:1.4em;}
.section .text .sTxt{display:inline-block;margin-bottom:15px;font-size:16px;}
.section .img{margin-top:50px;text-align:center;}
.section .btn{margin-top:85px;text-align:center;}
.section .btn a{display:inline-block;height:30px;line-height:28px;font-size:16px;color:#1388da;width:260px;border-radius:30px;border:1px solid #c3c3c3;}

.section.section1 .tit strong{color:#0b88e5;}

.section{position:relative;}
.section.section2{background:url('../images/bg_section2.png') repeat 0 0;}
.section.section2 .tit{color:#fff;}
.section.section2 .tit strong{color:#feee38;}
.section.section2 .tit:after{background:#fff;}
.section.section2 .eng{color:#fff;}
.section.section2 .img{margin-top:70px;}
.section.section2 .text{color:#fff;}
.section.section2 .btn{margin-top:102px;}
.section.section2 .btn a{border:1px solid #c3c3c3;background:#fff;}

.section.section3 .inner{position:relative;padding-bottom:90px;}

.bigCalender{position:relative;width:667px;margin: 0 auto;padding-top:7px;}
.bigCalender .label{position:absolute;top:60px;right:0;}
.bigCalender .label span{display:block;white-space:nowrap;}
.bigCalender .label span i{display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:middle;}
.bigCalender .label span em{color:#999999;font-size:14px;}
.bigCalender .label .completed i{background:#999999;}
.bigCalender .label .selected i{background:#50b4ff;}
.bigCalender .yearMonth{position:relative;margin-top:28px;text-align:center;}
.bigCalender .yearMonth .prev{display:inline-block;width:30px;height:30px;background:url('../../images/btn_bigCal.png') no-repeat 0 0;}
.bigCalender .yearMonth .next{display:inline-block;width:30px;height:30px;background:url('../../images/btn_bigCal.png') no-repeat -30px 0;}
.bigCalender .yearMonth .date{position:relative;display:inline-block;padding:20px 0 15px 0;text-align:center;color:#333333;font-size:23px;}
.bigCalender .yearMonth .date .year{display:block;position:absolute;top:-7px;left:28px;font-size:22px;color:#303030;}
.bigCalender .yearMonth .date .month{position:relative;display:inline-block;margin: 0 30px;padding-bottom:6px;font-size:36px;color:#303030;}
.bigCalender .yearMonth .date .month:after{content:""; display: block;position:relative;top:-3px;width:42px;height:2px;background:#303030;}

.bigCalender td{height:74px;padding:5px 10px;cursor:pointer;color:#303030;font-size:14px;vertical-align:top;border:1px solid #999999;background:#ffffff;}
.bigCalender td.stamp{background:url('../images/stamp.png') no-repeat 24px 18px;}
.bigCalender td.completed{background:#e8e8e8;}
.bigCalender td.saturday{color:#0b79ea;}
.bigCalender td.sunday{color:#ea0303;}
.bigCalender td.empty{color:#999999;}
.bigCalender td.selected{color:#fff;background:#50b4ff;}
.bigCalender td .red{color:#ea0303; font-size: 14px; text-align: end;}
.bigCalender td .blue{color:#0b79ea; font-size: 14px; text-align: end;}
.bigCalender td .empty{color:#000000; font-size: 14px; text-align: end;}


.fileDel {background: red;color: white;font-weight: bold;}

.totalcount{
	display: inline-block;
}
.selectBoxSpan_menu_auth{
	display: inline-block;
	width:100%;
	height:30px;
	text-align:center;
	border:1px solid #b6b6b6;
	background:#fff;
	cursor:pointer;
	padding:3px !important;
}
.selectBoxDiv_menu_auth{
	display :block; 
	visibility: hidden;
	position: absolute;
	height: 300px; 
	overflow-y: scroll;
	border:1px solid #b6b6b6;
	background: white;
	margin-top: 1px;
}
.menu_auth_list td{
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	border-bottom:none !important;
	padding:5px !important;
	padding-left:10px !important;
}

.blank10{display: inline-block;	width:10px;}
.blank20{display: inline-block;	width:20px;}
.blank30{display: inline-block;	width:30px;}

.selectTitle {background: #CCCCCC;}


.mPopLayer_MenuAuthView {display:none;position:absolute;border-radius: 0px;top:0%;left:50%;margin-top:-0%;margin-left:-45%;width: 500px;height: 700px; z-index:1100;border:solid 10px rgba(160, 160, 160, 0);padding:0px;overflow:hidden;}
.mPopLayer_MenuAuthView .layer {position:relative;width:100%;height:100%;border-radius: 0px;background:#fff;z-index:2110;overflow:hidden;border:solid 1px #A0A0A0;margin:0 auto;}
.mPopLayer_MenuAuthView .layer .scroll {position:relative;height:430px;overflow-x:hidden;overflow-y:auto;border-bottom:1px solid #797979; }
.mPopLayer_MenuAuthView .layer .gnbMenuWrap{width:95%;margin:0 auto;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu{margin-top:0px;padding:0 10px;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul{border-top:1px solid #a2a2a2;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li{border-bottom:1px solid #a2a2a2;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .cell{position:relative;height:50px;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .cell.left{padding-left:12px;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .cell.right{padding-right:30px;text-align:right;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .cell:last-child:after{content:'';display:block;position:absolute;top:22px;right:10px;width:4px;height:6px;background:url(../images/arr_gnbMenu.png) no-repeat 50% 50%;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .icon{display:inline-block;width:35px;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .tit{font-size:13px;color:#363636;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .gnbMenu > ul > li .rTxt{font-size:13px;color:#989898;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop{width:100%;background: #ffffff;  text-align: center;padding:0px;color:#fff}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .title{width:100%;background: #989898;  text-align: center;padding:10px;font-weight:bold;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .serch{width:100%;padding:5px;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .selecSearch{margin:0px;display: inline-block;height: 30px;width:100%;border: 1px solid #f8f8f8;background: #f8f8f8;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .selecSearch input{height:28px;width:;border:1px solid #f8f8f8;vertical-align:top;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .selecSearch select{height:28px;width:80px;border:1px solid #f8f8f8;vertical-align:top;float:left;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .selecSearch > .btn{height:28px;width:40px;vertical-align:middle;border:1px solid #f8f8f8;background:url('../images/ico_search.png') no-repeat 50% 50%;float:right;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataTop .selecSearch > .btndiv{cursor:pointer;display:inline-flex;height:28px;width:30px;vertical-align:middle;background:url('../images/ico_search.png') no-repeat 50% 50%;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo{border-bottom:solid 2px #1ec497;text-align:center;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo .btnArea01{border:solid 0px #00f;text-align:center;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo .segaBtn01{margin-bottom:5px;background:#1ec497;border-radius: 0px;padding:5px;width:30%;border:solid 2px #1ec497;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo .btnArea02{border:solid 0px #00f;text-align:center;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo .segaBtn02{margin:5px;background:#41e2b6;border-radius: 0px;padding:5px;width:20%;border:solid 2px #41e2b6;}
.mPopLayer_MenuAuthView .layer .gnbMenuWrap .dataInfo .btnOn{border:solid 2px #FF0000;}
.mPopLayer_MenuAuthView .layer .scroll .btnArea03{border:solid 0px #00f;text-align:center;}
.mPopLayer_MenuAuthView .layer .scroll .segaBtn03{margin:5px;border-radius: 0px;vertical-align:top;padding:5px;min-width:120px;width:45%;border:solid 1px #333;color:#333}
.mPopLayer_MenuAuthView .layer .scroll .btnOn{border:solid 2px #FF0000;}
.mPopLayer_MenuAuthView .popCloseBtnDiv{position:absolute; text-align:center;padding: 5px;bottom: 0px; width: 100%;background:#989898;font-size:13px;border:solid 1px #A0A0A0;}
.mPopLayer_MenuAuthView .popCloseBtn{}
.mPopLayer_MenuAuthView .btnDblellips{height:28px;width:40%;padding-left:10px;padding-right:10px;vertical-align:middle;border:solid 1px #fff;}

.mPopLayer_MenuAuthView .infodiv{width:100%;vertical-align:middle;border:0px solid #00f;background:#fff;margin-bottom:5px;}
.mPopLayer_MenuAuthView .infodiv .txt{display:inline-block;padding:5px;color:#333;vertical-align:middle;border:solid 0px #00f;font-size:14px;font-weight:bold}
.mPopLayer_MenuAuthView .infodiv input{width:80px;text-align:left;padding:5px;border:0px solid #00f;font-size:14px;font-weight:bold}


.listType1{padding:5px;text-align:center;border:solid 0px #00f;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;}
.listType1 ul li{border-bottom:1px solid #7BCBBE;}
.listType1 ul li .cellbox .cell{border:solid 0px #00f;height:50px;}
.listType1 ul li .cellbox .top{vertical-align:top;}
.listType1 ul li .cellbox .left{text-align:left;}
.listType1 ul li .cellbox .right{text-align:right;}
.listType1 ul li .sogaNo{width:40px;display:inline-block;font-size:12px;color:#363636;line-height:150%;border:solid 0px #00f;}
.listType1 ul li .bookInfo{display:inline-block;font-size:12px;color:#999;line-height:150%;border:solid 0px #00f;}
.listType1 ul li .etcInfo{display:none;}
.listType1 ul li .bookNm{display:block;font-size:13px;color:#333;line-height:150%;border:solid 0px #00f;font-weight:bold}
.listType1 ul li .outDanga{width:70px;text-align:right;border:solid 0px #00f;display:inline-block;}
.listType1 ul li .stock{width:100px; display:inline-block;font-size:15px;border:solid 0px #00f;}
.listType1 ul li .stock .stockCnt{width:50%;text-align:right;padding-right:5px;border:1px solid #ffffff;}
.listType1 ul li .stock .moveCnt{width:50%;text-align:right;padding-right:5px;border:1px solid #edeee8;}
.listType1 ul li .stockView{height:28px;padding-left:30px;padding-right:30px;margin-left:5px;margin-bottom:5px;float:left;border:1px solid #333;color:#333}
.listType1 ul li .selectBarCd{height:28px;padding-left:10px;padding-right:10px;margin-left:5px;margin-bottom:5px;float:left;border:1px solid #333;color:#333}
.listType1 ul li .insertBarCd{width:100%;height:28px;padding-left:10px;padding-right:10px;margin-left:5px;margin-bottom:5px;float:left;border:1px solid #333;color:#333}
.listType1 ul li .stock01{width:60px; display:inline-block;font-size:15px;border:solid 0px #00f;}
.listType1 ul li .stock01 .stockCnt{width:100%;text-align:right;padding-right:5px;border:1px solid #ffffff;}




.dropdown {
	display:inline-block;
	position:relative;
	position:absolute; 
	transform: translateY(-10.5%);
	margin:auto;
	width:18.5%;
	padding:5px;
	height:220px;
	display:block;
}

.dropdown a {font-weight:bold;color:#2e2e2e; border-radius:5px;width:100%; z-index:1;}
.dropdown a:link{font-weight:bold;color:#2e2e2e;text-decoration:none;width:100%;z-index:1;}

.dropdown .hida .chkTable {width:320px;height:28px;position:relative;margin:auto;outline:0; border:0;text-align:center;vertical-align:middle;}
.dropdown .hida .chkTable .inpChk {cursor:pointer;font-size:12px;font-family:NanumGothic;color:#d0d0d0;font-weight:bold;;margin:auto;}
.dropdown .hida .chkTable .inpChk .inp{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle;}
.dropdown .hida .chkTable .inpChk .inp .ic{position:relative;display:inline-block;position:absolute;top:0;left:0;line-height:18px;width:100%;height:100%;border:1px solid #404040;background:#fff;}
.dropdown .hida .chkTable .inpChk .inp input:checked + .ic{background:#fff url('/images/ico_inpchk.png') no-repeat 50% 50%;}


.dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
  width:100%;
  z-index:1;
}

.dropdown ul {
  margin: -1px 0 0 0;
  z-index: 100;
}

.dropdown dd {
	position:relative;
   	z-index: 100;
}

.dropdown a,
.dropdown a:visited {
  font-weight:bold;
  color:#1f4e79; 
  text-decoration: none;
  outline: none;
  font-size: 14px;
  z-index:1;
}

.dropdown dt a {
  background-color:#fff;
  border:1px solid #b6b6b6;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  width:100%;
  z-index:1;
}

.dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
  z-index: 100;
}

.dropdown dd ul {
  background-color:#fff;
  border:1px solid #b6b6b6;
  color:#333;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width:100%;
  list-style: none;
  height: 220px;
  overflow: auto;
  z-index: 100;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li {
  padding:5px;
  display: block;
  height:35px;
  font-size:14px;
  text-align:left;
  padding-left:15px;
}

.dropdown dd ul li .chkTable{padding-right:10px;}

.dropdown dd ul li a:hover {
  background-color: #fff;
  border:1px solid #b6b6b6;
}


/*파일업로드 관련 CSS*/
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: 0 15px 0 28px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	vertical-align: middle;
	background: url(/images/ico_search.png) no-repeat 11px 60% #85ca3a;
	cursor: pointer;
	border: 1px solid #85ca3a;
	border-bottom-color: #85ca3a;
	border-radius: 10px;
	height: 40px;
}

.filebox label img {
	float: left;
	margin-left: 2px;
	margin-right: 5px;
	width: 25px;
	height: 25px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	width: 280px;
	height: 40px;
	padding: .5em .75em; /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 10px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.imgswap {margin-left:20px;} 
.imgswap img:last-child{display:none;} 
.imgswap:hover img:first-child{display:none;} 
.imgswap:hover img:last-child{display:inline-block;}



/* 페이지리스트 */
.paginate-area {padding:20px 0;text-align:center}
.paginate {clear:both;}
.paginate * {vertical-align:top;text-decoration:none;}
.paginate a {display:inline-block; margin-right:-1px; width:24px; height:24px; border:1px solid #dedede; color:#777; font-size:11px; font-weight:bold; line-height:24px; text-align:center;}
.paginate a:hover,.paginate a:focus,.paginate a:active {background:#333; cursor:pointer; color:#fff; border:1px solid #2a2a2a;}
.paginate strong {display:inline-block; margin-right:-1px; width:24px; height:24px; background:#333; border:1px solid #2a2a2a; color:#fff; font-weight:bold; line-height:24px; text-align:center;}
.paginate a.pre{border:none;background:url('/images/bu_pg_L1.gif') no-repeat 10px 12px !important;font-weight:normal}
.paginate a.pre_end{border:none;background:url('/images/bu_pg_L2.gif') no-repeat 17px 12px !important;font-weight:normal}
.paginate a.next{border:none;background:url('/images/bu_pg_r1.gif') no-repeat 10px 12px !important;font-weight:normal}
.paginate a.next_end{border:none;background:url('/images/bu_pg_r2.gif') no-repeat 0px 12px !important;font-weight:normal}




.chkTable {width:320px;height:28px;position:relative;margin:auto;outline:0; border:0;text-align:center;}
.chkTable .inpChk {cursor:pointer;font-size:12px;font-family:NanumGothic;color:#d0d0d0;font-weight:bold;;margin:auto;}
.chkTable .inpChk .inp{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle;}
.chkTable .inpChk .inp .ic{position:relative;display:inline-block;position:absolute;top:0;left:0;line-height:18px;width:100%;height:100%;border:1px solid #404040;background:#fff;}
.chkTable .inpChk .inp input:checked + .ic{background:#fff url('/images/ico_inpchk.png') no-repeat 50% 50%;}

#chartdiv {
    width: 100%;
    height: 50vh;
}



ul{list-style:none;}
.middle .middle_title2{
	width:800px; 
  	margin: 0 auto; 
  	display: flex;
  	position: absolute; 
  	left: calc((100% - 800px)/2);
  	top:80px;
}

main .middle_title {
	width:800px; 
  	margin: 0 auto; 
  	display: flex;
  	left: calc((100% - 800px)/2);
  	padding-top:80px;
}

.middle_title img, .middle_title2 img{
	width:50px;
	height:auto;
	vertical-align:middle;
}

.middle_title .sub_title, .middle_title2 .sub_title{
	font-size:40px;
	font-weight:700;
	vertical-align:middle;
	margin-left:10px;
}


main .div_join {
	width:800px; 
  	margin: 0 auto; 
  	display: block;
  	left: calc((100% - 800px)/2);
    top: 260px;
    box-sizing: border-box;
    border: 5px solid #f9f9f9;
    padding:20px;
    margin-top:20px;
}

.div_join .div_btn {
	display:block;
	margin-top:30px;
}

.div_join button {
	font-weight:bold;
	border-radius:20px;
	/*text-transform:uppercase;*/
	outline:0;
	background:#0b4688;
	width:100%;
	border:0;
	padding:10px;
	color:#fff;
	margin:5px;
	font-size:14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	height: 50px;
}

.div_join .in1{
	height:40px;
	padding:0 5px;
	border:1px solid #c7c7c7;
	border-radius: 5px;
	width:100%;
}

.div_join .in1_btn{
	height:40px;
	padding:0 5px;
	border-radius: 5px;
}

.div_join .red_star {
	color:red;
	font-size:15px;
	font-weight:bold;
}
.div_join .txt {
	color: black;
	font-size:15px;
	font-weight:bold;
}


.bottom2 {
	width:100%;
	height:80px;
}
.red_star {
    color: red;
    font-size: 15px;
    font-weight: bold;
}

.tabmenu2{ 
	width:900px; 
  	margin: 0 auto; 
  	display: block;
  	float: left;
}

.tabmenu2 ul {
	position: absolute;
	width: 900px;
}


.tabmenu{ 
	width:800px; 
  	margin: 0 auto; 
  	display: block;
  	position: fixed; 
  	left: calc((100% - 800px)/2);
    top: calc((100% - 450px)/2);
}

}
.tabmenu ul{
	position: relative;
}
.tabmenu ul li, .tabmenu2 ul li{
	display: inline-block;
  	width:50%; 
  	float:left;  
  	text-align:center; 
  	background :#f9f9f9;
  	line-height:40px;
}
.tabmenu label, .tabmenu2 label{
	display:block;
  	width:100%; 
  	height:50px;
  	line-height:50px;
  	font-size: 15px;
}
/*.tabmenu input{display:none;}*/
.tabmenu .in1, .tabmenu2 .in1{
	height:40px;
	padding:0 5px;
	border:1px solid #c7c7c7;
	border-radius: 5px;
	width:100%;
}


.tabmenu .div_btn, .tabmenu2 .div_btn {
	display:block;
	margin-top:30px;
}

.tabmenu .div_btn_2, .tabmenu2 .div_btn_2 {
	display: flex;
	margin-top:30px;
}

.tabmenu .div_btn button, .tabmenu2 .div_btn button {
	font-weight:bold;
	border-radius:20px;
	text-transform:uppercase;
	outline:0;
	background:#0b4688;
	width:100%;
	border:0;
	padding:10px;
	color:#fff;
	margin:5px;
	font-size:14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	height: 50px;
}

.tabmenu .div_btn button:hover,.tabmenu .div_btn button:active,.tabmenu .div_btn button:focus {background:#275394;font-weight:bold;}
.tabmenu2 .div_btn button:hover,.tabmenu2 .div_btn button:active,.tabmenu2 .div_btn button:focus {background:#275394;font-weight:bold;}

.tabCon{
  	display:none; 
  	width: 100%;
  	text-align:left; 
  	padding: 20px;
  	position:absolute; 
  	left:0; 
  	top:50px; 
  	box-sizing: border-box; 
  	border : 5px solid #f9f9f9;
  	height:400px;
}

.tabCon2{
  	display:none; 
  	width: 100%;
  	text-align:left; 
  	padding: 20px;
  	position:absolute; 
  	left:0; 
  	top:50px; 
  	box-sizing: border-box; 
  	border : 5px solid #f9f9f9;
  	height:550px;
}
.tabmenu input:checked ~ label, .tabmenu2 input:checked ~ label{
	background:#0b4688;
	color:#fff;
	font-size: 15px;
	font-weight:bold;
	line-height: 50px;
}
.tabmenu input:checked ~ .tabCon, .tabmenu2 input:checked ~ .tabCon2{
  	display:block;
  	line-height: 50px;
}


/*회원가입부분 ********************/
.titType4 {
    margin-top: 45px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000000;
}

.totalAgree{}
.totalAgree .allAgree{margin-bottom:20px;}
.totalAgree .textareaWrap ~ .textareaWrap{margin-top:40px;}
.totalAgree .txt{font-size:15px;}
.txt{font-size:15px;}
.totalAgree textarea ~ .txt{margin-top:5px;}
.totalAgree .txt .inpChk{margin-left:7px;}
.totalAgree textarea{width:100%;height:152px;border:1px solid #afafaf;}
.textareaWrap .txt2{margin-bottom:14px;font-size:15px;}


.inpChk{display:inline-block;cursor:pointer;white-space:nowrap;margin-right:5px;}
.inpChk .inp{display:inline-block;position:relative;width:20px;height:20px;vertical-align: middle;background:#fff;}
.inpChk .inp input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.inpChk .inp .ic{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #707070;}
.inpChk .inp input:checked  + .ic{border:1px solid #016aeb;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAV1BMVEUBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBausBauv///8PShi6AAAAG3RSTlMABwhO+u5oGxNXafLkJFv9Y6HrLQKXfAGT91XXJoMLAAAAAWJLR0QcnARBBwAAAAd0SU1FB+QMCw8bMjlNRBMAAABHSURBVAjXTclZFoAgFAJQKptL07KJ/e+zZzbID5cD8CXLfxeqTMwKdXO7VeyAfhjF2phJytLNwTr8i6dbHwObJ1/L2o8z6gJ26QLd87EregAAAABJRU5ErkJggg==') no-repeat 50% 50%;background-size:auto 9px;}
.inpChk .txt{display:inline-block;font-size:12px;vertical-align: middle;color: #4b4843;}
.inpChk .inp ~ .txt{margin-left:1px;}
.inpChk .txt ~ .inp{margin-left:5px;}
.inpChk .txt.t2 {font-size:12px;}

.inpChk.st3 .inp{width:24px;height:24px;}
.inpChk.st3 .inp .ic{border:1px solid #afafaf;border-radius:3px;}
.inpChk.st3 .inp input:checked  + .ic{border:1px solid #176be5;background:#176be5 url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAQAAAClWqWlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkDAsPJCnr9qfDAAAAc0lEQVQI103OsQ1BAQBF0fcpRKMiChWGsIERhFZBYwMLqNVs8BdQ/g2EQkSjl0hMcBRIvFve5OZF/hg51/K/VvqxM/j6oZKg0hEx9nKMNfZ6YuVpHrHFUlfpql1I6qnyyC2zXDL55KZOuFto/h5scNBQvAGdmlHSfn9wKQAAAABJRU5ErkJggg==') no-repeat 50% 50%;background-size:auto 9px;}
.inpChk.st3 .txt {font-size:15px;color: #3f4248;}


/* 이용약관 */
.ruleWrap{}
.ruleWrap .ruleCont {overflow-y:auto;padding:30px 25px;border:1px solid #d6d7d8;font-size:14px;line-height:1.4em;color: #000;font-size:13px;}
.ruleWrap .ruleCont .ruleTit1 {margin-top:40px;margin-bottom:10px;font-weight:bold;}
.ruleWrap .ruleCont .ruleTit1:first-child{margin-top:0;}
.ruleWrap .ruleCont .ruleText{position:relative;margin-top:3px;line-height:1.6em;}
.ruleWrap .ruleCont .ruleNumberType1 {position:relative;margin-top:3px;padding-left:18px;line-height:1.6em;}
.ruleWrap .ruleCont .ruleNumberType1 .num {position:absolute;top:0;left:0;}
.ruleWrap .ruleCont .ruleDash {position:relative;margin-top:3px;padding-left:18px;}
.ruleWrap .ruleCont .ruleDash:before{content:'';display:block;position:absolute;top:7px;left:10px;width:5px;height: 1px;background:#333;}
.ruleWrap .check{margin-top:25px;}
.ruleWrap.type2 .ruleCont{padding:22px;max-height:145px;font-size:15px;}




.div_load_image
{
	position:absolute; 
	top:50%; 
	left:calc(50% - 10rem);
	width:0px;
	height:0px; 
	z-index:9999; 
	background:#000; 
	filter:alpha(opacity=50); 
	opacity:alpha*0.5; 
	margin:auto; 
	padding:0; 
	text-align:center;
	z-index:1000;
}

.div_load_timer
{
	position:absolute; 
	top: 30%; 
	left:calc((100% - 650px)/2);
	width:650px;
	height:300px; 
	background:#fff; 
	filter:alpha(opacity=50); 
	opacity:alpha*0.5; 
	margin:auto; 
	padding:10px; 
	text-align:center;
	z-index:1000;
	border: 5px solid #1d4489;
    border-radius:30px;
}


button.con_btn {
    border: 1px solid #1d4489;
    height: 30px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height:23px;
    background:#1d4489;
    vertical-align:middle;
	border-radius: .25em;
    box-shadow:1px 1px 1px 1px gray;
}


button.out_btn {
    border: 1px solid #1d4489;
    height: 30px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: bold;
    color: #1d4489;
    line-height:23px;
    background:#fff;
    vertical-align:middle;
	border-radius: .25em;
    box-shadow:1px 1px 1px 1px gray;
}

.v_top {
	vertical-align:top !important;
	padding-top:7px;
}


.div_load_image
{
	position:absolute; 
	top:50%; 
	left:calc(50% - 10rem);
	width:0px;
	height:0px; 
	z-index:9999; 
	background:#000; 
	filter:alpha(opacity=50); 
	opacity:alpha*0.5; 
	margin:auto; 
	padding:0; 
	text-align:center;
	z-index:1000;
}