@charset "utf-8";

#wrap {width:100%;position:relative;min-width:990px;margin:0 auto;padding-top:100px;}
#top {
	background:#fff url(../images/top-bg.gif) repeat-x;
	position:relative;
	z-index:10;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:100px;
	overflow:hidden;
}
#top.active {border-bottom:4px solid #006ebe;}
#top .inner {width:990px;margin:0 auto;background:url(../images/top-bg2.gif) no-repeat 121px 0;height:100px;position:relative;}
#top #logo {position:absolute;left:0;top:33px;}
#top .tnb {position:absolute;top:12px;right:0;}
#top .tnb li {
	float:left;
	background:url(../images/tnb-bar.gif) no-repeat 0 50%;
	padding:0 5px 0 6px;
	font-size:11px;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
}
#top .tnb li:first-child {background:none;padding-left:0;}
#top .tnb li:last-child {padding-right:0;}
#top .tnb li a {color:#8e8e8e;transition:0.1s;display:block;}
#top .tnb li a:hover {color:#000;transition:0.1s;}

#top #gnb {position:absolute;top:44px;right:0;}
#top #gnb > li {float:left;padding-right:62px;}
#top #gnb > .gnb5 {padding-right:0;}
#top #gnb > li > a {display:block;color:#3d3e3f;letter-spacing:-0.05em;word-spacing:-0.05em;font-size:18px;font-weight:600;transition:0.1s;}
#top #gnb > li.active > a,
#top #gnb > li.over > a,
#top #gnb > li:hover > a {color:#006ebe;transition:0.1s;}
#top #gnb li ul {padding-top:55px;}
#top #gnb li ul li a {display:block;color:#888;letter-spacing:-0.05em;word-spacing:-0.05em;font-size:14px;padding:5px 0;transition:0.1s;}
#top #gnb li ul li.active a,
#top #gnb li ul li a:hover {color:#000;transition:0.1s;}

#top .bg {display:block;top:139px;left:0;position:absolute;width:244px;height:128px;background:url(../images/nav-bg.gif) no-repeat;text-indent:-9999px;}

#vis {height:468px;width:100%;background:url(../images/vis.jpg) 50% 0;position:relative;z-index:0;}
#vis ul {width:990px;margin:0 auto;position:relative;}
#vis ul li {width:405px;height:251px;background:url(../images/vis-txt.png) no-repeat;text-indent:-9999px;position:absolute;left:0;top:96px;}

#element {width:990px;margin:0 auto;position:relative;padding:45px 0;}
#element .top {overflow:hidden;}
#element .bot {overflow:hidden;margin-top:23px;}
#element .box {float:left;position:relative;width:330px;letter-spacing:-0.025em;word-spacing:-0.025em;}
#element .box .more {display:block;position:absolute;right:28px;top:23px;}
#element .box .inner {margin:25px 25px 0;}
#element .top .box  {height:282px;}
#element .bot .box  {height:206px;}
#element .box1 span {display:block;color:#fff;font-size:13px;position:absolute;left:25px;top:199px;}
#element .box2 {background:#5ab12f;}
#element .box2 p {padding:12px 0 10px;font-size:13px;color:#fff;}
#element .box2 .contain {width:271px;margin:0 auto;}

#element .box2 .bx-pager {position:absolute;top:30px;right:30px;z-index:100;}
#element .box2 .bx-pager .bx-pager-item {float:left;}
#element .box2 .bx-pager .bx-pager-item a {
	display:block;
	margin-left:6px;
	width:11px;
	height:11px;
	background:url(../images/box2-off.png) no-repeat;
	text-indent:-9999px;
}
#element .box2 .bx-pager .bx-pager-item a.active {background:url(../images/box2-on.png) no-repeat;}
#element .box3 {background:url(../images/box3-bg.gif) no-repeat;}
#element .box3 p {font-size:13px;line-height:20px;color:#5c5a5a;padding-top:10px;}
#element .box3 dl dt {font-size:38px;letter-spacing:-0.06em;word-spacing:-0.06em;color:#1f679d;font-weight:600;padding-top:5px;}
#element .box3 dl dd {padding:55px 0 0 85px;color:#fff;font-size:14px;line-height:24px;}

