@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;}
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:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

.wrap {width:100%; margin:0 auto; }
.top_login {width:100%; max-width:1200px; margin:0 auto;}
.top_login ul {overflow:hidden; }
.top_login li {float:right; padding:20px 10px 10px 10px;}
.top_logo {text-align:center; padding:10px 0 20px 0px;}

.menu_wrap {width:100%; border-top:1px solid #adadad; background:#fff; border-bottom:1px solid #adadad;}
.menu {width:100%; max-width:1300px; margin:0 auto;}
.menu ul {overflow:hidden;}
.menu li {float:left; text-align:center; font-size:18px; padding:15px 18px; font-weight:bold;}
.menu_li a{ color:#2d2d2d;}

.submenu_wrap {width:100%; position:absolute;}
.submenu {width:100%;max-width:1300px; margin:0 auto; }
.submenu_ol {display:none; width:100%; text-align:center; font-size:18px; list-style:none; margin:0; padding:0; overflow:hidden;background:url('/img/main/menu_bg.png')  }
.submenu li {float:left; width:25%; padding:20px; font-weight:bold;}
.submenu li a {color:#fee0ee; }
.submenu li a:hover {color:#fff; font-weight:bold; }
/*.submenu li */


.box {width:100%; }
.box img{width:100%; }

.slide {width:100%; }
.slide img{width:100%; }

.box12 {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.box12_l {float:left;}
.box12_r {float:left; }

.box_latest {width:100%; overflow:hidden; padding:20px 0;}
.box_latest div{width:33.3%; float:left; text-align:right;}

.box3 {width:100%; overflow:hidden; padding:50px 0 0 0;}
.box3_1 {width:33.333%; float:left; overflow:hidden; text-align:center;}
.box3_2 {width:33.333%; float:left; overflow:hidden; text-align:center;}
.box3_3 {width:33.333%; float:left; overflow:hidden; text-align:center;}

.copy_wrap {background:#2f334f;}
.copy {width:100%; max-width:1200px; margin:0 auto; text-align:center;}

.box1_wrap {width:100%; background:url('/img/main/box_1_bg.png?t=1') no-repeat; min-height:814px;background-position:top center;  background-size:100%;}
.box1 {width:100%; max-width:1300px; margin:0 auto; }
.box1_l {width:50%; float:left; }
.box1_r {width:50%; float:left; }

.box1_l ul {overflow:hidden; margin:40px auto;}
.box1_l li {width:33.333%; float:right;}

.main_video_wrap {width:100%; background:url('/img/main/box_3_bg.png') no-repeat; height:797px; background-position:top center;}
.main_video {width:100%; max-width:1200px; margin:0 auto; }
.main_video_l {float:left; width:600px;}
.main_video_r {float:left; width:600px;}
.main_mov {width:100%; background:url('/img/main/mo_bgbg.png') repeat-y; background-position:top center;  background-size:100%;;}