@charset "utf-8";
/* CSS Document */

/* 기본리셋 */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video{
  margin: 0; 
  padding: 0;
}

img{border: 0;}

/* 테이블 */
table {border-collapse: collapse; border-spacing: 0; border: 0;}

/* ol ul */
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
.left_i { float: left; padding: 5px; }


.s_content h3 { padding-bottom: 15px; color: #fff; background-image: url(images/s_title_bg.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-left: 20px; font-family: "맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-weight: bold; font-size: 15px; letter-spacing: -0.1em; font-style: normal; }
.s_content h5 { padding-bottom: 15px; color: #024874; background-image: url(images/s_title_bg.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-left: 20px; font-family: "맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-weight: bold; font-size: 15px; letter-spacing: -0.1em; font-style: normal; }

/* hidden 적용 */
.hideClass{display: none;}

/* clear 적용 */
.clear {clear: both; }

/* text hidden */
.hidden { font-family: 'Nanum Gothic'; position: absolute !important; top: 0 !important; font-size: 0 !important; width: 1 !important; height: 1 !important; left: 0px !important; line-height: 0 !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important; z-index: -1 !important; 
}

.map_text h4 { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 15px; font-weight: bold; color: #FFF; background-color: #06C; padding: 5px; width: 150px; }


/* 레이아웃 */
* {margin:0;padding:0;}
body{_text-align:center}

.sub_bg { background-image: url(images/sub_bg.gif); background-repeat: repeat-x; background-position: left top; }
.main_bg { background-image: url(images/main_bg.gif); background-repeat: repeat-x; background-position: left top; }

#wrap{
	width: 100%;
	_text-align: left;
}
.head_wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1100px;
}
.body_wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1100px;
}
.visual_wrap {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}



#header{
	width: 1100px;
	position: relative;
	height: 110px;
}
#header .top_menu {
	width: 300px;
	position: absolute;
	top: 5px;
	right: 5px;
}
#header .top_menu li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebebeb;
	padding-right: 5px;
	padding-left: 5px;
}
#header .top_menu li a{
	float: left;
	font-size: 11px;
	padding-right: 5px;
	font-family: "Malgun Gothic", "맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체";
	font-weight: bold;
	color: #666;
	padding-left: 5px;
}
#header .top_menu li a:hover{
	color: #e94e06;
}

#header:after { display:block; clear:both; content:'' }
#header .gnb {
	height: 109px;
	float: left;
}

#container{
	width: 100%
}
.parh { padding-top: 30px; padding-bottom: 30px; }

.logo {
	float: left;
	padding-top: 40px;
	padding-left: 30px;
}

#container:after{display:block;clear:both;content:''}
#visual{
	width: 2000px;
	height: 496px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#sub_visual {
	font-family: "Malgun Gothic","맑은고딕", "나눔고딕", "돋움", "돋움체";
	color: #FFF;
	height: 215px;
	width: 2000px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.sub_title .location {
	font-family: "Malgun Gothic","맑은고딕", "나눔고딕", "돋움", "돋움체";
	font-size: 12px;
	color: #666;
	position: absolute;
	right: 30px;
	top: 30px;
}
.sub_title .location a {
	color: #666;
}


#sub_visual h2 { font-size: 20px; font-weight: bold; color: #FFF; padding-top: 20px; padding-left: 50px; }


