/*브랜드스토리*/
.company { width:100%; margin:80px auto;}
.company:after{ content:""; display:block; clear:both;}
.company .ceo_msg {width:100%;}
.company .ceo_msg .con_left {position:relative; top:0; left:0; float:left; width:35%; font-size:2em; color:#000; line-height:1.4em;  margin-top:30px;}
.company .ceo_msg .con_left .nemo { width:300px; height:250px; margin-left:50px;  border:10px solid #eee;}
.company .ceo_msg .con_left .nemo_txt {position:absolute; width:310px; padding:20px 0; left:50%; margin-left:-165px; text-align:center; top:70px; background:#fff; z-index:1; border:0px solid red;}
.company .ceo_msg .con_left .nemo_txt p {font-size:2em; color:#000; line-height:1.4em;}
.company .ceo_msg .con_left .nemo_txt img {padding-top:15px;}
.company .ceo_msg .con_right {float:right; width:65%;}
.company .ceo_msg .con_right  p {  color: #313131;   line-height: 26px;}
.company .ceo_msg .con_right  .bold {  color: #000;   line-height: 36px;   font-size:2em;   padding-bottom:30px;}
.company .ceo_msg .con_right .sign{ display:block; font-size:1.3em; color:#222; text-align:left; padding-top:30px; }
.company .summary { float:left; width:100%; margin-top:50px;}


.brand100 {width:100%; background:url('image/brand100.jpg') no-repeat top center; background-size:cover; background-attachment:fixed; background-position:50% 50%}
.brand100_area {display:table; width:100%; max-width:1200px; margin:0 auto; padding:150px 25px; }
.brand100_area p.txt {display:table-cell; vertical-align:middle;  font-size:2.5em; color: #fff; text-align:center; line-height:1.4em; letter-spacing:0.05em; font-family: 'Lobster', cursive;}




/*연혁*/
.timeline {box-sizing: border-box; }
.timeline:before {box-sizing: border-box; }
.timeline * {box-sizing: border-box; }
.timeline *:before {box-sizing: border-box; }
.timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:50px auto; overflow-y: hidden; overflow-x: hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width: 20px; height: 20px; left: 50%; margin-left: -10px; margin-top:10px; border: 5px solid #aaa; border-radius: 100%; background-color: #fff; text-align: center; }
.timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
.timeline .timeline-icon img { border-radius: 100%; }
.timeline .timeline-content { position: relative; width:46%; padding-bottom:50px;  }
.timeline .timeline-content .bar_count { display:block; font-size:2em; font-weight:700; color:#000;  padding-bottom:10px; }
.timeline .timeline-content ul {width:100%; padding:0; margin:0;}
.timeline .timeline-content ul li {position: relative; padding-left:30px; font-size:1.1em; line-height:1.5em; z-index:1;}
.timeline .timeline-content ul li em { position:absolute; left:0; display:inline-block; color:#333; font-style:normal; margin-right:10px; background:;}
.timeline .timeline-content ul li img{width:268px; height:89px; margin-top:20px; background:#000;}
.timeline::before { position: absolute; width: 1px; height: 100%; top:10px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right;}
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content ul li {position: relative; padding-right:30px;}
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content ul li em { position:absolute; right:0;  margin-right:0; background:; z-index:0;}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }




/*오시는길*/
.map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {font-size:1.5em; margin-bottom:10px;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td {width:80%; text-align:left; font-size:1em; color:#888; vertical-align:top;  padding:10px 0 10px 15px; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}




/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	
	
	.company .ceo_msg .con_left {float:none; width:100%; text-align:center; margin-top:0px; padding-bottom:60px;}
	.company .ceo_msg .con_left .nemo { margin:0 auto;}
	.company .ceo_msg .con_left .nemo_txt {left:50%; margin-left:-155px; border:0px solid red;}
	.company .ceo_msg .con_right {width:100%; float:none;}
	
	.timeline .timeline-content ul li img{height:auto; }

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	.timeline .timeline-content ul li{font-size:1em;}	

}


/* 반응형 중간기기 640사이즈 이하 */
@media screen and (max-width: 640px) {			

	.timeline .timeline-icon {left:5%;}
	.timeline::before { left:5%;}
	.timeline .timeline-content {width:85%; margin-left:10%;}
	.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content {text-align:left;}
	.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content {left:0;}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.company .ceo_msg .con_right .bold{font-size:1.5em;}

	.brand100_area { padding:80px 25px; }
	.brand100_area p.txt { font-size:1.5em;}

	.timeline .timeline-content ul li img{width:100%; height:auto; }

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	



}