@charset "utf-8";

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

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: local('NanumGothicBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: local('NanumGothic'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: local('NanumGothicExtraBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h3{display:none;}
/* Common */
* {margin:0; padding:0; font-family:'Nanum Gothic', '나눔고딕', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
html, body {width:100%; height:100%;}
body {font-size:12px; color:#555555;}
input, textarea, select, option {font-size:12px; color:#666;}
input {vertical-align:middle;}
table, th, td, li, p, dt, dd {font-size:12px; color:#555;}
ul, li {list-style:none;}
img, fieldset {border:none;}
a:link, a:visited {text-decoration:none; color:#666;}
a:hover, a:active, a:focus {text-decoration:none; color:#0a68b3;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

table{border-collapse:collapse;}

hr {display:none;}
.blind, legend, caption{display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}

.f_left {float:left;}
.f_right{float:right;}
.cen {text-align:center;}
.left {text-align:left;}
.rig {text-align:right;}
.imgmiddle {vertical-align:middle;}
.imgbottom {vertical-align:bottom;}
.imgtop {vertical-align:top;}

.top3 {padding-top:3px;}
.top5 {padding-top:5px;}
.top8 {padding-top:8px;}
.top10 {padding-top:10px;}
.top12 {padding-top:12px;}
.top15 {padding-top:15px}
.top20 {padding-top:20px;}
.top25 {padding-top:25px;}
.top30 {padding-top:30px;}
.top35 {padding-top:35px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}
.top70 {padding-top:70px;}

.left300 {padding-left:300px;}
.left30 {padding-left:30px;}
.left25 {padding-left:25px;}
.left20 {padding-left:20px;}
.left15 {padding-left:15px;}
.left10 {padding-left:10px;}
.left5 {padding-left:5px;}
.left2 {padding-left:2px;}

.rig5 {padding-right:5px;}
.rig15 {padding-right:15px;}
.rig10 {padding-right:10px;}

.bot3 {padding-bottom:3px;}
.bot5 {padding-bottom:5px;}
.bot10 {padding-bottom:10px;}
.bot20 {padding-bottom:20px;}


.clear {clear:both;}

.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop50 {margin-top:50px;}

.mleft20 {margin-left:20px;}

.pd0 {padding:0px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}

.relative {position:relative;}

.s_txt {font-size:11px;color:#868686;line-height:130%;}

.box { border: 1px solid #d1d1d1; line-height: 140%;}
.box_txt{ padding:10px 20px;}

.box2 { font-size:9pt; text-decoration:none; background:#F7F7F7 ; border: 1px solid #d1d1d1; }

.space {letter-spacing:0;}

.bold {font-weight:bold;}
.l_line {border-left:1px solid #cdcdcd;}
.dot {clear:both; background:url(/images/contents/dot_line.gif) repeat-x; height:57px;}

.back_no {background:none;}

.list li { background:url(/images/contents/list_icon.gif) no-repeat left 15px; padding:5px 10px; }
.n_list li {padding:5px 10px; font-size:16px;}

.height10 {clear:both; height:10px;}
.height20 {clear:both; height:20px;}
.height30 {clear:both; height:30px;}
.height50 {clear:both; height:50px;}

/*font size*/
.font8 {font-size:8px;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.font28 {font-size:28px;}
.font30 {font-size:30px;}

.s_font {font-size:11px; line-height:140%;}

/*font color*/
.op_gray {color:#919191;}
.green {color:#66a439;}
.red {color:#de3f42;}
.white {color:#fff;}
.blue {color:#0b67b0;}
.pink {color:#ef539d;}
.orange {color:#f05a28;}
.violet {color:#2e3192;}



/* GNB메뉴 */

#top_sm { position:absolute;top:30px;right:0;z-index:5500;}
.top_mm li {float:left;padding-left:30px;font-size:11px}

#header { position:relative; width:1000px; margin:0 auto; height:120px; z-index:5000; }
#header .wrap { margin:0 auto; width:1000px; }

/* 로고 */
#gnb {position:relative;z-index:500; height:120px; background:url(/images/menu_bg.gif) repeat-x center top; border:0px solid red;}
#gnb h1 {position:absolute; padding:25px 0 0 0px;}

/*#gnb ul {border:0px solid red;}*/
#gnb ul {border:0px solid red;}
#gnb ul.g_wrap {width:1000px;}

#gnb ul li{float:left;height:40px;padding-top:80px;}
#gnb ul li a {display:block;width:100%;height:40px;line-height:40px;cursor:hand;color:#fff;font-weight:bold;font-family:'Nanum Gothic', '나눔고딕';}
#gnb ul li a span {display:block;margin:0 auto;width:200px;height:40px;font-family:'Nanum Gothic', '나눔고딕';font-size:15px}
#gnb ul li.g1,
#gnb ul li.g2,
#gnb ul li.g3,
#gnb ul li.g4,
#gnb ul li.g5 {width:200px;text-align:center}

#gnb ul li.g1 span,
#gnb ul li.g2 span,
#gnb ul li.g3 span,
#gnb ul li.g4 span,
#gnb ul li.g5 span {width:200px;}

#gnb ul li.g1 a:focus span,
#gnb ul li.g1 a:hover span,
#gnb ul li.g1 a.active span,
#gnb ul li.g2 a:focus span,
#gnb ul li.g2 a:hover span,
#gnb ul li.g2 a.active span,
#gnb ul li.g3 a:focus span,
#gnb ul li.g3 a:hover span,
#gnb ul li.g3 a.active span,
#gnb ul li.g4 a:focus span,
#gnb ul li.g4 a:hover span,
#gnb ul li.g4 a.active span,
#gnb ul li.g5 a:focus span,
#gnb ul li.g5 a:hover span,
#gnb ul li.g5 a.active span {background:#024395;color:#fff}


#gnb ul li .sub {position:relative;height:260px;padding-top:20px;overflow:hidden;display:none;background:none}
#gnb ul li ul	{position:absolute;left:0;z-index:200;xxxheight:120px;overflow:hidden;display:none;}
#gnb ul li ul li {height:30px;padding:0px 0px 0px 0px;background:none}
#gnb ul li ul li a {display:block;padding-top:0;height:100%;cursor:hand;color:#646464;text-align:left;font-weight:normal}
#gnb ul li ul li a span {text-indent:20px;font-size:13px;line-height:25px;height:25px;letter-spacing:-0.5px;border:0px solid red;}
#gnb ul li.g1 ul li a{}
#gnb ul li.g2 ul li a{}
#gnb ul li.g3 ul li a{}
#gnb ul li.g4 ul li a{}
#gnb ul li.g5 ul li a{}
#gnb ul li.g6 ul li a{}

#gnb ul li ul li.s1 a {}
#gnb ul li ul li.s2 a {}
#gnb ul li ul li.s3 a {}
#gnb ul li ul li.s4 a {}
#gnb ul li ul li.s5 a {}
#gnb ul li ul li.s6 a {}
#gnb ul li ul li.s7 a {}
#gnb ul li ul li.s8 a {}
#gnb ul li ul li.s9 a {}
#gnb ul li ul li.s10 a {}

#gnb ul li ul li.s1 a span:hover,
#gnb ul li ul li.s2 a span:hover,
#gnb ul li ul li.s3 a span:hover,
#gnb ul li ul li.s4 a span:hover,
#gnb ul li ul li.s5 a span:hover,
#gnb ul li ul li.s6 a span:hover,
#gnb ul li ul li.s7 a span:hover,
#gnb ul li ul li.s8 a span:hover,
#gnb ul li ul li.s9 a span:hover,
#gnb ul li ul li.s10 a span:hover {color:#fff;background:#0b69b3 url('/images/smenu_bg_over.gif') 50% 100% no-repeat;}


#sub {display:none;position:absolute;left:0;top:120px; width:100%; height:210px;background:url('/images/bg_sub.png') 50% 100% no-repeat; z-index:200;}
#sub .wrap {width:1000px;height:120px;position:relative}
#sub .subimg {display:none;position:absolute;left:0;bottom:0;width:100%;height:100%}


/* ------- 카피라이트 -------*/


#footer_menu {clear:both;width:100%;  text-align:center; background:#e7e7e7;}
.footsitemap {clear:both;overflow:hidden;width:1000px; height:200px; margin:0 auto; margin:0 auto;text-align:left; background:url(/images/foot_line.png) repeat-y left top;}
.footsitemap li {float:left; width:200px;}
.footsitemap li p {color:#5d5d5d; font-size:15px; font-weight:bold; padding:20px 0 10px 30px;}
.footsitemap li a {color:#5d5d5d; padding:10px 0 10px 30px; line-height:180%;}

#footer_copy {clear:both; width:100%; text-align:center; height:300px; background-color:#646464}
.foot	{clear:both;xxxoverflow:hidden;width:1000px;margin:0 auto; padding:25px 0 30px 0; text-align:left}
.foot .foot_copy {float:left; line-height:180%; color:#e6e6e6}
.foot .foot_logo {float:right; width:200px; padding-top:7px}


/***************************************************************************************************************/

.sub_top {position:relative; margin:0 auto;z-index:5000;}

/*sub*/
#sub_visual { width:1000px; margin:0 auto; height:160px; background:url("/images/sub_bg.jpg") no-repeat; position:relative;}
#contents_wrap	{ width:1000px; margin:0 auto; overflow:hidden; background: url('/images/left_line.gif') repeat-y 80px 0; position:relative; top:-60px; }


/* leftcolumn */
#leftcolumn	{ float:left; width:175px; height:100%; border:0px solid red}
#snbwrap { width:175px; padding:0 0 50px 0; }
#snbwrap h3 {display:block;width:175px;height:65px; background:url("/images/left_top_bg.jpg") no-repeat; padding:15px 0px 0px 30px; color:#fff; font-weight:bold; font-size:20px;}
#snbwrap p img	{padding-top:40px}

div.left_bg	{ width:175px; padding:0px 0px 50px 0px; background:url(/images/left_bg.gif) no-repeat left bottom;}

div.left_bg ul#snb { width:158px; padding-top:20px; margin-left:6px; border:0px solid red; }

div.left_bg ul#snb li { 
	width:158px; 
	text-align:left; 
	border-bottom:1px solid #e6e6e6; 
	display:block; 
	text-indent:10px; 
	font-size:13px; 
	font-weight:normal; 
	color:#464646 !important; 
	letter-spacing:0px;}



div.left_bg ul#snb li a	{ display:block; padding:10px 0px;}
div.left_bg ul#snb li a:hover		{ color:#fff; background:url(/images/left_bg_on.gif) no-repeat right center; display:block; font-weight:bold;}
div.left_bg ul#snb li a.product_on { color:#fff; background:url(/images/left_bg_on.gif) no-repeat right center; display:block; font-weight:bold;}

div.left_bg ul#snb li ul.dep3	{padding:0px}
div.left_bg ul#snb li ul.dep3 li		{width:158px; 
	text-align:left; 
	padding:0px;
	border-bottom:0px solid #e6e6e6; 
	font-size:11px; 
	font-weight:normal; 
	color:#3f9d48 !important; 
	letter-spacing:0px;
	}
div.left_bg ul#snb li ul.dep3 li a	{padding:5px 0px; color:#0b69b3}
div.left_bg ul#snb li ul.dep3 li:hover>a	{color:#0b69b3; background:url(/images/xxxleft_bg_on.gif) no-repeat right center; display:block; font-weight:bold; text-decoration:underline}
div.left_bg ul#snb li ul.dep3 li.Choice a	{color:#0b69b3;}

/*
ul#snb { width:185px;padding-top:20px; margin-left:10px; border:0px solid red; }
ul#snb li.menus { width:185px; text-align:left; }
ul#snb li.menus a.menus-title {display:block; width:185px; display:block; height:40px; line-height:40px; text-indent:10px; 
font-size:13px;font-weight:normal;color:#fff !important; border-bottom:1px solid #6c6c6c;letter-spacing:0px; xxxbackground:url(/images/left_off.gif) no-repeat left 5px;} 
ul#snb li.current a.menus-title {display:block; color:#fff !important; background:url(/images/left_on.gif) no-repeat left 5px; }

ul#snb li.menus_sub {width:100%; vertical-align:top;text-align:left;}
ul#snb li.menus_sub a.menus-title_s {display:block; padding:2px 15px;   font-size:11px; color:#adc79a !important; text-align:left;text-align:left; margin:5px 0;} 

ul#snb li.current a.menus-title_s {display:block; padding:2px 15px;   font-size:11px;font-weight:bold;color:#66a439 !important; text-align:left; margin:5px 0;}
*/


.page511 #snb .submenus li a#m51_1, .page512 #snb .submenus li a#m51_2, .page513 #snb .submenus li a#m51_3,
.page531 #snb .submenus li a#m53_1, .page532 #snb .submenus li a#m53_2, .page533 #snb .submenus li a#m53_3
{display:block;font-size:13px;font-weight:bold;border:none;color:#005ca0;background:#cbdeec;}

/* contents */
#contents {float:left;width:825px;height:100%;min-height:400px;padding-bottom:10px; border:0px solid red;}
#con_area {float:right;width:780px;font-size:13px;line-height:150%; border:0px solid red;}

#title_area{float:right;width:780px; xxxheight:45px; border-bottom:1px solid #e6e6e6; margin-bottom:20px}
#location {float:right;color:#888888;font-size:10px;padding:20px 0px 10px 0px}
#location li {float:left;background:url("/images/locat_arr.png") no-repeat 6px 6px; padding-left:15px; }
#location li a { padding-left:15px;color:#a6a6a6; text-decoration:none;}
#location li.home{ padding:0px 0px 0px 15px;background:url("/images/locat_home.gif") no-repeat 0px 3px; }
#location li.now { padding-left:15px;font-weight:bold; color:#0b69b3;}
#tit {float:left;padding-top:0px;}

.btit {display:block;text-align:left;font-size:32px;color:#333;border:0px solid red;}
.stit {display:block;padding-top:5px;text-align:left;font-size:11px;color:#666;}


/***********************************************************************************************************/