/* ÃʱâÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:"arial","dotum"}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, aside ul,  footer ul {margin:0;padding:0;list-style:none}

label, input, select, img {vertical-align:middle}
input {margin:0;padding:0;border-radius:0;font-family:"arial","dotum"}
input[type=text],
input[type=password],
input[type=submit],
input[type=image] {-webkit-appearance:none}
button {border-radius:0;font-size:1em;-webkit-appearance:none}
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link,
a:visited {color:#000;text-decoration:none}
a:hover,
a:focus,
a:active {color:#000;text-decoration:none}

#hd { position:relative; width:100%; height:107px; background:url('/08_eng/img/eng_main_top_bg.png') repeat-x; z-index:99; }
#hd_wrapper {z-index:6;position:relative;margin:0 auto;width:1100px}
#logo { float:left; width:217px; margin-top:33px;}
#navi { float:right; width:829px;}
#navi_flash { position:absolute;}

#main_wrapper {z-index:5; width:100%; margin-bottom:20px; background:url('/08_eng/img/con_bg.png') repeat-x;zoom:1}
#main_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#wrapper {z-index:5; width:1100px; margin:20px auto 50px auto; zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#aside {z-index:4;float:left;position:relative;margin:0;padding:0;width:274px;min-height:500px;height:auto !important;height:500px;zoom:1}
#aside:after {display:block;visibility:hidden;clear:both;content:""}

#aside ul { width:226px; margin:0 auto; }
#aside li { margin-bottom:20px;}

#container {z-index:4;float:left;position:relative;margin:0;padding:0;width:826px;min-height:500px;height:auto !important;height:500px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#main_container { z-index:4;position:relative;width:100%;border-bottom:30px solid #ccc;height:387px;}
#main_container:after {display:block;visibility:hidden;clear:both;content:""}

#main_img {margin:0 auto;padding:0;width:1100px;}

#main_container2 {z-index:4;position:relative;margin:0 auto;padding:0;width:1100px;min-height:110px;height:auto !important;height:110px;zoom:1}
#main_container2:after {display:block;visibility:hidden;clear:both;content:""}


#main_banner {margin:0;padding:0;list-style:none; }
#main_banner li { float:left;margin-left:10px;margin-top:10px;}
#main_banner li:first-child { margin-left:0; margin-right:42px; }

#ft {z-index:6;position:relative;width:100%;border-top:1px solid #eee;zoom:1}
#ft:after {display:block;visibility:hidden;clear:both;content:""}

#ft_copy { position:relative;margin:0 auto;padding:0;width:1121px; }


/* ¸ÞÀθ޴º */
#gnb { position:relative; float:right; }
#gnb_ul1 { display:inline-block; margin-top:15px;  }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb_ul1 > li { float:left; position:relative; }
#gnb_ul1 > li > a  { display:inline-block; padding:0 15px; height:90px; line-height:90px; font-size:18px; font-weight:700; color:#000; }
#gnb_ul1 > li:hover > a { color:#024383; }
#gnb_ul1 .gnb_sub { display:none;  position:absolute; margin-left:-25px; padding:0; width:150px; background:#fff; border:3px solid #024383; }
#gnb_ul1 .gnb_sub > li > a { display:block; padding:12px 0; font-size:15px; text-align:center; border-top:1px solid #ccc; }
#gnb_ul1 .gnb_sub > li:first-child > a { border-top:0; }
#gnb_ul1 .gnb_sub > li > a:hover { background:#024383; color:#fff;}

#gnb_ul1 > li:hover .gnb_sub { display:block; }

#hd:hover #logo a,
#hd.fixed #logo a,
#hd.fixed #gnb_ul1 > li > a,
#hd:hover #gnb_ul1 > li > a { color:#000; }

#hd.fixed #gnb_ul1 > li:hover > a,
#hd:hover #gnb_ul1 > li:hover > a { color:#024383; }

#hd .sub_gnb_bg { display:none; position:absolute; left:0;top:110px; background:rgba(255,255,255,1); border-bottom:1px solid #024383; width:100%; height:180px; z-index:3; } 

/* ¼­ºêŸÀÌƲÀ̹ÌÁö */
.visual_area {
  width: 100%;
  height: 300px;
  background-color: #921820;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.visual_area .screen {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.2);
  transition: transform 5s linear;
}
.visual_area .screen::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
}
.visual_area.sc-event .screen {
  transform: scale(1) rotate(0.01deg);
}
.visual_area .title_wrapper {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 60%;
  text-align: center;
  font-size:50px;
  color:#fff;
  font-weight:500;
}
.visual_area .title_wrapper .sub_title {
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.visual_area .title_wrapper .main_title {
  font-size: 48px;
  color: #fff;
  font-weight: 500;
}
.visual_area.subVisual1 .screen {
  background-image: url('../img/sub/img1.jpg');
}
.visual_area.subVisual2 .screen {
  background-image: url('../img/sub/img2.jpg');
}
.visual_area.subVisual3 .screen {
  background-image: url('../img/sub/img3.jpg');
}
.visual_area.subVisual4 .screen {
  background-image: url('../img/sub/img4.jpg');
}
.visual_area.subVisual5 .screen {
  background-image: url('../img/sub/img5.jpg');
}
.visual_area.subVisual6 .screen {
  background-image: url('../img/sub/img6.jpg');
}