#element .box4 {background:#f5f5f5;}
#element .box4 h3 {padding-bottom:17px;}
#element .box4 table {width:100%;}
#element .box4 table th,
#element .box4 table td {font-size:14px;height:28px;letter-spacing:-0.03em;word-spacing:-0.03em;}
#element .box4 table th {
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	background:url(../images/box4-dot.gif) no-repeat 0 50%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
#element .box4 table th a:hover {color:#000;text-decoration:underline;}
#element .box4 table td {text-align:right;width:80px;}
#element .box.box6 {border:1px solid #dedede;width:328px;height:204px;}
#element .box6 .con {padding:24px 24px 0;height:60px;border-bottom:1px solid #dedede;}
#element .box6 p {font-size:13px;color:#5c5a5a;padding-top:5px;}
#element .box6 iframe {display:block;}

#foot {width:100%;background:#464646;}
#foot .inner {width:990px;margin:0 auto;position:relative;overflow:hidden;padding:35px 0;}
#foot h2 {float:left;padding-top:3px;}
#foot p {float:left;margin-left:100px;font-size:14px;letter-spacing:-0.05em;word-spacing:-0.05em;color:#838282;line-height:23px;}


/*SUB*/
#svis {width:100%;height:171px;background:url(/images/svis.jpg) no-repeat 50% 0;position:relative;z-index:0;}
#svis ul {width:990px;margin:0 auto;position:relative;}
#svis ul li {width:281px;height:121px;background:url(/images/svis-txt.png) no-repeat;text-indent:-9999px;position:absolute;left:0;top:27px;}

#sub {width:990px;margin:0 auto;padding-bottom:100px;background:url(../images/sline.gif) repeat-y;}
#sub:after {content:"";display:block;clear:both;height:0;}
#sub #lef {float:left;width:233px;}
#sub #lef h2 {background:url(../images/ltit-bg.gif);padding:40px 0 40px 20px;}
#sub #lef h2 span,
#sub #lef h2 strong {display:block;color:#fff;}
#sub #lef h2 span {font-size:14px;font-weight:normal;padding-bottom:3px;}
#sub #lef h2 strong {font-size:26px;font-weight:600;letter-spacing:-0.05em;word-spacing:-0.05em;}

#sub #lef #lnb {border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
#sub #lef #lnb > li {border-bottom:1px solid #d3d3d3;letter-spacing:-0.03em;word-spacing:-0.3em;}
#sub #lef #lnb > li > a {display:block;font-size:17px;font-weight:600;color:#616161;padding:15px 20px;background:url(../images/lnb-arrow.png) no-repeat 202px 50%;}
#sub #lef #lnb > li.active > a,
#sub #lef #lnb > li:hover > a {background:#f3f3f3 url(../images/lnb-arrow.png) no-repeat 202px 50%;;color:#333;}


#sub #rig {float:right;width:708px;padding-top:45px;}
#sub #rig .title {position:relative;border-bottom:1px solid #d5d5d5;overflow:hidden;padding-bottom:15px;}
#sub #rig .title h3 {float:left;font-size:35px;color:#616161;font-weight:600;}
#sub #rig .title p {float:right;color:#959595;padding-top:18px;}
#content {padding-top:40px;font-size:13px;line-height:150%;min-height:500px;}



/*sub ÆäÀÌÁö*/

.sub_h5{background: url(/images/blit.gif) no-repeat 0 50%; padding-left:25px; font-weight:600; font-size:18px;}
.sub_h5_txt{font-size:13px; font-weight:normal;}
.sub01-04{background: url(/images/sub01-04.jpg) no-repeat; width:708px; height:755; margin-top:25px;}


/*Å×À̺í*/
/*·¹µå°è¿­ Å×À̺í*/

