@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/css?family=Open Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:300);
@import url(https://fonts.googleapis.com/css?family=Lobster);


@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);




@charset "utf-8";

/* element 여백 초기화 */
html, body,
div, span,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6, 
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; 
	padding:0;
	border:0;
	outline:0;	
	}

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; }

/* 목록 */
ol, ul, li { list-style:none; }

/* 제목 요소 */
h1, h2, h3, h4, h5, h6 { 
	font-size:100%;
	font-weight:normal;
	}

/* 텍스트 초기화 */
ins { text-decoration:none; }
del { text-decoration:line-through; }


* {padding:0;margin:0;}
a {text-decoration:none;font-style:normal;font-size:12px;outline:none;}
img, fieldset {border:0;display:block;}
div {position:relative;}
wrap {width:100%;text-align:center;}

/* CSS Document */



@font-face {
 font-family: 'NanumGothic'; font-style: normal; font-weight: 400;
 src: url(/resource/font/NanumGothic-Regular.eot);
 src: url(/resource/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/resource/font/NanumGothic-Regular.woff2) format('x-woff2'), url(/resource/font/NanumGothic-Regular.woff) format('woff'), url(/resource/font/NanumGothic-Regular.ttf) format('truetype');
}









body {
	padding:0;
	margin:0;
	width:100%;
	font-family: "Noto Sans KR", sans-serif !important;
	font-size:14px;
	color:#333;
	line-height:160%;
	letter-spacing:0.02em;
/*
	overflow-y:scroll;
	overflow-x: hidden
	
*/min-width:1200px;	
	background-position:center 0;
}


.t10 {padding-bottom:10px;}
.t20 {padding-bottom:20px;}
.t30 {padding-bottom:30px;}
.t40 {padding-bottom:40px;}
.t50 {padding-bottom:50px;}
.t60 {padding-bottom:60px;}
.t70 {padding-bottom:70px;}
.t80 {padding-bottom:80px;}
.t90 {padding-bottom:90px;}
.t100 {padding-bottom:100px;}


/* header */

#header { position:fixed; width:100%; height:135px; margin:0 auto; z-index:9999; }
#header {  background:#000; }

#top { width:1180px; margin:0 auto; }
#top { width:1180px; margin:0 auto; }
#top .logo { float:left; padding-left:10px; margin-top:50px;}

#top .gnb { float:right;  margin-top:58px;}

#top .menu { float:left; }
#top .menu li { float:left; padding:0 20px; }
#top .menu li a { font:600 20px 'Open Sans'; color:#fff; }
#top .menu li a:hover { color:#ccc; text-decoration:none;}

#top .t_icon { float:left; margin-left:50px;}
#top .t_icon li { float:left; padding-right:10px; }

/* footer */
#footerWrap {  clear:both; width:100%; background-color:#8a8989; height:155px; }
#footer { width:1180px; margin:0 auto; padding:50px 0; color:#fff; font:400 15px 'Open Sans', 'Malgun Gothic'; letter-spacing:0em; line-height:160%; }
#footer span { font-size:10px; color:#75716f; padding:0 8px; }
#footer span.copy { font-size:12px; color:#555250; padding:0px; }
.f_txt {  float:left; }
.f_logo { float:left; margin:10px 115px 0 0; opacity:0.7;}
.f_top { float:right; }

/* container */

#container {float:left; width:100%;height: 100% }
#container_sub { float:left; width:100%; /* padding-bottom:50px; */}


/* main visual */

