@charset "utf-8";

/*개요*/
.summary .top_img {width:100%; height:278px; background:url('/ihc/img/01intro/summary_bg.jpg')no-repeat 50% 50% / cover; text-align:center; font-size:0; line-height:1;}
.summary .top_img p {color:#fff; font-family:'Lato',sans-serif;  font-weight:700; letter-spacing:0;}
.summary .top_img p.txt1 {display:inline-block;font-size:26px;padding-top:50px; padding-bottom:27px; line-height:35px; border-bottom:1px dotted #fff;}
.summary .top_img p.txt1 .dot {padding:5px 12px 0 0; background:url('/ihc/img/01intro/dot.png')no-repeat 100% 0%;}
.summary .top_img p.txt1 .color {color:#4af0ff;}
.summary .top_img p.txt2 {font-size:15px; opacity:.8; line-height:25px; padding-top:25px;}

/* Introduction 센터소개 */
.greeting_wrap{padding-left:360px;background:url(/ihc/img/01intro/greeting_img1.png) no-repeat 0 0; font-size:0; line-height:1;}
.greeting_wrap.img2{background:url(/ihc/img/01intro/greeting_img2.png) no-repeat 0 0;}
.greeting_wrap .headline{padding-bottom:30px; font-weight:800; font-family:'Lato',sans-serif;font-size:25px; line-height:1.2; color:#0a4aa2;}
.greeting_wrap .greeting_txt{padding-bottom:30px;}
.greeting_wrap .greeting_txt p{padding-bottom:20px;font-size:15px;line-height:22px;color:#555;word-break:keep-all;}
.greeting_wrap .director{font-size:14px; color:#222; font-weight:700; letter-spacing:0;}
.greeting_wrap .director .line {display:block; padding-left:25px; background:url(/ihc/img/01intro/g_line.png) no-repeat 0 50%;  margin-bottom:10px;}
.greeting_wrap .director strong{display:block; font-size:22px;}

/*history*/
.history {width:100%; margin-top:50px;}
.history .box {display:inline-block; width:100%; background:url(/ihc/img/01intro/history_line.gif)repeat-y 56px 0;}
.history .box .year {float:left; width:110px; height:44px; line-height:44px; border-radius:30px; box-shadow:4px 5px 4px rgba(10,74,162,0.2); text-align:center; font-size:22px; font-weight:600; font-family:'Lato',sans-serif;  color:#fff; background:#0a4aa2;}
.history .box dl {position:relative; display:inline-block; float:right; width:700px; padding:22px 0 42px 0; font-size:16px;}
.history .box dl dt {position:absolute; padding-left:20px; color:#007be3; font-weight:800; padding-top:20px; font-family:'Lato',sans-serif;}
.history .box dl dd {line-height:20px; padding:20px 0; padding-left:150px; width:540px; border-bottom:1px dashed #ddd; color:#666; font-size:14px;}
.history .box dl dd.history_img {padding:20px 0 20px 20px; border:0;}


/******************************1024******************************/
@media all and (max-width:1024px){

/* Introduction 센터소개 */
.greeting_wrap .headline{font-size:18px;}
.greeting_wrap .greeting_txt{padding-bottom:20px;}
.greeting_wrap .greeting_txt p{ font-size:13px; line-height:1.4;}
.greeting_wrap .director{font-size:13px; display:inline-block;}
.greeting_wrap .director .line {display:block; padding-left:25px;}
.greeting_wrap .director strong{display:block; font-size:18px;}

/*history*/
.history .box .year{display: block;float: none;width:100px;height:35px;line-height:35px;font-size:20px;}
.history .box dl{display:block;float:none;margin-left:80px;width:auto;}
.history .box dl dt{padding:15px 0 0 15px;}
.history .box dl dd{padding:15px 0 15px 140px;width:100%;box-sizing:border-box;}
.history .box dl dd.history_img{padding:15px 15px 0;}

}


/******************************767******************************/
@media all and (max-width:767px){

/* 개요 */
.summary .top_img{padding:30px 0;height:auto;}
.summary .top_img p.txt1{padding:0 0 15px;font-size:20px;line-height:30px;}
.summary .top_img p.txt2{padding-top:20px;font-size:13px;line-height:18px;}

/* Introduction 센터소개 */
.greeting_wrap{text-align:center;}
.greeting_wrap,
.greeting_wrap.img2{padding-left:0;padding-top:270px;background-size:200px auto;background-position:center top;}
.greeting_wrap .headline{font-size:18px;}
.greeting_wrap .greeting_txt p{padding-bottom:15px;}
.greeting_wrap .director{font-size:13px;}
.greeting_wrap .director strong{font-size:16px;}

/*history*/
.history{margin-top:0;}
.history .box{background:none;}
.history .box .year{width: 80px;height: auto;font-size: 17px;padding: 10px 0;line-height: 1;}
.history .box dl{float:none;margin-left:0;padding:20px 0;}
.history .box dl dt {padding-top:0; position:relative;font-size:14px;}
.history .box dl dd{padding:5px 15px 10px;margin-bottom:10px;font-size:13px;}
.history .box dl dd.history_img{padding:5px 0 0;}
.history .box dl dd.history_img img{max-width:100%;}




}