@charset "utf-8";

body {
	background:#2c3854 url('/img/common/header_bg2.jpg') repeat-x top center;
	margin:0;
	padding:0;
	font-size:0.75em;font-family:NanumGothic,dotum;
	color:#666;font-size:13px;line-height:1.5;
}
img { border:0; }
caption {display:none; }


.fl { float:left; }
.fc {margin:0 auto; text-align:center;}
.fr { float:right; }
.clear { clear:both; }
.ajax_error{color:#ff3300;}
.ajax_success{color:#0033ff;}

input:focus { background-color:#f5f5f5;}
input.text { height:17px; border:1px solid #d8d8d8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; }
textarea.textarea { width:97%; border:1px solid #d8d8d8; padding:2px; }





/* png */
.png24 {
    tmp:expression(setPng24(this));
}

/* ȭ���� ���δ� ID */
#wrap {
	width:100%;
	margin:0 auto;
}
/* ���� */
#head {width:980px;height:130px;margin:0 auto;text-align:center;background:url('/img/common/top_bg2.jpg') no-repeat;}
/* ����(������) */
#main {width:100%;margin-bottom:0px;background:#39496d}
/* �ϴ� */
#tail {width:100%;clear:both;text-align:center;padding:22px 0 28px 0;border-top:1px solid #303030;}

#tail span {width:100%;clear:both;text-align:center;font:normal 9px NanumGothic,dotum,'';color:#959595;}


#head_area {width:100%; height:93px;}

/* �ΰ� */
.logo { clear:both; margin:0 auto; padding:12px 0 0px 0; }
/*ž �޴�*/
.top_menu {width:215px; height:20px; position:absolute;right:50%;top:54px;margin:0 -490px 0 0;}
.top_menu ul.menu { float:right; display:inline; margin:0; }
.top_menu ul.menu li { display:inline; margin:5px; padding:0;}
.top_menu ul.menu li.first-child { background:none; padding:0; }
.top_menu ul.menu li a { color:#fff; }


/* ���� �޴� */
#head_menu {width:980px; margin:0 auto;margin-top:15px;}
#head_menu ul.menu { display:inline; margin:0; }
#head_menu ul.menu li { display:inline; margin:50px; padding:0;}
#head_menu ul.menu li.first-child { background:none; padding:0; }
#head_menu ul.menu li a { color:#fff; }

/* ���� �޴� �ѿ��� */
#head_menu .menu a img.over {display:none;}
#head_menu .menu a:hover {position:relative;}
#head_menu .menu a:hover img {display:none;}
#head_menu .menu a:hover img.over {display:inline;}
#head_menu .menu a img {vertical-align:top;}


/* ���־� �Ѹ� �κ� */

#visual { width:100%;height:500px; margin:0 auto; repeat-x 0 0; z-index:100; overflow:hidden; background:#000000}


/* Visual
-----------------------------------------------------------------------------*/
.animation_canvas { overflow:hidden; position:relative; width:100%;height:500px; z-index:1; }

.slider_panel { width: 100%; height: 500px; position:relative; }
.slider_image { position: absolute; left:0; top:0; width: 100%; height: 500px; opacity:0; }

.slider_panel .img1 { background:url(/img/main/visual_01.jpg) no-repeat center top; }
.slider_panel .img2 { background:url(/img/main/visual_02.jpg) no-repeat center top; }
.slider_panel .img3 { background:url(/img/main/visual_03.jpg) no-repeat center top; }
.slider_panel .img4 { background:url(/img/main/visual_04.jpg) no-repeat center top; }

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 500px; }
.slider_text_panel .slider_text { width: 960px; height: 350px; position:absolute; left:50%; top:0; margin-left: -480px; }

.slider_text_panel .txt1 .text1 { position: absolute; left: 50%; top: 70px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text2 { position: absolute; left: 50%; top: 130px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0); }
/* .slider_text_panel .txt1 .text3 { position: absolute; left: 50%; top: 189px; margin-left: -338px; padding-top:17px; background:url(http://kisvan.co.kr/image/main/vt_line.gif) no-repeat 7px 0; opacity: 0; filter: alpha(opacity=0);} */


.slider_text_panel .txt2 .text1 { position: absolute; left: 50%; top: 70px; margin-left: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text2 { position: absolute; left: 50%; top: 130px; margin-left: -338px; opacity: 0; filter: alpha(opacity=0); }
/* .slider_text_panel .txt2 .text3 { position: absolute; left: 50%; top: 153px; margin-left: -338px; padding-top:17px; background:url(http://kisvan.co.kr/image/main/vt_line.gif) no-repeat 6px 0; opacity: 0; filter: alpha(opacity=0); } */

.slider_text_panel .txt3 .text1 { position: absolute; right: 50%; top: 70px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text2 { position: absolute; right: 50%; top: 130px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); }
/* .slider_text_panel .txt3 .text3 { position: absolute; right: 50%; top: 185px; margin-right: -339px; padding-top:17px; background:url(http://kisvan.co.kr/image/main/vt_line.gif) no-repeat 194px 0; opacity: 0; filter: alpha(opacity=0); } */

.slider_text_panel .txt4 .text1 { position: absolute; text-aling:right; right: 50%; top: 70px; margin-right: -335px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt4 .text2 { position: absolute; text-aling:right; right: 50%; top: 130px; margin-right: -338px; opacity: 0; filter: alpha(opacity=0); }
/* .slider_text_panel .txt4 .text3 { position: absolute; text-aling:right; right: 50%; top: 157px; margin-right: -337px; padding-top:17px; background:url(http://kisvan.co.kr/image/main/vt_line.gif) no-repeat 320px 0; opacity: 0; filter: alpha(opacity=0); } */



.control_panel { position:absolute; top: 570px; left: 50%; margin-left: -35px; width:69px; height: 20px; overflow:hidden; background:url(/img/main/point_back.png) no-repeat 0 0; z-index: 100; }
.control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(/img/main/point.png) no-repeat center top; margin: 5px 5px 0px 0px; }
.control_panel .control_button.active { background-position: center bottom;}
.control_panel .first { margin: 5px 5px 0 7px;}




#tail span{margin:0; padding:0; color:#959595; list-style:none; font:11px Verdana; line-height:normal;}
#tail a{text-decoration:none; color:#555;}
#tail address a{font-weight:bold; font-family:Tahoma; color:#333;}


.cmt_list { width:100%; float:left; border-bottom:1px solid #dedede; overflow:hidden; }


/* main content2 start*/
.mcontent2 { width:980px; margin:0 auto; overflow:hidden;}
.mcontent2 h2 { padding:0; margin:0 0 10px 0;}

.mcontent2 .mc2_right ul {float:left; margin:40px 0 0 0;}
.mcontent2 .mc2_right ul li { list-style:none; color:#565656;}

.mcontent2 .mc2_center {float:left;width:670px;padding:0;margin:40px 0 0 0;}
.mcontent2 .mc2_center ul.list {margin:0 0 0 0px; padding: 0; float: left; backgound:#fff000}
.mcontent2 .mc2_center ul.list li{list-style:none; padding:0 0px 0 0; margin:0 0 10px 0; display:block; float:left;}
.mcontent2 .mc2_center ul.list li a.img_link{display: block; margin-bottom:5px; background-color:#efefef; padding:0; border:1px solid #ccc; text-align:center;}
.mcontent2 .mc2_center ul.list li p{margin: 0; text-align: left;}

.mcontent2 .mc2_right {float:right;width:290px;}

/* main content2 end */



/* ���� */
#svisual {width:100%; position:relative; height:200px; z-index:1; background:#000000; overflow:hidden;}

.sub_visual1 { background:url(/img/sub/sub_visual_01.jpg) no-repeat center top; height:200px; }
.sub_visual2 { background:url(/img/sub/sub_visual_02.jpg) no-repeat center top; height:200px; }
.sub_visual3 { background:url(/img/sub/sub_visual_01.jpg) no-repeat center top; height:200px; }
.sub_visual4 { background:url(/img/sub/sub_visual_01.jpg) no-repeat center top; height:200px; }

.sub_visual5 {position:absolute;height:200px; left:50%; margin-left:-800px; z-index:2;}


#scontent {width:980px; margin:0 auto; overflow:hidden; background:#ffffff;}
.con_area {width:860px; margin:0 auto;}
.con_area .con_menu {width:100%; padding:30px 0 0 0;}
.con_area .con_menu ul li{float:left; margin:0;}
.con_area .con_sub {float:left; width:100%; padding:20px 0 100px 0px;}
.con_area .con_sub2 {float:left; width:100%; padding:40px 0 50px 0px;}


#scontent .con_area .tab_3depth { list-style: none; height: 35px; width:100%; }
#scontent .con_area .tab_3depth li { width: 140px; height:33px; border: 1px #ccc solid; color: #666; font-weight:600; font-size: 14px; display:inline-block; border-right: 0; line-height: 33px; text-align: center; margin-right:0px; *margin-right:0; *display:inline; zoom:1; }
#scontent .con_area .tab_3depth li a { width: 140px; height:33px; color: #666; font-weight:600; font-size: 13px; float:left; border-right: 0; line-height: 33px; text-align: center; display:inline-block; }
#scontent .con_area .tab_3depth li.end { border-right: 1px #ccc solid;}
#scontent .con_area .tab_3depth li.active { border: none; width: 140px; height: 35px; background:url(/img/sub/3depth_active.jpg) no-repeat 0 0; color: #fff;}
#scontent .con_area .tab_3depth li.active a { color: #fff; }


/* ����-���� */

.history { border-bottom:1px solid #ccc; border-top:3px solid #464646; padding:00 0 23px 10px; clear:both; }
.history caption { font-size:0; line-height:0; height:0; text-indent:-9999px; }
.history td { vertical-align:top; background:url(/img/sub/bg_td.gif) repeat-x left bottom; padding:33px 0 25px 0; }
.history li { background:url(/img/sub/list_dot3.gif) no-repeat left 10px; padding-left:8px; line-height:19px; }
.history p { margin:0 0 21px 0; }
.history tr.last td { background:none; padding-bottom:0; }


/* ����-ȸ���Ұ� */

.info {width:860px;margin-top:10px; line-height:24px;}
.info_img {float:left; width:360px;}
.info_txt {float:right; width:460px;}
.info_txt span {display:block;margin:0 0 0px 0;padding:0 0 0px 0;font-size:14px;color:#555;letter-spacing:-1px; font-weight:bold;}
.info_txt p {display:block;margin:0 0 0 10px;}


/* ����-CEO�λ縻 */

.greeting {margin:0 0 0 0;background:url(/img/sub/ceo.png) no-repeat 470px 150px;}
p.txt_first {margin:0 0 10px 0;font-size:20px;color:#333;letter-spacing:-1px;}
p.txt_second {margin:0 0 20px 0px;line-height:19px;font-size:20px;}
p.txt_third {margin:0 0 0 0; line-height:22px;}
p.txt_sign {margin:0 0 0px 0; line-height:26px;text-align:right;font-size:16px;}
p.txt_sign span {color:#000000;font-size:18px;}

/* ����-������ */

.iso {width:860px;margin-top:10px; line-height:24px;}
.iso_img {float:left; width:534px;}
.iso_img p{float:left; text-align:center;}
.iso_img1 {float:left; width:257px; margin-right:20px;}
.iso_img1 p.img {float:left;border:1px #dbdbdb solid;}
.iso_img1 p.txt {text-align:center; width:100%;margin-top:5px;}
.iso_img2 {float:right; width:257px;}
.iso_img2 p.img {float:left;border:1px #dbdbdb solid;}
.iso_img2 p.txt {text-align:center; width:100%;margin-top:5px;}

/* ����-�൵ */

.map {width:860px;float:left;}
.map_api{margin:0px 0 0px 0; padding:20px 0 0px 0; *text-align:center; *border-top:1px solid #ccc; *border-bottom:1px solid #ccc; *border-left:1px solid #ccc; *border-right:1px solid #ccc;}
.map_txt{float:left;margin-top:20px;}
.map_txt strong{display:block;margin:0 0 0px 0;font-size:14px;color:#333;letter-spacing:-1px;}
.map_name {font-size:0.75em;font-family:NanumGothic,dotum;}


/* ����-Contact us */

.contact {width:860px;margin-top:50px; line-height:24px;}
.con_txt {float:left; width:385px;}
.con_txt span {display:block;margin:0 0 0px 0;padding:0 0 0px 0;font-size:14px;color:#333;letter-spacing:-1px;}
.con_img {float:right; width:475px;}






/* ���� ���� */
.txt1 {width:860px; float:left;margin:0px 0px 0 0px;padding:0 0 0px 0;line-height:24px;}
.txt1 strong {display:block;margin:0 0 15px 0;padding:0 0 0px 0;font-size:20px;color:#333;letter-spacing:-1px;}

.txt2 {display:block;margin:0 0 15px 0;padding:0 0 0px 0;color:#333;font-size:0.75em;font-family:NanumGothic,dotum;
	color:#666;font-size:13px;line-height:1.8}


.sub_bg {
background-image:url(../images/sub_bg.gif); background-repeat:repeat-x; height:16px ; width:69%; float: left; display:inline; list-style: none;}