.sub_snb{ float: left; width: 110px; height: auto; padding-left: 60px; }
.contact { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 12px; font-weight: normal; color: #333; width: 98%; padding: 10px; overflow: hidden; }


.map_box { width: 820px; overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.pright { padding-left: 15px; width: 360px; padding-bottom: 5px; }

.map_img { width: 410px; overflow: hidden; text-align: center; float: left; }
.map_border { border: 3px solid #CCC; }

.map_text { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 13px; font-weight: normal; color: #333; line-height: 160%; padding-left: 430px; }


.snb { float: left; width: 1100px; height: 158px; }
.mcontent1:after { display:block; clear:both; content:'' }
.mcontent1 { width: 1100px; }
.mcontent2:after { display:block; clear:both; content:'' }
.mcontent2 { width: 1100px; margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; padding-top: 10px; }
.mcontent3:after { display:block; clear:both; content:'' }
.mcontent3 { width: 1060px; margin-top: 10px; padding-top: 10px; background-color: #31b2e2; height: 100px; padding-right: 20px; padding-left: 20px; }
.copy {
	float: left;
	width: 600px;
	padding-left: 150px;
	padding-top: 20px;
}

.notice_box .left_title { float: left; padding-right: 30px; color: #FFF; font-size: 16px; }
.sns_box { float: left; width: 200px; padding-top: 10px; }

.notice_box { width: 400px; height: 70px; float: left; margin-right: 450px; padding-top: 20px; }
#footer .under_logo { float: left; padding-top: 20px; padding-left: 50px; }





.icon_img  { padding-top: 10px; padding-bottom: 10px; }
.mcontent1 h3{ font-family: "Malgun Gothic","맑은고딕", "굴림", "돋음", Verdana, Geneva, sans-serif; font-size: 16px; color: #484848; font-weight: bold; letter-spacing: -0.5px; }
.mcontent2 h3 { font-family: "Malgun Gothic","맑은고딕", "굴림", "돋음", Verdana, Geneva, sans-serif; font-size: 16px; color: #484848; font-weight: bold; letter-spacing: -0.5px; padding-bottom: 10px; }

.mcontent1 .box1 {
	height: 180px;
	width: 330px;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.box3 {
	height: 180px;
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 30px;
}
.mcontent2 .box4 { height: 250px; width: 300px; float: left; text-align: center; padding-top: 30px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; }

.mtext { width: 180px; line-height: 130%; margin-right: auto; margin-left: auto; }


.mcontent1 .box2 {
	height: 180px;
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.box_menu {
	width:450px;
	margin:0 auto;
	text-align:left;
	padding-left:10px;
}
.box_menu li {
	display: inline;
}


.clear {display:block;clear:both;content:''}

.aside{ float: right; width: 277px; height: 159px; padding-left: 7px; }

.s_callcenter { padding-left: 5px; padding-bottom: 20px; }


.sub_content{ float: left; width: 760px; height:auto; padding-left: 15px; }

#footer{
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
	margin-top: 15px;
	height: 120px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
}
.footer_wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	width: 1100px;
}


/* 메뉴부분*/
.clearfix::after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; }
#header #gnb_menu {
	position: relative;
	margin: 70px 0px 0px 400px;
	height: 30px;
	width: 700px;
	font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체";
	color: #666;
	font-size: 15px;
	letter-spacing: -0.1px;
}
#header #gnb_menu li { float: left; display: block; }
#header #gnb_menu li a {
	color: #666;
	font-weight: bold;
}
#header #gnb_menu li a:hover {
	color: #e94e06;
	font-weight: bold;
	text-decoration: none;
}

#header #gnb_menu li div { display: none; }
#header #gnb_menu .menu01 { margin-right: 60px; }
#header #gnb_menu .menu02 { margin-right: 60px; }
#header #gnb_menu .menu03 { margin-right: 60px; }
#header #gnb_menu .menu04 { margin-right: 60px; }
#header #gnb_menu .menu05 { margin-right: 60px; }
#header #gnb_menu .menu06 { margin-right: 10px; }

#header #gnb_menu .sub_menu01 {
	height: 26px;
	margin-left: -10px;
	width: 110px;
}
#header #gnb_menu .sub_menu02 {
	height: 26px;
	width:110px;
	margin-left: -10px;
}
#header #gnb_menu .sub_menu03 {
	height: 26px;
	margin-left: -10px;
}
#header #gnb_menu .sub_menu04 {
	height: 26px;
	margin-left: -10px;
}
#header #gnb_menu .sub_menu05 {
	height: 26px;
	margin-left: -10px;
}
#header #gnb_menu .sub_menu06 {
	height: 26px;
	margin-left: -10px;
}

#header #gnb_menu .bg_menu01 {
	left: -15px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
	z-index:2000;
}
#header #gnb_menu .bg_menu02 {
	left: 100px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
	z-index:2000;
	}
#header #gnb_menu .bg_menu03 {
	left: 220px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
	z-index:2000;	
	}
#header #gnb_menu .bg_menu04 {
	left: 340px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
	z-index:2000;	
	}
#header #gnb_menu .bg_menu05 {
	left: 450px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
	z-index:2000;
	}
#header #gnb_menu .bg_menu06 {
	left: 570px;
	top: 35px;
	width: 130px;
	height: 150px;
	position: absolute;
	background-color: #333;
	opacity: 0.6; filter: alpha(opacity:'60');
		z-index:2000;
	}

#header #gnb_menu .bg_menu01 li,
#header #gnb_menu .bg_menu02 li,
#header #gnb_menu .bg_menu03 li,
#header #gnb_menu .bg_menu04 li,
#header #gnb_menu .bg_menu05 li,
#header #gnb_menu .bg_menu06 li {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 30px;
	width: 110px;
}

#header #gnb_menu .bg_menu01 li a,
#header #gnb_menu .bg_menu02 li a,
#header #gnb_menu .bg_menu03 li a,
#header #gnb_menu .bg_menu04 li a,
#header #gnb_menu .bg_menu05 li a,
#header #gnb_menu .bg_menu06 li a { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 12px; color: #fff; text-decoration: none; font-weight: normal;letter-spacing:-0.5px; }

