@charset "euc-kr";
/* CSS Document */

.png24 {
   tmp:expression(setPng24(this));
}
body {
	margin:0 0 0 0;
}
table {
	font: 12px  Tahoma;
	color: #333333;
}
/* 배경화면 */
.background_main {
	background-image:url(/en/images/main/bg.jpg);
	background-repeat:repeat-x;
	background-position:50% 0%;
}
.background_sub {
	background-image:url(/en/images/sub/bg.jpg);
	background-repeat:repeat-x;
	background-position:50% 0%;
}
/* 이미지 */
img {
	border: none;
}
/* 점선 */
.dot_line {
	background-image:url(/en/images/icon/dot_line_bg.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
}
/* 레드 */
.font_red_12px {
	font: 12px  Tahoma;
	color: #FF0000;
}
.font_red_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #FF0000;
}
.font_red_uline_12px {
	font: 12px  Tahoma;
	color: #FF0000;
	text-decoration: underline;
}
.font_red_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
/* 블루 */
.font_blue_12px {
	font: 12px  Tahoma;
	color: #007EFF;
}
.font_blue_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #007EFF;
}
.font_blue_uline_11px {
	font: 11px  '돋움';
	color: #007EFF;
	text-decoration: underline;
	letter-spacing:-1.5;
}
.font_blue_uline_12px {
	font: 12px  Tahoma;
	color: #007EFF;
	text-decoration: underline;
}
.font_blue_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #007EFF;
	text-decoration: underline;
}
/* 그린 */
.font_green_12px {
	font: 12px  Tahoma;
	color: #109A09;
}
.font_green_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #109A09;
}
.font_green_uline_12px {
	font: 12px  Tahoma;
	color: #109A09;
	text-decoration: underline;
}
.font_green_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #109A09;
	text-decoration: underline;
}
/* 오렌지 */
.font_orange_12px {
	font: 12px  Tahoma;
	color: #FF8A00;
}
.font_orange_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #FF8A00;
}
.font_orange_uline_12px {
	font: 12px  Tahoma;
	color: #FF8A00;
	text-decoration: underline;
}
.font_orange_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #FF8A00;
	text-decoration: underline;
}
/* 그레이 */

/* 블랙 */
.font_black_11px {
	font: 11px  '돋움';
	color: #444444;
}
.font_black_11px_num {
	font: 11px  Tahoma;
	color: #444444;
}
.font_black_12px {
	font: 12px  Tahoma;
	color: #444444;
}
.font_black_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #444444;
}
.font_black_uline_12px {
	font: 12px  Tahoma;
	color: #444444;
	text-decoration: underline;
}
.font_black_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #444444;
	text-decoration: underline;
}
/* 화이트 */
.font_white_12px {
	font: 12px  Tahoma;
	color: #ffffff;
}
.font_white_b_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #ffffff;
}
.font_white_uline_12px {
	font: 12px  Tahoma;
	color: #ffffff;
	text-decoration: underline;
}
.font_white_b_uline_12px {
	font: 12px  Tahoma;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
/* 링크 */
A:link {
	text-decoration:none;
}
A:visited {
	text-decoration:none;
}
A:active {
	text-decoration:none;
}
A:hover {
	text-decoration:none;
}
/* 인풋박스 */
.inputbox_single {
	border: 1px solid #cccccc;
	font-size: 12px;
	background-color: #F9FAF2;
	height: 18px;
	font-family:  Tahoma;
}
.inputbox_multi {
	border: 1px solid #cccccc;
	font-size: 12px;
	background-color: #F9FAF2;
	font-family:  Tahoma;
}
.inputbox_border_none {
	border: 0px;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 16px;
	font-family:  Tahoma;
}
/* 테이블 */
.td_left_pd10px {
	padding:10px 10px 10px 10px;
	text-align:left;
}
.td_left_pd5px {
	padding:5px 5px 5px 5px;
	text-align:left;
}
.td_center_pd10px {
	padding:10px 10px 10px 10px;
	text-align:center;
}
.td_center_pd5px {
	padding:5px 5px 5px 5px;
	text-align:center;
}
.td_right_pd10px {
	padding:10px 10px 10px 10px;
	text-align:right;
}
.td_right_pd5px {
	padding:5px 5px 5px 5px;
	text-align:right;
}




/*메인슬라이드*/
.main_cont_box_01{
	max-width:1920px;
	min-width:990px;
	height:541px;
    position: relative;
	left: 50%;
    margin-left: -104%;
}
.main_cont_box_01 .bx-viewport{height:541px; width: 100%; overflow: hidden; position: relative;}
.bxslider{list-style:none; padding-inline-start: 0px; margin-block-start: 0; margin-block-end: 0; position:relative;}
.main_img01_01{width:1920px; height:541px; background-image:url(/en/images/main/main_banner01.jpg); display:block; background-position:left;}
.main_img01_02{width:1920px; height:541px; background-image:url(/en/images/main/main_banner02.jpg); display:block; background-position:left;}
.main_img01_03{width:1920px; height:541px; background-image:url(/en/images/main/main_banner03.jpg); display:block; background-position:left;}
#bx-pager{
    position: absolute;
    top: 15px;
    left: 30px;;
    z-index: 9999;
}
#bx-pager a{
    width: 14px;
    height: 14px;
    color: #444;
    display: none;
    border-radius: 10px;
    text-align: center;
    line-height: 14px;
    float: left;
	background-color:#fafafa;
	border:1px solid #ccc;
    margin-right: 3px;
    font-weight: 600;
	font-size:10.5px;
	text-decoration:none;
}
#bx-pager .active{background-color:#437c9a; font-weight: 800; color:#fff;}
#bx-pager a:hover{background-color:#437c9a; font-weight: 800; color:#fff;}

