@charset "utf-8";
/* 공통 css입니다 */
/*****************************************************************************
* header
*****************************************************************************/
#quick_link {position:absolute; top:0; left:0; height:0;}
#quick_link a {font-size:0; color:#fff;}
#quick_link a:focus {position:absolute; top:0; left:0; font-size:12px; color:#555;}

#header {position:relative; width:100%; height:auto; border-bottom:1px solid #d7d7d7; z-index:100;}
#top {width:1000px; overflow:hidden; margin:0 auto;}
#top h2 {float:left; width:200px; text-align:center;}
#spot {position:absolute; top:3px; left:50%; margin-left:360px;}
#spot a {margin-left:6px; padding-right:10px; background:url("../images/ico/bar_01.gif") no-repeat right 60%;}
#spot a.none {background:none;}

/* 주메뉴 */
#gnb {float:right; width:800px; height:93px; text-align:right;}
#gnb li {display:inline-block; zoom:1; *display:inline; width:auto; margin:45px 43px 0 43px; color:#737373; font-size:17px; font-weight:bold; cursor:pointer;}
#gnb li.last {margin-right:20px;}

#gnb_sub {position:absolute; top:93px; left:0px; display:none; width:100%; overflow:hidden; border-top:1px solid #dbdbdb; background:url("/eng/images/comn/bg_gnb.png") repeat-x left bottom;}
#gnb_sub div {width:720px; overflow:hidden; margin:0 auto 10px auto; padding:10px 0 10px 230px; background:url("/eng/images/comn/bg_sub.png") no-repeat left 50%;}
#gnb_sub div ul {float:left; width:130px; margin-top:5px; line-height:20px;}
#gnb_sub div ul li {padding-left:8px; margin-bottom:8px; background:url("../images/ico/ico_bul1.gif") no-repeat 0 7px;}
#gnb_sub div ul li a {padding:0; text-align:left; font-size:13px; line-height:13px; font-weight:normal; color:#a2a2a2; letter-spacing:-0.5px;}
#gnb_sub div ul li a:hover {color:#11457f;}
#gnb_sub div ul.gnb_list01 {margin-left:4px;}
#gnb_sub div ul.gnb_list02 {margin-left:40px;}
#gnb_sub div ul.gnb_list03 {width:142px; margin-left:35px;}
#gnb_sub div ul.gnb_list04 {width:150px; margin-left:45px;}


/*****************************************************************************
* container
*****************************************************************************/
#container {position:relative; width:1000px; height:auto; overflow:hidden; margin:0 auto; z-index:0;}

/* 서브메뉴 */
#lnb_wrap {float:left; width:185px; height:auto; margin:40px 0; background:url("/eng/images/comn/bg_lnb_top.gif") no-repeat left top; z-index:1;}
#lnb {padding-bottom:50px;}
#lnb div {width:185px; height:auto; overflow:hidden; padding-bottom:25px; line-height:23px; text-align:left; letter-spacing:-1px; font-size:26px; font-weight:bold; color:#000; background:url('/eng/images/comn/bg_lnb_bottom.gif') repeat-x bottom;}
#lnb ul li a {display:inline-block; width:170px; padding:10px 0 10px 15px; font-size:15px; border-bottom:1px solid #eee; background:url("/eng/images/ico/ico_arr_02.gif") no-repeat 5px 16px;}
#lnb ul li a:hover, #lnb ul li a:fucus {font-weight:bold; color:#135a9c; border-color:#135a9c;}

#lnb li div.lnb_in {width:170px; height:auto; margin-left:7px; padding:5px 0; border-bottom:1px solid #eaeaea; background-color:#fdfeff;}
#lnb li div.lnb_in.bottom {border:none; background:url("../images/comn/bg_lnb_3depth_bottom.gif") no-repeat left bottom;}
#lnb li div.lnb_in a {display:block; width:140px; height:20px; padding-left:15px; line-height:20px; text-align:left; font-size:11px; font-weight:normal; background:url("/eng/images/ico/ico_arr_01.gif") no-repeat 7px 60%;}

