@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(top_menu.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:#555;}
a:link, a:visited {text-decoration:none;color:#555;}
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:13px;
	color:#555;
	line-height:160%;
	letter-spacing:-0.02em;
	min-width:1300px;
	/*background-color:#fff;*/
}

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


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

.pl5 {  padding-left:5px; }
.pl10 {  padding-left:10px; }
.pl20 {  padding-left:20px; }
.pl40 {  padding-left:40px; }
.pr5 {  padding-right:5px; }
.pr20 {  padding-right:20px; }
.pr30 {  padding-right:30px; }
.pr40 {  padding-right:40px; }
.pr50 {  padding-right:50px; }
.pt3 {  padding-top:3px; }
.pt4 {  padding-top:4px; }
.pt5 {  padding-top:5px; }
.pb10 {  padding-bottom:10px; }
.pb20 {  padding-bottom:20px; }
.pb30 {  padding-bottom:30px; }
.pb40 {  padding-bottom:40px; }
.pb50 {  padding-bottom:50px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

#wrap  { width:100%; }

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

/* header */
#header { width:100%; /*overflow:hidden;*/ }

#header .tmenu_bg { width:100%; height:30px;  border-bottom:0px solid #e1e1e1; background-color:#393d3e; }
#header .tmenu { width:1200px; height:30px;margin:0 auto; }
#header .book { float:left; background:url('../images/icon_bookmark.png') no-repeat 0px 7px; padding-left:17px; padding-top:3px; font-size:11.5px; font-weight:bold; color:#ddd; letter-spacing:0em;}
#header .book a:hover { color:#fff;  }
#header .book a { color:#ddd;}
#header .lnb { float:right; font-size:12px;}
#header .lnb li { float:left; height:30px; padding:4px 15px 0 15px; border-right:1px solid #999;  }
#header .lnb li.first { border-left:1px solid #999; }
#header .lnb li a { color:#d4d4d4; }
#header .lnb li a:hover {  font-weight:bold; color:#fff; }
#header .lnb li.bcolor a { font-weight:bold; }

#header .top_area_bg { width:100%; background-color:#f4f4f4;}
#header .top_area { width:1200px; height:100px; margin:0 auto; }

#header h1 { width:195px; margin:0 auto; }
#header .t_logo { padding-top:20px; }
#header .topbn { position:absolute; top:20px; right:0;}

/* 검색 */
.search_form { position:absolute; background:url('../images/search_box.png') no-repeat; width:246px; height:35px; /*width:320px; top:40px;*/ left:0px; top:40px;}
.search_form .form_box { width:250px; height:35px; border:0px solid red;}
.search_form .form_box .input_search { float:left; width:187px; height:35px; line-height:20px; font-size:12px; color:#666; padding:7px 10px 0 15px; background:transparent; }
.search_form .form_box .btn_search  { background:url('../images/search_btn.png') no-repeat; width:35px; height:35px; border:0; cursor:pointer; position:absolute; top:0px;}

#header #menu { width:100%; height:47px; margin:0 auto; /*overflow:hidden;*/ }
#header #menu { background-color:#fff; border-top:1px solid #dddddd; border-bottom:2px solid #393d3e;}

/* 메뉴 */
.navi { width:1200px; height:47px; margin:0 auto;  }
.navi ol { width:1200px; margin:0 auto;  }
.navi li:hover {}
.navi li { }
.navi li.depth0 { float:left; height:47px; text-align:center; }
.navi li.depth1 { float:left; height:47px; text-align:center; }

.navi li.depth0:first-child { }
.navi li.depth1:first-child { }

.navi li a.depth0 {display:block;font-size:15px;font-weight:bold; color:#333; padding-top:13px; text-indent:25px;  background:url(../images/all_icon.jpg) no-repeat 30px 16px; }
.navi li a.depth0:hover { padding-bottom:14px; color:#fff; background:url(../images/all_icon_ov.jpg) no-repeat 30px 16px; background-color:#393d3e;}
.navi li a.depth1 {display:block; font-size:15px; font-weight:bold; color:#333; padding-top:13px; }
.navi li a.depth1:hover { padding-bottom:14px; background-color:#393d3e; color:#fff;}

.navi li.wdh0 { width:145px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi li.wdh1 { width:110px; }
.navi li.wdh2 { width:108px; }
.navi li.wdh3 { width:145px; }
.navi li.wdh4 { width:170px; }
.navi li.wdh5 { width:105px; }
.navi li.wdh6 { width:135px; }
.navi li.wdh7 { width:130px; }
.navi li.wdh8 { width:150px; }


.navi ul { position:absolute; top:47px; display:none; z-index:1002; }
.navi ul	{  }
.navi ul.depth2 { border:2px solid #393d3e; background-color:#fff; }	
.navi ul.depth2 li { display:block; padding:7px 0; cursor:pointer; border-bottom:1px solid #e1e1e1; font-size:13px;}
.navi ul.depth2 li:hover { color:#fff; background-color:#393d3e; }
.navi ul.depth2 li.last { border-bottom:0; }

.navi ul.smenu1 { width:107px; }
.navi ul.smenu2 { width:105px; }
.navi ul.smenu3 { width:142px; }
.navi ul.smenu4 { width:167px; }
.navi ul.smenu5 { width:102px; }
.navi ul.smenu6 { width:132px; }
.navi ul.smenu7 { width:127px; }
.navi ul.smenu8 { width:147px; }


.all_menu { width:1196px; background-color:#fff; border:2px solid #393d3e; }
.all_menu dl { float:left; }
.all_menu dd { font-size:13px; padding:7px 0px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.all_menu dd:hover { color:#000; font-weight:bold; cursor:pointer; }

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



/* 메인비주얼 */
/* main visual */
.main_visual_bg {width:100%; margin:0 auto; z-index:1; background:url('../images/main_visual_bg.jpg') no-repeat center top; }
.main_visual {width:1200px; margin:0 auto; z-index:2; }
.bxfix { width:1200px; margin:0 auto; z-index:100; }
.bxfix .pre { position:absolute; z-index:999; top:0px; left:-50px; }
.bxfix .next { position:absolute; z-index:999; top:0px; right:50px; }
.btn_roll {width:1300px; height:50px; position:absolute; top:230px; }
.btn_roll a {overflow:hidden; }
.bxslider { width:1200px; margin:0 auto; z-index:98; }

.visual_img01 {display:inline-block;width:1200px;height:500px;
background:transparent url('../images/main_visual_01.png') no-repeat center top; }
.visual_img02 {display:inline-block;width:1200px;height:500px;
background:transparent url('../images/main_visual_02.png') no-repeat center top; }
.visual_img03 {display:inline-block;width:1200px;height:500px;
background:transparent url('../images/main_visual_03.png') no-repeat center top; }


/* main contents */

#main_con1 { width:1200px; margin:0 auto; }
#main_con1 .tit { margin:0 auto; padding-bottom:30px;}

#main_con2_bg { width:100%; background-color:#f4f4f4; padding-top:45px; padding-bottom:50px;}
#main_con2 { width:1200px; margin:0 auto; }
#main_con2 .tit { margin:0 auto; padding-bottom:30px;}

#main_con3 { width:1200px; margin:0 auto; margin-top:50px; }
#main_con3 .tit { margin:0 auto; padding-bottom:30px;}

#main_bottom_bg { width:100%; height:200px; background-color:#343535; margin-top:100px;}
#main_bottom { width:1200px; margin:0 auto;  }
#main_bottom .call { position:absolute; height:130px; top:40px; left:35px; padding-right:70px; border-right:1px dotted #ccc;  }
#main_bottom .account { position:absolute; height:130px; top:40px; left:355px; padding-right:70px; border-right:1px dotted #ccc; }
#main_bottom .c_icon { position:absolute; top:43px; right:30px; }
#main_bottom .c_icon ul { }
#main_bottom .c_icon ul li { float:left; padding-left:30px; text-align:center; line-height:15px; }
#main_bottom .c_icon ul li a { color:#e4e4e4; font-size:14px; font-weight:600; }
#main_bottom .c_icon ul li a:hover { color:#fff; }
#main_bottom .txt1 { font-size:22px; font-weight:700; color:#f4f4f4; }
#main_bottom .txt2 { font-size:28px; font-weight:900; color:#ddc079; }
#main_bottom .txt3 { font-size:13px; color:#aaa; line-height:19px; }
#main_bottom .txt4 { font-size:15px; font-weight:bold; color:#aaa; }

/* sub */

#subWrap { width:100%; margin:0 auto; overflow:hidden; }

/* sub visual */

/* 서브메뉴 */
#sub_title_bg { width:1200px; margin:0 auto; border-bottom:1px solid #333; padding:38px 0 38px 0; }
#sub_title_bg1 { width:1200px; margin:0 auto; border-bottom:0px solid #333; padding:38px 0 0px 0; }
#sub_title_bg .sub_title { width:1200px; margin:0 auto; /*padding-bottom:30px;*/ }
#sub_title_bg .sub_title h2 { color:#333; font-size:23px; font-weight:bold; text-align:center; font-family:'Nanum Gothic';}


.sub_menu { width:1200px; margin:0 auto;}
.tb_smenu { margin-top:28px; background-color:#fff; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.tb_smenu td { width:160px; height:38px; line-height:36px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center; font:400 14px 'Nanum Gothic'; color:#555;}
.tb_smenu td:hover { background-color:#fff; color:#ec592f; font-weight:bold; cursor:pointer; }
.tb_smenu td.on { background-color:#ec592f; color:#fff; font-weight:bold; border:1px solid #ec592f;}


/*
.sub_tab { margin:0 auto; width:480px; margin-top:30px;}
.sub_tab ul { overflow:hidden; }
.sub_tab li { float:left; margin-left:5px; margin-right:5px; text-align:center; font:400 15px 'Nanum Gothic'; color:#333; width:150px; height:40px; background:url(../images/tabbox2.png) no-repeat center top; line-height:39px; cursor:pointer;}
.sub_tab li:hover { color:#36a7c7; font-weight:bold; }
.sub_tab li.on { width:150px; height:40px; background:url(../images/tabbox_on.png) no-repeat center top; color:#fff; font-weight:bold; }
*/

/* 서브내용*/
#sub_contents { background-color:#fff; }

#sub_contents .s_con { width:1200px; margin:0 auto; min-height:200px;background-color:#fff; font-size:16px; }


/* left banner */
.left_bn { margin-top:30px; }

/* footer */ 
#footerWrap { clear:both; width:100%;  }

#footerWrap .footer_menu { width:100%; height:45px; background-color:#eee; border-top:0px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
#footerWrap .footer_menu ul { border:0px solid red; width:530px; margin:0 auto; padding-top:12px; overflow:hidden; }
#footerWrap .footer_menu ul li { float:left; text-align:center; cursor:pointer;}
#footerWrap .footer_menu ul li a { font-size:13px; font-weight:bold; color:#444; }
#footerWrap .footer_menu ul li:after { content:" | ";  padding-left:20px; padding-right:20px; font-size:12px; color:#aaa; }
#footerWrap .footer_menu ul li:last-child:after { content:""; padding-right:0; }


#footerWrap #footer_bg { width:100%; background-color:#fff; padding:30px 0 30px 0; overflow:hidden; }
#footerWrap #footer { width:1140px; margin:0 auto; text-align:center; }
#footerWrap #footer .footer_logo { float:left; padding-right:80px;}
#footerWrap #footer .add { float:left; font-size: 12px; color:#666; text-align:left;}
/*#footerWrap #footer .add .bar { font-size:10px; padding:0 10px; color:#777; } */
#footerWrap #footer .add .copy { font-size:10px; font-weight:bold; color:#666; letter-spacing:0.01em; }


/* */