/* 바로가기 */
#skipToContent{
	position:absolute;
	top:-3px;
	left:0;
	width:100%;
	text-indent:-9999px;
	z-index:5;
	height:50px;
}
#skipToContent a {display:inline-block; width:0px; height:30px; font-weight:bold; }
#skipToContent a:hover, 
#skipToContent a:focus,
#skipToContent a:active {position:absolute; top:0px; left:0px;display:block; width:100%; height:30px; padding-top:7px; text-indent:0px; text-align:center; background:#ebebeb; color:#000; border:solid 1px #999;}

.smenuwrap {width:1050px; margin:0 auto;}
.smenubox {position:absolute; top:5px; width:1050px; text-align:right; z-index:99999}
.smenubox .text_menu {width:150px; margin-left:780px; font-size:11px; padding-top:2px; float:left; text-align:left}
.smenubox .bar {padding-left:4px; padding-top:3px; padding-right:4px}

#selectbox { position:relative; z-index:99999; background:#444444; margin-top:-2px; padding:3px 5px; border:1px solid #444444; width:100px; float:right;}
#selectbox a{font-size:12px; color:#bbbbbb; text-decoration:none;}
#sites{display:none;list-style: none;padding-top:10px;}
#sites a{color:#bbbbbb; text-decoration:none; display:block; width:80px; height:12px; padding:10px; font-size:12px; font-family:"dotum";}
#sites .last a{border-bottom: 0; padding-bottom: 5px;}

.section {padding-left:40px;}
.section ul {padding-left: 20px;}
.section dl {padding-left: 20px;}
.section dt {clear: both;}
.section dd {text-indent: 0px;	padding-left: 20px;}
.desc {color: #aaa;	padding: 10px 0;}

#logowrap {width:100%; height:100px; min-width:1050px;}
.logobox { width:1050px; margin:0 auto; text-align:center; position:relative;}
.logobox .snsbox {position:absolute; right:0px; top:40px;}

.wrapper{
	position: relative;
	top:45px;
	width: 100%;
	min-width:1050px;
	border-bottom:#e2e2e2 solid 1px;
	z-index:2;
}
.wrapper p{
	clear: both;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}

#header{
	font-family:"Nanum Gothic",돋움,Dotum,arial,sans-serif;
	padding:0px;
	height:26px;
	border-bottom:#dedede solid 1px;
	background: #f4f4f4;
	min-width:1050px;
	opacity: 0.9;
}
#top_navi {height:26px; border-bottom:#dedede solid 1px; background: #f4f4f4; min-width:1050px;}
#header_navi {width:100%;  min-width:1050px; }


/* 네비게이션 */
#gnb{ margin:0 auto; width:100%; z-index:1000; border-top:1px solid #DDD; border-bottom:1px solid #DDD}
#gnbwrap{position:relative;width:100%;min-width:1050px;margin:0 auto}
#animate{position:absolute;top:0px;left:0;width:100%;height:60px;background:#f9f9f9;overflow:hidden;z-index:1000}
	#tm{width:1050px; margin:0 auto;z-index:1000; border-left:#ccc solid 1px; border-right:#ccc solid 1px;}
	#tm:after{content:"";clear:both;display:block}
	#tm li.th1{float:left;width:262px; font-size:14px; font-weight:bold;border-right:#eee solid 1px;}
	#tm li.th1 a.th1_lnk{display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:1.14em; background:#6b8fc7; color:#fff;}
	#tm li.th1 a.th1_lnk_ov{text-align:center}
	#tm li ul.th2{padding:25px 0;border-top:1px solid #e0e0e0; width:262px; height:180px;}
	#tm li ul.th2 li{margin-bottom:20px; text-align:center;}
	#tm li ul.th2 li a:hover {color:#ff8001}
	#tm .current{background:#5478b0 !important;color:#fff;}
	#tm .ov{background:#f3f3f3}


