/* CSS Document */ /*******************************************************************************************************************************/ /*@font-face { font-family:'NanumGothic';*/ /* src: url('font/NanumGothic.eot');src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype');font-weight: normal;font-style: normal;}*/ /*@font-face { font-family:'NanumGothicBoldWeb';*/ /* src: url('font/NanumGothicBold.eot');src: url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('font/NanumGothicBold.woff') format('woff'), url('font/NanumGothicBold.ttf') format('truetype');font-weight: bold;font-style: normal;}*/ /*@font-face{ font-family: "NanumBarunGothic";*/ /* src: url('font/NanumBarunGothic.eot')format('eot');src: url('font/NanumBarunGothic.woff') format('woff');}*/ /*@font-face{ font-family: "NanumBarunGothicBold";*/ /* src: url('font/NanumBarunGothicBold.eot')format('eot');src: url('font/NanumBarunGothicBold.woff') format('woff');}*/ /*@font-face{ font-family: "NanumGothicExtraBold";*/ /* src: url('font/NanumGothicExtraBold.eot')format('eot');src: url('font/NanumGothicExtraBold.woff') format('woff');}*/ /*@font-face{ font-family: "NanumMyeongjo";*/ /* src: url('font/NanumMyeongjo.eot')format('eot');src: url('font/NanumMyeongjo.woff') format('woff');}*/ /*@font-face{ font-family: "NanumMyeongjoBold";*/ /* src: url('font/NanumMyeongjoBold.eot')format('eot');src: url('font/NanumMyeongjoBold.woff') format('woff');}*/ /********************************************************************************************************************************/ html {overflow-y:scroll} /*body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif}*/ 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 li {list-style:none;} #hd ul, nav ul, #ft ul {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} input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} 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:link, a:visited {color:#000;text-decoration:none} a:hover, a:focus, a:active {color:#000;text-decoration:underline} #wrap {width:100%;} .main_top_wrap {width:100%; margin:0 auto; background-color:#a6937c; color:#4a4039; padding:0.8% 0 0 0;} .main_top_top {width:100%;text-align:right;} .main_top {width:63.058%; max-width:1200px; margin:0 auto;} .main_top_logo {width:100%; margin:0 auto; text-align:center;} .menu_wrap {width:100%; margin:0 auto;background-color:#59493f; position:relative; overflow:hidden;} .menu {position:relative; width:1200px; margin:0 auto;} .menu div:hover{color:#cfa972;} /*.menu div { position:relative;float:left; width:150px; max-width:150px; color:#fff; padding:2% 0; font-size:20px; font-family: "NanumBarunGothic"; text-align:center;}*/ .menu div { position:relative;float:left; width:133px; max-width:133px; color:#fff; padding:2% 0; font-size:20px; font-family: "NanumBarunGothic"; text-align:center;} .main_slide_wrap{width:100%; max-width:1903px;margin:0 auto; position:relative; padding:0; overflow:hidden;} .main_slide_left {float:left; width:18.444%; max-width:351px; padding:0;} .main_slide_center {float:left; width:63.058%; max-width:1200px;} .main_slide_right {float:left; width:18.497%; max-width:352px;} .main_slide_wrap img {width:100%;} .main_box_1 {width:100%; margin:0 auto; overflow:hidden; position:relative; text-align:center; padding:3% 0 0 0;} .main_box_1_wrap {width:63.058%; max-width:1200px; margin:0 auto; } .main_box_1_wrap div {float:left; width:25%; max-width:300px;} .main_box_1_wrap img {width:98%;} .main_board_wrap { width:100%;margin:0 auto; overflow:hidden; position:relative; text-align:center; padding:3% 0 3% 0;} .main_board {width:1200px; margin:0 auto; } .main_board_left {float:left; width:294px;} .main_board_center {float:left; width:596px;} .main_board_right {float:left; width:24.5%;} .main_box_wrap { width:100%; margin:0 auto; overflow:hidden; position:relative; text-align:center; background-color:#dbd7d2; padding:5% 0;} .main_box {width:63.058%; max-width:1200px; margin:0 auto; } .main_box_l {width:50%; float:left;} .main_box_l div {padding:1% 0;} .main_box_l img { width:98%;} .main_box_r {width:50%; float:left;} .main_box_r div {padding:1% 0;} .main_box_r img { width:98%;} .location {width:100%; position:relative;overflow:hidden; } .location_l {width:50%; float:left;} .location_r {width:50%; float:left;} .location_r img{width:100%;} .copyright_wrap {width:100%; background-color:#313131;position:relative;overflow:hidden; } .copyright_top {width:63.058%; max-width:1200px; margin:0 auto; text-align:right; color:#cfa972; padding:1% 0 0 0; } .copyright_top a{ color:#cfa972;} .copyright {width:63.058%; max-width:1200px; margin:0 auto; text-align:center;padding:1% 0; color:#fff; } .sub_menu {width:1200px; margin:0 auto; overflow:hidden; #filter: alpha(opacity=85);opacity: 0.80;-moz-opacity: 0.80; background-color: #000;} /*.sub_menu ul {float:left; width:150px; padding:0; margin:0;}*/ .sub_menu ul {float:left; width:133px; padding:0; margin:0;} .sub_menu li {list-style:none; text-align:center; padding:10px 0; color:#cfa972; font-size:17px;} .main_top_sns {width:1200px; margin:0 auto; overflow:hidden;} .main_top_sns ul{overflow:hidden;} .main_top_sns li{float:right; padding:0 10px; list-style:none;} .nmenu_all_wrap {width:100%; position:absolute; margin:0 auto;;} /*.nmenu_wrap {width:100%; position:relative;background:rgba(57, 59, 61, 0.7) }*/ .nmenu_wrap {width:100%; position:relative;#filter: alpha(opacity=85);opacity: 0.80;-moz-opacity: 0.80; background-color: #000;} .nmenu {position:relative; width:1200px; margin:0 auto;} .nmenu div:hover{color:#ffe400;} /*.nmenu div { position:relative;float:left; width:150px; max-width:150px; color:#fff; padding:15px 0; font-size:18px; font-family: "NanumBarunGothic"; text-align:center;}*/ .nmenu div { position:relative;float:left; width:133px; max-width:150px; color:#fff; padding:15px 0; font-size:18px; font-family: "NanumBarunGothic"; text-align:center;} .nsub_menu {position:relative; width:1200px; margin:0 auto; overflow:hidden; #filter: alpha(opacity=85);opacity: 0.80;-moz-opacity: 0.80; background-color: #000;} /*.nsub_menu ul {float:left; width:150px; padding:0; margin:0;}*/ .nsub_menu ul {float:left; width:133px; padding:0; margin:0;} .nsub_menu li {list-style:none; text-align:center; padding:5px 0; color:#fff; font-size:15px;} .nsub_menu li:hover{color:#ffe400;} .latest_wrap {width:100%; overflow:hidden; font-size:16px; } .latest_wrap_l {width:50%; float:left; background:#ebebeb;} .latest_l {width:100%; max-width:600px; float:right; } .latest_wrap_r {width:50%; float:right;background:#f5f5f5;} .latest_r {width:100%; max-width:600px; float:left; } .subslide {width:100%; margin:0 auto;} .subslide_title {width:100%; margin:140px auto 70px; text-align:center;} .main_map_wrap {width:100%; } .main_map {width:100%; max-width:1200px; margin:0 auto;} .ncopy_wrap {width:100%; background:#161929; } .ncopy_top_wrap {width:100%; border-bottom:1px solid #767986; } .ncopy_top {width:100%; max-width:800px; margin:0 auto; } .ncopy_top ul{overflow:hidden; padding:0 ; margin:0;} .ncopy_top li{float:left; list-style:none; color:#fff; width:160px; text-align:center; padding:20px 0; font-size:16px;} .ncopy {width:100%; max-width:800px; margin:0 auto; text-align:center;} .ncopy p {color:#c0c1c3; padding:10px 0; font-size:15px;} .nmain_box {width:100%; margin:0 auto;} .nmain_box img{width:100%; margin:0 auto;} .subslide_ul {} .subslide_ul div{} .subslide_ul img{} .latest_l {} .latest_l_1 {float:right;font-weight:bold;width:150px;text-align:Center;} .latest_l_2 {float:right;text-align:center; width:300px; white-space:nowrap; overflow:hidden; } .latest_l_3 {float:right; width:100px; text-align:Center;} .latest_r_1 {float:left;font-weight:bold;width:150px;text-align:Center;} .latest_r_2 {float:left;text-align:center; width:300px; white-space:nowrap; overflow:hidden; } .latest_r_3 {float:left; width:100px; text-align:Center;} .nmain_video_wrap {width:100%; height:700px; background:url("/image/main2/box_5_bg.png?t=2")no-repeat; background-position:top center;} .nmain_video_1200 {width:100%; max-width:1200px; margin:0 auto;} .nmain_video {padding:150px 0 0 0;} /* S: QuickBar */ #quickBar {z-index:999; position:fixed; right:50px; width:100px; height:50%;} #quickBar .quickBar_in{position: relative; top:50%; bottom:10px;} #quickBar .quickBar_in ul{/*z-index: 1000;*/ position: relative; top:30px; display:block; float: left; max-width:90px; width:100%; height: auto;} #quickBar .quickBar_in ul li{float: left; display: block; margin-left: 4px; margin-bottom: 50px;} #quickBar .quickBar_in ul li:last-child{margin-bottom: 0px;} #quickBar .quickBar_in ul li a{display:block; float: left; width:100%; height:60px;} /* E: QuickBar */