@charset "utf-8";

.tit_txt{padding:0 0 10px 20px; font-size:110%; font-weight:bold; background:url(/images/common/bullet/bul_squareOrange.gif) no-repeat 0 3px;}

/* greeting */
#sub_chairman .title{position:relative; height:195px; font-size:145%; line-height:140%; letter-spacing:-1px; border-bottom:1px solid #d0d0d0;}
#sub_chairman .title *{display:block;}
#sub_chairman .title strong{font-size:135%; letter-spacing:-2px; line-height:180%; color:#189fbc;}
#sub_chairman .title span{width:65%;}
#sub_chairman .title p{padding:10px 0 0; font-size:85%; color:#0f6c9c;}
#sub_chairman .title .picture{position:absolute; bottom:0; right:0;}
#sub_chairman .greeting{padding:25px 0 0 0; font-size:110%; line-height:150%;}

/* profile */
#sub_chairman ul{font-size:105%;}
#sub_chairman .profile{margin:0 0 25px 0;}
#sub_chairman .profile li{padding:5px 0 5px 0; border-bottom:1px solid #d0d0d0;}
#sub_chairman .career{padding:20px 25px; border:1px solid #d0d0d0;}

/* history */
#sub_history .info_txt{margin:0 0 1em 0; font-size:200%; line-height:120%; letter-spacing:-2px; color:#128ed5;}
#sub_history dl{overflow:hidden; width:100%; margin:0 0 38px 0;}
#sub_history dt{float:left; width:123px; height:87px; padding:40px 0 0 35px; font-size:135%; color:#fff; background:url(/images/kr/intro/history/bg_title.png) no-repeat;}
#sub_history dt *{display:block; line-height:140%;}
#sub_history dt strong{font-size:165%; letter-spacing:-2px;}
#sub_history dt span{padding:0 0 0 20px;}
#sub_history dd{float:left; width:604px; margin:0 0 0 -4px; border:1px solid #bababa; border-radius:8px; behavior:url(/css/PIE.htc);}
#sub_history dd ul{padding:35px 0 25px 30px;}
#sub_history dd ul li {width:100%; margin:0 0 12px 0;}
#sub_history dd ul li *{display:inline-block; vertical-align:top;}
#sub_history dd ul li strong{width:23%; color:#1c81ba;}
#sub_history dd ul li span{width:76%;}

/* org */
#sub_org h4 {margin:0 0 10px 0; font-size:125%;}
#sub_org h4 span{display:inline-block; padding:0 7px 0 0; font-size:160%; color:#e86011;}
#sub_org h4.end{margin:0 0 20px 0;}
#sub_org ul.info_txt{padding:1.5em 1.5em 0 1.7em; margin:0 0 1.7em 0; border:1px solid #bfbfbf;}
#sub_org ul li{padding:0 0 20px 0;}
#sub_org ul span{display:block; font-size:105%; font-weight:bold;}
#sub_org .org{width:99.6%; margin:0 0 25px 0; padding:2em 0; text-align:center; border:1px solid #bfbfbf;}

/* direction */
#sub_location .info_txt{margin:0 0 0.7em 0; font-size:200%; letter-spacing:-2px; color:#128ed5;}
#sub_location .info_box{margin-top:10px; padding:1em; border:1px solid #dadada;}
#sub_location .info_box dt{margin:0 0 3px 0; color:#075c9e; font-weight:bold;}

/* member */
#sub_active{overflow:hidden; width:100%;}
.member{float:left; width:360px; margin:0 10px 13px 0; padding:13px 0 1em 13px; border:1px solid #cecece;}
.none{margin:0 0 13px 0;}
.member dt{float:left; width:107px;}
.member dt img{width:107px; height:147px;}
.member dd{float:left; width:227px; padding:0 0 0 15px;}
.member dd .name{display:block; padding:9px 0 8px 0; font-size:120%;}
.member dd li{width:220px; padding:3px 0 3px 7px; border-bottom:1px solid #d5d5d5; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}

/* standing */
#sub_standing .info_box{margin:0 0 1.5em 0; padding:1.5em; border:1px solid #dadada;}
#sub_standing dl dt{margin:0 0 0.5em 0; font-size:120%; font-weight:bold; color:#1232ab;}
#sub_standing dl dd{margin:0 0 1.7em 0;}

/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}
	
	.info_box{padding:20px;}
	
	/* greeting */
	#sub_chairman .title{height:155px; font-size:120%;}
	#sub_chairman .title .picture{max-width:45%;}
	#sub_chairman .title strong{width:70%; line-height:120%; letter-spacing:-1px;}

	/* history*/
	#sub_history .info_txt{font-size:170%;}
	#sub_history dt{width:104px;}
	#sub_history dd{width:388px; margin:0;}
	#sub_history dd ul li strong,
	#sub_history dd ul li span{width:90%;}

	#sub_org .org{width:95.6%; padding:2%;}
	
	/* direction */
	#sub_location .info_txt{font-size:170%;}

	.member{overflow:hidden; width:96.6%; margin:0 0 1.5em 0;}
	.none{margin:0 0 1.5em 0;}
	.member dt{width:30%; max-width:127px;}
	.member dt img{width:90%; max-width:107px; height:auto;}
	.member dd{width:70%; padding:0;}
	.member dd ul{width:100%;}
	.member dd ul li{width:97%;}
	
}

/**
768미만
**/
@media screen and (max-width:767px) {
	.m{display:block;}
	.info_box{padding:1em;}

	/* greeting */
	#sub_chairman .title{height:143px; font-size:105%; line-height:130%;}
	#sub_chairman .title strong{width:100%; font-size:120%;}
	#sub_chairman .title p{width:65%;}
	#sub_chairman .title .picture{width:50%; max-width:250px;}
	#sub_chairman .greeting{padding:1em 0 0 0; font-size:105%;}
	#sub_chairman .career{padding:1em;}

	/* history */
	#sub_history .info_txt{margin:0 0 0.8em 0; font-size:130%; letter-spacing:-1px;}
	#sub_history dl{margin:0 0 1.5em 0;}
	#sub_history dt{width:63px; height:70px; padding:1em 0 0 16px; background-size:95px;}
	#sub_history dt{font-size:105%;}
	#sub_history dt strong{font-size:150%;}
	#sub_history dt span{padding:0 0 0 1em;}
	#sub_history dd{width:74%; margin:0;}
	#sub_history dd ul{padding:1em 0.5em 0.5em 1em;}

	#sub_org ul.info_txt{padding:1em;}

	/* direction*/
	#sub_location .info_txt{margin:0 0 0.5em 0; font-size:130%;}
	
	.member{padding:2% 1.5% 0.8em;}
	.member dd .name{padding:0.2em 0;}

}

/**
아이폰5s
**/
@media screen and (max-width:330px) {
}