/*인사말*/

.company{ width:100%; max-width:1200px; margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.company .ceo_img{ float:left; width:25%; height:500px;}
.company .ceo_img img{width:100%; }
.company .ceo_txt{ float:left; width:75%; padding:0 50px;}
.company .ceo_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; }
.company .ceo_txt p { margin-top:30px;}
.company .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}


.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}


.pic_lt {position:relative;margin-bottom:20px;background:#fff}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -10px}
.pic_lt li {float:left;width:25%;padding:0 10px}
.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {margin:5px 0;display:block}
.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto}
.pic_lt li a:hover {color:#a22121}
.pic_lt li .fa-heart {color:#ff0000}
.pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-caret-right {color:#bbb}
.pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_lt .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}

.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:#777}

.tbl_type2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-bottom:1px solid #002b5c; border-bottom:1px solid #002b5c;}
.tbl_type2 th, td {padding:3px 8px; line-height:1.5 !important;}
.tbl_type2 th{color:#222; font-weight:500; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8; font-size:0.9em; letter-spacing:-0.5pt;}
.tbl_type2 th.tit{ background-color:#e9f5ff;}
.tbl_type2 td{color:#666; border-bottom:1px solid #eee; text-align:left; font-size:0.9em;}
.tbl_type2 td span {width:290px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.tbl_type2 td.rLine {border-right:1px solid #eee;}
.tbl_type2 td.lLine {border-left:1px solid #eee;}

.tbl_type3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-bottom:1px solid #002b5c; border-bottom:1px solid #002b5c;}
.tbl_type3 th, td {padding:5px 10px; font-size:1.1em; line-height:2.5;}
.tbl_type3 th{color:#222; font-weight:500; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type3 th.tit{ background-color:#e9f5ff; text-align: center;}
.tbl_type3 td{color:#666; border-bottom:1px solid #eee; text-align:left; }
.tbl_type3 td.rLine {border-right:1px solid #eee;}
.tbl_type3 td.lLine {border-left:1px solid #eee;}

.btns {width:100%;text-align:center; margin:20px 0}
.btn_blue {padding:5px 15px; border:0; background:#14449B; color:white; cursor:pointer;}
.btn_orange {padding:5px 15px; border:0; background:#F64700; color:white; cursor:pointer;}
.btn_black {padding:5px 15px; border:0; background:#333333; color:white; cursor:pointer;}

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

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

}



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

	.company .ceo_img { width:100%;  text-align:center;  height:auto;  }
	.company .ceo_img img { width:60%;height:auto;}
	.company .ceo_txt{ width:100%; padding:0; margin-top:50px;}
	.vision .vision_tit{position:relative; padding:20px; }
	.vision_area li.detail03, .vision_area li.detail04{padding-top:0px;}




}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
.vision .circle_tit{top:40%; }
.vision_area li { height:auto;}
.vision_area li i{font-size:2.2em;}

.company .ceo_txt h2{font-size:1.3em; font-weight:700;}



}



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

	.company .ceo_img img { width:80%;}


}