/* wv.v.1.0 2019-07 */
/* common */
html {height: 100%;  font-family: 'Noto Sans KR', sans-serif; }
body {height: 100%; font-size:14px; font-weight:400; color:#666; line-height:1.4; word-break:keep-all; margin:0px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.05em;}

img {border:0px; vertical-align:middle;}
select {border: 1px solid #e1e1e1; padding: 0 5px; height: 26px; line-height: 26px; vertical-align: middle; margin:0 3px 3px 3px}
input {font-family: 'Noto Sans KR', sans-serif; border: 1px solid #e1e1e1; padding: 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block; margin:0 3px 3px 3px; -webkit-appearance: none;
   -webkit-border-radius: 0;}
input[type=text]::-ms-clear {width:0; height:0;}
button {border:0; background:none; margin:0px; padding:0px; cursor:pointer; font-family: 'Noto Sans KR', sans-serif;}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}
fieldset {font-size:0; border:0; margin:0; padding:0}
caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}
h4 {margin-top:0;}
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
.block {display:block;}
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
.bold5 {font-weight:500;}

/* content */
.unitCont {position: relative;}
.unitCont .unit { position: relative; top: -7px;font-size: 12px;}


/* form */
input[type="checkbox"] + label {display: inline-block; vertical-align: middle;}
input[type="checkbox"] + label:before {content:"";     position: absolute; background-color:#fff; width: 16px; height: 16px; border: 1px solid #C0C0C0; cursor: pointer;}
input[type="checkbox"] + label span {padding-left:22px;}
input[type="checkbox"]:checked + label:before { background-image: url('/assets/user/images/Checkbox.png'); background-repeat:no-repeat; background-position: center; background-size:10px; } 
input[type="checkbox"] {overflow:hidden; width:0px; height:0px;}
.selectD {/*opacity:0; width:0px; height:0px;*/}
.selectD .selectDBox{position:absolute; background-color:#fff; border:1px solid #ccc;}
input:-internal-autofill-selected {background-color:transparent;}

.searchLayout {background-color:#F8F8F9; margin-bottom:40px;}
.searchLayoutIn {padding:20px 52px;}
input:placeholder{color:#666; font-size:16px;}
input::-webkit-input-placeholder {color:#666; font-size:16px;}
/* IE */
input:-ms-input-placeholder{color:#666; font-size:16px;}
/* Firefox */
input:-mos-input-placeholder {color:#666; font-size:16px;}


/* select */

select {border-radius:0; vertical-align: -webkit-baseline-middle;   border: 1px #d6d6d6 solid; -webkit-appearance: none;  -moz-appearance: none;  appearance: none;     background:url('/NIER/assets/kor/images/common/selectArrow.png') no-repeat right center; background-size:13px; z-index:1;}
select::-ms-expand { display: none;  }
/* button */

.buttonBox {clear: both; padding: 0px 0px 40px 0; display:inline-block; width:100%;}
.buttonTopBox {clear: both; padding: 0px 0px 24px 0; display:inline-block; width:100%;}
	.buttonBoxL {float: left;}
	.buttonBoxR {float: right;}

.bu_l_blue {position: relative; overflow:visible; padding: 7px 15px; border: 1px solid #2E3E9E; color: #2E3E9E; font-size: 14px; letter-spacing: -0.5px; transition:all 0.4s ease;}
.bu_l_blue span {color: #2E3E9E; font-size: 16px; vertical-align:-2px; transition:all 0.4s ease;}
.bu_l_blue:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_l_blue:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_l_blue:hover span {color:#D31F21;} 
.bu_l_blue:hover {color:#D31F21; border:1px solid #ccc;}
.bu_l_blue:hover:before{border-top: 1px solid;border-right: 1px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_l_blue:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}

.bu_l_white {position: relative; overflow:visible; padding: 7px 15px; border: 1px solid #2E3E9E; color: #2E3E9E; font-size: 14px; letter-spacing: -0.5px; transition:all 0.4s ease;}
.bu_l_white span {color: #2E3E9E; font-size: 16px; vertical-align:-2px; transition:all 0.4s ease;}
.bu_l_white:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_l_white:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_l_white:hover span {color:#D31F21;} 
.bu_l_white:hover {color:#D31F21; border:1px solid #ccc;}
.bu_l_white:hover:before{border-top: 1px solid;border-right: 1px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_l_white:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}

/* ui */
.tab_white {margin-bottom:30px; height:50px; position:relative;}
.tab_white:before {content:""; position:absolute; left:0px; height:51px; border-left:1px solid #D6D7D9;}
.tab_white:after {content:""; position:absolute; right:0px; height:51px; border-left:1px solid #D6D7D9;}
.tab_white li {float:left; border-top:1px solid #D6D7D9; border-bottom:1px solid #D6D7D9; }
.tab_white li a {display:block; z-index:1; min-width:80px; transition:all .3s ease; position: relative; text-align:center; overflow:hidden;}
.tab_white li a span {font-size:16px; color:#666; height:50px; display:table-cell; vertical-align:middle; line-height: 110%;}
.tab_white li a:before{display:block; content:''; height:54px;  width:100%;  left:0; bottom:-56px;
		background-color:#D31F21;  opacity:1; transition: all .3s ease; position: absolute; z-index: -1; transform-origin: bottom;}
.tab_white li.on a {box-shadow:2px 0px 13px rgba(211,31,33,0.5);}
.tab_white li.on a:before {bottom:0;}
.tab_white li.on a span {color:#fff; }

/* contnet - title */
.conT1 {font-size:36px; color:#000;}
.conT2 {font-size:24px; font-weight:500; color:#000; margin:0px 0px 24px 0px; letter-spacing:-0.25px;}
.conT3 {font-size:20px; font-weight:500; color:#000; margin:0px 0px 12px 0px; letter-spacing:-0.25px;}
.conT4 {font-size:16px; font-weight:500; color:#000; margin:0px 0px 8px 0px;}
.conT5 {font-size:18px; font-weight:500; color:#333; margin:0 0 10px 0;}
.conT6 {font-size:14px; font-weight:500; color:#333; margin:0 0 10px 0;}
.conTsub {font-size:16px; font-weight:400; color:#666; margin: 5px 0 0 0;}
/* contnet - color */
.txt_red {color: #f62a09;}
.txt_blue {color: #2D3B9C;}
.txt_purple {color: #d93289;}
.txt_yellow {color: #FFDD00;}
.txt_red {color: #f62a09;}
.txt_black {color: #000;}
.txt_white {color: #fff;}
.txt_gray {color: #666;}

/* contnet - text */
.conBox {margin-bottom:24px; background-color:#F8F8F9; padding:20px;}
.conBox_white {margin-bottom:24px; background-color:#fff; padding:20px;}
.lineBox {border:1px solid #D7D7D7; background-color:#fff;}
.conDan2 {width: 100%; margin-bottom:24px; display:inline-block;}
.conDan2 .conDanBox {width:50%; float:left;}
.conDan2 .conDanBox .conDanBoxIn {padding-left:12px;}
.conDan2 .conDanBox:first-child .conDanBoxIn {padding-left:0px; padding-right:12px;}
.conDanLine {clear:both; width: 100%; margin-bottom:24px; border-bottom:1px dashed #ccc;}
.conP {margin:0px 0px 40px;}
.bold {font-weight:600;}

/* list */
.ulStyle > li {padding:0px 0px 5px 15px; position:relative;}
.ulStyle > li:before {content:""; position:absolute; margin:0.6em 0em 0em -0.5em; width:2px; height:2px; background-color:#666; border-radius:50%;}
.ulStyle > li > ul {margin:5px 0px;}
.ulStyle > li > ul > li {padding:0px 0px 0px 15px;}
.ulStyle > li > ul > li:before {content:""; position:absolute; margin:7px 0px 0px -10px; width:5px; height:2px; background-color:#ccc;}

.olStyle > li {padding:0px 0px 10px 25px;}
.olStyle > li .num {position:absolute; margin:-3px 0px 0px -25px; font-size:18px; width:20px; text-align:center;}
.olStyle > li > ul {margin:5px 0px;}
.olStyle > li > ul > li {padding:0px 0px 0px 15px;}
.olStyle > li > ul > li:before {content:""; position:absolute; margin:7px 0px 0px -10px; width:8px; height:2px; background-color:#ccc;}

.dlStyle {margin:10px 0px;}
.dlStyle > dt {font-weight:500; color:#000; margin-bottom:5px;}
.dlStyle > dd {color:#666; margin-bottom:15px;}
.dlInline > dt {float:left; margin-bottom:10px; padding-right: 10px;}
.dlInline > dd {margin-bottom:10px;}

/* tabBox */

.tabBox {display:block; position:relative; overflow:hidden; border-right:0; margin-bottom:40px;}
.tabBox > ul {margin-bottom:-1px;}
.tabBox > ul:before {content:""; position:absolute; left:0px; width:100%; bottom:0px; height:1px; background-color:#333; z-index:1;}
.tabBox > ul > li {float: left;  text-align: center;}
.tabBox > ul > li > a {margin-left:-1px; text-align: center; position:relative; line-height:36px; display:inline-block; transition: all .4s ease; padding:0px 13px; 
				border:1px solid #DBDBDB; border-bottom:1px solid #333; border-left: 0px; color:#666; font-size:16px; font-weight:400;  vertical-align:middle;}
.tabBox > ul > li > a:hover {background-color:#efefef; color:#000;}
.tabBox > ul > li:first-child > a {margin-left:0px; margin-right:-1px; border-left:1px solid #dbdbdb;}
.tabBox > ul > li > a span {display:table-cell; vertical-align:middle; height:45px;} 
.tabBox > ul > li.on > a {background-color: #2D3B9C; color: white; border: 1px solid #2D3B9C; border-left: 0px; border-bottom: 1px solid #333; z-index: 1;}

.tabBox.full {display:table; width:100%; padding-right:1px;}
.tabBox.full > ul {display:table-row;}
.tabBox.full > ul > li {display:table-cell; float: none; border-collapse: collapse; vertical-align: top;}
.tabBox.full > ul > li > a {display:table; padding:0px; width:100%;}
.tabBox_line.full > ul > li > a:before {bottom:-2px; left: 0px;}

.tabWS {overflow-y:hidden; overflow-x:auto;}
.tabWS.tabWSOn ul {/*padding:0px 26px;*/}
.tabWS.tabWSOn ul:before {display:none; border-bottom:1px solid #000; top:0px; bottom:0px; position: absolute;  content: '\eaf4'; width: 26px; height: 46px; line-height: 47px; text-align: center;
				font-family: 'wvIcon' !important;background: rgb(255,255,255);
    			background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}
.tabWS.tabWSOn ul:after {display:none; border-bottom:1px solid #000; top: 0px; bottom:0px; position: absolute; content: '\e905'; width: 26px; height: 46px; line-height: 47px;
 				text-align: center;font-family: 'wvIcon' !important;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);}
/* tabBox-sub */
.tabBox_sub {display:inline-block; width:100%; margin:20px 0; border-bottom: 1px solid #1c1c1c;}
.tabBox_sub > ul {text-align:center}
.tabBox_sub > ul > li {float: left; display: table; height: 48px; margin: 0 0 -1px -1px; height: 44px; margin: 0 0 -1px -1px; background-color: #fff; border: solid;  border-width: 0 1px 0 1px;
    color: #b2b2b2; font-size: 16px;}
.tabBox_sub > ul > li.on {border-color:#333}
.tabBox_sub > ul > li > a {border-top: 1px solid #e1e1e1; font-size: 14px; color: #999; display: table-cell;  vertical-align: middle; line-height: 1.2; padding: 0 15px; line-height: 44px; text-align: center;}
.tabBox_sub > ul > li.on > a {color: #333; border-top: 2px solid #333;}

/* tabBox-line */
.tabBox_line > ul > li > a:before, .tabBox_line > ul > li > a:after {content: ''; display:block; position: absolute; width: 0;height: 0; border: 0 solid transparent;}
.tabBox_line > ul > li > a:before {border-top-width: 1px; border-left-width: 1px; bottom:-1px;left:-1px; z-index:1;}
.tabBox_line > ul > li > a:after {z-index:2; top:-1px; right:0px; border-right-width: 1px; }
.tabBox_line > ul > li.on > a {z-index:2; border-bottom-color:#fff; background-color:#fff; color:#000;}
.tabBox_line > ul > li.on a:before {border-color: #333; transition: border-color 0s, width .3s, height .3s; width: 100%; height: 100%; padding-top:1px;}
.tabBox_line > ul > li.on a:after { transition: border-color 0s, width 0.3s, height .4s, padding .3s; width: 100%; height: 100%;border-color: #000; transition-delay: 0s, 0s, .4s, .4s; padding-top:2px; margin-right:-1px;}
.tabBox_line > ul > li.on a:before {transition-delay: 0s, .2s, 0s;}

/* search */
.searchBox {position: relative; background-color: #f8f8f8; margin-bottom:40px; line-height: 130%; font-size:12px; padding:25px 0px;}
.searchBox:after {display:block; content:''; clear:both;}
.searchBox .labelT {min-width:80px; text-align:right; margin:0px 5px 0px 0px; line-height:30px; display:inline-block; vertical-align:middle;}
.searchBox dl {clear:both;}
.searchBox dl dt {float: left; min-width:80px; line-height:30px; margin:0px 5px 0px 0px; text-align:right;}
.searchBox dl dt .fa {color:#bbb; font-size:12px;}
.searchBox dl dd {float: left; padding-right: 20px;}
.searchBox input {max-width:98%;}
.searchBox label {display:inline-block;}
.searchBox .formGroup {display:block; margin:0px 120px 0px 52px; min-height:45px; border-bottom:1px solid #333; }
.searchBox .formGroup:after, .searchBox .formGroup2:after {display:block; content:''; clear:both;}
.searchBox .formGroup2 {padding: 30px 0 0 0;}
.searchBox .formGroup label {height:28px; line-height:28px;  padding:0px; min-width:80px; margin:2px 0px; vertical-align:middle; background-color:#e0e0e0; border-radius:3px; text-align:center; font-size:12px; color:#333; font-weight:500;}
.searchBox .formGroup label.skip {font-size: 0; width: 0; min-width:0px; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden;}
/* .searchBox .formGroup select {font-size:16px; border:0px; background: transparent; min-height: 45px; padding: 0px; margin: 0px;} */
.searchBox .formGroup select {font-size:16px; background:url('/NIER/assets/kor/images/common/selectArrow3.png') no-repeat 98% center; background-size:12px; min-height: 45px; margin: 0px; border:0;}
.searchBox .formGroup input {font-size:16px; border:0px; background: transparent; min-height: 45px;  padding: 0px; margin: 0px; text-indent:5px;}
.searchBox .formGroup ul:after {display:block; content:''; clear:both;}
.searchBox .formGroup ul li {text-align:center; position:relative;}
.searchBox .formGroup ul li select {width:98%;}
.searchBox .formGroup ul li input {width:98%}
.searchBox .formGroup > ul > li:before {content:""; height:17px; width:1px; border-left:1px solid #e1e1e1; position:absolute; margin-top:14px; left:0; z-index:1;}
.searchBox .formGroup > ul > li:first-child::before {display:none;} 
	.formW_10 {width:10%; float: left;}
	.formW_20 {width:20%; float: left;}
	.formW_30 {width:30%; float: left;}
	.formW_33 {width:33.3%; float: left;}
	.formW_40 {width:40%; float: left;}
	.formW_50 {width:50%; float: left;}
	.formW_60 {width:60%; float: left;}
	.formW_70 {width:70%; float: left;}
	.formW_80 {width:80%; float: left;}
	.formW_90 {width:90%; float: left;}
	.searchButton {display:inline-block; position:absolute; bottom:25px; right:52px; width:45px; height:45px; color:#fff; background-color:#272787; text-align:center; line-height:45px;margin-left:50px;}
	.searchButton .icon {font-size: 22px; vertical-align:middle;}
.searchCenter {text-align:center;}
.searchCenter ul {width:auto;}
.searchCenter ul li {display:inline-block; margin-right:0px;}
.searchCenter dl {width:auto;}
.searchCenter dl dt {display:inline-block;}
.searchCenter dl dd {display:inline-block;}
.searchCenter label {min-width:auto;}

.originSearchLayout {margin-bottom:40px;}
.originSearchLayout .searchBox{margin-bottom:0;}
.searchLineup {text-align:center; padding-bottom:20px; background-color: #f8f8f8;}
.searchLineup a {padding:11px; font-size:18px; color:#999;}
.searchLineup a:hover, .searchLineup a.on{color:#272787;}

/*챦쩔쩍챘흹혶챦쩔쩍챘타짜챔�밟�샖ぢ꼲셌ヅ벬씳�쩔쩍챘타짜책혥혻챙혥쩍챘�≤┚㎶뮻올ヂ냈┚р�싢�▣�쩔쩍챘흹혶챦쩔쩍챘타징챦쩔쩍챘혧째 searchBox*/

.unifiedSearch .searchBox {margin-bottom:0; background-color:#F1F4FF;}
.unifiedSearch .searchBox .selectric, .unifiedSearch .searchBox .selectric {background-color:#F1F4FF}

.unifiedSearch .searchBox .formGroup {margin:0 200px 0 20px;}
.unifiedSearch .searchButton {right:137px;}
.unifiedSearch .detailBtn {position:absolute; right:17px; bottom:11px; height: 45px; display:inline-block;}
.unifiedSearch .detailBtn .bu_l_blue {padding:13px 15px;}
.unifiedSearch .detailBtn .icon-k-next3 {transform:rotate(90deg); transition: all .3s; display:inline-block; font-size:14px;}
.unifiedSearch .detail {background-color:#F8F8F9; height:0px; overflow:hidden; font-size:15px; transition:all 0.3s ease;}
.unifiedSearch .detail.on {height: 75px;}
.unifiedSearch .detail:after {display:block; clear:both; content:'';}
.unifiedSearch .detail .deTitle {overflow: hidden; display: inline-block; width: 0px; height: 0px; text-indent: 100px;}
.unifiedSearch .btngroup {}
.detailBox1, .detailBox2 {position:relative; float:left; width:50%; margin-top: 20px;}
.detailBox1 .txt_black {position:absolute; top:10px}

/*TAB STYLE*/
.contentTab, .tab-detail  {position:relative; margin-bottom: 20px;}
.contentTab span, .tab-detail span {position:absolute; top:-35px; right:0;}
.tab-detail .Tab01 li a {padding:0 10px;}
.Tab01 {border-bottom:1px solid #ccc; width:100%; position:relative;}
.Tab01:after {clear:both; content:''; display:block;}
.Tab01 li {float:left; margin-right:3px;}
.Tab01 li a {border:1px solid #d1d1d1; border-bottom:none; display:inline-block; height:34px; line-height:34px; padding:0 22px;}
.Tab01 li a.yearTab, .Tab01 li a.yearTab:hover {background:url('../images/common/bg_yeartab.png') no-repeat #efb035; color:#fff; border:1px solid #de9f25; border-bottom:none; position:absolute; top:0; right:0;}
.Tab01 li a:hover, .Tab01 li a.on, .Tab01 li.active a {border:1px solid #ccc;border-bottom:1px solid #fff; margin-bottom:-1px;; text-decoration:none; color:#000;}
.Tab01 li.active a {border:1px solid #48b0a6;border-bottom:1px solid #fff; margin-bottom:-1px;; text-decoration:none; color:#05877a;}
    
.btngroup li {float:left; margin-left: -1px;}
.btngroup li:first-child {margin-left:0px;}
.btngroup li a {display:block; text-align:center; transition: all .3s; padding:8px; position:relative; background-color:#F2F2F2; color:#888888;}
.btngroup li.on a {background-color:#2D3B9C; color:#fff;}

.detailSelect {display:inline-block;}
.detailSelect .detailSelectLabel {line-height: 37px; padding-left: 10px;}
.detailSelect .detailSelectLabel input[type="radio"] {-webkit-appearance:radio;}
.detailSelect .select_list {display:inline-block; vertical-align: middle; border-bottom: 1px solid #ccc;}
.detailSelect .selectric-select_list {display:inline-block; vertical-align: middle; border-bottom: 1px solid #ccc;}
.detailSelect .selectric .label {height:38px; line-height:38px;}
.detailSelect .bar {display: inline-block; vertical-align: middle; padding: 0px 10px; font-size: 16px;}

.search_unite {background-color:#F8F8F9; border:1px solid #E1E1E1; margin-bottom:40px; position: relative;}
.search_unite .btnLet {margin:10px 10px 0px 10px; overflow: hidden;}
.search_unite .siteGroup {margin:10px; overflow: hidden;}
.search_unite .siteGroup table {width:100%;}
.search_unite .siteGroup ul li {float: left; min-width: 200px; height: 25px;}
.search_unite input[type="checkbox"] {width: auto; height: auto; overflow: auto; -webkit-appearance: checkbox;}
.search_unite .btnBoth {magin:10px;}
	.search_uniteBu {position:absolute; top:10px; right:10px; padding:8px;  background-color:#000; color:#fff;} 
ul.btngroup li a  {font-size:14px; background-color:#fff; border:1px solid #272787; color:#272787;}

table.table_t1 th, table.table_t1 td {text-align:center;}
table.table_t1 th {position:relative; background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 13px 0px; text-align: center; font-size:15px}
table.table_t1 th:before {content:""; height:23px; position:absolute; left:0px; border-left:1px dotted #D7D7D7;}
table.table_t1 th:first-child::before {border:0px;} 
table.table_t1 th:first-child {color:#272787;}
table.table_t1 tfoot tr th {background-color: #f7f7f7; border-top: 1px solid #dadada; color: #333; padding: 10px 0px; text-align: center; font-size:13px}
table.table_t1 th {background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 10px 0px; text-align: center; font-size:15px}
table.table_t1 td {color: #666; border-top: 1px solid #dadada; padding: 13px 5px; transition: 0.3s all; font-size:15px; background-color:#fff;}
ul.search_resultList {margin-bottom:60px;    border-top: 1px solid #dadada;}
ul.search_resultList li {border-top: 1px dashed #E1E1E1; clear:both;}
ul.search_resultList li:first-child {border-top:none;}
ul.search_resultList li .tit > a {color:#666666; font-size:16px;}
ul.search_resultList li .txt {font-size: 14px; color:#888888; height:42px; overflow:hidden;}
ul.search_resultList li .txt2 {padding-bottom:20px;}
ul.search_resultList li .tit span.newpop a {position:absolute; top:18px; right:0; line-height:22px; font-size:20px; padding:0px 7px;}
ul.search_resultList li .imgPRBox {display:block; position:absolute; left:10px; top:10px;width:120px;  height:100px; overflow:hidden;}
ul.search_resultList li .imgPRBox a {display:block; padding:10px;}
ul.search_resultList li .imgPRBox a img {width:100%;}
ul.search_resultList li .txtPRBox {margin-left:150px;}
a.btndarkgray {background:transparent !important; border:none !important; color:#666666; font-size:18px;}
#contents h3 {background:none; font-size:20px;margin-bottom:20px;}
#contents h3.conT3 {margin-bottom:12px;}
a.btn03 {color:#272787; font-size:13px;}
.subtxt {font-size:15px;}

.personally {position:absolute; color:#000; top:10px;}
.DatepickerBox {margin-left: 84px; margin-top:-1px}
.DatepickerBox .calendarTxt {text-align:center; width:15px; line-height:45px; background-color:#F2F2F2;}
.DatepickerBox li { float:left; background-color:#F2F2F2; width:165px;}
.DatepickerBox .inputCalendar {background-color:#F2F2F2;}

.DatepickerBox li input { width: 98% }
.DatepickerBox li input { font-size: 16px; border: 0px; background: transparent; min-height: 45px; padding: 0px; margin: 0px; text-indent: 5px; }
.DatepickerBox li input { max-width: 98%; }

.DatepickerBox li input.inputCalendar {background: url(../images/common/ic_calendar.png) no-repeat 98% 54%; background-size:18px;}
.unit_tit .txt_blue {color:#272787;}

.countWrap {font-weight:400; color:#000;}
.countWrap .word {font-size:20px; color:#272787; font-weight:500;}
.countWrap .count {color:#272787; font-weight:500;}




.btnRight .btngroup li.on a {background-color: #333; border: 1px solid #333;}
#siteGroupLi {color:#2D3B9C; background-color:#fff; border:1px solid #2D3B9C}

.searchKeyword {border:1px solid #e8e8e8; margin-top:6px;}
.searchKeyword h4 {border-bottom:1px solid #e8e8e8; background:#f5f5f5; padding-left:19px; line-height:31px; height:31px; font-size:13px; font-weight:bold; color:#272727;}
ul.keywordList {padding:10px 19px;}
ul.keywordList li{ line-height:21px; font-size:13px; color:#666; position:relative; padding-right:25px;}
ul.keywordList span {display:inline-block; width:13px; height:13px; line-height:13px; border:1px solid #bababa; border-radius:3px; text-align:center; font-size:10px; color:#8d8d8d; margin-right:10px;}
ul.keywordList li.point a {color:#e35423;}
ul.keywordList li em {position:absolute; top:0; right:0; font-size:10px; background:no-repeat left 50%; height:21px; line-height:23px; text-align:right; width:20px;}
ul.keywordList li em.status01 {background-image:url(../images/bbs/ic_sear01.gif);}
ul.keywordList li em.status02 {background-image:url(../images/bbs/ic_sear02.gif);}
ul.keywordList li em.status03 {background-image:url(../images/bbs/ic_sear03.gif);}
ul.keywordList li em.status04 {background-image:url(../images/bbs/ic_sear04.png);}
ul.newwordList {padding:10px 19px;}
ul.newwordList li { line-height:21px; font-size:13px; position:relative; padding-right:25px; background:url(../images/bbs/blit_reportinfo.gif) no-repeat 0 50%; padding-left:9px;}
ul.newwordList li a{color:#1b7d74;}
ul.newwordList li em {position:absolute; top:6px; right:0;}

.btnBoth.unit_btngroup {height:37px;}
.btnBoth.unit_btngroup .btnLet {float:left;}
.btnBoth.unit_btngroup .btnRight {float:right;}



.subtxt {font-size:15px; color:#666;}
.subtxt .txt_blue {font-weight:500;}
a.btn03 {color:#272787;}

.tableBackground { padding:20px; background-color:#F8F8F9;}

.unifiedSearch .conT3 {margin:20px 0px;}
.unifiedSearch .conT3 .right {float:right; padding-top: 5px;}
ul.search_resultList li .tit {position:relative;}
ul.search_resultList li .tit > a {color:#666; margin-top:20px; margin-bottom:12px; font-size:16px; display:inline-block;}
ul.search_resultList li .txt {font-size:14px; line-height:20px; margin-bottom:12px; color:#888; }
ul.search_resultList li .txt2 {font-size:13px;}

/*챦쩔쩍챘�≤┚㎶뮻올ヂ냈┚р�싢�▣�쩔쩍챘흹혶챦쩔쩍챘타징챦쩔쩍챘혧째챦쩔쩍챘�≤┚㎶뮻올ヂ먃꼴�쩔쩍챙�궗짱챙�쒋꽓챈짼�┚�쩔쩍 챦쩔쩍챘흹혶챦쩔쩍챘타짜챦쩔쩍챘쨉짧챦쩔쩍챘흹혶챦쩔쩍챘타짜챔짙�▣ヂ먃�챘�≤┚㎶뮻올モ�붋ッ�흹짧책혥혻챙탐�녍ヂ�징 */
.noSearchBox {padding:80px 0; text-align:center; position:relative;}
.noSearchBox .txt {vertical-align:middle; font-size:22px;}


/* table */
table, td, tr,th {border-spacing:0; margin:0; padding:0;}
.tableTopBox {font-size: 12px; width: 100%;  min-height: 35px; overflow:hidden;}
.tableTopBoxL {float: left; font-size:15px;}
.tableTopBoxR {float: right; font-size:15px;}
.tableTopTxt {display: inline-block; margin-top: 10px;}
.tableTopTxt2 {font-size:13px; padding-left:10px;}

.table_normal , .table_t1{width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; border-spacing:0px;}
.table_normal thead tr th {position:relative; background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 13px 0px; text-align: center; font-size:14px}
.table_normal thead tr th:before {content:""; height:23px; position:absolute; left:0px; border-left:1px dotted #D7D7D7;}
.table_normal thead tr th:first-child::before {border:0px;} 
.table_normal tfoot tr th {background-color: #f7f7f7; border-top: 1px solid #dadada; color: #333; padding: 10px 0px; text-align: center; font-size:13px}
.table_normal tbody tr th {background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 10px 0px; text-align: center; font-size:14px}
.table_normal tbody tr td {color: #666; border-top: 1px solid #dadada; padding: 13px 5px; transition: 0.3s all; font-size:15px; background-color:#fff;}
.table_normal tbody tr td.subject a{display:block; height:20px; overflow:hidden;}
.table_normal tbody tr td.subject .notification {display:block; height:20px; overflow:hidden;}
.table_normal tbody tr td.txt_red {color: #f62a09;}
.table_normal tbody tr td.txt_blue {color: #2D3B9C;}
.table_normal tbody tr td.txt_purple {color: #d93289;}
.table_normal tbody tr td.txt_yellow {color: #fca532;}
.table_normal tbody tr td.txt_red {color: #f62a09;}
.table_normal tbody tr td.txt_black {color: #000;}
.table_normal tbody tr td.txt_white {color: #fff;}
.table_normal tbody tr td.ac {text-align:center;}
.table_normal tbody tr td a {color:#000;}
.table_normal tbody tr td a:hover {color: #2D3B9C}
.table_normal tbody tr td.titlEellipsis a{ text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.table_normal tbody tr td.stxt {font-size:14px;}
.table_normal tbody tr td.sstxt {font-size:13px;}
.table_normal .icon-files-empty:hover {color:#324DAE;}
.table_normal .icon-files-empty {font-size:0px;}
.table_normal .icon-files-empty:before {font-size: 15px;}
    .tableHover:hover td {background-color: #dfecf8;}
.table_line {border-left:0; border-right:1px solid #dadada}
.table_line th, .table_line td {border-left: 1px solid #dadada;}
    .line0 {border-left: 0px !important}
    .line_padding0 {padding: 0 !important; border: 0 !important;}


/* table-view */
.table_view {width: 100%; /* border-top: 2px solid #000; */ table-layout: fixed;}
.table_view tr th {background-color: #F2F4F7; color: #000; padding:0 0 20px 20px; text-align:left; font-size:13px; font-weight:400;}
.table_view tr td {background-color: #F2F4F7; color: #666; padding:0 10px 20px 10px; font-size:14px}
.table_view tr td a {color:#000;}
.table_view tr td.file, .table_view tr th.file { background-color:#ECECEC; padding-top:20px; padding-bottom:20px;}
.table_view tr td .attach a {vertical-align: middle; display:inline; padding-left:2px;}
.table_view tr td a{display:inline-block; width:95%;word-break: break-all;}
 .table_view tr td .attach img {vertical-align:text-bottom;}
.table_view .tTitle {background-color:#F2F4F7; font-size:20px; color:#000; text-align:left; font-weight:500; padding:20px ;}
	.tTitleIn {border-bottom:1px solid #D7D7D7; padding-bottom:20px;}
	.tTitleSubBox {display:block; font-size:14px; margin:5px 0px 0px 0px;}
	.tTitleSubBox dl dt {color:#666; padding-right:10px; display:inline-block;}
	.tTitleSubBox dl dd {color:#000; padding-right:60px; display:inline-block;}
	.table_view .tContnetBox {padding:20px; background-color:#fff;}
.tableNextButtonBox {border-top:1px solid #d7d7d7; border-bottom: 2px solid #000; height:70px; margin-bottom:40px;}
	.tableNextButtonBoxL {width:50%; float:left; position:relative; height:70px; z-index:1; transition: all .3s;}
	.tableNextButtonBoxL:before {display:block; content:''; width:0%; height:100%; background-color:#F8F9FE; position:absolute; right:0; bottom:0; z-index:-1; transition: all .3s;}
	.tableNextButtonBoxL:after {content:""; border-right:1px dashed #d7d7d7; position:absolute; right:0px; top:0px; height:70px;}
	.tableNextButtonBoxL .icon {position:absolute; font-size:60px; color:#000; left:10px; top:3px;}
	.tableNextButtonBoxL a, .tableNextButtonBoxR a {display:block;}
	.tableNextButtonBoxL strong {margin:13px 0px 0px 90px; font-size:14px; display:block; color:#000; font-weight:500;}
	.tableNextButtonBoxL .text {margin:5px 0px 0px 90px; font-size:14px; display:block;  width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	.tableNextButtonBoxR {width:50%; float:right; position:relative; height:70px}
	.tableNextButtonBoxR:before{display:block; content:''; width:0%; height:100%; background-color:#F8F9FE; position:absolute; left:0; bottom:0; z-index:-1; transition: all .3s;}
	.tableNextButtonBoxR .icon {position:absolute; font-size:60px; color:#000; right:10px; top:3px;}
	.tableNextButtonBoxR strong {margin:13px 90px 0px 0px; text-align:right; font-size:14px; display:block; color:#000; font-weight:500;}
	.tableNextButtonBoxR .text {margin:5px 90px 0px 10px; text-align:right; font-size:14px; display:block; width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	
	.tableNextButtonBoxL:hover:before, .tableNextButtonBoxR:hover:before {width:100%;}
	.tableNextButtonBoxL:hover a, .tableNextButtonBoxL:hover strong, .tableNextButtonBoxL:hover .icon, .tableNextButtonBoxR:hover a, .tableNextButtonBoxR:hover strong, .tableNextButtonBoxR:hover .icon {color:#2D3B9C;}
	.attach img {margin-right: 5px;}

/* table & list*/
.list_gallery {display:inline-block; width:100%;}
.list_gallery > ul {margin:0px -12px 0px -12px;}
.list_gallery.list2 > ul > li {width:50%; float:left;}
.list_gallery.list3 > ul > li {width:33.3%; float:left;}
.list_gallery.list4 > ul > li {width:25%; float:left;}
	.list_gBox {margin:0px 12px 24px; position:relative;}
		.list_gImg {height:244px; position:relative; text-align:left; overflow:hidden; background-color:#eee;}
			.list_gImg img{position: absolute; bottom:0; width:100%; transition:all 0.3s ease;}
		.list_gText {min-height:100px; padding:20px 13px; text-align:left; border:1px solid #e1e1e1; border-top:0px;}
			.list_gType_01, .list_gType_02 {position:absolute; top:0px; z-index:10; background-color:#272937; color:#fff; font-size:15px; text-align:center; padding:6px 13px;}
			.list_gType_01{right:0;}
			.list_gType_02{left:0;}
			.list_gTex01 {display:block; font-size:14px; color:#333;}
			.list_gtitle {margin:5px 0px; font-size:30px; color:#333;}
	.list_gBox:hover .list_gImg img {transform:scale(1.05)}
/* gallery */

.gallery_normal {display:inline-block; width:100%;  border-top: 2px solid #000;  border-bottom: 2px solid #000;  margin-bottom: 15px;}
.gallery_normal > ul {width:102%}
.gallery_normal > ul > li {float:left; width:31.5%; margin-right:1.65%}

.gallery_normal .galleryBox {margin:15px auto; border:2px solid transparent}
.gallery_normal .galleryBox:hover {border:2px solid #269dd7}
.gallery_normal .gallery_top {position:relative;}
.gallery_normal .gallery_top a {display:block;  overflow: hidden;}

.gallery_normal .gallery_mid {width:100%; display:inline-block}
.gallery_normal .gallery_midIn {padding:10px 0; border:1px solid #e7e7e7; }
.gallery_normal .gallery_info {display:inline-block; width:100%}
.gallery_normal .gallery_info p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  margin: 5px 10px 10px;}
.gallery_normal .gallery_name {font-size:17px; margin:0 5px 5px 0; vertical-align:middle; color:black; display:inline-block; font-weight:500}
.gallery_normal .gallery_name:hover {color: #666; text-decoration: underline;}
.gallery_normal .gallery_name .bu_red_ss {vertical-align:middle;}
.gallery_userName {float:left; margin-left:10px; color:#666; font-size:16px}
.gallery_day {float:right; margin-right:10px; color:#666; font-size:16px}


.gallery_normal .gallery_bot {border-top:1px solid #ccc; padding-top:5px; height: 30px; margin-top: 10px;}
.gallery_normal .gallery_bot ul {float:right;}
.gallery_normal .gallery_bot ul li {float:left; color:#666; font-size:15px; padding:5px 10px}
.gallery_img {position:relative; height:150px}


/* webzine */

.webzine_normal {border-top:2px solid #575757; border-bottom: 2px solid #575757; clear: both; }
.webzine_normal li { display:table; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top:none; padding:25px 0; min-height:85px; }
.webzine_normal li:first-child { border-top:0}
.webzine_normal li .webzine_left { width:225px; padding:0 15px; display:table-cell; vertical-align:middle; text-align:center; }
.webzine_normal li .webzine_right { display:table-cell; padding-right:25px; }
.webzine_right .webzine_name {font-size:20px; font-weight:bold; color:#333}
.webzine_right .webzine_txt {font-size:13px; height: 70px; overflow-y: hidden; margin: 10px 0;}
.webzine_right .webzine_day {font-size:12px; margin:5px 0}


/* faq */

.faq_normal {display: inline-block; width: 100%;  border-top: 2px solid #000;  border-bottom: 2px solid #000;  margin-bottom: 15px; /* max-height: 500px; overflow-y: auto; */}
.faq_normal a {display:block; border-bottom:1px solid #dadada; position:relative; padding:20px 10px; position: relative; font-size: 16px; color: #333;  font-weight: bold;}
.faq_normal a .txt {margin:0 20px 0 50px; display: inline-block;}
.faq_normal a .icon {position: absolute; right: 2%; top: 50%;  margin-top: -8px;}
.faq_normal a .faq_q {position: absolute; top: 50%; margin-top:-20px;}
.faq_content {display:none; padding:20px 10px; background-color: #f7f7f7;  border-bottom: 1px solid #dadada; font-size:14px; position:relative}
.faq_content .faq_a {position:absolute; top:50%; margin-top:-20px}
.faq_content .txt {display:inline-block; margin-left:60px}
.faq_content p {margin:10px 0}
.faq_content ul li {margin-top:10px; text-indent:-8px; padding-left:15px}

/* paging */

.pagination {text-align:center; margin:40px 0;}
.pagination a {display:inline-block;height: 25px;line-height: 25px;text-decoration:none;padding:4px 8px;color:#666;font-size: 20px;transition:all 0.3s ease;vertical-align:middle;margin: 0px 1px;}
.pagination a:hover {color:#000; transition:all 0.3s ease;}
.pagination a.icon {border:1px solid #D7D7D7;width: 15px;height: 23px;}
.pagination a.icon:hover {border:1px solid #000;}
.pagination a.icon:hover span {color:#000;}
.pagination a.icon span {font-size: 18px;line-height: 24px;}
.pagination a.icon strong {width:0px; height:0px; overflow:hidden; display:inline-block; text-indent:-100px;}
.pagination .current {display:inline-block;font-weight:normal;margin:4px 8px;color:#000;font-size: 20px;position:relative;height: 25px;line-height: 25px;vertical-align:middle;}
.pagination .current:before {content:""; position:absolute; bottom:0px; left:0px; right:0px; border-bottom:2px solid #000; color:#000; font-size:24px;}
.pagination span.on {background-color:#319fd4; border:1px solid #319fd4; color:white; font-weight:bold;}


/* popup  */


.popup_open {overflow: hidden; position: fixed; width: 100%; height: 100%;}

.popup_Box {position: absolute; z-index:1000; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: none;}
	.popup_BoxIn {position:fixed; z-index:1001; left:50%; top:50px; background-color:#fff; border:1px solid #666; width:720px; margin-left:-360px; /* height:780px; overflow:hidden; */}
		.popupH {background-color: #666; color: #fff;  padding: 10px;}
			.popup_name {font-size:20px;}
			.popup_close {display: block; color: #fff; float: right; font-size: 22px;}
		.popupCBox {font-size:14px; overflow:auto;}
			.popupCBoxIn {padding:30px;}
		.popupF {height:70px; line-height:70px; background-color: #fbfbfb;}
	.popup_bg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; background:url("../module_img/trans.png") repeat; cursor:pointer; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}


/* FAQ */

.faq {overflow:hidden; border-top:1px solid #575757; border-bottom:2px solid #575757;}
.faq .faq_list {overflow:hidden;}
.faq .faq_list > dl {overflow:hidden;}
.faq .faq_list > dl dt {padding:15px 30px 15px 10px; background:url('../images/wvCommon/agree_arrowdown.png') no-repeat 95% 50%; background-size:16px auto; border-bottom:1px solid #d7d7d7 }
.faq .faq_list > dl.on dt {background:url('../images/wvCommon/agree_arrowup.png') no-repeat 95% 50%; background-size:16px auto;}
.faq .faq_list > dl dt strong {display:block; padding-left:0px; color:#000; font-size:14px; background-size:24px auto;}
.faq .faq_list > dl dd {display:none; padding:20px; background:#f7f7f7; font-size:14px; border-bottom:1px solid #e3e3e3; }
.faq .faq_list > dl dd.files {background:url('../images/wvCommon/bullet_file.png') no-repeat 32px 14px #f9f9f9; background-size:24px auto;}
.faq .faq_list > dl dd.files > ul {overflow:hidden;}
.faq .faq_list > dl dd.files > div > ul > li  > a:hover {color:#10a0ea;}
.faq .faq_list > dl.on dd {display:block;}
    .faq .faqTitleL {display:inline-block; width:70%; text-align:left;}
    .faq .faqTitleR {display:inline-block; width:20%; text-align:right;}

/* login */

.loginBg {position:fixed; left:0; top:0; width:100%; height:100%;
	  background: #3697e1; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(left, #3697e1, #40d36f); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(right, #3697e1, #40d36f); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(right, #3697e1, #40d36f); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(to right, #3697e1, #40d36f); /* Standard syntax */
	  z-index:-1}

	.loginForm01 .loginBox {width:100%; max-width:614px; height:350px; position:absolute; top:50%; left:50%; margin-left:-307px; margin-top:-175px; ;z-index:10}
		.loginForm01 .logLBox {position:absolute; left:0; top:0; width:240px; opacity:0.95; height:350px;
						background: #1383d8; /* For browsers that do not support gradients */
						background: -webkit-linear-gradient(top, #1383d8, #19e159); /* For Safari 5.1 to 6.0 */
						background: -o-linear-gradient(bottom, #1383d8, #19e159); /* For Opera 11.1 to 12.0 */
						background: -moz-linear-gradient(bottom, #1383d8, #19e159); /* For Firefox 3.6 to 15 */
						background: linear-gradient(to bottom, #1383d8, #19e159); /* Standard syntax */}
		.loginForm01 .logleftCon {color:#fff; text-align:center; font-size:13px;  padding:0 10px;}

		.loginForm01 .logRBox {margin-left:240px;background-color:rgba(255,255,255,0.95);  height:350px; }
			.loginForm01 .logRBoxIn{margin:0px 40px; padding:45px 0px;}
			.loginForm01 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;}
			.loginForm01 .logHeadLogo img {vertical-align:middle;}
			.loginForm01 .tit_logHead {border:1px solid rgba(255,255,255,0.8); padding:6px 0px; line-height:1.4; width:200px; text-align:center; color:#fff; font-size:22px; font-weight:bold; margin:0 auto 70px; }
			.loginForm01 .btn_login {width:100%;	background-color: #23d6ae; border:0; display:block; color:#fff; padding:8px; margin:0; text-align:center; font-size:18px; font-weight:bold;     height: 40px;
									line-height: 28px;}

		.loginForm01 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative}
		.loginForm01 .textBox input[type="text"], .textBox input[type="password"] {border:0; width: 95%; height:40px;}
		.loginForm01 .logRCon {margin-top:38px; padding-top:32px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;}
		.loginForm01 .loginBox {box-shadow: 0px 0px 20px rgba(0,0,0,0.4);}

		.loginForm01 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666}
		.loginForm01 .textBox .icon-lock {position:absolute; top:9px; left:19px; font-size:18px; color:#666}
		.loginForm01 .textBox input { margin:0; padding:0 7px;}
		.loginForm01 .logRBox { background:#fff; }

.loginForm02 {width:550px; margin:0 auto; border:1px solid #ccc; padding:30px; background-color:white}
	.loginForm02 .loginBox {display:inline-block; width:100%}
	.loginForm02 .logLBox {float:left;}
	.loginForm02 .logleftCon {position:relative}
	.loginForm02 .leftCon_txt01 {position: absolute; font-size: 16px; color: #575757;}
	.loginForm02 .leftCon_txt02 {position: absolute; top: 20px; font-size: 26px; font-weight: bold; left: -8px;}
	.logleftCon img {margin-top:22px}

	.loginForm02 .logRBox {float:right; width:316px}
		.loginForm02 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;}
		.loginForm02 .logHeadLogo  img {vertical-align:middle;}
		.loginForm02 .tit_logHead {border:1px solid #ccc; padding:6px 0px; width:200px; text-align:center; color:#59595a; font-size:22px; font-weight:bold; margin:0 auto; }
		.loginForm02 .btn_login {width: 100%; background-color: #23d6ae;  border: 0; display: block;  color: #fff; transition:0.3s all;
						 padding:0; margin: 0; text-align: center; font-size: 18px; font-weight: bold; height: 40px;  line-height: 28px; cursor: pointer;}
		.loginForm02 .btn_login:hover , .loginForm .btn_login03:hover, .loginForm .btn_login04:hover {background-color:#00BCD4}
		.loginForm02 .btn_login02 {background-color: #b1b1b1; width: 100%; color: white; font-size: 14px;  padding: 10px 0; display:block;  text-indent: 14px;  text-align: left; transition:0.3s all}
		.loginForm02 .btn_login02:hover , .loginForm .btn_login05:hover {background-color:#494948}
		.loginForm02 .btn_login02 span {float: right; margin:6px 14px 0 0; font-size: 12px;}
		.loginForm02 .btn_login03 {background-color: #23d6ae; color: #fff; transition: 0.3s all; padding: 10px 20px; font-size: 18px; height: 41px; line-height: 1.2; float: right; margin-top: 30px}
		.loginForm02 .btn_login04 {width: 100%; background-color: #23d6ae;  border: 0; display: block;  color: #fff; transition:0.3s all; padding:0; margin: 0;
			text-align: center; font-size: 18px; height: 40px;  line-height: 28px; cursor: pointer;}
		.loginForm02 .btn_login05 {width: 100%; background-color:#b1b1b1;  border: 0; display: block;  color: #fff; transition:0.3s all; padding:0; margin: 0;
			text-align: center; font-size: 18px; height: 40px;  line-height: 28px; cursor: pointer;}

		.loginForm02 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative}
		.loginForm02 .textBox input[type="text"] {border:0; width:98%; margin:0 0 0 5px; height:40px; padding-left:4px;}
		.loginForm02 .textBox select {border:0; width:100%; margin:0; height:40px; padding-left:4px; color:#666;}
		.loginForm02 .textBox .icon {position:absolute; top:10px; left:15px; font-size:18px; color:#666}
		.loginForm02 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666}
		.loginForm02 .textBox .icon-lock {position:absolute; top:10px; left:19px; font-size:18px; color:#666}

		.loginForm02 .logRCon {margin-top:20px; padding-top:15px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;}
		.loginForm02 .logRCon .txt {font-size:14px; font-weight: 500;}
		.loginForm02 .logRCon .txt_black {color:black}
		.loginForm02 .logRCon ul {margin-top:15px; text-align:left;}
		.loginForm02 .logRCon ul li {float: left;  width: 48%; text-align: center;}
		.loginForm02 .logRCon ul li:first-child {margin-right:4%}
		.loginForm02 .rightCon_txt01 {font-size:20px; font-weight:500; color:#333}
	    .loginForm02 .rightCon_txt02 {font-size:14px; color:#8d8d8d; margin:10px 0 30px}
	    .loginForm02 .rightCon_txt03 {color:black; font-size:18px; text-align:center; margin:50px 0 20px; display:inline-block; width:100%; line-height:1.5; font-weight:300}
	    .loginForm02 .rightCon_txt03 strong {font-size:30px; color:#009876; font-weight:400}

	    .login_row {position:relative; margin-bottom: 10px;}
	    .login_row > span {width:75px; position:absolute; top:0; left:0; font-size:16px; line-height:35px}
		.login_row .row_InBox {margin-left:75px}
		.login_row .row_InBox input[type="text"] {width:100%; padding:0; line-height:35px; height:35px; text-indent: 10px;}

		.row_InBox .select_day {height: 35px;   line-height: 35px;}
		.row_InBox .txt_day {margin:0 4px; font-size:13px; display:inline-block; vertical-align: middle;}
		.select_full {width:100%; line-height:35px; height:35px}

/* slider */

	.modul_wvSliderBox {position:relative; margin:0px auto; overflow:hidden; max-width:900px; max-height:600px;}
	.modul_wvSliderBox ul li {float:left;}
	.modul_wvSliderBox ul li img {width:100%;}
	.wvNumBox {position: absolute; z-index:100; width: 100%; text-align: center;}
	.wvNumBox > a {display:inline-block; overflow:hidden; vertical-align :middle; width:15px; height:15px; border:2px solid #fff; border-radius:50%; margin:3px;}
	.wvNumBox > a > span {display:block;background:#000; opacity:0.1; filter:alpha(opacity=0.1);  width:100%; height:100%; overflow:hidden; text-indent:-1000px;}
	.wvNumBox > a.on {background-color:#fff;}
	.wvNumBox > a.on span {opacity:0; filter:alpha(opacity=0);}
		.wvNumBoxIn {display:inline-block; margin:3px;}
		.wvNumBoxIn > a > span:before {text-shadow:0px 0px 5px #666;}
		.wvNumBoxIn > a > span {vertical-align:middle; display:inline-block; font-size:20px; color:#fff;}
		.wvNumBoxIn > a > span strong {display:inline-block; text-indent:-100px; overflow:hidden;}
	.wvNextBox .prevBu {position:absolute;  z-index:100; left:10px; top:50%; margin-top:-20px; }
	.wvNextBox .prevBu:hover span {color:#D31F21; transform:scale(1.2);}
	.wvNextBox .nextBu {position:absolute;  z-index:100; right:10px; top:50%; margin-top:-20px;}
	.wvNextBox .nextBu:hover span {color:#D31F21; transform:scale(1.2);}
	.wvNextBox span {display:block; font-size:50px; color:#fff; transition:all 0.3s ease;}
	.wvNextBox span:before {text-shadow:0px 0px 3px rgba(0,0,0,0.2);}

/* textarea */

.TextareaBox {border: 1px solid #dadada; font-size:14px}
.TextareaBox textarea {border:0; width:100%; resize:none; outline:0; padding:0}
.no_content {text-align: center; padding: 15px 0;}


/* no data */
.noData {text-align:center; display:block; font-size:22px; line-height:40px; color:#666;}
.noData strong {color:#000;}
.noData span {font-size:50px; font-family: 'wvIcon'; color:#324EAF; vertical-align: -13px;}
.noData.line {border:1px solid #efefef;}
.noData.bSize {line-height:200px;}

/***************************** layout ************************************/

/* defualt layout */

/* top layout */
.topLayout {border-bottom:1px solid #ccc; height:120px; position:fixed; z-index:21; top:0px; width: 100%; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0); transition:all 0.3s ease;}
	.topLayoutIn {max-width:1200px; margin:0 auto; width: 100%; height:100%;}
	.topLayoutIn h1 {position:absolute; z-index: 23; margin:36px 20px 31px 0px; }
	.topLayoutIn h1 a {display:inline-block;}
	.topLayoutIn h1 a img {width:235px; vertical-align: top;}
	.topLayoutIn h1 a .logoWhite {display:none; position:absolute; top:0px; opacity:0;}
		.topMenuBox {position:relative; z-index:21; margin-left:320px; padding:35px 0px 15px; height:auto;  display:inline-block;}
		.topMenuBox.on {height:300px;}
		.topMenuBox > ul > li {float:left; position:relative;}
		.topMenuBox > ul > li > a {display:block; line-height:50px; padding:0px 20px; font-size:18px; font-weight:500; color:#000;  transition:all 0.3s ease; text-align:center;}
		.topMenuBox > ul > li > .asideLIcon {width:20px; height:20px; right:0 ; top:6px;}
		.topMenuBox > ul > li > .asideLIcon:before {width:10px; color:#888;}
		.topMenuBox > ul > li > .asideLIcon:after {width:10px; color:#888;}
		.topMenuBox > ul > li.on > a {color:#2D3B9C}
		.topMenuBox > ul > li.menuOn > a {color:#2D3B9C}
		.topGNB_subArrow{opacity:0; text-align:center; transition:all .3s; padding-bottom: 5px;}
		
		.topMenuBox > ul > li.on .topGNB_subArrow {opacity:1;}
		
		.topMenuBox > ul > li > ul {min-width:170px;  margin-top:-1px; background-color:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); position:absolute; display:none; left:-21px;}
		.topMenuBox > ul > li > ul > li { position:relative; padding: 0 20px 8px 20px; transition: all .3s ease;}
		.topMenuBox > ul > li > ul > li:before {display:block; content:''; width:100%; border-top: 1px dashed #E1E1E1; }
		.topMenuBox > ul > li > ul > li:first-child:before {border-top:none;}
		.topMenuBox > ul > li > ul > li >span {position:relative; display:block;}
		.topMenuBox > ul > li > ul > li > a {color:#000; font-size:15px; letter-spacing:-0.5px; font-weight:500;  display:block; padding:10px 0 5px 0;}
		.topMenuBox > ul > li > ul > li:hover{background-color:#EFF3FF}
		.topMenuBox > ul > li > ul > li > a:hover {color:#2D3B9C;}
		.topMenuBox > ul > li > ul > li > ul > li > a{color:#666; font-weight:400; font-size:14px; display:block; padding:0 0 4px 0; }
		.topMenuBox > ul > li > ul > li > ul > li > a:hover {color:#2D3B9C;}
		
		
		
		.topMenuAllBu {position:absolute; top:45px; margin-left:280px; padding:5px; z-index:23; border:none; background:none;}
		.topMenuAllBu p {position:relative; margin:0px; width:20px; height:20px; transition: all .3s ease;}
		.topMenuAllBu p:before {content:""; position:absolute; width:20px; height:2px; top:2px; left:0px; background-color:#000; transition: all .3s ease;}
		.topMenuAllBu p:after {content:""; position:absolute; width:20px; height:2px; bottom:2px; left:0px; background-color:#000; transition: all .3s ease;}
		.topMenuAllBu p span {display:inline-block; overflow:hidden; text-indent:-200px; position:absolute; right:0px; transition: all .3s ease; top:9px; width:16px; height:2px; background-color:#000;}
		.topMenuAllBu:hover p span {width:20px;}
		.topMenuAllBu span.skip {position:absolute;}
		.topMenuAll {display:none; height:800px; z-index:22; position:absolute; right:0px; left:0; background-color:#272787; top: 0px; background-image:linear-gradient(to bottom right, #272787, #324DAE);}
			.topMenuAllIn {max-width:1140px; margin:0 auto;}
			.topMenuAllIn > ul {margin:110px 0px 0px 35px;}
			.topMenuAllIn > ul > li {float:left; padding: 0px 0px 0px 120px;}
			.topMenuAllIn > ul > li:first-child {padding: 0px;}
			.topMenuAllIn > ul > li > a {color:#fff; font-size:20px; margin: 0px 0px 25px 0px; display: block; font-weight:500;}
			.topMenuAllIn > ul > li > a .asideLIcon {display:none}
			.topMenuAllIn > ul > li > ul > li > a {display:block; color:#C9D4EE; font-size:17px; margin-bottom: 10px; max-width:140px;}
			.topMenuAllIn > ul > li > ul > li > a:hover {opacity:1; color:#70FFF0;}
			.topMenuAllIn > ul > li > ul > li > a span {color:#fff; font-size:17px; vertical-align: -2px;}
			.topMenuAllIn > ul > li > ul > li > ul {margin-bottom:15px;}
			.topMenuAllIn > ul > li > ul > li > ul > li > a {display:block; color:#fff; font-size:14px; margin:0px 0px 5px 0px;  transition: all .3s ease;}
			.topMenuAllIn > ul > li > ul > li > ul > li > a:hover {opacity:1; color:#70FFF0;}
			.topMenuAllIn span.skip {position:absolute;}
			.topMenuAllIn > ul > li > .topGNB_subArrow {display:none;}
			.engMove {color:#B1B1EC; font-size:14px; display:block; border-radius:5px; background-color:rgba(107,108,212,0.12); text-align:center; padding:3px; width:50px; position:absolute; right:10px; top:17px; display:none;}
			.engMove:hover {color:#70FFF0;}
		.topMenuAll.on {display:block; }
		.topMenuRBox {position: absolute; left: 50%; margin-left: 315px; z-index: 23; top: 0px; transition: all 0.3s ease;}
		.topMenuRBox > ul {margin-top:16px; margin-left:80px;}
		.topMenuRBox > ul > li {display:inline-block;}
		.topMenuRBox > ul > li > a {color:#fff; padding-left:10px; position:relative; transition: all .3s; line-height: 30px; display: block;}
		.topMenuRBox > ul > li > a > span {display:inline-block; vertical-align: middle; transition:all .3s ; margin-left:5px;}
		.topMenuRBox > ul > li:first-child a {padding-left:0;}
		.topMenuRBox > ul > li a:before {display:block; content:''; width:1px; height:12px; background-color:rgba(255,255,255, 0.3); position:absolute; left:4px;top:10px; }
		.topMenuRBox > ul > li:first-child a:before {display:none;}
		.topMenuRBox > ul > li a.topMRb_menu.on{opacity:1;}
		.topMenuRBox > ul > li > a.topMRb_menu.on span.icon-k-down2 {transform:rotate(180deg);} 
		.topMenuRBox .topBg_sub { padding:10px 10px 0 10px; opacity:1; background-color:#fff; position:absolute; z-index:1; display:none; width: 135px; margin-left: -62px;}
		.topMenuRBox .topBg_sub li {border-top:1px dashed #e1e1e1;}
		.topMenuRBox .topBg_sub li:first-child {border-top:none; padding-bottom:5px;}
		.topMenuRBox .topBg_sub li > a {color:#000; font-size:15px; opacity:1; display:block; padding:10px 0; font-weight:500; letter-spacing:-.5px;}
		.topMenuRBox .topBg_sub li > a:hover { color:#2D3B9C;}
		.topMenuRBox .topBg_sub li > .asideLIcon {display:block; position:absolute; width:20px;  height:20px; right:13px; top:5px; background-color: #fff; transition:all 0.3s ease;}
		.topMenuRBox .topBg_sub li > .asideLIcon:before {content:""; width:10px; height:2px; overflow:hidden; background-color:#888; transform:rotate(0deg); position:absolute; margin:14px 0px 0px 7px; transition:all 0.6s ease;}
		.topMenuRBox .topBg_sub li > .asideLIcon:after {content:""; width:10px; height:2px; overflow:hidden; background-color:#888; transform:rotate(90deg); position:absolute; margin:14px 0px 0px 7px; transition:all 0.3s ease;}
		.topMenuRBox .topBg_sub li.on > .asideLIcon:before {transform:rotate(180deg);}
		.topMenuRBox .topBg_sub li.on > .asideLIcon:after {transform:rotate(180deg);}	
		.topMenuRBox .topBg_sub li:first-child > a {padding-top:0;}
		.topMenuRBox .topBg_sub li > ul > li {border:none;}
		.topMenuRBox .topBg_sub li > ul > li > a { font-size:14px; color:#666;  padding: 0 0 2px 0; letter-spacing:-.5px; font-weight:400; }
			.topSearchBox {position:relative; padding:0; background-color:transparent; margin:20px 10px 0px 76px; }
			.topSearchBox input {width:100%; border:none; border-bottom:1px solid #fff; background-color:transparent; height: 30px; color: #fff; line-height: 30px;    -webkit-appearance: none;
    -webkit-border-radius: 0;}
			.topSearchBox .searchIncon {position:absolute; right:-11px; top:0; color:#fff; font-size:20px; padding:0px; text-indent:5px; background-color:transparent;border:none;}
			.topSearchBox .searchIncon span {display:block;}
			.topLayoutBg {z-index:10; position:absolute; right:0px; left:50%; margin-left:315px;   min-height: 121px; top: 0px; transition:all 0.3s ease; overflow:hidden;}
				.topLayoutBgIn {transition:all 0.3s ease; height: 121px;
						background-color:#272787; background-image: linear-gradient(to bottom, #272787, #272787, #324DAE); background-size:100% 200%; background-position:0% 0%
				}
			.topBg {z-index:10; position:absolute; right:0px; left:50%; margin-left:315px;   min-height: 121px; top: 0px; transition:all 0.3s ease; overflow:hidden;}
				.topBgIn {transition:all 0.3s ease; height: 121px;
						background-color:#272787; background-image: linear-gradient(to bottom, #272787, #272787, #324DAE); background-size:100% 200%; background-position:0% 0%
				}
			.mobileSearchOpen {display:none; border:none; background:none;}
			.mobileSearchClose {display:none; border:none; background:none;}
.topLayout.all .topMenuBox > ul > li > a {color:#fff;}
.topLayout.all h1 a img{display:none;}
.topLayout.all h1 a .logoWhite {display:block; opacity:1;}
.topLayout.all .topMenuAllBu {transform:scale(1.2);}
.topLayout.all .topMenuAllBu p span {height:0px;}
.topLayout.all .topMenuAllBu p:before {content:""; position:absolute;left:0px; width:21px;  height:2px; background-color: #fff; transition: all .3s ease; transform: rotate(45deg); top:9px;}
.topLayout.all .topMenuAllBu p:after {content:""; position:absolute;left:0px; width:21px; height:2px; background-color: #fff; transition: all .3s ease; transform: rotate(-45deg); bottom:9px;}
.topLayout.all .topMenuAllBuIn {transform:scale(1); background:none; border:none;}
.topLayout.all .topMenuAllBuIn:hover {transform:rotate(180deg);}
.topMenuAllBuIn {background:none; border:none; display:none;}

/* sub layout */
.subVisualBox {height:210px; margin-top: 120px; background-color:#ccc; margin-bottom:55px; background:url('/NIER/assets/kor/images/sub/subBg.png'); background-size:cover;}
.subVisualBox .conT1 {margin:0px; padding:50px 0px 10px; color:#fff; text-align:center;}
.subVisualBox span {display:block; text-align:center; color:#fff;} 
	.subImg1 {background:url('/NIER/assets/kor/images/sub/subBg1.png'); background-size: cover;}
	.subImg2 {background:url('/NIER/assets/kor/images/sub/subBg2.png'); background-size: cover;}
	.subImg3 {background:url('/NIER/assets/kor/images/sub/subBg3.png'); background-size: cover;}
	.subImg4 {background:url('/NIER/assets/kor/images/sub/subBg4.png'); background-size: cover;}
	.subImg5 {background:url('/NIER/assets/kor/images/sub/subBg5.png'); background-size: cover;}
	.subImg {background:url('/NIER/assets/kor/images/sub/subBg6.png'); background-size: cover;}

.subNavLayot {position:absolute; left:50%; margin:-110px 0px 0px 315px; height:55px; right:0px; background-color:#D13A47; box-shadow: 10px 10px 15px rgba(209, 58, 71, 0.4); }
.subNavLayot > ul {padding-left:23px; margin-top:7px; height:40px; background-color:rgba(209, 58, 71, 0);color:#fff;} 
.subNavLayot > ul > li {float:left; line-height:40px; position:relative;}
.subNavLayot > ul > li > a {display:block ; margin:0px 10px; color:#fff;}
.subNavLayot > ul > li > a span {font-size:10px; padding:0 5px; font-weight:bold; display:inline-block; transition: all .3s;}
.subNavLayot > ul > li:first-child a{margin:0; }
.subNavLayot > ul > li:first-child a span { font-size:20px; line-height:40px;}
.subNavLayot .subN_sub {display:none; background-color:#fff; margin:9px 0px 0px -73px; position:absolute; left: 50%; z-index:12; overflow:hidden;  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.subNavLayot .subN_sub li {border-top:1px dashed #E1E1E1; min-width:160px; text-align:center; background-color:#fff; }
.subNavLayot .subN_sub li:first-child {border-top:none;}
.subNavLayot .subN_sub li > a {margin:0; color:#000; display:block; padding:7px 10px; line-height:26px;}
.subNavLayot .subN_sub li:hover {background-color:#EFF3FF; }
.subNavLayot .subN_sub li:hover > a {color: #2D3B9C;}
.subNavLayot .subN_sub li > ul > li {border:0px;}
.subNavLayot .subN_sub li > ul > li:first-child {border-top:1px dashed #E1E1E1;}
.subNavLayot .subN_sub li > ul > li:first-child a {padding-top:10px;}
.subNavLayot .subN_sub li > ul > li:last-child a {padding-bottom:10px;}
.subNavLayot .subN_sub li > ul > li a {font-size: 13px; line-height: 20px; background-color:#F8F8F9; color:#666; padding:5px;}
.subNavLayot .subN_sub li > ul > li a:hover {background-color:#F8F8F9;}


.subNavLayot > ul > li.on > a span {transform: rotate(180deg);}
.subNavLayot > ul > li.on > a span.icon-k-home {transform: rotate(0deg);}

body.scroll .topLayout {height:90px; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
body.scroll .topLayoutIn {margin-top:-15px;}
body.scroll .topLayoutIn .topMenuAllBu {top:30px;}
body.scroll .topMenuRBox {top:-40px;}
body.scroll .topSearchBox {margin:10px 10px 0px 20px;}
body.scroll .topLayoutBg {min-height:91px; height:91px;}
body.scroll .topLayoutBg .topLayoutBgIn {background-image: linear-gradient(to bottom, #272787, #272787, #272787, #D13A47); background-position:0% 100%; height:91px; transition:all 1s ease; }
body.scroll .subNavLayot {position: fixed; top: 41px; height:50px; margin-top:0px; box-shadow:none; z-index:21; background-color:transparent}
body.scroll .subNavLayot > ul {transition:all 0.3s 0.3s ease;}
body.scroll .subNavLayot .subN_sub {margin:3px 0 0 -73px;}

body.scrollOn {}

.subLayout {position:relative; max-width:1200px; margin:0 auto;}
	.asideLLayot {position:absolute; left:0; top:0; max-width:210px;width:100%; }
	.asideLLayot > ul > li {font-size:18px; position:relative; border-bottom:1px solid #D8D8D8;}
	.asideLLayot > ul > li > a {color:#000; display:block; padding:15px 16px ; transition:all .3s; letter-spacing: -0.5px;}
	.asideLLayot > ul > li > a .icon-k-link2 {vertical-align:-2px;}
	.asideLLayot .asideLIcon {display:block; position:absolute; width:30px;  height:30px; right:13px; top:13px; background-color: #fff; transition:all 0.3s ease;cursor: pointer;}
	.asideLLayot .asideLIcon:before {content:""; width:15px; height:2px; overflow:hidden; background-color:#d8d8d8; transform:rotate(0deg); position:absolute; margin:14px 0px 0px 7px; transition:all 0.6s ease;}
	.asideLLayot .asideLIcon:after {content:""; width:15px; height:2px; overflow:hidden; background-color:#d8d8d8; transform:rotate(90deg); position:absolute; margin:14px 0px 0px 7px; transition:all 0.3s ease;}
	.asideLLayot > ul > li > ul {padding:15px 13px; display:none;}
	.asideLLayot > ul > li > ul > li:before {width:3px; height:3px; background-color:#666; }
	.asideLLayot > ul > li > ul > li:after {width:3px; height:3px; background-color:#666; margin:14px 0px 0px 7px;}
	.asideLLayot > ul > li > ul > li > a {color:#666; transition: all .3s; font-size:15px;}
	.asideLLayot > ul > li > ul > li > a:hover {color:#2D3B9C}
	.asideLLayot > ul > li > ul > li.on > a {color:#2D3B9C; font-weight: 500;}
	.asideLLayot > ul > li.on > a, .asideLLayot > ul > li.active > a  {color:#fff; background-color:#2D3B9C;} /*active  챦쩔쩍챗쨉쨘챦쩔쩍챘짙탑책짧�봤�쩔쩍 챦짠탑챗쨀쨍챙혥혶챦쩔쩍챘쩐쩍챔�≤씹ヅ뮻겷ぢ걔셌┑뮤꼴ぢ년�▣ヂ맞Ｃⓥ�≤씹ヂも�왗ヂ욋�� 챌�◈걘ヂ뗏시�쩔쩍*/
	.asideLLayot > ul > li.on > a .icon-k-link2:before {color:#fff; transition:all .3s;}
	.asideLLayot > ul > li.on .asideLIcon {background-color: #D13A47;}
	.asideLLayot > ul > li.on .asideLIcon:before {transform:rotate(180deg); background-color: #fff;}
	.asideLLayot > ul > li.on .asideLIcon:after {transform:rotate(180deg); background-color: #fff;}

	/* content */
	.contentLayot {margin-left:260px;}
		.conHead {position:relative; height:55px; border-bottom:1px solid #E1E1E1; margin-bottom:40px;}
			.conHeadRBox {position:absolute; top:0px; right:0px;}
			.conHeadRBox ul {float:right;}
			.conHeadRBox ul li {float:left; padding-left:3px;}
			.conHeadRBox ul li a {display:block; width:38px; line-height:38px; background-color:#f2f2f2 !important; text-align:center}
			.conHeadRBox ul li a span {font-size:30px; line-height:38px; vertical-align:middle;}
		.conBody {min-height:500px; margin-bottom:50px; display:none;}
		.conBody.on {display:block;}
		
		.satisfaction{ display:none;}
		.satisfaction .admin_info {margin-bottom: 50px; position:relative;background:#F8F8F9;  border:1px solid #E1E1E1; font-size:13px;}
		.satisfaction .admin_info ul{overflow:hidden; padding:0 40px;}
		.satisfaction .admin_info ul li{float:left; width:33.3%; text-align:center;line-height:40px; color:#000; font-weight:400; font-size:15px;}
		.satisfaction .admin_info ul li span{color:#666; padding-left:7px; font-size:14px;}
		
		
		
		.satisfaction .research {position:relative;padding:15px 10px;border:1px solid #ececec;border-top:none}
		.satisfaction .research .q {display:inline-block;margin:0 25px 0 18px;padding-left:22px;line-height:25px;background:url('../images/sub/research_ico.png') no-repeat 0 center}
		.satisfaction .research form {display:inline-block;padding:0;}
		.satisfaction .research form input {vertical-align:middle;}
		.satisfaction .research form label{display:inline-block;margin:0 20px 0 5px}
		.satisfaction .research form input[type="submit"] {padding:0 15px;height:25px;color:#fff;font-size:14px;font-weight:bold;background:#7d7d7d}

.footerLayout {background-color:#F7F7F7; position: relative;}
	.footerTopBox {background-color:#EAEAEA; height:44px;}
		.footerTopBoxIn {max-width:1200px; margin:0 auto;}
		.footerTopBoxIn .familysite > li{float:left; width:25%;  position:relative;}
		.footerTopBoxIn .familysite > li:before {width:1px; height:24px; position:absolute; left:0; top:10px; background-color:#D7D7D7; display:block; content:''; z-index:1;}
		/* .familySIn {padding:8px 0 0 0} */
		.footerTopBoxIn .familysite > li:first-child:before {display:none;}
		.familySIn  select {vertical-align:middle; min-width:239px; height:44px; border:none; background-color:#EAEAEA; color:#666; font-size:14px;}
		
		.footerTopBoxIn .familysite .selectric-wrapper {float:left; width:253px;}
		.footerTopBoxIn .familysite .selectric {background-color:#EAEAEA;}
		.footerTopBoxIn .familysite .selectric .label {height:44px; line-height:44px;}
		.footerTopBoxIn .familysite > li .selectric-items li {text-align:left; font-size:14px;}
		.footerTopBoxIn .familysite > li .selectric-items li:before {display: none; }
		.footerTopBoxIn .familysite .selectric .label {font-size:14px; color:#666;}
		.footerTopBoxIn .familysite .linkbtn {text-align: center; display:block;position:absolute; right:8px; top:8px; width:40px; height:29px; line-height:29px; background-color:#D7D7D7; }
	
	.footerBodyBox {padding:28px 0px 40px 0px;}
		.footerBodyBoxIn {max-width:1200px; margin:0 auto; position:relative;}
				.footerBLTop ul {padding-bottom:16px; overflow:hidden;}
				.footerBLTop ul li {float:left; text-align: center; }
				.footerBLTop ul li a {display:block; padding-left:20px; font-size:14px; color:#333; position:relative;}
				.footerBLTop ul li a.txt_blue{color: #2e3e9e; font-weight:600;}
				.footerBLTop ul li:first-child a{padding-left:0;}
				.footerBLTop ul li  a:before {display:block; content:''; width:1px; height:12px; background-color:#D7D7D7; position:absolute; left:10px; top:4px;}
				.footerBLTop ul li:first-child a:before {display:none;}
				.footerBtextBox address {font-style:normal; line-height:22px;}
				.footerBtextBox address em{font-style: normal; color: #666; font-weight: 300;}
				.footerBtextBox address strong {color:#000;}
		.foot_link {position:absolute; right:0; top:0;}
		.foot_link ul {margin-bottom:20px;}
		.foot_link ul li {display: inline-block;padding-left:20px;}
		.foot_link ul li:first-child {padding-left:0;}
		.foot_link ul li.innogov img {width:75px;}
		.foot_sns_link {text-align:right;}
		.foot_sns_link a {font-size:22px; color:#666; padding-left:17px;}
		.foot_sns_link a:first-child {padding-left:0;}
/* ADMIN */

.adminTopLayout {position: fixed; top: 0px; z-index: 100; width: 100%; min-width: 1200px; height: 43px; background-color: #3699de; background: linear-gradient(90deg, #3699de, #3fd271);}
.adminTopleft li {float: left;  padding: 0px;}
    .adminTopleft > h1 {float: left; font-size: 16px; font-weight: 400; color: #fff; text-align: center; width: 200px; margin: 0px; line-height: 43px;}
    .adminTopleft li a {display: block; line-height: 43px; font-size: 13px; padding: 0px 50px 0px 20px;  background: url('../module_img/admin_tapBg.png') no-repeat center right; color: #eee;}
    .adminTopleft li a:hover {color: #fff;}
    .adminTopleft li a:hover .icon-home {transform: scale(1.1);}
	.adminTopleft .icon-home {font-size: 20px; transition: 0.3s all; display: inline-block; vertical-align: middle; margin-bottom: 5px;}

	.adminTopRight {position: absolute; top: 7px; right: 40px;}
    .adminTopRight button {color:#333; border: 1px solid #a1a1a1; line-height: 26px; padding: 0px 15px; border-radius: 15px; background-color: #ebebeb; vertical-align: top;
      transition: 0.3s all}
    .adminTopRight button .icon-exit {font-size: 13px; vertical-align: middle;  margin-right: 5px;}
	.adminTopRight button .txt {vertical-align:middle;}
    .adminTopRight button:hover {color: #369adc}

	.adminId {float: left; margin: 0px; line-height: 28px; color: #fff;}
    .adminId li {float: left; padding: 0 20px; font-size: 14px;}
    .adminId li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;}

	.adminLogin {float: left; margin: 0px; line-height: 28px; color: #fff;}
	.adminLogin li {float: left;  font-size: 14px;}
	.adminLogin li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;}
	.adminLogin .border {border-left: 1px solid #27a367; padding: 0px 20px;}
	.adminLogin img {vertical-align: middle;}

	.adminLeftLayout {position: fixed; transition: 0.3s all; top: 0px; z-index: 99; height: 100%; width: 200px; overflow: hidden; background-color: #f9f9f9; border-right: 1px solid #e0e0e0;}
	.adminLeftTop {min-height: 25px; width: 180px;background-color: #f9f9f9; margin-top: 43px; padding: 10px; position: relative; transition: 0.3s all;}
	.adminLeftTop select {border: 1px solid #dddddd;  min-width: 140px;}

	.adminLBu {position: absolute; left: 170px; top: 13px; font-size: 20px; color: #666;}
	.adminLBu .fa-outdent {transition: 0.3s all;}
	.adminLBu:hover .fa-outdent {transform: scale(1.2)}

	.adminLeftMenu > li {width: 200px;}
	.adminLeftMenu > li:first-child {border-top: 1px solid #e0e0e0;}
	.adminLeftMenu > li > a {font-size: 14px; font-weight: 300; display: block;  color: #333; padding: 10px 0px 10px 10px; border-bottom: 1px solid #e0e0e0; transition: 0.3s all}
	.adminLeftMenu > li > a:hover {background-color: #daeef9;}

	.adminLeftMenu ul {display: none;}
	.adminLeftMenu > li > ul > li .icon-k-minus {font-size:10px}
	.adminLeftMenu > li > ul > li > a {font-size: 14px; background-color: #e8e8e8; display: block; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e0e0e0;}
	.adminLeftMenu > li > ul > li > ul > li > a {font-size: 13px; display: block; padding: 5px 0px 10px 20px; background-color: #efefef; border-bottom: 1px solid #e0e0e0;}
	.adminLeftMenu > li > ul > li > ul > li.on > a {color: #fff; background-color: #36a7e1;}
	.adminLeftMenu > li > a > span {transition: 0.3s all}

	.adminLeftMenu li a .icon-k-next {margin: 4px 8px; float: right;}
	.adminLeftMenu li a .open {transform: rotate(90deg); margin: 4px 9px;}

	.adminLOff {width: 40px;}
	.adminLOff .adminLeftTop {padding-left: 40px;}
	.adminLOff .adminLeftTop .adminLBu {left: 10px;}
	.adminLOff .adminLeftMenu > li > a > span {padding: 0px 10px 0px 3px;}

	.adminContentLayout {margin: 0px 0px 40px 0px; position: relative;}
	  .adminContentIn {margin: 60px 40px 0px 240px; transition: 0.3s all;}
	  
	  
	  
@media all and (min-width:641px) and (max-width:1220px) { /* tablets */
/* layout */
.topLayout {height:90px;}
	.topLayoutIn h1 {margin:26px 20px 21px 80px; top:0; z-index:10;}
	.topLayoutIn h1 a img {width:190px;} 
		.topMenuBox ul {display:none;}
			.topMenuAllBu {left: 20px; margin: 0px; top: 30px;}
			/* .topMenuAllBu p {width:30px; height:30px;}
			.topMenuAllBu p:before {width:30px; height:2px;}
			.topMenuAllBu p span {width:20px; height:2px; top:13px;}
			.topMenuAllBu p:after {width:30px; height:2px;} */
			.topMenuAll {position: fixed; background: none; bottom:0px; height:auto;}
			.topMenuAll:before {content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:#000; opacity:0.8;}
				.topMenuAllIn {width: 300px; position: relative; height:100%; margin: 0px 0px 0px -320px; transition: all .3s .3s ease; background-color: #272787; background-image: linear-gradient(to bottom right, #272787, #324DAE); }
				.topMenuAllIn > ul {margin: 60px 0px 0px 0px; height:calc(100% - 60px); overflow:auto;}
				.topMenuAllIn > ul > li:first-child  > ul{padding-bottom:16px;}
				.topMenuAllIn > ul > li {float: none; padding: 0px; position: relative; border-bottom: 1px solid #3f48a9;}
				.topMenuAllIn > ul > li:first-child {border-top:1px solid #3f48a9;}
			
				.topMenuAllIn > ul > li > a {border-bottom:none; margin:0; padding: 16px; font-size:18px; text-align:left;}
				.topMenuAllIn > ul > li > ul { background-color:#232382; padding:0 16px 8px;}
			
				.topMenuAllIn > ul > li > ul > li > a {font-size:16px; max-width: none; text-align: left;  padding:8px 0; margin:0px; color:#C9D4EE;}
				.topMenuAllIn > ul > li > ul li:first-child > a{padding-top:16px;}
					
				.topMenuAllIn > ul > li > ul > li > ul {margin:0px 0 0 0; padding:0; overflow:hidden; background-color:#1C1C71;}
				.topMenuAllIn > ul > li:last-child > ul > li > ul {margin:8px 0;}
				.topMenuAllIn > ul > li > ul > li > ul > li {padding-bottom:0;}
				.topMenuAllIn > ul > li > ul > li > ul > li > a {max-width: none; text-align: left; padding:8px 12px; margin:0px; font-size:14px; color:#B1B1EC;}
				.topMenuAllIn > ul > li > ul {display:none}
				.topGNB_subArrow { left:0;position: absolute; top: 0px; height: 50px; width: 100%; display:block;}
				.topGNB_subArrow span {display:none;}
				.topMenuAllIn > ul > li > a .asideLIcon { display:block; position:absolute; top:20px; right:23px; transition: all .3s 0s ease;}
				
				.topMenuAllIn > ul > li.on .asideLIcon {transform:rotate(180deg);}
				
				.topMenuAllIn > ul > li:before{opacity:0;display:block; content:''; width:100%; height:1px; background-color:rgba(255,255,255,0.05); position:absolute; top:57px; left:0;}
				.topMenuAllIn > ul > li > .topGNB_subArrow {display:block;} 
			.topLayout.all .topMenuAllBu {top:10px; margin:0px; left:13px; position:fixed; }
			.topLayout.all .topMenuAllIn {margin-left:0px;  }
			.engMove {display:block;}
			
			/* .topLayout.all .topMenuAllBu p:before {width:30px; height:2px; top:13px;}
			.topLayout.all .topMenuAllBu p:after{width:30px; height:2px; bottom:15px;} */
			
		.topLayout .topBg {left: auto; margin: 0px; width: 255px; min-height: 91px;}
		.topLayout .topBg > ul {margin-top: 16px; margin-left: 16px;}
		.topMenuRBox {right: 20px; left: auto; margin: 0px; z-index:23;}
		.topLayout.all .topMenuRBox {z-index:11;}
		.topMenuRBox > ul {margin-top:10px;}
			.topSearchBox {max-width: 240px; margin-top:5px;}
			.topLayoutBg {left:auto; width:330px;}
				.topLayoutBgIn {height:91px;}
body.scroll .topSearchBox {margin: 10px 10px 0px 0px; max-width:auto;}		
body.scroll .topLayoutIn .topMenuAllBu {top:30px;}

body.scroll .topLayout.all  .topLayoutIn .topMenuAllBu {top:10px;}
.subVisualBox {margin-top:90px;}
/* .footerTopBox {display:none;} */
.korTopBox {display:block;}
.footerTopBoxIn .familysite > li {width:50%; display:none;}
.footerTopBoxIn .familysite > li.korT {display:block;}
.footerTopBoxIn .familysite > li.korT .selectric-wrapper {width:87%;}

	.footerBLTop {margin: 0px 300px 0px 10px;}
	.footerBLTop ul li a {padding: 0px 10px;}
	.footerBLTop ul li:first-child a {padding: 0px 10px;}
	.footerBLTop ul li a:before {display:none;}
	.footerBtextBox {margin: 0px 0px 0px 20px;}
	.foot_link  {right:20px;}
	.foot_sns_link a {padding-left:10px;}
	
	.familySIn select {min-width:80%; padding:0 17px;}
.subNavLayot {left:auto; width: 330px;} 
.subNavLayot > ul {margin-right: 20px;}
.conHeadRBox ul li a.bu_print {display:none;}
.asideLLayot {display:none;}
.contentLayot {margin:0px 20px;}
}

@media all and (max-width:640px) { /* phones */
/* common */
.mobileHide {display:none;}
.conT2 {font-size:20px;}
.conT3 {font-size:18px;}
.conT5 {font-size:16px;}

.subNavLayot .subN_sub {margin:0px 0px 0px -73px}
/* layout */
.topLayout {height:60px;}
	.topLayoutIn {text-align:center;}
	.topLayoutIn h1 {position: static; margin: 0 auto; padding-top: 14px;}
	.topLayoutIn h1 a img {width:169px;}
	.topLayoutIn h1 a .logoWhite {display:none;}
		.topMenuBox {margin:0px; padding:0px; position: static;}
		.topMenuBox > ul {display:none;}
		.topMenuAllBu {margin: 0px; top: 15px; left: 15px; transition: all .3s 0s ease; z-index:21;}
		.topMenuAll {position: fixed; background: none; bottom:0px; height:100%;}
		.topMenuAll:before {content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:#000; opacity:0.8;}
			.topMenuAllIn {width: 300px; position: relative; height:100%; margin: 0px 0px 0px -320px; transition: all .3s .3s ease; background-color: #272787; background-image: linear-gradient(to bottom right, #272787, #324DAE); }
			.topMenuAllIn > ul {margin: 60px 0px 0px 0px; height:calc(100% - 60px); overflow:auto;}
			.topMenuAllIn > ul > li:first-child  > ul{padding-bottom:16px;}
			.topMenuAllIn > ul > li {float: none; padding: 0px; position: relative; border-bottom: 1px solid #3f48a9;}
			.topMenuAllIn > ul > li:first-child {border-top:1px solid #3f48a9;}
		
			.topMenuAllIn > ul > li > a {border-bottom:none; margin:0; padding: 16px; font-size:18px; text-align:left;}
			.topMenuAllIn > ul > li > ul { background-color:#232382; padding:0 16px 8px;}
		
			.topMenuAllIn > ul > li > ul > li > a {font-size:16px; max-width: none; text-align: left;  padding:8px 0; margin:0px; color:#C9D4EE;}
			.topMenuAllIn > ul > li > ul li:first-child > a{padding-top:16px;}
			.topMenuAllIn > ul > li > ul li:last-child > a {padding-bottom:16px;}
			.topMenuAllIn > ul > li > ul > li > ul {margin:0px 0 0 0; padding:0; overflow:hidden; background-color:#1C1C71;}
			.topMenuAllIn > ul > li:last-child > ul > li > ul {margin:8px 0;}
			.topMenuAllIn > ul > li > ul > li > ul > li {padding-bottom:0;}
			.topMenuAllIn > ul > li > ul > li > ul > li > a {max-width: none; text-align: left; padding:8px 12px; margin:0px; font-size:14px; color:#B1B1EC;}
			.topMenuAllIn > ul > li > ul {display:none}
			.topGNB_subArrow { left:0;position: absolute; top: 0px; height: 50px; width: 100%; display:block;}
			.topGNB_subArrow span {display:none;}
			.topMenuAllIn > ul > li > .topGNB_subArrow {display:block;} 
			.topMenuAllIn > ul > li > a .asideLIcon { display:block; position:absolute; top:20px; right:23px; transition: all .3s 0s ease;}
			
			.topMenuAllIn > ul > li.on .asideLIcon {transform:rotate(180deg);}
			
			.topMenuAllIn > ul > li:before{opacity:0;display:block; content:''; width:100%; height:1px; background-color:rgba(255,255,255,0.05); position:absolute; top:57px; left:0;}
			.topMenuAll p {background-color: #272787;}
		.topLayout.all .topMenuAllBu {top:15px; margin:0px; left:15px; position:fixed;  z-index:23;}
		.topLayout.all .topMenuAllBuIn {display:none;}
		 body.scroll  .topLayout.all .topMenuAllBu {top:10px}
		.topLayout.all .topMenuAllIn {margin-left:0px;  }
		
		.topMenuAllIn > ul > li.on:before {opacity:1;}
		.engMove {display:block;}
		
		.topBg {display:none;}
		.topMenuRBox {left:0px; right:0px; top:0px; margin:0px; z-index: 21;}
		.topMenuRBox > ul {display:none;}
			.mobileSearchOpen {display:block; position:absolute; top:15px; right:20px; border:none; background:none;}
			body.scroll .mobileSearchOpen{top:64px;}
			.mobileSearchOpen span {font-size:30px; color:#000;}
			.topSearchBox {position:absolute; top:-60px; left:0px; margin:0px; right:0px; max-width: 100%; height:60px; background-color:#272787; transition:all 0.3s ease;}
			.topSearchBox input {width: calc(100% - 130px); border: none; border-bottom: 1px solid #fff; background-color: transparent; margin: 10px 0px 10px 20px; line-height:40px; height:40px; color:#fff; font-size:18px;}
			.topSearchBox .searchIncon {right: 55px; top: 14px; font-size: 30px;}
			.topSearchBox .mobileSearchClose {position:absolute; right: 14px; top: 14px; display:block;} 
			.topSearchBox .mobileSearchClose span {font-size: 30px; color:#fff;} 
			.topSearchBox.on {top:0px;}
			
	body.scrollOn .topLayoutIn h1 {margin:30px auto 0;}
.footerTopBox {display:none;}

.korTopBox {display:block; height:90px;}
.footerTopBoxIn .familysite > li {width:100%; float:none; display:none; }
.footerTopBoxIn .familysite > li.korT {display:block; height:45px; border-bottom: 1px solid #f8f8f8;}
.footerTopBoxIn .familysite > li.korT .selectric-wrapper {width:89%;}

.footerTopBoxIn .familysite > li.korT .selectric {border-bottom:0;}
.footerTopBoxIn .familysite > li.korT .selectric .button {right:10px;}
.familySIn select {width:82%;  padding:0 17px;}
.footerBodyBox {padding:16px;}
	.footerBLTop  {display:none;}
	.footerBtextBox {padding-top:89px;}
		.foot_link {left:0px;}
		.foot_link ul {margin-bottom:12px;}
		.foot_link ul li {padding-left:5px;}
		.foot_link ul li img {width:auto;}
		.foot_link ul li:first-child img {height:25px; width:auto;}
		.foot_sns_link {position:static; text-align:left;}
		.foot_sns_link a {padding-left:10px;}
	
.subVisualBox {margin:0px; height:60px;}
.subVisualBox .conT1 {padding:0px; font-size:24px;}
.subVisualBox span {display:none;}
.subNavLayot {left: 0px; right: 0px; height:45px; margin:0px; position: fixed; box-shadow: none; z-index: 20;}
.subNavLayot > ul { margin-top:0; padding-left:3px;}
.subNavLayot > ul > li {line-height:45px;}
.subNavLayot >ul > li:first-child a span {line-height:45px;}
.subLayout {margin:45px auto;}
.asideLLayot {display:none;}
.contentLayot {margin:0px 10px;}
	.conHeadRBox ul li a.bu_print {display:none;}
	.conHead {height:45px; margin-bottom: 10px; padding-top: 5px;}
	.conHead .conT2 {margin:0px; line-height: 38px; font-size:22px;}
		.buttonTopBox {padding:0px 0px 10px 0px;}
body.scroll .topLayout {height:60px;}
body.scroll .topLayoutIn {margin:0 auto;}
body.scroll .topLayoutIn .topMenuAllBu {top:15px;}
body.scroll .mobileSearchOpen {top:15px;}
body.scrollOn .topLayoutIn h1 {margin: 0 auto;}
body.scroll .topMenuRBox {top:0px;}
body.scroll .subNavLayot {top:auto; height:45px; margin:0px; background-color:#D13A47;}
body.scroll .topSearchBox {margin: 0px;}
/* table */
.searchBox {padding:10px 0px; margin-bottom: 12px; }
	.searchBox .formGroup2{padding:0 0 0 0;}
	.searchBox .formGroup {margin: 0px 10px 0 10px; border-bottom:none;}
	.searchButton { margin:20px 10px 0 7px; width:96%; display:block; position:static;}
	
.table_normal thead tr th {padding:13px 5px;}
.table_normal tbody tr td {padding:13px 1px; font-size:14px;}


.table_view tr th, .table_view tr td {padding:5px;}
.table_view tr th {font-size: 12px; word-break: break-all;}
.table_view tr td {font-size: 13px;}
.table_view .tContnetBox {overflow-x:scroll;}
.tbSlide .center button {margin-top: -10px;}
.table_view .tContnetBox img{width: 100% !important;height: auto !important;}
.table_view .tTitle {font-size:18px; padding:20px 5px;}
.tableNextButtonBoxL .icon, .tableNextButtonBoxR .icon {font-size:30px;}
.tableNextButtonBoxL strong {margin:13px 0  0 48px;}
.tableNextButtonBoxR strong {margin:13px 48px  0 0;}
.tableNextButtonBoxL .text {margin:5px 0 0 10px ;}
 .tableNextButtonBoxR .text {margin:5px 0 0 31px;}

.Tab01 li a {padding:0 5px;}
 
/* paging */

.pagination {margin:20px 0;}
.pagination a {height:20px; line-height:20px; margin:0px; font-size:15px; padding:4px 6px;}
.pagination a.icon {border:1px solid #D7D7D7; width:16px;}
.pagination a.icon span {font-size:14px; line-height:20px;}
.pagination .current {margin:4px 5px; font-size:14px; height:20px; line-height:20px;}
.pagination .iconStart {display:none;}
.pagination .iconEnd {display:none;}

/* search */
.unifiedSearch .searchBox .formGroup {margin:0px 10px !important;}
.unifiedSearch .detailBtn {position: static; display: block; margin: 7px; display:none;}
.unifiedSearch .detailBtn .bu_l_blue {display:block;}
.unifiedSearch .detailBox1, .detailBox2 {width:100%; margin: 7px 0px;}
.unifiedSearch .DatepickerBox .calendarTxt {background-color:transparent;}
.unifiedSearch .DatepickerBox li {margin-bottom:1px;}
.satisfaction .admin_info ul {padding:0 8px;}
.satisfaction .admin_info ul li {float:none; padding-left:0; text-align:left; line-height:32px;}
.unifiedSearch .subtxt {display:none;}
ul.search_resultList li .imgPRBox {display:none;}
ul.search_resultList li .txtPRBox {margin-left:0;}
ul.search_resultList li .tit {font-size:15px;}
.tableBackground {padding:10px;}

.formW_33 {width:100%;}
.searchBox .formGroup ul li {width:100%; border-bottom:1px solid #333;}
.searchLineup {display:none;}
.searchLineup a {padding:9px; font-size:14px;}
}