#header #gnb_menu .bg_menu01 li a:hover,
#header #gnb_menu .bg_menu02 li a:hover,
#header #gnb_menu .bg_menu03 li a:hover,
#header #gnb_menu .bg_menu04 li a:hover,
#header #gnb_menu .bg_menu05 li a:hover,
#header #gnb_menu .bg_menu06 li a:hover {
	font-family: "Malgun Gothic", "맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체";
	font-size: 12px;
	color: #FF0;
	text-decoration: none;
	font-weight: bold;
}

#header #gnb_menu .bg_menu01 .fast,
#header #gnb_menu .bg_menu02 .fast,
#header #gnb_menu .bg_menu03 .fast,
#header #gnb_menu .bg_menu04 .fast,
#header #gnb_menu .bg_menu05 .fast,
#header #gnb_menu .bg_menu06 .fast {
	padding-left: 30px;
	width: 110px;
	padding-top: 15px;
}

/* 상단 메뉴부분 끝 */

/* 테이블 */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:770px;border-bottom:2px solid #dcdcdc;font-family:Malgun Gothic,맑은 고딕,굴림,돋음,Verdana,Dotum,Gulim,Verdana, Geneva, sans-serif,dotum;font-size:12px;text-align:center;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
.tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bold}
.tbl_type td{padding:6px 10px 15px;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.ranking{font-weight:bold}
/* //테이블 */


/* 공통 */
body, td, p, input, button, textarea, select, .c1 { font-family:Malgun Gothic,맑은 고딕,굴림,돋음,Verdana,Dotum,Gulim; font-size:14px; color:#222222; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }


/* 서브 */

#content h3 { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #626262; letter-spacing: -0.1em; padding-bottom: 30px; }
.icon_text { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #337a10; }
.icon_text a {color:#337a10;}
.s_snb { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; float: left; width: 200px; padding-bottom: 20px; padding-right: 20px; padding-top: 30px; }
.s_snb .left_title {
	font-family: Malgun Gothic,Verdana, Geneva, sans-serif;
	font-size: 30px;
	font-weight: bold;
	height: 30px;
	width: 200px;
	padding-left: 10px;
	color: #666;
	padding-bottom: 30px;
}
.sub_title h2 {
	font-family: "Malgun Gothic","맑은고딕", "나눔고딕", "돋움", "돋움체";
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	background-image: url(images/icon.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 30px;
}

.left_menu { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; font-size: 14px; width: 190px; color: #222222; }
.left_menu li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEAEA; }
.left_menu li a { color: #222222; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.left_menu li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -0.5px;
	background-color: #F30;
	text-decoration: none;
}

#sub_content{ float: left; width: 850px; padding-top: 10px; padding-left: 15px; }
.sub_title {
	height: 35px;
	width: 830px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
}
#sub_content .s_content { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-family: "맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; overflow: hidden; }
.s_content .s_text { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 14px; color: #222222; line-height: 160%; padding-bottom: 20px; }
.s_text strong {
	color: #F30;
	font-size: 18px;
}
.left_img {
	float: right;
	padding-left: 30px;
	overflow: hidden;
}

.s_content .right_img { float: right; padding-left: 15px; padding-bottom: 5px; }


.s_content .b_title { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #016eaf; padding-bottom: 20px; }
.s_content .b_title1 { font-family: Malgun Gothic,Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #90bb1e; padding-bottom: 10px; padding-top: 20px; }
.red { font-size: 14px; color: #F00; font-weight: bold; }
.comm_img { background-image: url(sub2/images/2kcomm.gif); height: 800px; width: 780px; background-repeat: no-repeat; background-position: left top; position: relative; }
.img_text { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 14px; color: #222222; line-height: 160%; text-decoration: none; position: absolute; top: 364px; left: 37px; padding-right: 100px; padding-left: 100px; width: 500px; height: 150px; }
.year { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 13px; color: #444; width: 790px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; background-image: url(sub5/images/year.gif); background-repeat: no-repeat; background-position: left top; margin-bottom: 10px; }
.year_zone { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 13px; padding-top: 10px; padding-bottom: 10px; list-style-type: none; }
.num { font-weight: bold; color: #369; font-size: 14px; padding-right: 15px; }
.year_zone li { padding-top: 5px; padding-bottom: 5px; }



.year h4 { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 18px; font-weight: bold; color: #069; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #09C; height: 25px; width: 450px; }
.partner_zone { font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 13px; color: #444; margin: 0px; padding: 10px; background-color: #DFEFFF; }
.partner_zone li { padding-top: 5px; padding-bottom: 5px; }
.site { width: 180px; margin-right: 20px; float: left;margin-bottom:20px; }
.site h4 { font-size: 16px; font-weight: bold; color: #069; letter-spacing: -0.1em; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }


/* 지도들어가는 부분 */
.location_box {width:780px; font-family: "Malgun Gothic","맑은고딕", "굴림", "나눔고딕", "돋움", "돋움체"; font-size: 13px; color: #565656;padding-bottom:30px;line-height:160%;}.ceo_sign {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	padding-left: 350px;
}