table.pro_guide2 tbody td.star{background-color:#f2efe9; font-size:14px !important;}
table.pro_guide2 thead th.newtable{background:#f2efe9 !important; font-size:14px !important; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;background:none; color:#111111;}
table.pro_guide2 tbody td.newtable2{ font-size:14px !important;background:#f4f4f4; color:#898989; font-weight:bold; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc; padding:10px 0;}

table.pro_guide2{ font-size:14px !important; width:100%; border-top:1px solid #ccccdc; border-left:1px solid #ccccdc; background:url(../images/sub/product/keoseung_bgimg.png) center no-repeat;}
table.pro_guide2 thead th.t_Tit{font-size:14px !important;background:url(../img/t_Tit01.jpg); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}
table.pro_guide2 thead th.t_Tit2{font-size:14px !important;background:url(../img/t_Tit02.jpg); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}
table.pro_guide2 thead .t_Tit3{font-size:14px !important;background:url(../img/t_Tit03.jpg); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}
table.pro_guide2 thead .t_Tit4{background:url(../img/t_Tit04.jpg); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}
table.pro_guide2 tbody .t_Tit5{background:url(../img/t_Tit05.png); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}
table.pro_guide2 thead .t_Tit6{background:url(../img/t_Tit06.jpg); color:#898989; font-weight:bold; padding:10px 0; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;}


table.pro_guide2 thead th{background:#f4f4f4 !important;font-size:14px !important;border-top: 2px solid #e60012; background:#f2efe9; color:#686868; font-weight:bold; border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc; padding:10px 0;}
table.pro_guide2 tbody th{ border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0; background:#f3f3f3 !important;  font-weight:600; }
table.pro_guide2 tbody td{ border-right:1px solid #ccccdc; border-bottom:1px solid #ccccdc;padding:10px 0;  background:none; padding-left:15px; font-size:13px;}
table.pro_guide2 tbody .j-tl{text-align:left; line-height:20px; padding-left:10px;}
table.pro_guide2 tbody td.j-tr{text-align:right; line-height:20px; padding-right:10px;}
table.pro_guide2 tbody td.j-bzl{ border-left:0;}
table.pro_guide2 tbody td.other_C{background:#f1f1f1;}
table.pro_guide2 tbody .j_line{line-height:20px;}
.tit-j01{font-size:14px;font-weight:600;color:#323232;}

table.j_board_write td input.upload_box{ background:#f2f2f2;}
table.j_board_write td input.upload_box02{ background:#f2f2f2; width:100px; margin-right:15px; }
table.j_board_write td span.upload_out{float:left; display:inline-block;}
table.j_board_write td span.remember{color:#a3c156;}
table.j_board_write td a{width:132px; height:33px; display:inline-block; float:left; margin-left:8px;}
table.j_board_write td input.event_txt{ background:#ebf8fd; width:150px; margin-left:10px;}
table.j_board_write td input[type=image]{ vertical-align:top; padding-top:10px;}
table.j_board_write td span.calendar{vertical-align:top; padding-top:10px; display:inline-block; margin:0 5px;}


.locatable {width:820px; border:1px solid #aaa;margin-top:15px;}
.locatable tr:first-child td,.locatable tr:first-child th {border-top:none;}
.locatable th {border-top:1px solid #eee;background:#f2efe9;color:#444;font-size:14px;width:120px;padding:10px;text-align:left;}
.locatable td {border-top:1px solid #eee;color:#666;font-size:14px;padding:10px;line-height:22px;}



.iform {display:inline-block;border:1px solid #ddd;}
input.iform {height:30px;line-height:30px;font-size:14px;background:#f3f3f3;}
select.iform {height:32px;background:#f3f3f3;}
textarea.iform {width:100%;box-sizing:border-box;height:150px;background:#f3f3f3;}
.abtn {
	display:inline-block;
	padding:0 20px;
	line-height:40px;
	border:1px solid #da5d15;
	background:#f57b35;
	color:#fff;
	font-weight:600;
	font-size:16px;
}
.abtn.abtn2 {background:#444;border:1px solid #111;}

.bbtn {
	display:inline-block;
	width:200px;
	font-weight:600;
	text-align:center;
	line-height:40px;
	border:1px solid #111;
	background:#444;
	color:#fff;
	font-size:14px;
}
.bbtn.bbtn2 {background:#888;border:1px solid #666;}
.cbtn {
	display:inline-block;
	padding:0 10px;
	font-weight:600;
	text-align:center;
	line-height:24px;
	border:1px solid #111;
	background:#444;
	color:#fff;
	font-size:12px;
}

.atbl {width:100%;border-top:1px solid #999;}
.atbl th,
.atbl td {border-bottom:1px solid #ddd;min-height:32px;padding:10px;line-height:150%;}
.atbl th {width:130px;background:#f9f9f9;font-size:14px;font-weight:600;color:#333;text-align:left;padding-left:20px;}
.atbl td {font-size:13px;}
.atbl td p {margin-top:5px;}
.atbl td p:first-child {margin-top:0;}
.atbl td label {cursor:pointer;margin-left:15px;}
.atbl td label:first-child {margin-left:0;}



.sm {}
.sm th {font-size:18px;text-align:center; padding-bottom:10px;color:#3f962c;border-bottom:2px solid #3f962c;font-weight: 600;}
.sm th a {font-weight:normal;}
.sm td {font-weight:bold;font-size:13px;text-align:center;height:24px;border-bottom:1px dotted #dedede;padding:5px 0 8px 5px;letter-spacing:-1px;}
.sm td a {color:#555; font-weight:normal;}
.sm td a:hover {color:#3f962c;}