﻿/*
Author : 김진태, 방정현
Contact Us : 
Version : 1.0
*/

/* 공통요소 css 파일 */
@import url('/common/res/grobal.css');
@import url('/common/res/layout.css');
@import url('/common/res/style.css');
@import url('/common/res/typo.css');


/* sub01 스타일 정의 */
body {background:url('/ksa/res/bg_sub01_body.gif') repeat-x left top #fff;}

#logoLogin {background:url('/common/img/bg_login_area.gif') repeat-x left bottom #fff;}

ul.gnbLink {float:right; margin:17px 0 0 0;}
ul.gnbLink li {
	float:left;
	padding:0 6px;
	background:url('/common/img/bg_gnblink_bar.gif') no-repeat right 50%;
	}
	ul.gnbLink li.last {background:none;}
	ul.gnbLink li.btn {background:none; padding:0;}

ul.langLink {overflow:hidden; width:160px; margin:12px 0 0 0;}
ul.langLink li {
	float:left;
	padding:0 6px 0 0;
	background:url('/common/img/bg_gnblink_bar.gif') no-repeat right 50%;
	}
	ul.langLink li.last {padding:0 0 0 6px; background:none;}



/* 서비스펼쳐보기 */
.sub01svc {background:url('/ksa/res/bg_service_viewarea1.gif') repeat-x left bottom;}

/* Footer */
ul.footerLink {margin:17px 0 11px 16px;}
ul.footerLink li {
	display:inline; 
	padding:0 5px 0 8px; 
	margin:0;
	background:url('/common/img/bg_footerlink_bar.gif') no-repeat left 2px;
	}
	ul.footerLink li.first {background:none; padding-left:0;}

#footer {padding:0 0 0 20px;}
.copyRight {
	overflow:hidden;
	height:80px;
	background:#EBEBEB;
	}
.copyRightArea {overflow:hidden; width:847px;}
.copyRightArea address {float:left; padding:16px 0 0 16px;}
.copyRightArea select {float:right; margin:16px 15px 0 0;}


/*** 컨텐츠 스타일 정의 시작 */
/* 비쥬얼 요소 */
h3.titMain1 {
	margin:0 0 0 0;
	padding:0 0 0 22px;
	background:url('/common/img/bg_title_main1.gif') no-repeat left 50%;
	}
h3.titMain2 {
	margin:0 0 0 0;
	padding:0 0 0 22px;
	background:url('/common/img/bg_title_main2.gif') no-repeat left 50%;
	}

.ksaBranchInfo {
	width:160px;
	height:122px;
	margin-top:10px;
	background:url('/common/img/bg_ksa_branch_link.gif') no-repeat left top;
	}
	.ksaBranchInfo ul {padding-top:62px;}
.ksaBranchInfo1 {
	width:160px;
	height:90px;
	margin-top:0px;
	background:url('/common/img/bg_ksa_branch_link1.gif') no-repeat left top;
	}
	.ksaBranchInfo1 ul {padding-top:2px;}

/* 서비스 펼쳐보기 레이어 */
#svcLayer1 {	
	width:839px;
	margin:0 0 0 20px;
	background:url('/common/img/bg_svclayer.gif') repeat-x left top;
	}