.main_cont_box_01 .bx-prev{position: absolute; top: 130px; left:350px; width:70px; height:120px; background:url(../images/main/sl02_prev.gif) no-repeat;text-indent: -9999px;z-index: 9999; /*display:none;*/}
.main_cont_box_01 .bx-next{position: absolute; top: 130px; right:270px; width:70px; height:120px; background:url(../images/main/sl02_next.gif) no-repeat;text-indent: -9999px;z-index: 9999; /*display:none;*/}
.main_cont_box_01 .bx-start{/*position: absolute;top: 314px;width: 18px;height: 19px;background:url(../images/main/sl02_start.gif) no-repeat;text-indent: -9999px;right: 87px;z-index: 9999;*/ display:none;}
.main_cont_box_01 .bx-stop{/*position: absolute;top: 314px;right: 69px;width:19px;height: 19px;background:url(../images/main/sl02_pause.gif) no-repeat;text-indent: -9999px;z-index: 9999;*/ display:none;}
.main_cont_box_01 .bx-prev:hover{background:url(../images/main/sl02_prev_ov.gif) no-repeat;}
.main_cont_box_01 .bx-next:hover{background:url(../images/main/sl02_next_ov.gif) no-repeat;}
.main_cont_box_01 .bx-start:hover{background:url(../images/main/sl02_start_ov.gif) no-repeat;}
.main_cont_box_01 .bx-stop:hover{background:url(../images/main/sl02_pause_ov.gif) no-repeat;}



/*메인배너*/
.main_img01 { animation: /*선택자*/slidein1 /*동작시간*/0.6s /*진행속도:ease,ease-out,ease-in*/ease-out /*딜레이*/0.5s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both;
-webkit-animation: slidein1 0.6s ease-out 0.5s 1 normal both;}
@keyframes slidein1 {
	0% { opacity:0;}
	100% { opacity:1;}
}
.main_img02 { position: relative; animation: /*선택자*/slidein2 /*동작시간*/1.5s /*진행속도:ease,ease-out,ease-in*/ease-out /*딜레이*/1.0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both;
-webkit-animation: slidein2 1.5s ease-out 1.0s 1 normal both;}
@keyframes slidein2 {
	0% { left: 50px; opacity:0;}
	100% { left: 0px; opacity:1;}
}

