@charset "utf-8";
/* CSS Document */


	/* ----------------------------------------------------
  	탭메뉴
	------------------------------------------------------- */ 
	/* tab_company -----------------------------------------*/
	
	#tab_company {
    	font-family: 'Noto Sans KR', sans-serif;
    	padding: 0;
 }

div#tab_company {}
	/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
	#tab_company input:nth-of-type(1), 
	#tab_company input:nth-of-type(1) ~ div:nth-of-type(1), 
	#tab_company input:nth-of-type(2), 
	#tab_company input:nth-of-type(2) ~ div:nth-of-type(2), 
	#tab_company input:nth-of-type(3), 
	#tab_company input:nth-of-type(3) ~ div:nth-of-type(3),
	#tab_company input:nth-of-type(4), 
	#tab_company input:nth-of-type(4) ~ div:nth-of-type(4), 
	#tab_company input:nth-of-type(5), 
	#tab_company input:nth-of-type(5) ~ div:nth-of-type(5), 
	#tab_company input:nth-of-type(6), 
	#tab_company input:nth-of-type(6) ~ div:nth-of-type(6) {
 		display:none
	}
	#tab_company input:nth-of-type(1):checked ~ div:nth-of-type(1), 
	#tab_company input:nth-of-type(2):checked ~ div:nth-of-type(2), 
	#tab_company input:nth-of-type(3):checked ~ div:nth-of-type(3),
	#tab_company input:nth-of-type(4):checked ~ div:nth-of-type(4), 
	#tab_company input:nth-of-type(5):checked ~ div:nth-of-type(5), 
	#tab_company input:nth-of-type(6):checked ~ div:nth-of-type(6) {
  	    display:block
	}
	
	
	/* 라벨 기본 스타일 지정 */
	#tab_company > label {
   	    display:inline-block;
   	    font-size: 20px;
   	    padding: 7px 40px 35px;
   	    margin: 0px -2px;
   	    text-align:center;
   	    width: 300px;
   	    font-weight: 400;
   	    color:#777;
   	    font-family: "Noto Sans CJK KR" , sans-serif;
 }
	#tab_company > label:hover {
        cursor:pointer
	}
	/* #css_tabs label[for=tab1] {
        margin-left:1.5em
	}*/
	/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
    #tab_company input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover, 
	#tab_company input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover, 
	#tab_company input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover, 
	#tab_company input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover,  
	#tab_company input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover, 
	#tab_company input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover {
         background: url(../images/bul_tab.png)center 55px no-repeat; color:#000;
    }
		
	
	 /* 탭배경 */
   .tab_bg{background: url(../images/bg_tab00.png) left 190px repeat-x;text-align: center;background-color:#fff;padding-top: 200px;}
    /* 실제 내용이 담긴 div 요소 스타일 지정 */
	#tab_company .tab_content {
  	    /*padding:20px 5px 0;*/
        height:100%;
		line-height:130%
	}
	.tit_tab {
	letter-spacing: -1px;
	font-family: "Noto Sans CJK KR" , sans-serif;
	margin-top: 150px;
	}
	.tit_tab > h3{font-size:36px;font-weight: 800;color:#000;margin:0;}
	.tit_tab > span{font-size: 21px;display:block;font-weight: 700;color: #777;}
	.phil_bg01{background: url(../images/phil_bg01.png) center top 100px  no-repeat;padding: 0 0 350px 0;}
	.bg_pers{background: url(../images/bg_pers.png) center top no-repeat;padding:0;width:100%;height: 390px;margin: 150px 0 0;}
	.bg_pers2{background: url(../images/bg_pers2.jpg) center top no-repeat;padding:0;width:100%;height: 281px;margin: 0;}
    .phil_bg02{background: url(../images/phil_bg02.jpg) center top -10px no-repeat;}
	#tab_company .tab_content .co_summ{text-align:center;line-height:150%;margin:0 auto 30px;width: auto;overflow: hidden;padding:0;}
	#tab_company .tab_content .co_summ p{font-weight: bold;font-size: 26px;background: url(../images/bg_line03.jpg) center 21px no-repeat;padding: 0 0 0 15px;color: #000;letter-spacing: -1px;margin: 0px 0 30px;}
	#tab_company .tab_content .co_summ > span{
	    font-family:  "Noto Sans CJK KR" , sans-serif;
	    font-size: 18px;
	    line-height: 170%;
	    font-weight: 400;
	    word-break: break-all;
	    display: block;
	    color:#fff;
	}
	#tab_company .tab_content .co_summ 
	#tab_company .tab_content .co_summ .sub_tit{
		display: block;
		word-break:keep-all;
		color: #fff;
		font-family: "Noto Sans CJK KR" , sans-serif;
		font-size: 19px;
		padding:  5px 15px;
		letter-spacing: -1px;
		margin: 0 0 10PX;
		text-align: center;
		line-height: 160%;
		}
	.big{/* font-size: 24px !important; */font-weight: 600 !important;margin: 30px 0 20px;}
	#tab_company .tab_content .co_summ strong{
		display: block;
		word-break:keep-all;
		color: #fff;
		font-family: "Noto Sans CJK KR" , sans-serif;
		font-size: 22px;
		padding: 20px 0 7px;
		letter-spacing: -1px;
		font-weight: 600;
		/* text-align:  left; */
		}	
	#tab_company .tab_content .co_summ .co_pil span{
		background: url(../images/bul01.png) left 78px top no-repeat;
		line-height: 130%;
		font-size: 16px;
		color: #333;
		font-weight: 500;
		}

	
	/*20170316수정*/
	#tab_company .tab_content .co_summ h2{
	/*color: #ea5708;*/
	color: #fff;
	word-break: keep-all;
	font-weight: 800;
	font-family: "Noto Sans CJK KR" , sans-serif;
	font-size: 42px;
	margin: 70px 0 0;
	letter-spacing: -1px;
	}
	#tab_company .tab_content .co_summ .co_img01{float:left; margin:50px 20px -75px 0;}	
	#tab_company .tab_content .co_summ .co_img02{float:left; margin:0 20px 0 0;}
	#tab_company .tab_content .co_summ .co_img03{position:relative;width: 100%;margin:0 auto;overflow:hidden;}	
	#tab_company .tab_content .co_summ .co_img03 > ul{position:relative;max-width: 1080px;margin:50px auto 80px;overflow:hidden;}
	#tab_company .tab_content .co_summ .co_img03 > ul > li{/* width:16.666%; */float:left;padding:10px 0;min-height:72px;}
	#tab_company .tab_content .co_summ .co_img03 > ul > li img{max-width:100%;width: auto;}		
	#tab_company .tab_content .co_summ .co_img03 > ul > li{width: 140px;float:left;padding: 0 0 0 0;min-height: 80px;text-align: left;margin: 0 95px 0 0;}
	#tab_company .tab_content .co_summ .co_img03 > ul > li:nth-child(5n){margin:0;}
	#tab_company .tab_content .co_summ .co_img04{height:auto;padding: 100px 0 0;margin:0 auto;background: url(../images/bg_line02.gif) center bottom 32px repeat-x;}
	#tab_company .tab_content .co_summ .co_img04>img{background:#fff;padding:0 50px;margin: 0 auto;}
	#tab_company .tab_content .co_summ .co_img05{padding:10px 0 30px; }	
	#tab_company .tab_content .co_summ .co_img05 img{text-align:center; margin:0 auto;}	
	#tab_company .tab_content .co_summ .co_img05_m{display:none;}
	#tab_company .tab_content .co_summ .co_img06{width:340px; float:left; margin:0 8px;}
	#tab_company .tab_content .co_summ .pers_h>ul{width: 1280px;margin: 120px auto;overflow: hidden;}
	#tab_company .tab_content .co_summ .pers_h>ul>li{float:left; width:25%;}
	#tab_company .tab_content .co_summ .co_img07{position:relative;width: 100%;margin:0 auto;overflow:hidden;}	
	#tab_company .tab_content .co_summ .co_img07 > ul{position:relative;max-width: 1080px;margin:50px auto 80px;overflow:hidden;}		
	#tab_company .tab_content .co_summ .co_img07 > ul > li{/* width:16.666%; */float:left;padding:10px 0;min-height:72px;}
	#tab_company .tab_content .co_summ .co_img07 > ul > li img{max-width:100%;width: auto;}		
	#tab_company .tab_content .co_summ .co_img07 > ul > li{width: 100px;float:left;padding: 0 0 0 0;min-height: 80px;text-align: left;margin: 0 96px 0 0;}
	#tab_company .tab_content .co_summ .co_img07 > ul > li:nth-child(6n){margin:0;}
	#tab_company .tab_content .co_summ .autowid{max-width:inherit !important;}
		
	/*222*/
	
	#tab_company2 {
    	font-family: 'Noto Sans KR', sans-serif
	}
	#tab_company2 input:nth-of-type(1), 
	#tab_company2 input:nth-of-type(1) ~ div:nth-of-type(1), 
	#tab_company2 input:nth-of-type(2), 
	#tab_company2 input:nth-of-type(2) ~ div:nth-of-type(2), 
	#tab_company2 input:nth-of-type(3), 
	#tab_company2 input:nth-of-type(3) ~ div:nth-of-type(3),
	#tab_company2 input:nth-of-type(4), 
	#tab_company2 input:nth-of-type(4) ~ div:nth-of-type(4), 
	#tab_company2 input:nth-of-type(5), 
	#tab_company2 input:nth-of-type(5) ~ div:nth-of-type(5), 
	#tab_company2 input:nth-of-type(6), 
	#tab_company2 input:nth-of-type(6) ~ div:nth-of-type(6),  
	#tab_company2 input:nth-of-type(7), 
	#tab_company2 input:nth-of-type(7) ~ div:nth-of-type(7) {
 		display:none
	}
	#tab_company2 input:nth-of-type(1):checked ~ div:nth-of-type(1), 
	#tab_company2 input:nth-of-type(2):checked ~ div:nth-of-type(2), 
	#tab_company2 input:nth-of-type(3):checked ~ div:nth-of-type(3),
	#tab_company2 input:nth-of-type(4):checked ~ div:nth-of-type(4), 
	#tab_company2 input:nth-of-type(5):checked ~ div:nth-of-type(5), 
	#tab_company2 input:nth-of-type(6):checked ~ div:nth-of-type(6), 
	#tab_company2 input:nth-of-type(7):checked ~ div:nth-of-type(7)  {
  	    display:block
	}
	
	#tab_company2 .tab_content {
  	    /*padding:20px 5px 0;*/
        height:100%;
		line-height:130%
	}
	#tab_company2 .tab_content .co_summ{text-align:center; line-height:150%; margin:0 auto; margin-bottom:40px;}
	
	#tab_company2 .tab_content .co_summ span{
	    font-family:  "Noto Sans CJK KR" , sans-serif;
	    font-size: 14px;
	    line-height: 170%;
	    padding: 0px 0 0 165px;
	    font-weight: 400;
	    word-break: break-all;
	    text-align:  justify;
	}
	#tab_company2 .tab_content .co_summ .sub_tit{
		display:  inline-block;
		word-break:keep-all;
		color: #636668;
		font-family: "Noto Sans CJK KR" , sans-serif;
		font-size: 18px;
		padding:  5px 15px;
		/*border: 1.5px #c7c7c7 solid;*/
		letter-spacing: 0px;
		font-weight: 500;
		margin: 0 0 30px;
		border-radius: 3px;
		}
	#tab_company2 .tab_content .co_summ strong{
		display: block;
		word-break:keep-all;
		color: #ea5708;
		font-family: "Noto Sans CJK KR" , sans-serif;
		font-size: 18px;
		padding: 0 0 7px;
		letter-spacing: 0px;
		font-weight: 500;
		/* text-align:  left; */
		}
	#tab_company2 > label {
   	    display:inline-block;
   	    font-size: 18px;
   	    padding: 12px 40px 35px;
   	    margin: 0px -2px;
   	    text-align:center;
   	    width: auto;
   	    font-weight: 400;
   	    color:#777;
   	    font-family: "Noto Sans CJK KR" , sans-serif;
 }
	#tab_company2 > label:hover {
        cursor:pointer

	}
	/* #css_tabs label[for=tab1] {
        margin-left:1.5em
	}*/
	/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
    #tab_company2 input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover, 
	#tab_company2 input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover, 
	#tab_company2 input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover, 
	#tab_company2 input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover,  
	#tab_company2 input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover, 
	#tab_company2 input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover , 
	#tab_company2 input:nth-of-type(7):checked ~ label:nth-of-type(7), #css_tabs > label[for=tab7]:hover{
         background: url(../images/bul_tab.png)center 55px no-repeat;
    }	
	#tab_company2 .tab_content .co_summ .co_img03{position:relative;width:100%;margin:0 auto;overflow:hidden;}	
	#tab_company2 .tab_content .co_summ .co_img03 > ul{position:relative; max-width:1400px; margin:0 auto 50px; overflow:hidden;}	
	#tab_company2 .tab_content .co_summ .co_img03 > ul > li{width:16.666%; float:left; padding:10px 0 ; min-height:72px;}
	#tab_company2 .tab_content .co_summ .co_img03 > ul > li img{max-width:100%;}
  /*//2222*/
	
	
	/* 연혁 */
	
	.tx_r{
		height:auto;
		text-align:right;
		background:url(../upload/line_y.png) repeat-y; 
		background-position:top;
		}
	.tx_l{
		height:auto;
		text-align:left;
		background:url(../upload/line_y.png) repeat-y; 
		background-position:top;
		}		
	.l_list{ 
		width:540px;
		display:inline-block;
		text-align:right;
   	 	margin:0 ;
    	padding: 0 15px 0 ;
		height:30px;
		line-height:180%;
		background:url(../upload/dot_r.png) no-repeat;	
		background-position:right center;
	}
	.r_list{ 
	    width:539px;
		display:inline-block;
		text-align:left;
   	 	margin:0 ;
    	padding: 0 0 0 15px;
		height:30px;
		line-height:180%;
		background:url(../upload/dot_r.png) no-repeat;	
		background-position:left center;
	}
	.n_list{ 
		display:inline-block;
		text-align:left;
   	 	margin:0 0 0 67px ;
		height:30px;
		line-height:180%;
	}
	.l_list span,
	/*20170316수정*/
	.r_list span{font-size:22px; font-weight:400; color:#1cb8db; padding: 0 5px; vertical-align:baseline;}
	
	
	@media screen and (max-width: 1200px) {
		#tab_company .tab_content {width:100%;}
		#tab_company .tab_content .co_summ .co_img01{margin:0 20px;}
		#tab_company > label{width:260px}
		#tab_company2 .tab_content {width:100%;}
		#tab_company2 .tab_content .co_summ .co_img01{margin:0 20px;}
		
		.l_list{width:50.5%;}
		.r_list{width:50.4%;}
		#tab_company .tab_content .co_summ .co_img05 img{width:100%}	
		#tab_company .tab_content .co_summ .co_img06{width:30%;}
		#tab_company .tab_content .co_summ .co_img06 img{width:100%;}		
		#tab_company .tab_content .co_summ .co_img04 img{width:100%;}
		#tab_company .tab_content .co_summ .co_img03 > ul > li{width:15%;margin:0 70px 0 0;}
		#tab_company2 .tab_content .co_summ .co_img03 > ul > li{width:20%;}	
		#tab_company .tab_content .co_summ{width:100%;}
		#tab_company .tab_content .co_summ .co_img03 > ul{max-width: 1200px;}
	}
	@media screen and (max-width: 640px) {

		#tab_company input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover, 
		#tab_company input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover, 
		#tab_company input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover, 
		#tab_company input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover,  
		#tab_company input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover, 
		#tab_company input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover {
	         background: url(../images/bul_tab.png)center 40px no-repeat;
	    }
		#tab_company > label {width: 24%;font-size:12px;padding: 5px 0 27px;margin-top: 14px;}
		#tab_company .tab_content .co_summ{text-align:center;width: 100%;}
		#tab_company .tab_content .co_summ .co_img01 img{width:100%;}
		#tab_company .tab_content .co_summ .co_img02 img{width:100%;}
		#tab_company .tab_content .co_summ .co_img03 img{max-width: 85% !important;}
		#tab_company .tab_content .co_summ .co_img07 img{max-width: 70% !important;}
		#tab_company .tab_content .co_summ .co_img03 > ul > li{width:25%;}
		.l_list,
		.n_list,
		.r_list{width:51.5%;font-size:12px; line-height:130%;}
		.l_list span,
		.r_list span{font-size:16px;}
		#tab_company .tab_content .co_summ .co_img04{padding: 50px 0 30px;}
		#tab_company .tab_content .co_summ .co_img05{display:none;}	
		#tab_company .tab_content .co_summ .co_img05_m{display:block;text-align:center; margin:0 auto;}	
		#tab_company .tab_content .co_summ .co_img05_m img{width:100%;}	
		#tab_company .tab_content .co_summ .co_img06{width:100%;}
		#tab_company .tab_content .co_summ .co_img06 img{width:100%;}
		#tab_company .tab_content .co_summ .pers_h>ul{width:auto;margin: 10px auto;}
		#tab_company .tab_content .co_summ .pers_h>ul>li{width: 48%;margin: 1%;}
		#tab_company .tab_content .co_summ .pers_h>ul>li>img{width:100%;}
		.bg_pers2{background: url(../images/bg_pers2_mobile.jpg) center top no-repeat;background-size: 100%;}
		
		/*222*/
		#tab_company2 > label {width: 24%;font-size:12px;padding:5px;margin-top: 14px;}
		#tab_company2 .tab_content .co_summ{text-align:center;}
		#tab_company2 .tab_content .co_summ .co_img01 img{width:100%;}
		#tab_company2 .tab_content .co_summ .co_img02 img{width:100%;}
		#tab_company2 .tab_content .co_summ .co_img03 img{width:90%;}
		#tab_company2 .tab_content .co_summ .co_img03 > ul > li{width:25%;}
		
		#tab_company2 input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover, 
		#tab_company2 input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover, 
		#tab_company2 input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover, 
		#tab_company2 input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover,  
		#tab_company2 input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover, 
		#tab_company2 input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover, 
		#tab_company2 input:nth-of-type(7):checked ~ label:nth-of-type(7), #css_tabs > label[for=tab7]:hover  {
	         background: url(../images/bul_tab.png)center 27px no-repeat;
	    }
		#tab_company2 .tab_content .co_summ .co_img04{padding:0 0 30px;}
		#tab_company2 .tab_content .co_summ .co_img05{display:none;}	
		#tab_company2 .tab_content .co_summ .co_img05_m{display:block;text-align:center; margin:0 auto;}	
		#tab_company2 .tab_content .co_summ .co_img05_m img{width:100%;}	
		#tab_company2 .tab_content .co_summ .co_img06{width:100%;}
		#tab_company2 .tab_content .co_summ .co_img06 img{width:100%;}	
		.phil_bg01{background:none; padding: 0 0 30px;}
		.tit_tab{margin-top:30px;}
		.phil_bg02{background: url(../images/phil_bg02.jpg) center top 0 no-repeat;background-size: 200%;}
		#tab_company .tab_content .co_summ .co_img04>img{padding:0}
		#tab_company .tab_content .co_summ li span{margin-left: 80px;display: block;}
		#tab_company .tab_content .co_summ h2{margin: 14px 0 0;}
		
	}
	@media screen and (max-width: 480px) {
		#tab_company .tab_content .co_summ span{margin-left: 80px;padding: 0 10px;font-size: 13px;display: block;word-break: keep-all;line-height: 160%;}
		#tab_company .tab_content .co_summ strong{font-size: 16px;}
		#tab_company .tab_content .co_summ .co_img03 > ul > li{width: 33%;padding: 10px 0;min-height: auto;height: 60px;margin: 0 0px;text-align: center;}
		#tab_company .tab_content .co_summ .co_img07 > ul > li{width: 33%;padding: 10px 0;min-height: auto;height: 60px;margin: 0;text-align: center;}

		#tab_company .tab_content .co_summ h2{margin: 20px 0 0 0;font-size: 33px;}
		#tab_company .tab_content .co_summ .sub_tit{font-size: 14px;text-align:center;margin: 20px 0 0;word-break: keep-all;}
		#tab_company .tab_content .co_summ .big{font-size: 18px;padding-top: 0px;}
		
		#tab_company2 .tab_content .co_summ span{padding:0 0 0 25%; font-size:14px}
		#tab_company2 .tab_content .co_summ strong{font-size:16px}
		#tab_company2 .tab_content .co_summ .co_img03 > ul > li{width:33.3%;}

		#tab_company2 .tab_content .co_summ h2{font-size:30px;}
		#tab_company2 .tab_content .co_summ .sub_tit{font-size:16px;text-align:center;margin: 10px 0;}
		
	/* tab_business -----------------------------------------*/
	
	#tab_business {
    	font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;
		text-align:left;
	}
	/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
	#tab_business input:nth-of-type(1), 
	#tab_business input:nth-of-type(1) ~ div:nth-of-type(1), 
	#tab_business input:nth-of-type(2), 
	#tab_business input:nth-of-type(2) ~ div:nth-of-type(2), 
	#tab_business input:nth-of-type(3), 
	#tab_business input:nth-of-type(3) ~ div:nth-of-type(3),
	#tab_business input:nth-of-type(4), 
	#tab_business input:nth-of-type(4) ~ div:nth-of-type(4), 
	#tab_business input:nth-of-type(5), 
	#tab_business input:nth-of-type(5) ~ div:nth-of-type(5), 
	#tab_business input:nth-of-type(6), 
	#tab_business input:nth-of-type(6) ~ div:nth-of-type(6),
	#tab_business input:nth-of-type(7), 
	#tab_business input:nth-of-type(7) ~ div:nth-of-type(7), 
	#tab_business input:nth-of-type(8), 
	#tab_business input:nth-of-type(8) ~ div:nth-of-type(8), 
	#tab_business input:nth-of-type(9), 
	#tab_business input:nth-of-type(9) ~ div:nth-of-type(9),
	#tab_business input:nth-of-type(10), 
	#tab_business input:nth-of-type(10) ~ div:nth-of-type(10), 
	#tab_business input:nth-of-type(11), 
	#tab_business input:nth-of-type(11) ~ div:nth-of-type(11), 
	#tab_business input:nth-of-type(12), 
	#tab_business input:nth-of-type(12) ~ div:nth-of-type(12),
	#tab_business input:nth-of-type(13), 
	#tab_business input:nth-of-type(13) ~ div:nth-of-type(13), 
	#tab_business input:nth-of-type(14), 
	#tab_business input:nth-of-type(14) ~ div:nth-of-type(14), 
	#tab_business input:nth-of-type(15), 
	#tab_business input:nth-of-type(15) ~ div:nth-of-type(15),
	#tab_business input:nth-of-type(16), 
	#tab_business input:nth-of-type(16) ~ div:nth-of-type(16), 
	#tab_business input:nth-of-type(17), 
	#tab_business input:nth-of-type(17) ~ div:nth-of-type(17), 
	#tab_business input:nth-of-type(18), 
	#tab_business input:nth-of-type(18) ~ div:nth-of-type(18), 
	#tab_business input:nth-of-type(19), 
	#tab_business input:nth-of-type(19) ~ div:nth-of-type(19), 
	#tab_business input:nth-of-type(20), 
	#tab_business input:nth-of-type(20) ~ div:nth-of-type(20)  {
 		display:none
	}
	#tab_business input:nth-of-type(1):checked ~ div:nth-of-type(1), 
	#tab_business input:nth-of-type(2):checked ~ div:nth-of-type(2), 
	#tab_business input:nth-of-type(3):checked ~ div:nth-of-type(3),
	#tab_business input:nth-of-type(4):checked ~ div:nth-of-type(4), 
	#tab_business input:nth-of-type(5):checked ~ div:nth-of-type(5), 
	#tab_business input:nth-of-type(6):checked ~ div:nth-of-type(6),
	#tab_business input:nth-of-type(7):checked ~ div:nth-of-type(7), 
	#tab_business input:nth-of-type(8):checked ~ div:nth-of-type(8), 
	#tab_business input:nth-of-type(9):checked ~ div:nth-of-type(9),
	#tab_business input:nth-of-type(10):checked ~ div:nth-of-type(10), 
	#tab_business input:nth-of-type(11):checked ~ div:nth-of-type(11), 
	#tab_business input:nth-of-type(12):checked ~ div:nth-of-type(12),
	#tab_business input:nth-of-type(13):checked ~ div:nth-of-type(13), 
	#tab_business input:nth-of-type(14):checked ~ div:nth-of-type(14), 
	#tab_business input:nth-of-type(15):checked ~ div:nth-of-type(15), 
	#tab_business input:nth-of-type(16):checked ~ div:nth-of-type(16),
	#tab_business input:nth-of-type(17):checked ~ div:nth-of-type(17), 
	#tab_business input:nth-of-type(18):checked ~ div:nth-of-type(18), 
	#tab_business input:nth-of-type(19):checked ~ div:nth-of-type(19),
	#tab_business input:nth-of-type(20):checked ~ div:nth-of-type(20) {
  	    display:block
	}
	/* 라벨 기본 스타일 지정 */
	#tab_business > label {
   	    display:inline-block;
        padding:6px 0;
		margin:2px 0;
        text-align:center;
        width:10%;
        line-height:1.8em;
        font-weight:700;
        color:#fff;
        border:2px solid #fff;
	}
	#tab_business > label:hover {
        cursor:pointer
	}
	/* #css_tabs label[for=tab1] {
        margin-left:1.5em
	}*/
	/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
    #tab_business input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover, 
	#tab_business input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover, 
	#tab_business input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover, 
	#tab_business input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover,  
	#tab_business input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover, 
	#tab_business input:nth-of-type(6):checked ~ label:nth-of-type(6), #css_tabs > label[for=tab6]:hover,
    #tab_business input:nth-of-type(7):checked ~ label:nth-of-type(7), #css_tabs > label[for=tab7]:hover, 
	#tab_business input:nth-of-type(8):checked ~ label:nth-of-type(8), #css_tabs > label[for=tab8]:hover, 
	#tab_business input:nth-of-type(9):checked ~ label:nth-of-type(9), #css_tabs > label[for=tab9]:hover, 
	#tab_business input:nth-of-type(10):checked ~ label:nth-of-type(10), #css_tabs > label[for=tab10]:hover,  
	#tab_business input:nth-of-type(11):checked ~ label:nth-of-type(11), #css_tabs > label[for=tab11]:hover, 
	#tab_business input:nth-of-type(12):checked ~ label:nth-of-type(12), #css_tabs > label[for=tab12]:hover, 
	#tab_business input:nth-of-type(13):checked ~ label:nth-of-type(13), #css_tabs > label[for=tab13]:hover,   
	#tab_business input:nth-of-type(14):checked ~ label:nth-of-type(14), #css_tabs > label[for=tab14]:hover,  
	#tab_business input:nth-of-type(15):checked ~ label:nth-of-type(15), #css_tabs > label[for=tab15]:hover, 
	#tab_business input:nth-of-type(16):checked ~ label:nth-of-type(16), #css_tabs > label[for=tab16]:hover,
    #tab_business input:nth-of-type(17):checked ~ label:nth-of-type(17), #css_tabs > label[for=tab17]:hover, 
	#tab_business input:nth-of-type(18):checked ~ label:nth-of-type(18), #css_tabs > label[for=tab18]:hover, 
	#tab_business input:nth-of-type(19):checked ~ label:nth-of-type(19), #css_tabs > label[for=tab19]:hover, 
	#tab_business input:nth-of-type(20):checked ~ label:nth-of-type(20), #css_tabs > label[for=tab20]:hover {
        background:#666;
        color:#fff;
		border:2px solid #fff;
    }
   
    /* 실제 내용이 담긴 div 요소 스타일 지정 */
	#tab_business .tab_content {
		text-align:left;
		color:#fff;
  	    padding:20px 10px;
	}
	#tab_business .tab_content ul{
		width:98%;
		float:left;
	}
	#tab_business .tab_content ul li{ 
		list-style: none;
   	 	margin: 0px;
    	padding: 0 5px 0 20px;
		line-height:180%;
		background:url(../upload/dot_b.png) no-repeat;
		background-position: 0 6px;
		
	}
	.tab_business .tab_content .co_summ {}
	#tab_company .tab_content .tit_bg{background: url(../images/bg_btn_dot.jpg) center 13px repeat-x;}
	#tab_company .tab_content .co_summ p{font-size: 16px;background:#fff;width:120px;margin:0 auto 10px;}
	#tab_company .tab_content .co_summ .co_pil span{font-size:14px}
	}
	
	
	@media screen and (max-width: 1040px) {
				
		#tab_business .tab_content {
			width:100%;
			padding:20px 30px;
			font-size:13px;
		}
		#tab_business > label {width:100px;}
		#tab_business {text-align:center;}
		#tab_business .tab_content ul{
		width:100%; 
		clear:both;
		}
		#tab_company{padding:0;}	
		#tab_company .tab_content .co_summ .co_img03 > ul{max-width: 100%;margin: 0 auto;}
		#tab_company > label {width:25%;}
	}