.svcLayerSub01 {overflow:hidden; border:4px solid #5F86BA;} /* 서비스 펼쳐보기 레이어 서브1타입 */
	.svcLayerSub01 div {float:left; padding:10px 0 0 20px;}
	.svcLayerSub01 ul {margin-top:10px; padding:0 0 0 5px;}

/* 타이틀 헤더 타입 */
h4.arrow1 {
	padding:0 0 0 17px;
	font-size:11px;
	color:#000;
	background:url('/common/img/icon_h4_arrow1.gif') no-repeat left 2px;
	}

/* 도트블릿 리스트 */
ul.dotList1 li {
	padding:0 0 0 6px;
	background:url('/common/img/bul_dot1.gif') no-repeat left 7px;
	}

/* 폰트 타입 */
.txt9 {font-size:9px;}
.txt11 {font-size:11px;}

/* 공통요소 */
.titleArea3 {
	width:160px;
	padding-bottom:2px;
	text-align:right;
	border-bottom:1px solid #7DC4C1;
	}
	.titleArea3 img.moreBtn {margin-top:2px;}

.titleArea4 {
	width:210px;
	padding-bottom:5px;
	text-align:right;
	}
	.titleArea4 img.moreBtn {margin-top:2px;}


.titleArea5 {
	width:437px;
	height:25px;
	padding-bottom:5px;
	text-align:right;
	background:#DADDE8;
	}
	.titleArea5 img.moreBtn {margin:10px 11px 0 0;}
	.titleArea5 h3 {padding:6px 0 0 11px;}

.titleArea6 {
	width:210px;
	padding-bottom:5px;
	text-align:right;
	}
	.titleArea6 img.moreBtn {margin:2px 11px 0 0;}

.titleArea7 {
	width:188px;
	padding-bottom:5px;
	text-align:right;
	}
	.titleArea7 img.moreBtn {margin:2px 0 0 0;}

.tabArea1 {
	width:410px;
	text-align:right;
	border-bottom:1px solid #DCDCDC;
	}
	.tabArea1 img.moreBtn {margin-top:2px;}

.tabArea2 {
	width:437px;
	text-align:right;
	}
	.tabArea1 img.moreBtn {margin-top:2px;}

.tabContent {overflow:hidden; width:437px;}

ul.dotList2 {margin-top:6px;}
ul.dotList2 li {
	margin-left:2px;
	padding:0 0 0 8px;
	text-align:right;
	line-height:1.70em;
	background:url('/common/img/bul_dot1.gif') no-repeat left 50%;
	}
	ul.dotList2 .subject {float:left;}

ul.quardList1 li {
	margin-left:2px;
	padding:0 0 0 14px;
	text-align:right;
	line-height:1.70em;
	background:url('/common/img/bul_quard1.gif') no-repeat left 4px;
	}
	ul.quardList1 .subject {float:left;}
	ul.quardList1 img {float:left; margin:3px 0 0 3px;}

ul.dotList4 li {
	clear:both;
	margin-left:2px;
	padding:0 0 0 6px;
	text-align:right;
	line-height:1.70em;
	background:url('/common/img/bul_dot2.gif') no-repeat left 50%;
	}
	ul.dotList4 .subject {float:left;}
	ul.dotList4 img {float:left; margin:3px 0 0 3px;}

.ceoInfoBox {
	overflow:hidden;
	width:198px;
	padding:5px;
	border:1px solid #D6D6D6;
	}
	.ceoInfoBox p {
		padding:2px 0 0 10px;
		line-height:100%:
		}

.movieBox {
	padding:8px;
	border:3px solid #EBEBEB;
	}

/* 메인 로그인 영역 */
input.type_text_login {
	width:109px;
	height:16px;
	border:1px solid #FDCE86;
	}

input.type_password_login {
	width:109px;
	height:16px;
	border:1px solid #FDCE86;
	}

.mainLogin {
	float:left;
	width:173px;
	height:92px;
	color:#fff;
	}/* 로그인 영역 */

.mainSearch {
	float:left;
	width:365px;
	padding:20px 0 0 86px;
	background:url('/common/img/bg_searcharea1.gif') no-repeat 19px 20px;
	}/* 메인검색 영역 */
	select.type_select_main1 {
		width:125px;
		height:19px; margin:0;  vertical-align:middle;
		}
	select.type_select_main2 {
		width:153px;
		height:19px; margin:0;  vertical-align:middle;
		}
	input.type_text_search {
	width:280px;
	height:16px;
	margin-top:2px;
	border:1px solid #D3D3D3;
	}
	input.submitSearch {float:right; margin-right:18px;}

.mainBanner {
	float:right;
	width:223px;
	height:92px;
	text-align:right;
	}/* 메인배너 */
	.mainBanner img {vertical-align:top;}
	.mainBanner img.imgover {margin-top:3px;}
	* html .mainBanner img.imgover {margin-top:5px;}
	.mainBanner img.imgsel {margin-top:3px;}
	* html .mainBanner img.imgsel {margin-top:5px;}

	.bannerCtrlBtn {padding-top:3px;}
	* html .bannerCtrlBtn {padding-top:5px;}

.baannerFashArea {padding-top:23px;}
/* 컨텐츠 스타일 정의 끝 ***/