/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 대표인사말 */
.hello_txt_left {
     background:url("../images/sub05/message_pic.jpg") no-repeat center top; 
	 min-height:386px;
}
.ce_text{
	padding:3.8em 0 0 0em;
	text-align:right;
	width:45%;
	font-weight:300;
}
.ce_text .ces01{
	letter-spacing:-0.05em;
	font-size:2.3em;
	padding-bottom:0.3em;
	color:#fff;
	line-height:110%;
}
.ce_text .ces01 strong{	font-weight:500; }
.ce_text .ces02{
	letter-spacing:-0.05em;
	font-size:1.2em;
	color:rgba(255,255,255,0.5);
}
.hello_txt_right .ces02{
	letter-spacing:-0.05em;
	font-size:1.8em;
	color:#657996;
}
.hello_txt_right p{ font-size:1.08em; padding:0 5% 1.5em; text-align:center;}

	
/* top이미지 */
.sub_con_toppic{ background:url("../images/sub01/philosophy_topimg.jpg") no-repeat center top; }
#sub_body .sub_con_toppic h3{ font-size:2em; color:#fff; letter-spacing:-0.1em; padding:0;}
#sub_body .sub_con_toppic h3::after {
	background-color: #fff;
	content: " ";
	display: block;
	height: 1px;
	margin-bottom: 2%;
	margin-top: 3%;
	margin-left: 49%;
	width: 40px;
}
.sub_con_toppic .txt_div{ font-size:1.3em; color:#fff;}
.sub_con_txt {   font-size:1em; text-align:center; }
.sub_con_txt::before{  
	background-color: #282828;
	content: " ";
	display: block;
	height: 2px;
	margin: 0 auto 1%;
	width: 50px;
}
/* 경영철학 */
#philosophy ul li{
	float:left;
	width:33.3333%
}
#philosophy .mana_div{
	border:1px solid #eaeaea;
	text-align:center;
	padding:35% 2% 12%;
	min-height:180px ;
	width:92%;
}
#philosophy .ma01{ background:url("../images/sub01/phil_img01.png") no-repeat center 12%; }
#philosophy .ma02{ background:url("../images/sub01/phil_img02.png") no-repeat center 12%; }
#philosophy .ma03{ background:url("../images/sub01/phil_img03.png") no-repeat center 12%; }
.mana_div .no{
	color:#9a9999;
	font-size:1.8em;
	position:relative;
	line-height:1.2em;
	margin-bottom:3%;
}
.mana_div .no::before{
	background-color: #d6d6d6;
	content: " ";
	display: block;
	height: 1px;
	width: 30px;
	position:absolute;
	left: 50%;
	margin-left:-15px;
}
.mana_div .no::after{
	background-color: #d6d6d6;
	content: " ";
	display: block;
	height: 1px;
	width: 30px;
	position:absolute;
	left: 50%;
	margin-left:-15px;
}
.mana_div .mana_txt01{
	color:#3d3d3d;
	font-size:1.4em;
	line-height:100%;
	letter-spacing:0.2em;
	font-weight:600;
	min-height:60px ;
	margin-bottom:3%;
}
.st_se .mana_div .mana_txt02{
	min-height:55px ;
}
.mana_div .mana_txt02{
	color:#678195;
	font-size:1.1em;
	line-height:100%;
}


/* 연혁 */
#history .sub_padd{ padding-bottom:0; }
#history h3{ 
	text-align:center;
	font-size:1.7em;
	font-weight:400;
	color:#6c6b6b;
	letter-spacing:-0.1em;
}
#history h3 p{ 
	display:inline;
	border-bottom:1px solid #d2d2d2;
	line-height:100%;
}

div.history_area dd{
	letter-spacing:-0.04em;
}
div.history_area dd li{
	padding-bottom:7px;
	line-height:130%;
	position:relative;
}

/* 왼쪽에 위치한 연혁 */
div.history_area dl dt{
	color:#000;
	font-weight:500;
	font-size:1.8em;
	padding-bottom:25px;
	position:relative;
}
div.history_area dl dt span::after{
	display:block;
	content:"";
	background:#000;
	height:2px;
	width:150px;
	margin:5px 0 0;
	position:absolute;
}