.main_visual {width:100%;background-color:#888;overflow:hidden;height:750px; }

#visual {width:100%;height:750px;}
#visual  { background:url() no-repeat top center; }


.main_flash{position:relative;float:left;width:100%;height:750px;}
.main_flash .mov_panel{position:absolute;top:0;left:0;width:100%;height:750px;display:none;}
.main_flash .mov_panel_1{background:url("../images/main_visual_01.jpg") no-repeat top center;opacity:1;display:block;}
.main_flash .mov_panel_2{background:url("../images/main_visual_02.jpg") no-repeat top center; opacity:1;}
.main_flash .mov_panel_3{background:url("../images/main_visual_03.jpg") no-repeat top center; opacity:1;}

.visual_fix{position:relative;float:left;width:100%;height:940px; background:url("../images/main_visual_01.jpg") no-repeat top center; opacity:1;display:block;}


/* main contents */

.main_contents {float:left;width:100%;text-align:center; background:url("../images/bg_stick_text.jpg") no-repeat top right;}


/* sub contents */

.sub_contents {width:1180px;margin:0 auto;box-shadow:0 0 5px #aaa;}
.sub_contents table {width:1180px;background-color:#fff;}
.sub_contents table td {vertical-align:top;}
.sub_contents table td.sub_left {width:200px;padding-bottom:150px;background-color:#2c62a2;}
.sub_contents table td.sub_left .sub_menu {width:170px;padding:15px;text-align:center;background:url('../images/sub_left_bg.png') no-repeat left bottom;margin-bottom:15px;}
.sub_contents table td.sub_left .sub_menu .eng {display:block;height:17px;font:normal 8pt verdana;color:#fff;margin:0 auto;opacity:0.5;padding-top:205px;}
.sub_contents table td.sub_left .sub_menu .kor {display:block;height:55px;font:700 22px 'Nanum Gothic';color:#fff;margin:0 auto;}
.sub_contents table td.sub_left .sub_menu .left_ban {width:170px;}
.sub_contents table td.sub_left .sub_menu .left_ban img {cursor:pointer;margin-bottom:10px;float:left;}
.sub_contents table td.sub_right {width:900px;padding:0;text-align:center;}
.sub_contents table td .sub_title {width:840px;font:700 16px 'Nanum Gothic';color:#444;letter-spacing:-0.05em;border-bottom:1px dotted #bbb;padding-bottom:12px;text-align:left;margin:0 auto;}
.sub_contents table td .sub_title .location {width:100%;font:normal 11px 'Nanum Gothic';color:#aaa;letter-spacing:-0.01em;margin-left:5px;}
.sub_contents table td .sub_title .location img {vertical-align:-1px;display:inline;}
.sub_contents table td .sub_title .location .cur {font-weight:bold;}
.sub_contents table td ul {width:170px;margin:0 auto;padding-bottom:50px;}
.sub_contents table td li {font:700 14px 'Nanum Gothic';color:#fff;padding:9px 0;text-align:center;margin:5px 0;}
.sub_contents table td li.on {color:#fff;background:url('../images/sm_on_bg.png');border-radius:7px;opacity:1;}
.sub_contents table td li:hover {color:#fff;background:url('../images/sm_on_bg.png');border-radius:7px;opacity:1;}

h1 {font:400 14px 'Open sans';letter-spacing:0.00em;opacity:0.75;}
h2 {font:600 30px 'Open Sans';letter-spacing:-0.01em; color:#222; padding-bottom:8px; }
h3 {font:700 20px 'Malgun gothic';letter-spacing:-0.05em;}
h4 {font:600 22px 'Open Sans';color:#888;letter-spacing:0.05em;line-height:35px;}
h5 {font:normal 15px 'Open Sans';margin-bottom:5px;color:#aaa;}
h6 {font:600 14px 'Open Sans','Malgun gothic';margin-bottom:5px;color:#666;line-height:100%;text-transform:uppercase; letter-spacing:-0.02em;}

.conbox {float:left; width:100%;padding:70px 0 0 0; }
.conbox2 {float:left;width:100%;margin-top:40px;}
.conbox .conic {display:block;margin:0 auto;width:80px;margin-bottom:10px;}
.conbody{ width:1192px; margin:0 auto; letter-spacing:-0.05em; text-align:center; }
.conbody img {margin:0 auto; }
.subbox {float:left;width:100%;text-align:center;letter-spacing:-0.05em; }
.subbox2 {float:left;width:100%;text-align:center;letter-spacing:-0.05em; margin-top:230px; }

/* sub visual */
.sub_visual { height:940px; }
/*.sub_visual .subtts {font:400 11px 'Open Sans';letter-spacing:0.03em;line-height:15px; color:#eee;}*/
.sub_visual .subttb { font:normal 45px 'Lobster'; color:#fff; width:280px; margin:0 auto; opacity:0.9; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding-bottom:10px; letter-spacing:0.02em;}
.sub1 {background:url("../images/main_visual_01.jpg") no-repeat top center;}
.sub2 {background:url("../images/main_visual_01.jpg") no-repeat top center;}
.sub3 {background:url("../images/main_visual_01.jpg") no-repeat top center;}
.sub4 {background:url("../images/main_visual_01.jpg") no-repeat top center;}
.sub5 {background:url("../images/main_visual_01.jpg") no-repeat top center;}
.sub5 {/* background:url("../images/main_visual_01.jpg") no-repeat top center; */}



.bar_width {background:url('../images/bg_bar_width.jpg') top center no-repeat; padding:45px 0 75px 0;}
.bar_height {background:url('../images/bg_bar_height.jpg') top center no-repeat; padding:140px 0 90px 0;}
.subtit{text-align:center ;background:url('../images/bg_bar_width.jpg') top center no-repeat;  font-weight:600;  margin-top:100px; padding:35px 0 25px 0; font-size:40px; font-family:나눔명조, Nanum Myeongjo; font-weight:800}

.contact_txt { color:#fff; }
.contact_txt2 {  }
.contact_txt2 li {margin-top:20px; }

.index_b1 { }
.index_b1 img {display:inline-block; }

.bottom {width:100%; height:500px; color:#000;letter-spacing:0; }

.info{float:left; width:28%; margin-left:5%; margin-top:75px; text-align:left;   }
.info dt{float:left; margin-right:35px;}
.info .mt{font-size:18px; font-weight:600; color:#000; margin-bottom:15px;}
.info dd{font-size:14px; line-height:18px; color:#555555}




.sub1_b2 { width:486px; height:468px; background:url('../images/1-1-img.png') top center no-repeat;}
.sub1_b4 {}

.sub1_t1 { font:600 16px 'Open Sans','Malgun Gothic'; color:#888; }
.sub1_t2 { font:400 14px 'Open Sans','Malgun Gothic'; color:#111; }
.sub1_t3 { font:600 14px 'Open Sans','Malgun Gothic'; color:#111; }

.sub4_t1 { font:600 16px 'Open Sans','Malgun Gothic'; color:#333;}

.history {text-align:left; width:380px; margin:0 auto; border:0px solid red;}
.history span { font:600 14px 'Malgun Gothic'; letter-spacing:0.03em;  color:#111; padding-right:10px; }

.pm01 { position:absolute; left:15px; top:65px; text-align:left; padding-bottom:30px; border-bottom:1px solid #ddd; width:268px; }
.pm02 { position:absolute; left:15px; top:255px; text-align:left; padding-bottom:30px; border-bottom:1px solid #ddd; width:268px; }
.pm03 { position:absolute; left:15px; top:447px; text-align:left; padding-bottom:30px; }
.pm04 { position:absolute; left:825px; top:65px; text-align:left; padding-bottom:30px; border-bottom:1px solid #ddd; width:268px; }
.pm05 { position:absolute; left:825px; top:255px; text-align:left; padding-bottom:30px; border-bottom:1px solid #ddd; width:268px; }
.pm06 { position:absolute; left:825px; top:447px; text-align:left; padding-bottom:30px; }


.binfo {float:left;width:100%;line-height:180%; }
.infott {font:600 13px 'Open Sans';font-style:normal;color:#999;letter-spacing:0.05em;margin-right:10px;margin-left:20px;vertical-align:-1px;}
.subcontt {font:600 26px 'Open Sans'; letter-spacing:0em; color:#222222; }
.prott {font:700 24px nanum gothic;letter-spacing:-0.1em;line-height:41px;color:#222;}
.proarr {padding:30px 0;font-size:30px;color:#aaa;}



#sub5_1 { float:left;}
#sub5_1 .map_img { width:620px; }
#sub5_1 .map_txt { width:620px; margin-top:20px; text-align:left; line-height:170%; letter-spacing:0.02em;}

#msg { text-align:left; }
#msg p {  margin-bottom:20px;}
#msg .box1{ width:250px; height:35px; border:1px solid #ddd; }
#msg .box2{ width:450px; height:180px; border:1px solid #ddd; }


.tab_01 { background-color:#f2f2f2; padding:10px 0; font-size:12px; }
.tab_01 li { display:inline; padding:0 30px; border-right:1px solid #d0d0d0;}
.tab_01 a {  color:#333; }
.tab_01 a:hover {  font-weight:bold; color:#333; } 
.tab_01 .on { font-weight:bold; }
.tab_01 .first { border-left:1px solid #d0d0d0; }