/*페이지 위치*/
.location { height:25px; padding-top:0px; text-align:right; font-size: 11px;}
.location2 { width:100%; height:15px; margin-top:40px; text-align:left; font-size: 11px;}
.location img.ico_home {display:inline-block; vertical-align:middle; padding-bottom:3px;}
.location span {display:inline-block; color:#767676; margin-top:7px; padding:0px 3px; font-size: 11px;}
.location .page {display:inline-block; color:#ff8001; font-weight:bold; margin-top:7px; padding:0px 3px; font-size: 11px;}


/*서브 레이아웃*/
#sub_wrapper { width:100%; height:80px; border-bottom:#e3e3e3 solid 1px}
#sub_content_wrap {width:1050px; margin:25px auto; min-height:600px;}
#sub_content {width:790px; min-height:400px; float:right; padding-bottom:50px}
.sub_content_box {width:790px; float:right; margin-top:30px; font-size:13px; color:#555;}
.sub_content_box p {color:#444; margin-bottom:10px; line-height:180%;}
.sub_content_box strong.point {color:#222; font-size:15px;}
.sub_content_box span.right {display:inline-block; float:right; text-align:right; font-weight:600; color:#333; font-size:14px;}
.sub_content_box span.bg {background:#f2f2f2; padding:10px;}
.subcopy {margin-top:20px; font-size:20px; font-weight:normal; color:#353535; line-height:150%}
.subcopy .color {color:#3d46a0;}
.subtitle_name {font-size:24px; margin-top:30px; color:#000}


#side {width:210px; display:inline-block; float:left; font-family:'Nanum Gothic',돋움,Dotum,arial,sans-serif;}
.mtitleimg {padding-top:69px; text-align:center}
#side .page_titlebox {width:210px; height:105px; background:#ffa850; padding-top:75px; text-align:center; font-size:29px; font-weight:bold; color:#fff; border-radius:10px 10px 0 0;}
#submenu {width:210px;}
#submenu ul {margin:0; padding:0}
#submenu li {width:210px; height:45px; padding-left:0px; background:#fff;  border-bottom:#e3e3e3 solid 1px;color:#000;}
#submenu li a{width:190px; height:30px; padding-left:20px; color:#555; display:block;font-size:13px;font-weight:bold;text-decoration:none; padding-top:15px;}
#submenu li a:hover {padding-top:15px; color:#ff8001; background:url(../images/layout/smenu_select.jpg) no-repeat}
#submenu .titleli {padding-top:0px; padding-bottom:0px; border-bottom:#e3e3e3 solid 1px;}
.arrow {float:left; padding-right:10px;padding-top:4px;}
.menuname_ss a{color:#ff8001 !important; background:url(../images/layout/smenu_select.jpg) no-repeat}

.csinfo {width:190px; border-bottom:#cacaca solid 1px; background:#f6f6f6; padding:23px 0 20px 20px;}
.csinfo p {font-weight:bold; color:#222}
.csinfo p.title {font-size:15px; color:#ce0505; padding-bottom:10px;}
.csinfo p.tel {font-size:18px; color:#222; padding-bottom:3px;}
.csinfo p.fax {font-size:15px; color:#5f676e; padding-bottom:12px; border-bottom:1px dotted #e3e3e3; margin-bottom:12px; width:170px;}
.csinfo p.day {font-size:12px; line-height:160%; font-weight:normal;}
.csinfo p.day span {color:#ce0505; display:inline-block; padding-top:2px;}


.bigtext {font-size:18px; font-weight:bold; margin-bottom:15px; color:#333}
.mintext {font-size:16px; font-weight:bold; margin-bottom:10px; color:#333}
#vline {height:2px; width:100%; margin-top:20px; padding-bottom:15px; background:url(../images/sub/line.jpg) no-repeat}
.red {color:#e50000 !important}
.sub_cont_ul {margin-top:8px; margin-left:0px; margin-bottom:15px;}
.sub_cont_ul .textred {color:#FF0000; font-weight:bold;}
.sub_cont_ul li {background:url(../images/sub/icon_sub_stitle_small.gif) no-repeat 0 7px; padding-left:10px; color:#555555; height:25px; padding-bottom:1px; font-size:14px; clear:both}

.sub_stitle {background:url(../images/sub/title_tline.jpg) no-repeat 0px 0px; margin-top:30px; font-size:18px;color:#000 !important; font-weight:bold; padding-left:0px;padding-top:12px; margin-bottom:15px; }

.overview_table { width:100%; margin-top:15px; border-collapse:collapse; border-top:solid 2px #333; border-bottom:solid 1px #d0d0d0; }
.overview_table th  { background:#ededef; color:#555555; height:31px; border-bottom:solid 1px #d0d0d0; font-weight:bold; text-align:center;  }
.overview_table td  { color:#777777; border-bottom:solid 1px #d0d0d0; padding-top:5px; padding-bottom:5px; padding-left:20px; line-height:160%;  text-align:left; }
.overview_table .left { text-align:left;}

.map_list_table { width:100%; margin-top:15px; border-collapse:collapse; border-top:solid 2px #333; border-bottom:solid 1px #d0d0d0; }
.map_list_table th  { background:#ededef; color:#555555;padding-top:9px; padding-bottom:8px; border-bottom:solid 1px #d0d0d0; font-weight:bold; text-align:center;  }
.map_list_table td  { color:#777777; border-bottom:solid 1px #d0d0d0; padding-top:9px; padding-bottom:8px;  text-align:left; padding-left:30px }
.mapbox {width:790px; height:435px; margin-top:10px;}

.his_box {width:750px;margin-top: 30px; padding-left:40px;padding-bottom: 30px;display:inline-block;clear:both;border-bottom: 1px dotted #ddd;}
.his_box .year {float:left; text-align:left; font-size:24px; color:#3d46a1; font-weight:bold; padding:3px 10px; border:1px solid #555; margin-right:40px;}
.his_box .month_list {width:590px; float:left; text-align:left;}
.his_box .month {width:40px; display:inline-block; font-size:15px; font-weight:bold; color:#222}
.his_box .month_text {color:#222; font-size:15px}
.his_box .title {width:85px; font-weight:bold; color:#222222; font-size:14px;}
.his_box li {padding-bottom:12px;}

/* footer */
/* footer */
#footer {position:relative; float:left; height:170px; border-top:1px solid #ddd;  width:100%; min-width:1050px; margin:0 auto; font-size:12px;  z-index:4;}
#footer button {border:0;}
.address-area {line-height:160%; margin-top:12px;}
.address-area p {padding-bottom:3px; color:#777; font-size:12px;}
.address-area ul li {margin-right:4px !important;}
.address-area ul li a{text-align:left !important; }
.address-area .list {margin-top:1px !important;}
.address-area .list li{display:inline-block; min-height:12px;}
.address-area .copyright {color:#888; padding-top:5px; font-size:10px}
.footer_info {float:right; width:700px}

.siteinfo {padding-top:18px; width:1050px; margin:0 auto; text-align:left; }
.siteinfo .footer_logo {float:left; width:350px; height:100px; padding-top:35px;}
.siteinfo ul {float:left; width:650px; border-bottom:1px dotted #eee; padding-bottom:15px;}
.siteinfo .list{width:580px; margin:3px 0 3px;}/* 2013.10.07 width:483px; -> 580px */
.siteinfo .list li{float:left; line-height:12px;}
.siteinfo a, .siteinfo a:hover, .siteinfo a:visited {color:#555; font-size:13px; font-weight:600}
.siteinfo p a {font-weight:normal !important}
.siteinfo span.line {padding:0 15px; color:#ddd;}

#btn_top {margin: 0px auto; width: 1050px; height: 0px; position: relative;}
#btn_top a {top: 0px; right: 0px; position: absolute;}





/* slide */
.tslides{position:relative; margin:0 auto; border:#CCC solid 1px; width:788px; height:300px;}
.slide{overflow:hidden;position:relative;width:788px;height:300px;}
.slide li{display:block;width:788px;height:300px;}
.slide li a{display:block}
.tslides a.prev,.tslides a.next{display:inline-block;z-index:4;overflow:hidden;position:absolute;top:130px;width:40px;height:40px;line-height:999px;vertical-align:top}
.tslides a.prev{right:748px; width:40px; height:40px; background:url(../images/sub/btn_arrow_left.png) no-repeat}
.tslides a.prev:hover{width:40px; height:40px; background:url(../images/sub/btn_arrow_left_on.png) no-repeat}
.tslides a.next{right:0px;width:40px; height:40px; background:url(../images/sub/btn_arrow_right.png) no-repeat}
.tslides a.next:hover{width:40px; height:40px; background:url(../images/sub/btn_arrow_right_on.png) no-repeat}
.s_page{z-index:100;position:absolute;top:260px;left:0;width:80px; margin-left:350px;text-align:center;list-style:none}
.s_page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1; float:left;}
.s_page li a{display:block;overflow:hidden;width:21px;height:21px;background:url(../images/sub/sp_page_on.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.s_page li.current a{background:url(../images/sub/sp_page_off.png) 0 0 no-repeat}

.productbox {float:left; margin-top:0px; margin-left:0px;}

ul.tabs {width:100%; height:40px; margin-top:10px; overflow:hidden;}
ul.tabs li {
list-style-type:none;
display:block;
width:140px;
padding:10px 0 10px 0;
border:#dedede solid 1px;
background:#fff;
text-align:center;
float:left;
color:#676767;
margin-right:1px;
cursor:pointer;
font-size:14px;
font-family:'Nanum Gothic',돋움,Dotum,arial,sans-serif;
}
ul.tabs li:hover {color:#F00}
ul.tabs li.current {font-weight:bold; border:#999 solid 1px !important;	background:#f04f23; color:#fff !important;}
ul.tabs li.current a{color:#fff !important;}

.tab_conbox {width:768px; padding:20px 10px 30px 10px; border:#CCC solid 1px; display:inline-block;}
.tabscontent {padding:2px 0 0 0; display:none; width:100%; text-align:justify;}

/*-------------이메일 수집거부 팝업 영역--------------*/
#popup_m_wrap {width:550px; height:280px;}
#popup_m_wrap .titlebar {background:url(../images/layout/popup_email_bg.gif) no-repeat; width:550px; height:64px;}
#popup_m_wrap .textbox {margin:0 auto; width:450px; height:100px; border:#CCC solid 1px; padding:15px; margin-top:30px; line-height:160%}
#popup_m_wrap .date {text-align:right; padding-top:10px; float:right}
#popup_m_wrap .bt {text-align:center; margin-top:20px;}
#popup_m_wrap .bt2 {float:right; padding-right:15px; padding-top:17px;}
#popup_m_wrap .btn {width:103px; padding-top:5px; padding-bottom:5px; border:#bc2d1c solid 1px; background:#999; text-align:center; color:#fff; margin:0 auto}
#popup_m_wrap .btn a{color:#fff;}
#popup_m_wrap .btn a:hover{color:#000;}