@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

	body,table,td {  font-family:dotum, ±¼¸²,"µ¸¿ò","Arial", "Verdana","Helvetica";color: #6B6666; font-size: 12px; text-decoration: none;  line-height: 140%;}    

	.input_01         {font-size:11px; color:#666666; IME-MODE:ACTIVE; border-top: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; }	
	.input_02         {font-size:12px; color:#666666; IME-MODE:ACTIVE; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; }
	
	/* ±âº» ÅؽºÆ® */		  
	 .violet_bold    { color : #3E3B7B; font-size:13px; font-weight:bold;}
     .board_text   { text-decoration:none; color:#51606A; font-size:11px; font-family:"tahoma", "µ¸¿ò";}
     .white        { text-decoration:none; color:#ffffff; } 
     .solution_01     {color: #605F57; font-size: 11px; text-decoration: none;  line-height: 140%;} 
     .solution_02     { color: #8D6448; font-size: 13px; text-decoration: none;  line-height: 140%; font-weight:bold;}   
	

	/* ¸µÅ© */
	A:link	       { text-decoration:none; color:#6B6666;}
	A:visited      { text-decoration:none; color:#6B6666;}
	A:hover        { text-decoration:none; color:#313B41;}
           
	
	A.small:link	   { text-decoration:none; color:#757369;}
	A.small:visited { text-decoration:none; color:#757369;}
	A.small:hover   { text-decoration:none; color:#2B2A26;}
	.small          { text-decoration:none; color:#757369; font-size:11px;line-height:120%;}
	.a          { text-decoration:none; color:#ffffff; font-size:11px; line-height:120%;}



/* GNB */ 
#gnb > * { padding: 0; margin: 0; box-sizing: border-box; }
#gnb ul { list-style: none; margin: 0; padding: 0; }
#gnb { position: relative; width: 100%; height: 66px; z-index: 200; text-align: right; background: #001c63; }
#gnb .gnbMenu { position: relative; display: inline-block; width: 100%; height: 66px; padding: 0; z-index: 155; letter-spacing: 0; }
#gnb .gnbMenu .oneDh { position: relative; float: left; width: 20%; height: 38px; margin: 0; text-align: center; z-index: 3; }
#gnb .gnbMenu .oneDh > a { position: relative; display: block; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 500; height: 38px; line-height: 38px; text-decoration: none; 
    -ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#gnb .gnbMenu .oneDh > a:after { position: absolute; right: 0; top: 16px; content: ''; width: 1px; height: 12px; background: #ddd; }
#gnb .gnbMenu .oneDh:last-child > a:after { display: none; }
#gnb .gnbMenu .oneDh > a > span { position: absolute; left: 0; top: 0; width: 100%; height: 38px; }
#gnb .gnbMenu .oneDh > a:hover, #gnb .gnbMenu .oneDh > a.on { color: #53ba45; }
#gnb .gnbMenu .twoDh { display: none; position: absolute; top: 38px; height: 28px; text-align: left; z-index: 200; padding: 0 24px; background: #53ba45; overflow: hidden; }
#gnb .gnbMenu .twoDh.on { display: block; }
#gnb .gnbMenu .twoDh li { position: relative; display: inline-block; margin-left: 0; margin-right: 12px; z-index: 200; }
#gnb .gnbMenu .twoDh li:last-child { margin-right: 0; }
#gnb .gnbMenu .twoDh a { display: block; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 500; height: 27px; line-height: 27px; color: #001c63; text-decoration: none; }
#gnb .gnbMenu .twoDh a:hover, #gnb .gnbMenu .twoDh a:focus { color: #1c53e5; }

#gnb .gnbMenu .oneDh.m1 .twoDh { left: 0; width: 842px; }
#gnb .gnbMenu .oneDh.m2 .twoDh { left: -178px; width: 842px; }
#gnb .gnbMenu .oneDh.m3 .twoDh { left: -356px; width: 842px; }  
#gnb .gnbMenu .oneDh.m1 .twoDh li:first-child { margin-left: 30px; }
#gnb .gnbMenu .oneDh.m2 .twoDh li:first-child { margin-left: 100px; }
#gnb .gnbMenu .oneDh.m3 .twoDh li:first-child { margin-left: 370px; }


/* MAIN VISUAL */
.mvi_wrap > * { padding: 0; margin: 0; box-sizing: border-box; }
.mvi_wrap ul { list-style: none; margin: 0; padding: 0; }
.mvi_wrap li { padding: 0; margin: 0; }
.mvi_wrap { float: left; position: relative; width: 890px; height: 358px; border-bottom-right-radius: 36px; overflow: hidden; }
.mvi_wrap .mvi_txt { position: absolute; left: 0; top: 14px; z-index: 990; }
.mvi_wrap .bx-wrapper { position: relative; width: 890px; height: 358px; overflow: hidden; }
.mvi_wrap .bx-viewport { background: transparent !important; }

.mvi_wrap #bx-pager { position: absolute; right: 47px; top: 322px; z-index: 1000; }
.mvi_wrap #bx-pager a { display: inline-block; width: 8px; height: 8px; background: rgba(255,255,255,0.5); margin-right: 4px; border-radius: 8px; 
    -ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.mvi_wrap #bx-pager a.active { width: 24px; background: #cce96c; }