@import url("common.css");

/* 퀵메뉴 */
.left-wrap{position:relative;}
.left-pos{position:absolute; width:89px; right:50%; margin-right:-600px; top:50px; z-index:999; }
.left-pos ul{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; padding-bottom:3px}
.left-pos ul:after{display:block; position:absolute;  content:""; left:-1px; z-index:10; bottom:0px; width:87px; height:3px; background-color:#f0f0f0; border-top:1px solid #ddd; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
.left-pos li.r_quick01{background:url('/img/r_quick_bn01.gif') center 12px no-repeat;}
.left-pos li.r_quick02{background:url('/img/r_quick_bn02.gif') center 14px no-repeat;}
.left-pos li.r_quick03{background:url('/img/r_quick_bn03.gif') center 14px no-repeat;}
.left-pos li a:link, .left-pos li a:visited{display:block; border-bottom:1px dotted #ddd; text-align:center; font-size:12px; letter-spacing:-0.7pt; padding:45px 0 10px 0; font-weight:600}
.left-pos li a:hover{text-decoration:none}
.left-pos p.top{text-align:center}



#menu_sub{width:100%; height:37px; border-bottom:1px solid #ddd; background-color:#f9f9f9}
#contents{clear:both; position:relative; margin:0 auto; width:980px; overflow:hidden;}

.lnb {float:left; width:200px; padding:0 0 80px 0; }
	.lnb h2 {padding:45px 0 20px 15px; color:#333; font-weight:600; line-height:36px; font-size:24px; letter-spacing:-1.5pt; border-bottom:1px solid #ddd;}
	.lnb ul{position:relative; overflow:hidden;}
	
	.lnb li a:link, .lnb li a:visited{font-weight:600; color:#555; display:block; height:30px; border-bottom:1px solid #ddd; text-indent:15px; padding-top:9px; letter-spacing:-0.5pt;}
	.lnb li a:hover{display:block; color:#fff; font-weight:700; text-decoration: none; background:#1b60a1 url('../../img/left_up.gif') 180px 14px no-repeat;}
	.left_linktop{display:block; color:#fff !important; font-weight:700 !important; text-decoration: none; background:#1b60a1 url('../../img/left_up.gif') 180px 14px no-repeat !important;}
	
	/*depth_3*/
	.lnb ol.depth_3{border-bottom:1px solid #ddd; padding:11px 0 10px 20px; background-color:#f9f9f9}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:3px 0; line-height:16px;}
		.depth_3 dd a:hover{display:block; color:#1b60a1; text-decoration:none}
		.depth_linktop{color:#1b60a1 !important; font-weight:bold !important; }
		.depth_linktop:hover{text-decoration:none}

		.sub_cs{position:relative; overflow:hidden; padding:18px 0 22px 15px; border:1px solid #ddd; background-color:#f9f9f9; margin-top:30px;}
			.sub_cs h3{font-size:14px; font-weight:600; color:#333; padding:0 0 15px 0; letter-spacing:-0.7pt}
			.sub_cs p.email{padding:10px 0 0 0; font-size:12px;}

.contentArea{float:left; width:740px; overflow:hidden; margin-left:40px; background:url("../../img/sub_top.gif") right 0 no-repeat;}
.contentArea .tit_area{width:100%; padding:40px 0 0 0; overflow:hidden;}
	.contentArea p.location {font-size:12px; color:#777; padding-bottom:12px}
	.contentArea p.location a:link, .tit_area p.location a:visited{ font-size:12px; color:#777; }
	.contentArea p.location a:hover{ font-size:12px; color:#222;}
	.contentArea p.location img{vertical-align:middle; margin-bottom:2px;}
	.contentArea h3 {color:#333; font-weight:600; font-size:37px; letter-spacing:-3pt; line-height:36px;}	

.contents_in {position:relative; clear:both; margin:40px 0 100px 0; width:740px; *zoom:1; overflow:hidden;}



/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{font-size:29px; color:#1b60a1; letter-spacing:-1pt; font-weight:700; line-height:34px;}
.point_txt03{font-size:29px; color:#2c84d6; letter-spacing:-1pt; font-weight:700; line-height:34px;}

.tpad_15{padding-top:15px}
.bpad_10{padding-bottom:10px}
.bpad_15{padding-bottom:15px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_35{padding-bottom:35px}
.bpad_40{padding-bottom:40px}

.rmar_22{margin-right:22px}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:8px 0 8px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; background-color:#f9f9f9}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0 8px 0; text-align:center;}
.table_style td.left{padding:8px 0 8px 10px; text-align:left}
.table_style td.tit{color:#333; font-weight:bold; padding:8px 0 8px 0; text-align:center}

	/* 준비중페이지 */
	.ready_con{position:relative; overflow:hidden; background:url('/img/ready.gif') 530px 25px no-repeat; border:4px solid #f5f5f5}
	.ready_con h4{color:#333; font-size:25px; font-weight:100; letter-spacing:-1pt; line-height:32px; padding:45px 0 15px 60px;}
	.ready_con p.txt{font-size:13px line-height:20px; color:#777; padding:0 0 50px 60px; letter-spacing:-0.5pt;}

.tab_con{position:relative; overflow:hidden; padding-bottom:20px;}
.tab_con ul{position:relative; overflow:hidden;}
.tab_con li{float:left; margin-right:3px;}
.tab_con li a:link, .tab_con li a:visited{display:block; color:#777; width:140px; border:1px solid #ddd; padding:8px 0; text-align:center; font-size:16px; font-weight:600; letter-spacing:-1pt;}
.tab_con li a:hover{color:#000; text-decoration:none}
	.tab_up{background-color:#2c84d6 !important; color:#fff !important; border:1px solid #2c84d6 !important;}

.cont_tit{font-size:20px; letter-spacing:-1pt; color:#333; font-weight:700;}

.contents_in h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px;}



/******** 회사소개 ********/
	
	/* 인사말 */
	.greeting_con{width:740px; position:relative; overflow:hidden; background:url('/about/img/greeting_img.jpg') right 70px no-repeat;}
	.greeting_con h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px; padding-bottom:20px;}
	.greeting_con h5{font-size:15px; letter-spacing:-0.7pt; font-weight:600; line-height:21px;}
	.greeting_txt{padding:10px 0 25px 0 ;}
	.greeting_ceo{font-size:15px; letter-spacing:-0.7pt;}
	.greeting_ceo span.ceo_name{font-size:20px; font-weight:700; color:#333;}

	/* 연혁 */
	.history_con{width:740px; position:relative; overflow:hidden;}
	.history_con h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px; padding-bottom:25px;}
	.history_in{position:relative;; border:2px solid #eee; height:134px; background:url('/about/img/history_img.jpg') 470px bottom no-repeat; padding:17px; margin-bottom:30px}
		.history_in h5{font-size:20px; font-weight:700; color:#333;}
		.history_in dl{position:relative; overflow:hidden; padding:8px 0 0 2px;}
		.history_in dt{float:left; font-weight:700; color:#333; letter-spacing:-0.7pt; line-height:24px; padding-right:15px}
		.history_in dd{float:left; line-height:24px}
	
	.history_in2{position:relative; overflow:hidden; background:url('/about/img/his_line.gif') 10px 0 repeat-y;}
	.history_in2 dl{position:relative; overflow:hidden; padding-bottom:25px; clear:both}
	.history_in2 dl.last{padding-bottom:0}
	.history_in2 h5{float:left; width:95px; background:url('/about/img/his_dot.gif') 0 0 no-repeat; padding:0 0 2px 30px; font-size:20px; font-weight:700; color:#333; line-height:22px;}
	.history_in2 dt{float:left; width:55px; font-size:14px; font-weight:600; color:#2c84d6; line-height:28px; margin-top:-3px;}
	.history_in2 dd{float:left; width:560px; line-height:28px; margin-top:-3px;}

	/* 주요사업 */
	.business_con{width:740px; position:relative; overflow:hidden;}
	.business_con h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px; padding-bottom:30px;}
	.business_con h5{font-size:20px; font-weight:700; color:#333; letter-spacing:-0.7pt; padding-bottom:14px;}
	.business_con h6{clear:both; font-size:16px; font-weight:700; color:#2c84d6; letter-spacing:-0.7pt; padding-bottom:10px;}
	.busi_dot li{background:url('/about/img/dot2.gif') 0 8px no-repeat; padding:0 0 4px 12px}
	.busi_img01{background:url('/about/img/business_img01.gif') 450px 10px no-repeat;}

	.busi_in01{clear:both; position:relative; overflow:hidden; background:url('/about/img/business_arrow.gif') center 75px no-repeat; margin:20px 0 25px 0;}
	.busi_in01 dl{float:left; position:relative; overflow:hidden; width:351px; height:190px; border:2px solid #eee}
	.busi_in01 dl.two{float:right; background-color:#f9f9f9}
	.busi_in01 dt{padding:17px 17px 5px 17px; font-size:15px; font-weight:700; color:#1b60a1; letter-spacing:-0.7pt;}
	.busi_in01 dd{background:url('/about/img/dot2.gif') 17px 8px no-repeat; padding:0 0 4px 29px}

	/* 조직도 */
	.organ_con{width:740px; position:relative; overflow:hidden;}
	.organ_con h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px; padding-bottom:35px;}

	/* 오시는 길 */
	.location_con{width:740px; position:relative; overflow:hidden;}
	.location_con h4{font-size:29px; letter-spacing:-1pt; font-weight:100; line-height:33px; padding-bottom:15px;}
	.location_con h5{font-size:15px; letter-spacing:-0.7pt; font-weight:600; line-height:21px; padding-bottom:25px;}

	.map{border:1px solid #ddd; height:360px;}
	.locationTxt{position:relative; overflow:hidden; margin-top:35px;}
	.locationTxt dl{position:relative; overflow:hidden;}
	.locationTxt dt{float:left; width:85px; font-weight:700; color:#333; line-height:25px;}
	.locationTxt dd{float:left; line-height:25px;}

	.locationBtn{position:absolute; top:0px; right:0}
	.locationBtn img{margin-left:2px;}


/******** 회원사소개 ********/
.join_info_con{position:relative; overflow:hidden;}
	.join_info_con h4{padding-bottom:25px;}
	.join_info_con h5{font-size:20px; font-weight:700; color:#333; letter-spacing:-0.7pt; padding-bottom:8px;}
	.join_info_con h5 span.stit{font-size:15px; font-weight:100;}
	.join_info_con h5 img{vertical-align:top; margin:3px 0 0 10px }
	.join_info_con h6{font-size:16px; font-weight:700; color:#2c84d6; letter-spacing:-0.7pt; padding-bottom:10px;}
	.info_dot{position:relative; overflow:hidden; border:1px solid #ddd; background-color:#f9f9f9; padding:20px 20px 16px 20px;}
	.info_dot li{background:url('/about/img/dot2.gif') 0 8px no-repeat; padding:0 0 4px 12px}
	.info_dot li.none{background:none; padding:0 0 9px 0}
	
	.info_dot2{position:relative; overflow:hidden; padding-top:5px}
	.info_dot2 li{background:url('/about/img/dot2.gif') 0 8px no-repeat; padding:0 0 4px 12px}
	.info_dot2 li.blue{color:#1b60a1; font-weight:700}
	
	.mem_in{position:relative; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; background-color:#f9f9f9; padding:20px 20px 16px 20px;}
	.mem_in li{float:left; width:50%;}

	.info_btn{text-align:center; padding:20px 0 35px 0}


/******** 제품소개 ********/

.product_con{position:relative; overflow:hidden;}
	.product_con h4{padding-bottom:20px;}
	.product_con h5{font-size:20px; font-weight:700; color:#333; letter-spacing:-0.7pt; padding-bottom:8px;}
	.product_con h5.bpad{padding-bottom:20px}
	.product_con h6{font-size:16px; font-weight:700; color:#2c84d6; letter-spacing:-0.7pt; padding-bottom:10px;}
	.busi_dot li{background:url('/about/img/dot2.gif') 0 8px no-repeat; padding:0 0 4px 12px}

	.pro_btn{text-align:center; padding:20px 0 0 0}

/******** 이용안내 ********/
.sitemap_con{position:relative; overflow:hidden;}

.sitemapIn1{position:relative; overflow:hidden;}

.sitemap_con dl{float:left; position:relative; overflow:hidden; width:168px;}
.sitemap_con dt{margin-top:40px; background-color:#f9f9f9; margin-bottom:10px; padding:10px 0 10px 15px; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-weight:600; letter-spacing:-1pt; font-size:16px;}
.sitemap_con dd{padding:2px 0 2px 15px;}
.sitemap_con dd a:link, .sitemap_con dd a:visited{color:#555; font-weight:500}

	/* 이용약관, 개인정보취급방침 */
	.cont_tit {display:block; font-size:1.2em !important; padding-bottom:8px; font-weight:700 !important; color:#333 !important;}
	.cont_tit2{display:block; font-size:20px !important; padding:8px 0 10px 0; font-weight:700 !important; color:#1b60a1 !important;}
	.cont_txt {padding:0px 0px 35px 20px;}
	.cont_txt2 {padding-bottom:30px;}
	.cont_txt3 {position:absolute; overflow:hidden; top:170px; right:0; padding-bottom:10px;}
	.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }
	.cont_box2{border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 5px 0px; display:block; }

	.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
	.privacy_list li {width:49%; float:left; padding-bottom:1%;}
	.privacy_list li a {font-weight:bold;}

	.article_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
	.article_list li {width:33%; float:left; padding-bottom:1%;}
	.article_list li a {font-weight:bold;}