﻿@charset "utf-8";
* {margin:0; padding:0; font-family:Dotum; font-size:12px;}
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.bold {font-weight:bold;}
.pointer {cursor:pointer;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}
a:link {color:#666; font-size:11px; text-decoration:none;}
a:visited {color:#666; font-size:11px; text-decoration:none;}
a:hover, a:focus {color:#0099ff; font-size:11px; text-decoration:none;}
a:active {color:#666; font-size:11px; text-decoration:none;}
 
/* main_layout */`
#wrap {position:relative; width:100%; z-index:0;}
#top {position:relative; width:100%; height:96px; text-align:center; z-index:10; background:url('/english/img/bg/navi_bg.gif') top repeat-x;}
#top_in {position:relative; width:980px; height:96px; margin:0 auto; text-align:left; z-index:0;}

#body {position:relative; width:100%; height:470px; text-align:center; z-index:0; font-size:0px; background:url('/english/img/bg/main_bg.jpg') top repeat-x;}
#body_in {position:relative; width:980px; height:470px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body_bt {position:relative; width:100%; height:60px; text-align:center; z-index:0; font-size:0px; background:#666;}
#body_inbt {position:relative; width:980px; height:60px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body01 {position:relative; width:100%; height:190px; text-align:center; z-index:0; background:url('/english/img/bg/bg_fullbox.jpg') top left repeat-x;}
#body_in01 {position:relative; width:980px; height:190px; margin:0 auto; text-align:left; z-index:0; font-size:0; background:url('/english/img/bg/bg_box.jpg') top left no-repeat; }

#foot {position:relative; width:100%; height:160px; text-align:center; z-index:0; background:url('/english/img/bg/copy_bg.gif') top repeat-x;}
#foot_in {position:relative; width:980px; height:160px; margin:0 auto; text-align:left; z-index:0;}

/* main */
.visual_in {position:relative; width:980px; height:470px;}
.maintxt {position:absolute; width:678px; height:143px; top:146px; left:152px; z-index:100;}

#slideshow img {display:none; z-index:10;}
.pics img {display:none; z-index:10;}


.box1 {position:relative; width:256px; height:150px; float:left;}
.box1 .md_notice {position:relative; top:35px; left:32px; width:226px; height:115px; overflow:hidden; float:left;}
.box1 .md_notice .pwrap {position:relative; height:5px; font-size:0;}
.box1 .md_notice h2 {position:relative; width:96px; height:15px; margin-bottom:27px;}
.box1 .md_notice li {position:relative; width:226px; height:12px; margin-top:9px; text-align:left; padding-left:10px; background:url('/english/img/bg/dot.gif') 0 50% no-repeat; font-size:11px; color:#666;}
.box1 .md_notice li span {position:absolute; top:0; right:0; margin-left:10px;}
.box1 .md_notice li a:link {color:#737373; font-size:11px; text-decoration:none;}
.box1 .md_notice li a:visited {color:#737373; font-size:11px; text-decoration:none;}
.box1 .md_notice li a:hover {color:#0099ff; font-size:11px; text-decoration:none;}

.box2 {position:relative; width:388px; height:130px; float:left;}
.box2 .mainpro {padding-top:35px; padding-left:44px;}
.box2 .box_layout {position:relative; width:344px; height:79px; float:left; margin-top:20px;}

.box3 {position:relative; float:left; margin:29px 0 0 41px;}
.box3 .online {position:absolute; }
.box3 .lotate {position:absolute; margin-left:102px;}
.box3 .company {position:absolute; margin-left:206px;}
.box3 .tel {position:absolute; margin-top:103px;}

.tableclassin {position:relative; text-align:center; margin-bottom:30px;}
.main_btn01 {position:absolute; margin-top:-116px;}
.main_btn02 {position:absolute; margin:-42px 0 0 490px;}

/* sub_layout */
#wrap_sub {position:relative; width:100%; height:188px; z-index:0; font-size:0; background:url('/english/img/bg/sub_bg.jpg') top center no-repeat;}
#fla_sub {position:relative; width:980px; height:188px; margin:0 auto; text-align:center;}

#sub_data {position:relative; width:100%; text-align:center;}
#sub_body {position:relative; width:980px; margin:0 auto; text-align:left;}

#sub_left {position:relative; width:210px; height:500px; margin-left:0; float:left; font-size:0px; margin-bottom:60px;}
#sub_left dt {height:23px;}
#sub_left dd {height:26px;}
#sub_left .leftmenu_top {height:93px;}
#sub_left .sc {position:relative; margin-top:15px; font-size:0px;}

#sub_right {position:relative; width:730px; float:right; margin-top:31px;}
#sub_right .h2 {position:relative; width:710px; height:40px; margin-bottom:20px;}
.h2 .mapping {position:absolute; top:5px; right:0px; color:#555; font-size:12px;}
#sub_right .contents {position:relative; width:730px;}
#sub_right .bold {font-weight:bold; color:#97d4ff;}


/*sub_content*/
.leftcustomer {padding-top:100px;}

.imgcon {position:relative; margin-top:13px; margin-bottom:30px;}
.centxt {position:relative; text-align:center; margin-top:20px; padding-bottom:30px;}

h3 {position:relative; color:#898989; font-size:12px; margin:10px 0 0 0;}
h3 .text {position:relative; margin:10px 0 0 18px;}
h3 .bullet {position:absolute;}

.bottommargin30 {position:relative; margin-bottom:30px;}


/* navi */
address {position:absolute; margin:59px 0 0 300px; font-style:normal; line-height:18px; font-size:11px; color:#252525;}
address .title {font-weight:bold; font-size:11px;}
address .copy {font-size:11px; font-weight:bold; color:#b7b7b7;}
.logo_bt {padding-top:20px; padding-left:20px;}


.navigation_wrap {position:absolute; top:0; left:0; width:673px; height:54px;}
.navigation_wrap ul li {position:relative; float:left; padding:0 30px; font-size:0; height:15px;}
.navigation_wrap ul li.rightliline {border-right:1px solid #ccc;}

.navigation_in_black {position:absolute; top:25px; background:black; height:21px; font-size:0; display:none;}
.navigation_in_black img {position:relative; margin-top:5px;}
.navigation_in_black a {padding:0 15px 0 15px;}
#navi_in_black1 {left:24px;}
#navi_in_black2 {left:130px;}


.skip {position:absolute; margin-left:733px; font-size:0;}
.logotop {position:absolute; margin-top:38px; margin-left:28px; z-index:50000;}

.foot_skip {position:absolute; margin-left:800px; margin-top:9px; font-size:0;}
.family {position:absolute; margin-left:776px; margin-top:6px; font-size:0;}
.copy_logo {position:absolute; margin:65px 0 0 25px; font-size:0;}




/* 네비게이션 추가*/
 #topmenu { position: absolute; top:50px; width:980px; height:59px; margin: 0; padding: 0; float:left;} 
 #topmenu ul { position:absolute; left:0; top:0; list-style:none; padding:0; }
 #topmenu ul li { float:left; display:inline; margin:0;}
	
 #topmenu li ul { display:none; list-style:none; position:absolute; left:0; top:10px; margin:0; padding:5px 0 0 0; height:30px;}
 #topmenu li ul li { margin:0; padding:0; white-space:nowrap; background:none;}
 #topmenu li ul li img {vertical-align:top;}
 * html #topmenu ul ul li { width: 1px; }

/* 큰메뉴 */
 #top1m1 {position:relative; left:293px;}
 #top1m2 {position:relative; left:323px;}
 #top1m3 {position:relative; left:358px;}
 #top1m4 {position:relative; left:388px;}
 #top1m5 {position:relative; left:419px;}

/* 작은메뉴 */
 #topmenu li ul#top2m1 { padding-top:14px; padding-left:283px; width:350px;}
 #topmenu li ul#top2m2 { padding-top:14px; padding-left:444px; width:500px;}
 #topmenu li ul#top2m3 { padding-top:14px; padding-left:395px; width:500px;}
 #topmenu li ul#top2m4 { padding-top:14px; padding-left:770px; width:100px;}
 #topmenu li ul#top2m5 { padding-top:14px; padding-left:786px; width:180px;}
 
 /*탑메뉴 noscript 일때*/
 #allmenu_noscript { position:absolute; left:0; top:0; margin:0; padding:1px 19px 0 19px; width:962px; height:143px; z-index:27;}
 #allmenu_noscript .bg { position:absolute; left:0; top:0; width:1000px; height:144px; background:url(/img/inc/top_menu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/all_menu_bg.png', sizingMethod='crop'); z-index:28; }
 #allmenu_noscript .gnb_noscript { position:relative; clear:both; margin:0px; padding:0; z-index:29; overflow:hidden;}
 #allmenu_noscript .gnb_noscript #logo	 {margin:0px; padding:1px 0 0 0;}
 
 #allmenu_noscript .all_menu { position:relative; clear:both; margin:15px 0 0 0; padding:0; width:970px; height:100px; overflow-y:scroll; z-index:30;}
 #allmenu_noscript .all_menu  div { position:relative; float:left; margin:0; padding:0; width:151px;}
 #allmenu_noscript .all_menu  ul { list-style:none; margin:0px; padding:0;}
 #allmenu_noscript .all_menu  ul h2 { margin:0; padding:0 0 10px 0px; font-size:0; line-height:0; background:none;}
 #allmenu_noscript .all_menu  ul li { margin:0; padding:0 0 2px 17px; line-height:1.35em; font-size:95%; background: url(/img/inc/all_menu_icon.gif) no-repeat 5px 5px; width:134px;}
 #allmenu_noscript .all_menu a { color:#666666;}
 /* 네비게이션 추가*/


/* 개인정보취급방침*/
.privacy {position:relative; padding:22px;}


/*테이블*/
.nomalTbl {border-top:2px solid #2ba8ff; margin-bottom:30px; text-align:center;}
.nomalTbl caption {visibility:hidden;}
.nomalTbl th {border-bottom:1px solid #bbceec; padding:5px 7px 5px 7px; line-height:15px; border-right:1px solid #bbceec; font-family:Dotum; background-color:#f1f9ff; font-weight:bold; color:#2ba8ff;}
.nomalTbl .tit {border-bottom:1px solid #bbceec; padding:5px 7px 5px 7px; line-height:15px; border-right:1px solid #bbceec; font-family:Dotum; background-color:#f1f9ff; font-weight:bold; color:#2ba8ff;}
.nomalTbl td {border-bottom:1px solid #d7d7d7; padding:5px 7px 5px 7px; line-height:15px; border-right:1px solid #d7d7d7; font-family:Dotum; letter-spacing:0; line-height:20px;}
.nomalTbl .gray {border-bottom:1px solid #d7d7d7; padding:5px 7px 5px 7px; line-height:15px; border-right:1px solid #d7d7d7; font-family:Dotum; letter-spacing:0; background-color:#f5f5f5;}
.nomalTbl .high {border-bottom:1px solid #bbceec; padding:5px 7px 5px 7px; line-height:15px; border-right:1px solid #d7d7d7; font-family:Dotum; letter-spacing:0; font-weight:bold; color:#007b7f;}
.nomalTbl .thno { font-weight:normal; }
.nomalTbl .thno_r_none { font-weight:normal; border-right:none; font-weight:bold;}
.nomalTbl .r_none {border-right:none;}
.nomalTbl .r_none_left {border-right:none; text-align:left; padding-left:120px;}
.nomalTbl .txtleft {text-align:left; padding-left:80px;}
.nomalTbl .r_none_gray {border-right:none; background-color:#f5f5f5;}
.nomalTbl .r_none_high {border-bottom:1px solid #bbceec; padding:5px; line-height:15px; border-right:1px solid #d7d7d7; font-family:Dotum; letter-spacing:0; font-weight:bold; color:#007b7f; border-right:none;}
.comment {font-size:11px; text-align:right;}