/* 글로벌네트워크 */
.global_change{ 
	width:900px;
	margin:0 auto;
	position:relative;
}
.global_change img{ 	width:900px; }
#pro_name p{ width:28px; height:31px; position:absolute; cursor:pointer;   }
#pro_name p.pn01{ left:64px; top:142px; }
#pro_name p.pn02{ left:289px; top:230px; }
#pro_name p.pn03{ left:322px; top:196px; }
#pro_name p.pn04{ left:340px; top:165px; }
#pro_name p.pn05{ left:357px; top:178px; }
#pro_name p.pn06{ left:757px; top:187px; }
.pimg {   display: none;}
.gl_pop p{
	background:url("../images/sub01/global_na.png") repeat center top; 
	color:#fff;
	font-weight:700 !important;
	font-size:18px;
	transition: opacity 0.35s, transform 0.35s;
	transform: translate3d(0,0,0);
	width:114px;
	height:127px;
}
.gl_pop p span{
	padding-top:45px;
	display:block;
}
#pro_image div {    position: absolute; }
#pro_image .gpop01 { left:15px; top:15px; }
#pro_image .gpop02 { left:240px; top:105px; }
#pro_image .gpop03 { left:272px; top:72px; }
#pro_image .gpop04 { left:290px; top:40px; }
#pro_image .gpop05 { left:308px; top:52px; }
#pro_image .gpop06 { left:708px; top:62px; }

.global_com .b_box > li{
	width:47%;
	float:left;
	margin:0 1.5% 2em;
}
.global_com .b_box > li .glo_box{
	padding:2.2em;
	border:1px solid #eee;
}
#sub_body .global_com .b_box > li h3{
	padding:0 0 0.2em;
	margin:0 0 0.6em;
	font-weight:700;
	font-size: 1.3em;
	border-bottom:1px solid #eee;
}
#sub_body .global_com .b_box .s_box li{
	padding:0 0 0.5em 6.5em;
	position:relative;
	line-height: 120%;
	letter-spacing: -0px;
	font-size: 0.9em;
}
#sub_body .global_com .b_box .s_box li strong{
	position:absolute;
	left:0;
	top:0px;
	font-weight:500;
	color:#262626;
}
.global_com .b_box .s_box{
	min-height:10em;
}

/* 오시는길 */
/* .map{ background:url("../images/sub01/map_bg.gif") repeat center top; } */
h3.s_title.title_under::after {
    content: " ";
    margin-bottom: 26px;
    margin-top: 10px;
}
.title_under::after {
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 1px;
    margin-bottom: 19px;
    margin-top: 5px;
    width: 40px;
}
#sub_body h3.s_title {
    color: #333;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.1em;
}
ul.findmap-data > li::after{
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 10px;
}
ul.findmap-data > li{
    line-height: 30px;
    padding-bottom: 0.5em;
    padding-left: 5em;
    position: relative;
	font-size:1.1em;
}
ul.findmap-data > li > strong{
	color:#000;
	font-weight: 600;
	position:absolute;
	left:23px;
}

#sub_body .traffic h3{
	border-top:1px solid #000;
	border-bottom:1px solid #eaeaea;
	padding:1% 0;
	font-size: 1.3em;
}
.traffic > ul > li{
	border-bottom:1px solid #eaeaea;
	padding:2.5% 0;
}
#sub_body .traffic h4 {
    margin: 0%;
	font-size: 1.1em;
}



@media screen and  (max-width:1199px) {/* 최대 1023 이하 공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
	

	/* top이미지 */
	#sub_body .sub_con_toppic h3{ font-size:1.7em;}
	#sub_body .sub_con_toppic h3::after {margin-left: 45%;	}
	.sub_con_toppic .txt_div{ font-size:1.2em; color:#fff;}
	.sub_con_toppic{ height:220px;}

	/* 대표인사말 */
	.hello_txt_left { min-height:250px;}
	.hello_txt_left br{display:none;}
	.hello_txt_left .ces02{padding-bottom:3em;}
	.hello_txt_right .ces02{padding-top:2em;line-height:120%; }
	.hello_txt_right br{display:none;}

	/* 연혁 */
	.one_al {padding: 0% 0 0 3% ;}
	#history h3 {
		text-align: left;
		padding: 0% 3%;
	}
	div.history_area{
		padding:5% 0 0 5px ;
		background: url("/images/sub05/history_line.gif") repeat-y 15px top;
	}
	div.history_area .history_cont {
		padding:2% 0 5%;
	}
	dl dd li span.month_ri{
		position:absolute;
		left:0;
		top:0;
		color:#000;
		font-weight:500;
	}

	/* 경영이념 */
	#philosophy .mana_div {	background-size:25% auto;	}

	

	/* 오른쪽에 위치한 연혁 */
	div.history_area  dl{
		padding: 0px 0 0 62px;
		background:url("/images/sub05/year_icon_r.png") no-repeat 7px 7px;
	}
	

	
}

