﻿/*기본정보*/
@import url("common.css");
@import url("layout.css");
@import url("table.css");

.in_put1{border:1px solid #d7d7d7;padding:2px 0 2px 5px;}
.txt_area{border:1px solid #d7d7d7;padding:10px;}

/*현위치표시*/
.location{width:746px;text-align:right;font-size:11px;color:#a9a9a9;margin-top:5px;}
.location li a.home{background:url('images/home.gif') no-repeat left top;width:15px;height:10px;display:inline-block;}
.location li a{font-size:11px;margin-top:2px;}
.location li span{font-size:11px;margin-top:2px;}

/*왼쪽메뉴LNB*/
.lnb{float:left;_display:inline;width:180px;}
.lnb p.tit{margin:0;}
.lnb div{background:url('images/mem_lnbbg.gif') no-repeat left top;padding-top:40px;border-bottom:2px solid #f8f8f6;}
.lnb ul li{padding:10px 0 10px 0;border-bottom:1px solid #e6e6e4;}
.lnb ul li img{margin-left:10px;}
.lnb ul li.depth2 {padding:10px 0 6px}

.bodytit {border-bottom:1px solid #ccc; padding-bottom:20px;}
.cont_a>.tit { padding:20px 0 10px 0;}
.bodytit+.cont_a { padding-bottom:50px;}
.bodytit+.cont_a.history_a {padding-bottom:0;}

/*회원페이지 컨텐츠*/
.company{float:right;_display:inline;width:740px;}
h2{background:url('images/arrow3.gif') no-repeat left 2px;overflow:hidden;zoom:1;padding:0 0 0 15px;margin-top:40px;}
.box1{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:2px solid #e1e1e1;}

.box2{margin:10px 0 0 0;overflow:hidden;zoom:1;}
.box2 li.left{float:left;_display:inline;}
.box2 li.right{float:right;_display:inline;}


.tab{background:url('images/com_tabbg.gif') repeat-x left bottom;height:29px;width:710px;}
.tab li{float:left;_display:inline;margin-right:1px;}
.tab li.right{float:right;_display:inline;}

.tab1{background:url('images/com_tabbg1.gif') repeat-x left bottom;height:28px;}
.tab1 li{float:left;_display:inline;margin-right:1px;}
.tab1 li.right{float:right;_display:inline;}


/*비핸즈안내1*/
.com_bg1{width:740px;background:url('images/company_bg1.jpg') no-repeat left top;overflow:hidden;zoom:1;height:995px;margin-top:40px;}
.com_bg2{width:740px;background:url('images/company_bg2.jpg') no-repeat left top;overflow:hidden;zoom:1;height:893px;margin-top:40px;}
.com_bg3{width:740px;background:url('images/company_bg3.jpg') no-repeat left top;overflow:hidden;zoom:1;height:725px;margin-top:40px;}
.com_bg4{width:740px;background:url('images/company_bg4.jpg') no-repeat left top;overflow:hidden;zoom:1;height:888px;margin-top:40px;}

.txt01{margin:25px 0 0 0;width:375px;color:#666666;}
.txt02{margin:430px 0 0 0;width:530px;color:#666666;}
.txt03{margin:15px 0 0 0;width:530px;color:#666666;}
.txt04{margin:15px 0 0 0;width:455px;color:#666666;}
.txt05{width:315px;color:#666666;}
.txt06{width:380px;color:#666666;}
.img01{margin:85px 0 0 400px;}

/*company*/
.com_ta{width:100%;border-collapse:collapse;}
.com_ta th{text-align:left;padding-bottom:25px;border-bottom:1px solid #e9e9e9;}
.com_ta td{text-align:left;padding:35px 0 25px 0;border-bottom:1px solid #e9e9e9;}
.mgt20{margin-top:20px}

/*비젼*/
.vision_a {background:url('/resources/images/company/bg_vision.jpg') no-repeat left top; height:816px; position:relative}
	.vision_a>p { opacity:0; filter: alpha(opacity=0);}
	.vision_a .img1 { position:absolute; left:0; top:106px; width:100%; text-align:center;}
	.vision_a .img2 { position:absolute; left:0; top:185px; width:100%; text-align:center;}
	.vision_a .img3 { position:absolute; left:0; top:364px; width:100%; text-align:center;}
	.vision_a .txt { position:absolute; left:0; height:0px; overflow:hidden; top:510px; font:15px/2 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif;width:100%; text-align:center;}

/*지속경영*/
.sustain_a .cont_b { margin-top:30px; height:1%; overflow:hidden;}
	.sustain_a .cont_b dt {width:368px; height:268px; border:1px solid #ebebeb; background-color:#f8f8f8; font:22px/1.2 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; color:#333; text-align:center; padding-top:100px; float:left;}
	.sustain_a .cont_b dt.on { background-color:#efefef;}
	.sustain_a .cont_b dt p { padding-top:20px;}
	.sustain_a .cont_b dd { float:left; width:350px; padding-left:20px;}
	.sustain_a .cont_b dd p.tit { font:16px/1.6 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; padding:10px 0; background:url('/resources/images/company/line_underblue.png') no-repeat left bottom; margin-top:10px; color:#000}
	.sustain_a .cont_b dd p.tit:first-child { margin-top:0;}
	.sustain_a .cont_b dd p.txt { font:13px/20px "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; margin-top:10px; color:#666;}
	.sustain_a .cont_b dl { clear:both;}
	
	.sustain_a .cont_b dl+dl dt { float:right;}
	.sustain_a .cont_b dl+dl dd { float:right; padding-left:0; padding-right:20px; text-align:right; }
	.sustain_a .cont_b dl+dl dd p.tit { background-position:99% bottom;}
	
/*히스토리*/
.history_a {background:url('/resources/images/company/line_history.gif') repeat-y 370px top; }
.history_a .tit { pajdding:10px 0; text-align:center; position:relative; font:16px/48px "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; height:48px; border-bottom:1px solid #ccc; background-color:#fff; color:#333;}
.history_a .tit.on { background-color:#f3f3f3;}
.history_a .tit .arrow { position:absolute; right:10px; top:22px;}
.history_a .btn .tit { cursor:pointer;}
.history_a .now .map { padding-bottom:80px; border-bottom:1px solid #ccc;}
.history_a .btn .map { padding:50px 0 80px;border-bottom:1px solid #ccc; display:none;}

/*사업현황-국내*/
.country_a .brand_a { border-left:1px solid #ebebeb; height:1%; overflow:hidden;}
	.country_a .brand_a dl { width:369px; position:relative; height:235px; float:left;}
	.country_a .brand_a dd .brand { font:16px/1.6 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; text-align:center; padding-top:25px;}
	.country_a .brand_a dd .txt { font:12px/1.6 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; text-align:center; padding-top:5px;}
	.country_a .brand_a dd .desc { line-height:18px; padding:20px 10px 0;}
	.country_a .brand_a .cover {width:368px; height:235px; border:1px solid #ebebeb; border-left:none; position:absolute; left:0; top:0; z-index:10;background:url('/resources/images/company/img_countrybox_off.png') no-repeat left bottom;}
	.country_a .brand_a .cover .bi {  position: absolute; width: 100%; bottom: 160px; text-align:center;}
	.country_a .brand_a .cover .brand {color:#666; position:absolute; bottom:100px; text-align:center; width:100%;}
	.country_a .brand_a .cover .txt {color:#666;  position:absolute; bottom:80px; text-align:center; width:100%;}
	.country_a .brand_a .cont { position:absolute; left:0; top:0; width:368px;height:235px; border:1px solid #ebebeb; border-left:none; color:#fff; z-index:5}
	.country_a .brand_a dl.num1 .cont { background-color:#4e8abe;}
	.country_a .brand_a dl.num2 .cont { background-color:#009ddc}
	.country_a .brand_a dl.num3 .cont { background-color:#133f6d}
	.country_a .brand_a dl.num4 .cont { background-color:#ff634d}
	.country_a .brand_a dl.num5 .cont { background-color:#de7c7c}
	.country_a .brand_a dl.none  dd{ background:url('/resources/images/company/ci_barunncompany_mini.png') no-repeat 50% 50%; width:368px; height:235px;background-color:#f1f1f1; }
	
/*사업현황-해외*/
.overseass_a .map { margin-top:30px;}
.countrylist dt { background:url('/resources/images/company/bul_map.png') no-repeat left top; font:16px/1.2 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; padding-left:20px; color:#333; margin-top:30px;}
.countrylist dt+dd { background-color:#f4f4f4; font:13px/1.8 "맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "NanumGothicWEB", "돋움", Dotum, "굴림", Gulim, sans-serif; padding:15px; border-radius:10px; margin-top:10px;}


/*제휴안내*/
.privacystatement_a { margin-top:30px; }						
	.privacystatement_a .cont_b { border:2px solid #e1e1e1; margin-top:10px; padding:10px;height:200px; overflow-y:scroll; overflow-x:hidden; word-break:break-all; word-wrap:break-word; line-height:1.4;}
	.privacystatement_a .cont_b .checkagreeC4 { width:auto;}
	.privacystatement_a .checktxt { margin-top:10px;}
		
	.policy_a * { font-family:"돋움", Dotum, "굴림", Gulim, sans-serif}
		.policy_a { line-height:1.4; }
		.policy_a h1 { font-size:12px; font-weight:bold; line-height:18px; color:#333; font-family:"굴림", Gulim,"돋움", Dotum, sans-serif}
		.policy_a>h1 { margin-top:0;}
		.policy_a h3 { margin-top:10px; color:#666; font-size:12px;font-family:"굴림", Gulim,"돋움", Dotum, sans-serif}
		.policy_a h1+h3 { margin-top:5px;}
		.policy_a pre h1+h3 { margin-top:-5px;}
		.policy_a h4 { margin-top:10px;}
		.policy_a h3+h4 { margin-top:2px}
		.policy_a p { line-height:1.6}
		.policy_a ol {list-style-position: outside; list-style-type:decimal; color:#666;margin-left:20px;#margin-left:25px;}
		.policy_a ul {list-style-position: outside; list-style-type:disc; color:#777;margin-left:15px;}
			.policy_a ol>li { padding-top:5px}
			.policy_a ol>li>ol {margin-left:20px; margin-top:2px; margin-bottom:10px;}
			.policy_a ol>li>ul {margin-top:2px; margin-bottom:10px;}
			.policy_a ol>li>ol>li { margin-left:0px; padding-top:2px;list-style-type:upper-alpha; }
		.policy_a table { width:100%;border-collapse: collapse; empty-cells:show; border-spacing: 0;}
			.policy_a table td { border:1px solid #999; padding:2px; background-color:#fff; font-size:11px;}
		.policy_a a { text-decoration:underline}
		/*취급방침 별도페이지*/
		.policy_a.big { line-height:1.6; padding:20px;border:1px solid #e2e2e2;border-top:2px solid #a0d3e8;}
		.policy_a.big h1 { font-size:13px; font-weight:bold; line-height:18px; color:#333; font-family:"굴림", Gulim,"돋움", Dotum, sans-serif}
		.policy_a.big h3 { margin-top:10px; color:#666; font-size:13px;font-family:"굴림", Gulim,"돋움", Dotum, sans-serif}
		.policy_a.big table td { font-size:12px;}