.lnb_banr a {display:block; width:105px; height:45px; margin-top:5px; padding:0 20px 2px 55px;}
.lnb_banr a.banr_01 {background:url("/eng/images/comn/bg_banr_01.gif") no-repeat left bottom;}
.lnb_banr a.banr_02 {background:url("/eng/images/comn/bg_banr_02.gif") no-repeat left bottom;}
.lnb_banr a.banr_03 {background:url("/eng/images/comn/bg_banr_03.gif") no-repeat left bottom;}
.lnb_banr a dl {display:table; height:45px;}
.lnb_banr a dt {display:table-cell; font-size:14px; vertical-align:middle;}

/*****************************************************************************
* 본문
*****************************************************************************/
#contents_wrap {position:relative; float:right; width:780px; height:auto;}

/* 페이지 타이틀 */
.page_title {height:90px; padding-top:60px; background:url("/eng/images/cont/bg_title.gif") no-repeat right 10px;}
.page_title p, .page_title p a {font-size:12px; color:#999; margin-bottom:8px; padding-top:10px;}
.page_title h2 {letter-spacing:-1px; font-size:30px; font-weight:bold; color:#135a9c;}


/* 기본설정 */
#contents {position:relative; float:left; width:760px; overflow:hidden; min-height:500px; padding-top:20px; line-height:150%; font-family:malgun gothic;}
#contents h3 {display:inline-block; width:100%; padding-left:20px; font-size:15px; font-weight:bold; background:url("/eng/images/ico/ico_h3.gif") no-repeat left 4px;}

/* 탭 */
.tap {width:100%; height:25px; margin-bottom:30px;}
.tap ul {float:left; width:100%; margin-left:2px;}
.tap ul li {float:left; width:375px; margin:0 0 2px 2px; text-align:center; border:1px solid #999;}
.tap ul li a {display:inline-block; width:100%; padding:6px 0; font-weight:bold;  font-size:13px; background:#fff;}
.tap ul li a.on {color:#fff; background:#777;}

/* 인사말 */
.greeting {padding-bottom:70px; line-height:18px; overflow:hidden; background:url("/eng/images/cont/bg_greeting.jpg") no-repeat right bottom;}
.greeting span {font-weight:bold; color:#135a9c;}
.greeting .ceo_img {position:relative; float:left; margin-right:30px;}
.greeting .ceo_img p {position:absolute; bottom:0; left:16px; font-size:14px; text-align:center; line-height:22px; font-weight:bold;}
.greeting .ceo_img p strong {font-size:18px; font-weight:normal; font-family:"궁서"; vertical-align:middle;}
.greeting .ceo_txt {float:left; width:500px;}
.greeting .ceo_txt p {margin-bottom:10px; font-size:14px; line-height:20px;}

/* 회사연혁 */
.history {float:left; height:auto; width:100%; }
.history dl {width:100%; height:auto; overflow:hidden; padding:20px 0; border-bottom:1px dashed #b8b8b8;}
.history dt {float:left; width:15%; text-align:left; font-size:20px; text-indent:35px; font-weight:bold; color:#869bae; background:url("/eng/images/cont/bg_history.gif") no-repeat left 7px;}
.history dd {float:right; width:80%; height:auto;}

/* 계산 */
.calculate {position:absolute; top:60px; right:0;}
.calculate table {width:320px; margin-top:10px; border-top:2px solid #869bae; border-left:1px solid #d7d7d7;}
.calculate table th {padding:8px; font-weight:bold; color:#fff; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#869bae;}
.calculate table td {padding:8px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.calculate table td input {width:98%;}

/*****************************************************************************
* footer
*****************************************************************************/
#footer_wrap {float:left; width:100%; height:auto; margin-top:40px; padding:15px 0 20px 0; background-color:#ececec; border-top:1px solid #dbdbdb;}
#footer {width:1000px; margin:0 auto;}
#footer p {float:left; height:100%; margin:15px 44px 0 40px;}
#footer div.footer_link {margin-bottom:5px;}
#footer div.footer_link span {float:right;}
#footer div.footer_link a {margin-left:6px; padding-right:10px; background:url("/eng/images/ico/bar_01.gif") no-repeat right 60%;}
#footer div.footer_link a.none {background:none;}
address {float:left; margin:5px 0 20px 6px; color:#999; font-size:12px; line-height:18px;}