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

/* ------------------------------
	Basic
------------------------------ */
* {-webkit-text-size-adjust:none; }
html { margin: 0px; padding: 0px; background:#fff;} 
body {  margin: 0px; padding: 0px; min-width: 980px; font-size: 12px; color: #333; margin: 0px; padding: 0px;}
body, input, textarea, select, option, label, td, th, div {font-family: Malgun Gothic, '맑은고딕', Dotum, '돋움', Gulim, Helvetica, Arial, sans-serif; }
div, p, a {  line-height: 180%;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd { margin: 0px; padding: 0px; }
div, ul, li, ol	{ list-style: none; text-align: left; }
form { margin: 0px; padding: 0px; }
img { border: 0px; }
label { cursor: pointer; }

div, ul, dl, ol {
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}

legend, caption { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display:inline-block;}   /* Hides from IE-mac s*/
* html .clearfix { height: 1%; }
.clearfix { display: block; } /* End hide from IE-mac */
.clear { clear:both; }


/* ------------------------------
	Link
------------------------------ */
a { cursor: pointer; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333;text-decoration: none; }
a:active { color: #333333;text-decoration: none; }
a:hover { color: #555555; text-decoration: underline; }

/* ------------------------------
	Paging
------------------------------ */
ul.pagelist li a { font-size:14px; text-decoration:none; }
ul.pagelist li a:hover { text-decoration:underline; }
ul.pagelist li a.page { padding-left:6px; padding-right:6px; }
ul.pagelist li a.select { font-size:16px; font-weight:bold; color:red; }
img {
	border: none;
	vertical-align: middle;
}

input {
	margin: 0;
	padding: 1px;
	vertical-align: middle;
	font-size:13px;
}

input[type=button] {
	margin: 0;
	padding: 1px;
	vertical-align: middle;
	font-size:13px;
}

select {
	margin: 1px;
	padding: 1px;
	vertical-align: middle;
	font-size:13px;
}

select option {
	background-color:#FFFFCC;
}

form {
	width:100%;
	height:100%;
	margin:0px;
	display:inline;
}

button.small {
	border: 1px solid #d3d3d3;
	background:url('../../admin/tool/_files/bg_btn.png') repeat-x top;
	margin: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 26px;
	cursor: pointer;
}

button.small:hover {
	border: 1px solid #999999;
	background:url('../../admin/tool/_files/bg_btn-.png') repeat-x top;
	margin: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 26px;
	cursor: pointer;
}

ul, li, ol { list-style: none; }

/* ------------------------------
	Layout
------------------------------ */
#wrap { width:100%; }
#container-top { width:100%; height:114px; border-bottom:3px solid #458bcf;}
#header { width:960px; height:114px; margin:0 auto;}
#container-body { width:100%;background-color:#f5f5f5;padding:0;margin:0;}
#container-body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; *zoom:1;}
#container-body div.wrap { width:960px; margin:0 auto;}
#container-body div.left { float:left;width:813px;padding:0;margin:0;*margin-top:-1px;}
#container-body div.right {float:left;width:147px;padding:0;margin:0;*margin-top:-1px;}
#footer { clear:both; width:100%; height:70px;*height:80px;}
#footer div.wrap { width:960px; margin:0 auto;}

/* ------------------------------
	Logo
------------------------------ */
#header div.logo { float:left; width:143px; height:38px; padding:0px; margin-top:40px;}
#header div.logo ul.logo li a { display:block; width:143px; height:38px; text-decoration:none;background: url('../images/top/logo.gif') no-repeat;}
#header div.logo ul.logo li a span { position:absolute; z-index:-1; visibility:hidden; }
#header div.logo ul.logo li a:hover {background: url('../images/top/logo.gif') no-repeat;}

/* ------------------------------
	G.Navi
------------------------------ */
#header div.general {float:right; width:500px; height:15px;margin-top:8px;}
#header div.general ul.g2 {float:right;padding:0;}
#header div.general ul.g2 li {float:left;padding-left:18px;}
a.g2link:link { text-decoration: none; font-size:11px;}
a.g2link:visited { color:#666;text-decoration: none; font-size:11px;}
a.g2link:active { color:#666;text-decoration: none; font-size:11px;}
a.g2link:hover { color:#111;text-decoration: underline; font-size:11px;}

/* ------------------------------
	M.Navi
------------------------------ */
#header div.menu { float:right;*width:612px;height:15px;margin-top:28px;}
#header div.menu div.gnb { width:100%; height:15px;}
#header div.menu div.gnb ul.vtop { float:left; height:30px; margin:0;}
#header div.menu div.gnb ul.vtop li { float:left; font-size:14px; padding-left:80px; height:15px;}
#header div.menu div.gnb ul.vtop li.first {padding-left:0px;}
#header div.menu div.gnb ul.vtop li a { display:block; height:15px; text-decoration:none;color:#555;font-size:16px;}
#header div.menu div.gnb ul.vtop li a.on { text-decoration:none; color:#5796d3; font-weight:bold;}
#header div.menu div.gnb ul.vtop li a:visited,#header div.menu div.gnb ul.vtop li a:active, {color:#555;}
#header div.menu div.gnb ul.vtop li a:hover {color:#458bcf;}
#header div.menu div.gnb ul.vtop li a span { }
#header div.menu div.gnb ul.vtop li.p a.p { display:block; height:30px; text-decoration:none;color:#3e61b9;font-weight:bold;}

/* ------------------------------
	Submenu
------------------------------ */
#submenu {position:absolute; display:none; width:100%; height:200px; left:0; top:114px;*top:117px; z-index:40; text-align:center; background:#fff;opacity : 0.80;}
#submenu .wrap {position:relative;width:960px; height:154px; margin:0 auto;}
#submenu ul {margin-top:38px;}
#submenu ul.sm1 {float:left;margin-left:356px;*margin-left:353px;width:160px;}
#submenu ul.sm2 {float:left;width:150px;}
#submenu ul.sm3 {float:left;width:146px;}
#submenu ul.sm4 {float:left;width:140px;}
#submenu ul li {text-align:left;line-height:200%;}
#submenu ul li a { text-decoration:none; color:#555; }

#submenu ul li a:hover { text-decoration:underline; color:#555;font-weight:bold; }

/* ------------------------------
	Main Image / Tab
------------------------------ */
#main-view { width:100%; height:250px;}
ul.specialty-tab { display:table; clear: both; width: 100%; height:42px; background: #e3e3e3}
ul.specialty-tab li { display:table-cell; width:20%; *width:162px;float: left; padding: 10px 0 0 0; height:32px; background: #e3e3e3; text-align: center; vertical-align: middle; border-left: 1px solid #ffffff; }
ul.specialty-tab li.on { background: #5796d3; border-left: 1px solid #ffffff;}
ul.specialty-tab li.first { border-left: none; width:158px; }
ul.specialty-tab li a { font-size: 12px; color: #5b5b5b; }
ul.specialty-tab li.on a { font-weight: bold; font-size: 12px; color: #ffffff; }

ul.specialty-tab2 { display:table; clear: both; width: 100%; height:42px; background: #e3e3e3}
ul.specialty-tab2 li { display:table-cell; width:271px; *width:271px;float: left; padding: 10px 0 0 0; height:32px; background: #e3e3e3; text-align: center; vertical-align: middle; border-left: 1px solid #ffffff; }
ul.specialty-tab2 li.on { background: #5796d3; border-left: 1px solid #ffffff;}
ul.specialty-tab2 li.first { border-left: none; width:269px }
ul.specialty-tab2 li a { font-size: 12px; color: #5b5b5b; }
ul.specialty-tab2 li.on a { font-weight: bold; font-size: 12px; color: #ffffff; }

ul.specialty-tab3 { display:table; clear: both; width: 100%; height:42px; background: #e3e3e3}
ul.specialty-tab3 li { display:table-cell; float: left; padding: 10px 0 0 0; height:32px; background: #e3e3e3; text-align: center; vertical-align: middle; border-left: 1px solid #ffffff; }
ul.specialty-tab3 li.on { background: #5796d3; border-left: 1px solid #ffffff;}
ul.specialty-tab3 li.first { border-left: none; width:100%; }
ul.specialty-tab3 li a { font-size: 12px; color: #5b5b5b; }
ul.specialty-tab3 li.on a { font-weight: bold; font-size: 12px; color: #ffffff; }

ul.specialty-tab4 { display:table; clear: both; width: 100%; height:42px; background: #e3e3e3}
ul.specialty-tab4 li { display:table-cell; width:407px; *width:407px;float: left; padding: 10px 0 0 0; height:32px; background: #e3e3e3; text-align: center; vertical-align: middle; border-left: 1px solid #ffffff; }
ul.specialty-tab4 li.on { background: #5796d3; border-left: 1px solid #ffffff;}
ul.specialty-tab4 li.first { border-left: none; width:405px }
ul.specialty-tab4 li a { font-size: 12px; color: #5b5b5b; }
ul.specialty-tab4 li.on a { font-weight: bold; font-size: 12px; color: #ffffff; }
/* ---------------------------------------------
	Content
------------------------------------------------ */
#content-view {float:left;width:100%;*width:733px; min-height:800px;*min-height:680px;padding:40px 40px 80px 40px;background-color:#fff;border-bottom:1px solid #f5f5f5;}
#content-view div.location { float:left; display:block; width:100%;  }
#content-view div.location h4.title { float:left;color:#458bcf;font-size:14px;font-weight:bold; height:23px;background: url( '../images/s/bullet_circle.gif') 0px 5px no-repeat;padding-left:20px;letter-spacing:-0.5pt;}
#content-view div.location div.path { float:right;font-size: 11px; color:#777777;  }
#content-view div.location div.path span {font-family:dotum;}
#content-view div.location div.path span.strong { font-weight: bold;}
#content-view div.title {width:100%;height:77px;text-align:right;margin-top:70px;margin-bottom:70px;}

/* ---------------------------------------------
	c1-1
------------------------------------------------ */
.right {text-align:right;}
div.c1-1-1 { width:100%; height:392px;border-top:4px solid #5796d3;border-bottom:4px solid #5796d3;}
div.c1-1-2 { width:100%;text-align:center;margin-top:80px;}
div.c1-2 { width:100%;*width:450px;height:557px;margin-top:80px; background: url( '../images/s/img1-2.jpg') no-repeat; padding-left:284px;}
div.c1-2 p.sign {float:right;}
div.c1-3 { width:100%;min-height:580px;*min-height:380px;margin-top:80px; padding-top:200px;background: url( '../images/s/img1-3.jpg') no-repeat;}
div.c1-4 { width:100%;min-height:580px;margin-top:80px; padding-top:150px;background: url( '../images/s/img1-4.jpg') no-repeat;}
div.c1-4 div.r1  {float:left;width:365px;min-height:200px;}
div.c1-4 div.r2 {float:right;width:365px;min-height:200px;}
div.c1-4 ul {margin-top:10px;}
div.c1-4 ul li {background: url( '../images/s/bullet_dot.gif') 0 11px no-repeat;padding-left:10px;letter-spacing:-0.3pt;}
div.c1-5 { width:100%;margin-top:80px;}
div.c2-1 { width:100%;min-height:830px;border-top:2px solid #5796d3;border-bottom:2px solid #5796d3;}
div.img2-1 { float:left;width:400px;text-align:right;}
h5.img2-1 {float:right;}
div.c2-2 { width:100%;min-height:610px;border-top:2px solid #5796d3;border-bottom:2px solid #5796d3;}
div.img2-2 { float:left;width:350px;text-align:right;}
div.c2-3 { width:100%;min-height:650px;border-top:2px solid #5796d3;border-bottom:2px solid #5796d3;}
div.img2-3 { float:left;width:330px;text-align:right;}
div.c3-1 { width:100%;min-height:480px;*min-height:380px;margin-top:80px; padding:50px 0 50px 0;border-top:2px solid #5796d3;border-bottom:2px solid #5796d3;text-align:center;}
div.c4-1 { width:100%;min-height:410px;margin-top:80px;border-top:2px solid #5796d3;border-bottom:2px solid #5796d3;text-align:center;}
div.c4-2 { width:100%;min-height:410px;*min-height:210px;margin-top:80px;padding-top:265px;text-align:center;background: url( '../images/s/img4-2.jpg') no-repeat;}
div.c4-2  h6 {color:#458bcf;font-size:18px;font-weight:bold;}
div.c5-1 { width:100%;margin-top:80px;min-height:451px;*min-height:310px;padding-top:185px;padding-left:45px;text-align:center;background: url( '../images/s/img4-2.jpg') no-repeat;}


.t1-1 {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0 auto;
	margin-top:20px;
}
.t1-1 tr th {
	padding:5px 50px 5px 0;
	text-align: left;
}
.t1-1 tr td {
	padding:5px 0 5px 0;
	text-align: left;
}
.t1-1 tr td.name {font-weight:bold;color:#0066c9;}
.t1-1 tr td.pro {font-weight:bold;}

.t1-3 {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0 auto;

}
.t1-3 tr th {
	padding:5px 50px 5px 0;
	text-align: left;
}
.t1-3 tr td {
	padding:5px 0 5px 0;
	text-align: left;
}
.t1-3 tr td.name {font-weight:bold;color:#0066c9;}
.t1-3 tr td.pro {font-weight:bold;}

.t2-1 {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0 auto;
}
.t2-1 tr td {
	padding:50px 0 50px 0;
	text-align: justify;
	border-bottom:1px solid #ebebeb;
}
.t2-1 tr td.img {text-align:center;}
.t2-1 tr td.txt {padding-left:15px;line-height:200%;}
.t2-1 tr td.none {border:none;}

.t4-1 {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0 auto;
}
.t4-1 tr td {
	padding:50px 0 50px 0;
	text-align: justify;
	border-bottom:1px solid #ebebeb;
}
.t4-1 tr td.img {text-align:center;}
.t4-1 tr td.txt {padding-left:15px;line-height:200%;}
.t4-1 tr td.none {border:none;}
.t4-1 tr td h6 {color:#458bcf;font-size:14px;font-weight:bold;}

/* ------------------------------
	Sitemap
----------------------------- */
#sitemap {float: left;width:165px;}
#sitemap ul {margin-top:10px;}
#sitemap ul li {text-align:left;line-height:180%;}
#sitemap ul li a { text-decoration:none; color:#111; }
#sitemap ul li a:hover { text-decoration:underline; color:#000;font-weight:bold; }
#sitemap h4 {color:#458bcf;font-size:16px;font-weight:bold;}

/* ---------------------------------------------
	Util
------------------------------------------------ */
#util ul li {float:left;margin-left:75px;}

/* ------------------------------
	product
------------------------------ */
h3.tit-pt {color:#944240;font-size:18px;font-weight:bold;}
h4.tit-pt {color:#944240;font-size:18px;font-weight:bold;}
h4.tit-p {color:#944240;font-size:14px;font-weight:bold;margin:22px 15px 30px 15px;line-height:140%;}
h4.tit-p span {color:#333333;}
h5.tit {color:#944240;font-size:12px;font-weight:bold;margin-bottom:12px;}
h5.tit span {color:#333333;font-size:11px;margin-left:10px;}
h4.tit {color:#944240;font-size:14px;font-weight:bold;}
h4.titblack {color:#393939;font-size:12px;font-weight:bold;}
h4.titline {color:#944240;font-size:14px;font-weight:bold;border-bottom:1px solid #dfdfdf;padding-bottom:17px;}

/* ------------------------------
	Footer
------------------------------ */
#footer div.address {clear:both; height:43px; padding:0 0 0 105px; background: url( '../images/f/logo.gif') 0px 5px no-repeat;margin-top:28px;}
#footer div.address p.txt{}


/* ------------------------------
	Maring,Padding
------------------------------ */
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt19 { margin-top:19px; }
.mt20 { margin-top:20px; }
.mt23 { margin-top:23px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt130 { margin-top:130px; }
.mt150 { margin-top:150px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:50px; }
.mb70 { margin-bottom:50px; }
.mb80 { margin-bottom:50px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-top:100px; }
.mb150 { margin-top:150px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }

/* ------------------------------
	Skip Menu
------------------------------ */
#skiptoContent {*height: 0px;_display:none;}
#skiptoContent a.skip {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	text-align: center;
	top: -10000px;
	z-index: 500;
	font-size: 16px;
}

#skiptoContent a.skip:hover, #skiptoContent a.skip:focus, #skiptoContent a.skip:active {
	position: absolute; 
	top: 0; 
	padding: 10px; 
	font-weight:bold; 
	color:#fff; 
	background:#000;
}


@media only screen and (min-width:480px) { 
#submenu ul.sm1 {margin-left:346px;width:155px;}
#submenu ul.sm2 {width:160px;}
#submenu ul.sm3 {width:150px;}
#submenu ul.sm4 {width:140px;}
#footer div.address {padding:0 0 0 135px;background: url( '../images/f/logo.gif') 20px 3px no-repeat;}
ul.specialty-tab li {padding: 13px 0 0 0;height:29px;}
#content-view div.location h4.title { background: url( '../images/s/bullet_circle.gif') 0px 0px no-repeat;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#submenu ul.sm1 {margin-left:325px;width:160px;}
#submenu ul.sm2 {width:160px;}
#submenu ul.sm3 {width:157px;}
#submenu ul.sm4 {width:140px;}
#footer div.address {padding:0 0 0 135px;background: url( '../images/f/logo.gif') 20px 3px no-repeat;}
ul.specialty-tab li {padding: 10px 0 0 0;height:32px;}
#content-view div.location h4.title { background: url( '../images/s/bullet_circle.gif') 0px 0px no-repeat;}
}

@media only screen and (min-width : 1224px) {
#submenu ul.sm1 {float:left;margin-left:356px;*margin-left:353px;width:160px;}
#submenu ul.sm2 {float:left;width:150px;}
#submenu ul.sm3 {float:left;width:146px;}
#submenu ul.sm4 {float:left;width:140px;}
#footer div.address {clear:both; height:43px; padding:0 0 0 105px; background: url( '../images/f/logo.gif') 0px 5px no-repeat;margin-top:28px;}
ul.specialty-tab li { display:table-cell; width:20%; *width:162px;float: left; padding: 10px 0 0 0; height:32px; background: #e3e3e3; text-align: center; vertical-align: middle; border-left: 1px solid #ffffff; }
#content-view div.location h4.title { float:left;color:#458bcf;font-size:14px;font-weight:bold; height:23px;background: url( '../images/s/bullet_circle.gif') 0px 5px no-repeat;padding-left:20px;letter-spacing:-0.5pt;}
}