@charset "utf-8";
@import url("company.css");

.row01 {max-width:1000px; margin:0 auto;}
.row01 ul:after {display:block; content:""; clear:both}
.row01 h2,
.row01 h3,
.row01 .li1 span,
.row01 .li1 ul.li1_ul4 span {border:1px solid #999; text-align:center; border-radius: 10px;;}
.row01 h2.ceo {font-size:13px}
.row01 h2 {position:relative; height:45px; line-height:40px; font-size:13px; font-weight:500; background-color:#414141; color:#fff; z-index:4; box-shadow: 1px 1px 5px #777;	border:1px solid #ddd;}
.row01 h3 {position:relative; height:45px; line-height:40px; font-size:13px; font-weight:500; background-color:#414141; color:#fff; margin-top:27px; z-index:2; box-shadow: 1px 1px 5px #777;	border:1px solid #ddd;}
.row01 h3.h3_01 {z-index:1; box-shadow: 0px 0px 0 #ccc}
.row01 > ul > li {position:relative; float:left}
.row01 > ul > li.li1 {width:100%; padding-left:0}

/* 판매기획부 */
.row01 .li1 ul.li1_ul2 li {position:relative}
.row01 .li1 ul.li1_ul2 li > span {
	position:absolute;
	top:32px;
	display:block;
	width:85%;	
	height:40px;
	line-height:35px; 
	font-size:13x;	
	color:#fff;
	border:1px solid #ddd;
	background-color:#989898;	
	margin:0 auto; margin-top:25px;
	box-shadow: 1px 1px 5px #777;	
	z-index:10
}

.row01 > ul > li.li1 > ul {clear:both}
.row01 > ul > li.li1 > ul > li {width:25%; outline:0px solid blue; float:left; padding:10px 15px;}
.row01 .li1 ul.li1_ul4 li {position:relative; text-align:center; }
.row01 .li1 ul.li1_ul4 li > ul > li {	position:relative; margin-left:0; width:100%; text-align:center}
.row01 .li1 ul.li1_ul4 li > ul > li > span {
	position:relative;
	display:block;
	width:100%;	
	height:40px;
	line-height:35px; 
	font-size:13px;	
	background-color:#fff;	
	margin:0 auto; margin-top:25px;
	box-shadow: 2px 2px 2px #ccc;	
	z-index:1;
}


/* 선 */
.row01 .li1_ul2 h2:after {content:""; display:block; clear:both; position:absolute; bottom:-52%; right:50%; width:70%; height:1px; background:#bcbcbc}
.row01 .li1_ul4  li.li_line:after {content:""; display:block; clear:both; position:absolute; top:7%; left:50%; width:100%; height:1px; background:#bcbcbc}
.row01 h3:after {content:""; display:block; clear:both; position:absolute; top:-52%; left:50%; width:1px; height:52%; background:#bcbcbc}
.row01 h3.h3_01:after {top:; left:0; width:0px; height:0; }
.row01 h3.h3_04:after {content:""; display:block; clear:both; position:absolute; top:-600%; left:50%; width:1px; height:600%; background:#bcbcbc}





@media screen and (min-width:768px) and (max-width:977px) {
	.row.row01 {width:740px}
}



@media screen and (max-width:976px) {
	.row01 > ul > li {position:relative; height:auto}
	.row01 > ul > li.li1 {width:100%; ; padding-left:0}
	.row01 > ul > li.li1 > ul > li {width:25%}	
	.row01 > ul > li.li1 > ul > li:first-child {margin-left:0%}	
}



@media screen and (max-width:767px) {
}



@media screen and (max-width:450px) {
	.row01 > ul > li.li1 > ul > li {padding:10px 5px;}
	.row01 h2,
	.row01 h3,
	.row01 .li1 ul.li1_ul2 li > span,
	.row01 .li1 ul.li1_ul4 li > ul > li > span {font-size:.78em}
}