@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;
}
.placeholdersjs { color: #aaa !important; }


.newslide {width:100%; }
.newslide img{width:100%; }
.main_100 {width:100%; }
.main_100 img{width:100%; }

.titles {width:100%; max-width:773px; margin:0 auto;}

.box_2 {width:100%; max-width:1520px; margin:0 auto;}
.box_2 ul {overflow:hidden;}
.box_2 li {float:left; width:50%; overflow:hidden; }
.box_2 img {width:100%;transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;}
.box_2 img:hover {-webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .5s;
            -o-transition: transform .5s;
            -moz-transition: transform .5s;
            -webkit-transition: transform .5s;}

.box_4 {width:100%; max-width:1520px; margin:0 auto;}
.box_4 ul {overflow:hidden;}
.box_4 li {float:left; width:25%;}
.box_4 img {width:100%;}

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

.bna_2 {width:100%; max-width:1300px; margin:0 auto;}
.bna_2 ul {overflow:hidden;}
.bna_2 li {float:left; width:50%;}

.main_online {width:1400px; margin:0 auto;}
.main_online ul {overflow:hidden;}
.main_online li {float:left;}

.new_copy {width:100%; margin:40px auto 80px; text-align:center;}

/* MENU */
.top_t {width:100%; max-width:1200px; margin:0 auto;}
.top_t ul {overflow:hidden; padding:0; margin:0;}
.top_t li {float:right; padding:10px;}

.top_logo_wrap {width:100%; margin:0 auto; padding-bottom:20px; border-bottom:1px solid #dfdfdf; }
.top_logo {width:100%; max-width:122px; text-align:center; margin:0 auto;}

.menu_wrap {width:100%; position:relative; z-index:10000; }
.menu_wrap2 {width:100%; background:#fff; border-bottom:1px solid #dfdfdf;}
.menu {width:100%; max-width:1400px; margin:0 auto;}
.menu ul {overflow:hidden; padding:0; margin:0;}
.menu li {float:left; width:200px; text-align:center; font-size:20px; font-weight:bold; padding:10px 0; color:#424242;}

.submenu_wrap {width:100%; position:absolute;}
.submenu { max-width:1400px; margin:0 auto; background:rgba(255,255,255,0.8); overflow:hidden;}
.submenu ul {float:left; width:200px;}
.submenu li {text-align:center; padding:10px 0;}