@media screen and (max-width:768px) {/* 최대 767 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	.pc{ display:none;}
	.mo_br br{ display:none}

	/* top이미지 */
	.sub_con_toppic{ font-size:12px;  line-height: 150%; }
	.sub_con_toppic .txt_div br{ display:none}

	/* 대표인사말 */
	.hello_txt_left {	background:url("../images/sub05/message_pic02.jpg") no-repeat left top;  min-height:170px;	}
	.ce_text {text-align: center;	width: 100%;}
	.ce_text .ces01 { font-size: 1.8em;}
	.hello_txt_right p {   padding: 0 0% 1.5em; }

	/* 경영이념 */
	#philosophy ul li{
		clear:both;
		width:100%
	}
	#philosophy .mana_div{
		min-height:100px !important;
		padding: 20% 15% 12%;
		width: 69%;
		background-size:auto 20% ;	
		margin-top:1em;
	}
	.mana_div .mana_txt01{
		font-size:1.8em;
		min-height:10px !important;
	}
	.mana_div .mana_txt02{	min-height:10px !important; }

	/* 연혁 */
	.history_bg{
		font-size:1em;
		padding-left:0%;
		background:none;
	}
	dl dd li{	padding-left:80px;	}

	/* 글로벌네트워크 */
	.global_com .b_box {
		margin:0% auto ;
		max-width:570px;
	}
	.global_com .b_box > li{
		width:100%;
		clear:both;
		margin:0% 0 1.5em;
	}
	#sub_body .global_com .b_box .s_box {
		min-height: 2em;
	}



	
}
@media all and (min-width:769px) and (max-width:1199px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	.mobile{ display:none;}

	/* 연혁 */
	.history_bg{
		padding-left:40px;
		font-size:1.1em;
	}
	dl dd li{	padding-left:100px;	}
	div.history_area dl{   overflow:hidden;}
	div.history_area dl dt {
	width:30%;
	   float:left;
	}
	div.history_area dl dd {
	   float:left;
	   width:65%;
	}

	/* 오시는길 */
	.traffic > ul > li{	overflow:hidden;	}
	.traffic > ul > li h4{
		float:left;
		width:25%;
	}
	.traffic > ul > li .decimal{	float:right; width:70%;  }
}

@media screen and (min-width:1200px) {/* 최소 1024 ~ 최대 ----------------------------------------------------------------------------------------------------------------------------------------------- */
	.mobile{ display:none;}

	/* 경영철학 */
	.mana_div .mana_txt01{
		font-size:1.7em;
	}

	/* 비전 */
	#vision .sub_con_toppic{ height:246px;}

	/* 연혁 */
	div.history_area{
		padding:50px 0 100px;
		background:url("/images/sub05/history_line.gif") repeat-y top center;
	}
	.history_bg .one_al{
		text-align:center;
	}
	div.history_area dl{
		width:546px;
	}
	div.history_area dl.hist_cont_r dt span::after{	left:0;}
	div.history_area dl.hist_cont_l dt span::after{	right:0;}

	/* 왼쪽에 위치한 연혁 */
	div.history_area dl.hist_cont_l {
		padding: 0px 58px 0 0 ;
		background:url("/images/sub05/year_icon_l.png") no-repeat right 7px;
	}
	div.history_area .history_cont{
		width:100%;
		display:table;
	}
	div.history_area .martop{
		margin-top:-400px;
	}
	div.history_area dl{
		display:table;
	}
	div.history_area dl.hist_cont_l dt{
		text-align:right;
	}
	dl.hist_cont_l dd{
		text-align:right;
	}
	dl.hist_cont_l dd li{
		padding-right:105px;
	}
	dl.hist_cont_l dd li span.month_ri{
	position:absolute;
	right:0;
	top:0;
	color:#000;
	font-weight:500;
}

	/* 오른쪽에 위치한 연혁 */
	div.history_area  dl.hist_cont_r{
		margin-left:597px;
		padding: 0px 0 0 62px;
		background:url("/images/sub05/year_icon_r.png") no-repeat left 7px;
	}
	dl.hist_cont_r dd li{
		padding-left:105px;
	}
	dl.hist_cont_r dd li span.month_ri{
		position:absolute;
		left:0;
		top:0;
		color:#000;
		font-weight:500;
	}
	
	/* 글로벌네트워크 */
	.global_com .b_box .s_box {
		min-height: 7.5em;
	}

	/* 오시는길 */
	.traffic > ul > li{	overflow:hidden;	}
	.traffic > ul > li h4{	float:left; width:25%; }
	.traffic > ul > li .decimal{	float:right; width:73%;  }

	
}
@media screen and (max-width:920px) {/* 글로벌 네트워크용*/
	.global_change{ display:none; }
}