@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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;	
	}

img, fieldset {border:0;display:block;}
div {position:relative;}

/* 링크 */
a {text-decoration:none;color:#666;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active {text-decoration:none;}

/* remember to define focus styles*/
:focus { outline:0; }		
	
/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; display:block;}

/* 목록 */
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; }

/* CSS Document */
body {
	padding:0;
	margin:0;
	width:100%;
	font-family:'Nanum Gothic';
	font-style:normal;
	font-size:14px;
	color:#666;
	line-height:160%;	
	min-width:1300px;
	/*background-color:#fff;*/
}

div {position:relative;}
wrap { width:100%; }

.f_left { float:left; }
.f_right { float:right; }

.pl20 {  padding-left:20px; }
.pr20 {  padding-right:20px; }
.pr30 {  padding-right:30px; }
.pt3 {  padding-top:3px; }
.pt4 {  padding-top:4px; }
.pt5 {  padding-top:5px; }
.pt10 {  padding-top:10px; }
.pb5 {  padding-bottom:5px; }
.pb10 {  padding-bottom:10px; }
.pb15 {  padding-bottom:15px; }
.pb40 {  padding-bottom:40px; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt70 { margin-top:70px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

/*clear*/
.clearfix {zoom:1;}
.clearfix:after { /*float 리셋부분*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content: "";
	}
	
#wrap  { width:100%; }	

/* header */
#header { width:100%; height:90px;}

#header .top_menu { width:1100px; margin:0 auto; }
#header h1 { float:left; }
#header .t_logo {  padding-top:20px;}


#header #menu { float:right; }

/* 메뉴 */

.navi {  margin-top:30px;}
.navi ol { margin:0 auto;  }
.navi li:hover {}
.navi li.depth1 { float:left; padding-left:90px; height:60px; line-height:40px; border:0px solid red;}
.navi li.depth1:first-child { background:none; }

.navi li a.depth1 {display:block; font-size:17px; font-weight:bold; color:#404040; }
.navi li a.depth1:hover { color:#2274b5; border-top:3px solid #2274b5; margin-top:-3px;}

.navi ul { position:absolute; top:60px; display:none; z-index:1002; }
.navi ul	{ width:170px; }

.navi ul li.depth2 {display:block; color:#888; font-size:13px; font-weight:bold; padding:8px 0; cursor:pointer; line-height:25px; }
.navi ul li.depth2  { text-align:center; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;background-color:#fff;}
.navi ul li.depth2.last  { border-bottom:1px solid #eee; padding-bottom:11px; }
.navi ul li.depth2:hover { color:#fff; background-color:#2274b5; border:1px solid #2274b5; border-bottom:0px;}

.navi:hover ul {display:none;}
.navi ol > li:hover ul {display:block;}


/* main contents */
#main_contents { width:100%; }

/* main visual */

.main_visual { width:100%; height:520px; background-color:#eee; overflow:hidden; }
.main_visual #visual { width:100%; height:790px; }
.main_flash{position:relative; width:100%;height:520px; }

.main_flash .mov_panel{position:absolute; top:0; width:100%; height:520px; display:none;}
.main_flash .mov_panel a{display:block; height:100%}
.main_flash .mov_panel_1{background:url("../images/main_visual_10.png") no-repeat top center;display:block;}
.main_flash .mov_panel_2{background:url("../images/main_visual_11.png") no-repeat top center;}

.main_flash .flash_btn{position:relative; height:40px;top:450px;z-index:999;margin:0 auto; }
.main_flash .flash_btn ul{z-index:1000; width:90px; height:40px; margin:0 auto;}
.main_flash .flash_btn ul li{float:left;width:30px;padding:5px 1px;cursor:pointer;text-align:center; font-size:20px;}
.main_flash .flash_btn ul li:last-child{margin-right:0;}
.main_flash .flash_btn ul .f_btn_1{color:#ccc; }
.main_flash .flash_btn ul .f_btn_2{color:#ccc;}
.main_flash .flash_btn ul .f_btn_1:hover{color:#1a7ccb;}
.main_flash .flash_btn ul .f_btn_2:hover{color:#1a7ccb;}
.main_flash .flash_btn ul .f_btn_1-on{color:#1a7ccb;}
.main_flash .flash_btn ul .f_btn_2-on{color:#1a7ccb;}


#main_center1_bg { width:100%; background-color:#f0f0f0; padding-top:50px; padding-bottom:50px; overflow:hidden;}
#main_center1 { width:1200px; margin:0 auto; }

#main_center1 #bbs_notice { float:left; width:400px; height:280px; background:url("../images/notice_bg.png") no-repeat top center; margin-right:20px;}
#main_center1 #bbs_notice .con_txt { position:relative; top:100px; left:30px;  }
#main_center1 #bbs_notice .more { position:relative; top:140px; left:30px;  }

#main_center1 #mbn { float:left; }

#main_center1 #cscenter { float:right; width:400px; height:280px; background:url("../images/cs_call.png") no-repeat top center; }
#main_center1 #cscenter .map { position:relative; top:205px; left:30px; }

#main_center2 { width:1200px; margin:0 auto; overflow:hidden; padding:50px 0;}
#main_center2 h2 { font-size:30px; font-weight:bold; color:#444; letter-spacing:-0.03em; text-align:center; font-family:'Nanum Gothic'; }
#main_center2 h3 { font-size:14px; line-height:50px; text-align:center;}
#main_center2 ul { margin-top:10px;}
#main_center2 ul li { float:left; margin-right:20px; }
#main_center2 ul li.last { margin:0; }
#main_center2 ul li:hover { opacity:0.7; }



/* sub */
#subWrap { width:100%; margin:0 auto; overflow:hidden; background-color:#fff;}

/* sub visual */

.sv { width:100%; height:250px; background-color:#e7e7e7; }
.sub1 { width:100%; height:250px; background:url('../images/sub_visual_01.jpg') no-repeat center top; margin:0 auto; }
.sub2 { width:100%; height:250px; background:url('../images/sub_visual_02.jpg') no-repeat center top; margin:0 auto;}
.sub3 { width:100%; height:250px; background:url('../images/sub_visual_03.jpg') no-repeat center top; margin:0 auto;}
.sub4 { width:100%; height:250px; background:url('../images/sub_visual_04.jpg') no-repeat center top; margin:0 auto;}
.sub5 { width:100%; height:250px; background:url('../images/sub_visual_05.jpg') no-repeat center top; margin:0 auto;}


/* sub contents */

#sub_contents { width:1100px; margin:0 auto; background-color:#fff; }

#sub_left { width:215px; height:100%; float:left; }
#sub_left .left_title { width:215px; height:100px; background-color:#202e5f;}
#sub_left .left_title h2 {  font:700 24px 'Nanum Gothic'; color:#f7f7f7; padding:40px 20px 40px 30px; letter-spacing:-0.02em; }
#sub_left .left_title h2 span { font-size:20px; }


#sub_menu { width:215px; margin-bottom:30px; }
#sub_menu ul {  }
#sub_menu ul li { width:213px; height:47px; line-height:46px; text-indent:20px; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#sub_menu li:hover { cursor:pointer; text-decoration:underline; background-color:#eee; }
#sub_menu li.on { font-weight:bold; color:#fff; background:url(../images/left_bar_on.png) no-repeat 89% 51%; background-color:#2274b5; border:0; width:215px;}

#sub_right { float:right; width:830px; }
#sub_right .right_title { padding-bottom:22px; margin-bottom:40px; border-bottom:3px solid #eee; }
#sub_right .right_title h3 { font:700 30px 'Nanum Gothic'; color:#404040; letter-spacing:-0.03em; margin-top:40px; }

#sub_right .right_title .location { position:absolute; top:15px; right:0; }
#sub_right .right_title .location li { float:left; color:#777; background:url(../images/lo_arrow.png) no-repeat left; padding:0 7px 0 12px; }
#sub_right .right_title .location .first { background:none; }
#sub_right .right_title .location .on { color:#59b102; font-weight:bold; }


#sub_right .s_con { min-height:300px; padding-bottom:100px; font-size:15px; line-height:170%; letter-spacing:-0.02em;}

.map1_con { float:left; }
.map2_con { float:right; }

.map_tb { border-top:2px solid #2274b5; border-left:1px solid #d4d4d4; margin-top:20px; }
.map_tb th { width:80px; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:5px; background-color:#f8f8f8; font-size:13px; color:#333; }
.map_tb td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; font-size:13px; padding-left:20px; }

.txt20b { font-size:20px; font-weight:bold; color:#333; line-height:50px; }
.c_blue { color:#2274b5; }
.c_orange { color:#e76b35; }

.left_bn { margin-top:30px; margin-bottom:30px; }

/* footer */ 
#footerWrap { clear:both; width:100%; background-color:#fff; border-top:3px solid #eee;margin-top:30px; }
#footerWrap #footer { width:1100px; margin:0 auto; padding-top:30px; padding-bottom:20px; overflow:hidden;  }
#footerWrap #footer .txt1 { color:#666;  font-size:11px; line-height:20px;}
#footerWrap #footer .txt2 { color:#999; margin-bottom:10px; font-size:12px;}
#footerWrap #footer .txt1 span { color:#bbb; font-weight:normal; padding-left:10px; padding-right:10px; }
#footerWrap #footer .copy { font-size:11px; color:#888; letter-spacing:0.03em; line-height:30px; }

#footerWrap #footer .f_logo { float:left; margin-right:45px;}
#footerWrap #footer .f_txt { text-align:center;}
#footerWrap #footer .f_tel { position:absolute; right:20px; top:58px; }