@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-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-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;   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; }
.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;}

/* mission_vision */
.mission_wrap .mission .mbx_tit{height:104px;font-size:22px;color:#000;text-align:center;border:3px solid #d8d8d8;box-sizing:border-box;margin-bottom:38px;}
.mission_wrap .mission .mbx_tit p.tit{display:inline-block;width:202px;height:47px;font-size:20px;font-weight:600;color: #fff;text-align: center;line-height: 47px;border-radius: 47px;margin-top: -23px;background: #0a4aa2;}
.mission_wrap .mission .mbx_tit p.txt{padding-top: 25px;}
.mission_wrap .mission ul li.icon01{background: url(/img/03intro/mission_icon01.gif) no-repeat left 50%;}
.mission_wrap .mission ul li.icon02{background: url(/img/03intro/mission_icon02.gif) no-repeat left 50%;}
.mission_wrap .mission ul li.icon03{background: url(/img/03intro/mission_icon03.gif) no-repeat left 50%;}
.mission_wrap .mission ul li.icon04{background: url(/img/03intro/mission_icon04.gif) no-repeat left 50%;}
.mission_wrap .mission ul li.icon05{background: url(/img/03intro/mission_icon05.gif) no-repeat left 50%;}
.mission_wrap .mission ul li .mbx_info{margin-left: 154px;border: 2px solid #dadada;padding: 30px;margin-top: 10px;}
.mission_wrap .mission ul li.icon01 .mbx_info{margin-top:55px;}
.mission_wrap .mission ul li .mbx_info p.tit{font-size: 20px;color: #000;line-height: 1;margin-bottom: 20px;}
.mission_wrap .mission ul li .mbx_info p.tit span.eng{color: #467dc2;font-weight: 600;padding-right: 10px;}

.mission_wrap .vision {width:100%;margin-top:50px;}
.mission_wrap .vision .tit.stella{width:100%;height:263px;font-size: 66px;line-height: 1;color: #fff;font-weight: 800;padding: 205px 0 0 72px;box-sizing: border-box;background:url(/img/03intro/vision_fir_bg.jpg) no-repeat 0 0; background-size:cover;}
.mission_wrap .vision .txt {font-size:16px; line-height:26px; text-align:center; padding-top:50px;color:#000;}
.mission_wrap .vision .txt span{display:inline-block;width:100%;font-size:21px;line-height:1;color:#1677e6;margin-bottom:35px;}
.mission_wrap .vision .vbx {display:inline-block;width:100%;height: 305px;margin-top: 60px;padding-top: 64px;background: url(/img/03intro/vision_sec_bg.gif) no-repeat 50% top;}
.mission_wrap .vision .v_video {width:80%; margin:40px auto;}

.mission_wrap .vision .vbx2 {text-align:center;}
.mission_wrap .vision .vbx2 .txt1 {text-align:center; font-size:40px;font-weight:900; color:#000; margin-bottom:40px;}
.mission_wrap .vision .vbx2 .txt2 {text-align:center; display:inline-block;  padding:30px 80px; line-height:1; border:2px solid #636363; font-size:28px; color:#000; border-radius:50px;box-shadow:0 10px 20px rgba(0,0,0,0.1); margin-bottom:30px;}

.mission_wrap .vision .vbx3 {text-align:center; overflow:hidden;}
.mission_wrap .vision .vbx3 h3 {text-align:left;}

.mission_wrap .vision .vbx3 dl {width:158px; float:left;  margin-left:14px; background:url(/img/03intro/vision_line.gif)repeat-y 50% 0;}
.mission_wrap .vision .vbx3 dl:nth-of-type(1) {margin-left:0;}
.mission_wrap .vision .vbx3 dl dt {width:100%; height:212px; font-size:15px; margin-bottom:30px; background:#285793;  color:#fff;  word-break:keep-all;}
.mission_wrap .vision .vbx3 dl dt p.tit {font-size:17px;font-weight:700;padding:30px 0 90px 0; }
.mission_wrap .vision .vbx3 dl.icon1 dt {background:#285793 url(/img/03intro/vision_icon01.gif) no-repeat 50% 43%;}
.mission_wrap .vision .vbx3 dl.icon2 dt {background:#318de2 url(/img/03intro/vision_icon02.gif) no-repeat 50% 43%;}
.mission_wrap .vision .vbx3 dl.icon3 dt {background:#01adfd url(/img/03intro/vision_icon03.gif) no-repeat 50% 43%;}
.mission_wrap .vision .vbx3 dl.icon4 dt {background:#8cce19 url(/img/03intro/vision_icon04.gif) no-repeat 50% 43%;}
.mission_wrap .vision .vbx3 dl.icon5 dt {background:#fda826 url(/img/03intro/vision_icon11.gif) no-repeat 50% 43%;}

.mission_wrap .vision .vbx3 dl dd {display:table; width:100%; height:55px; margin:10px 0 0 0; }
.mission_wrap .vision .vbx3 dl dd span {display:table-cell; width:100%;padding:5px 10px;word-break:keep-all; margin:5px 0; background:#ddd; vertical-align:middle; line-height:1.4; color:#222;}
.mission_wrap .vision .vbx3 dl.icon1 dd span{background:#edf5ff; border:2px solid #c7cdd6;}
.mission_wrap .vision .vbx3 dl.icon2 dd span{background:#daedff; border:2px solid #afcef3;}
.mission_wrap .vision .vbx3 dl.icon3 dd span{background:#e5f5fb; border:2px solid #a9d6e6;}
.mission_wrap .vision .vbx3 dl.icon4 dd span{background:#f0ffd6; border:2px solid #c6dc9e;}
.mission_wrap .vision .vbx3 dl.icon5 dd span{background:#fdf0db; border:2px solid #f7d59f;}

.mission_wrap .vision .vbx4 ul {overflow:hidden; display:inline-block; width:100%; padding:0 0 20px 0;}
.mission_wrap .vision .vbx4 ul li {width:30.8%; float:left; text-align:center; font-size:18px; padding:18px 0; border-radius:50px; border:2px solid #ddd; margin:0 1%;
 box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.mission_wrap .vision .vbx4 ul li.num1 {border-color:#285793; color:#222;}
.mission_wrap .vision .vbx4 ul li.num2 {border-color:#fda826; color:#222;}
.mission_wrap .vision .vbx4 ul li.num3 {border-color:#8cce18; color:#222;}

.mission_wrap .vision .box {clear:both;}
.mission_wrap .vision .box .ethics {display: inline-block;width: 849px;box-shadow: 10px 8px 20px 0px rgba(0,0,0,0.09);}
.mission_wrap .vision .box .ethics ul li{float:left;width: 284px;height:258px;color:#fff;border: 1px solid #e9e9e9;box-sizing: border-box;margin: 0 0 -1px -1px;}
.mission_wrap .vision .box .ethics ul li.bg01{background: url(/img/03intro/vision_icon05.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li.bg02{background:url(/img/03intro/vision_icon06.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li.bg03{background:url(/img/03intro/vision_icon07.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li.bg04{background:url(/img/03intro/vision_icon08.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li.bg05{background:url(/img/03intro/vision_icon09.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li.bg06{background:url(/img/03intro/vision_icon10.gif) no-repeat 50% 16%;}
.mission_wrap .vision .box .ethics ul li dl {text-align:center;margin-top:112px;}
.mission_wrap .vision .box .ethics ul li dl dt {width:100%;font-size:23px;font-weight:600;color:#000;}
.mission_wrap .vision .box .ethics ul li dl dd::before{content:"";display:block;width:24px;height:3px;margin: 18px auto;background:#ffa630;}
.mission_wrap .vision .box .ethics ul li dl dd {width:100%;color:#464646;}


/******************************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;}

/*미션*/
.mission_wrap .mission img{width:100%;}

/*비전*/
.mission_wrap .vision .vbx{height:auto;margin: 50px 0;padding-top:47px;}
.mission_wrap .vision .vbx ul li{width: 19.7%;padding-left:7%;}
.mission_wrap .vision .vbx ul li p.cir{height: 150px;font-size: 17px;background-size: 35px auto !important;}
.mission_wrap .vision .vbx ul li p.cir_txt{font-size: 15px;line-height: 20px;}

.mission_wrap .vision .vbx2 .txt1 {font-size:35px;}
.mission_wrap .vision .vbx2 .txt2 {font-size:22px;}
.mission_wrap .vision .vbx2 .mimg  {max-width:80%; margin:0 auto;}


.mission_wrap .vision .vbx3 dl {width:19%; margin-left:1%;}
.mission_wrap .vision .vbx3 dl:nth-of-type(1) {margin-left:1%;}
.mission_wrap .vision .vbx3 dl dt {width:100%; height:180px; font-size:14px; }
.mission_wrap .vision .vbx3 dl dt p.tit {font-size:18px; padding:20px 0 80px 0; }


.mission_wrap .vision .vbx4 ul li {width:31%; box-sizing:border-box; font-size:15px; padding:15px 0;}

.mission_wrap .vision .box .ethics{width:100%;}
.mission_wrap .vision .box .ethics ul li{width:33.4%;}

}


/******************************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%;}


/*미션*/
.mission_wrap .mission .mbx_tit{font-size:17px;}
.mission_wrap .mission > ul > li{background-size: 90px auto !important;background-position: 15px 20px !important;;}
.mission_wrap .mission ul.list3 li{background: none;padding-left: 0;}
.mission_wrap .mission ul li .mbx_info{margin-left: 0;padding: 20px 15px 20px 130px;}
.mission_wrap .mission ul li .mbx_info p.tit{font-size:17px;}

/*비전*/
.mission_wrap .vision .tit.stella{height: 150px; line-height: 150px;padding: 0 0 0 10px;font-size: 26px;box-sizing: border-box;background-position: 67% 21%;}
.mission_wrap .vision .txt{font-size: 15px;word-break: keep-all;}
.mission_wrap .vision .txt span{font-size: 18px;line-height: 23px;margin-bottom: 20px;}
.mission_wrap .vision .v_video {width:100%; margin:0 auto; margin-top:30px;}
.mission_wrap .vision .v_video iframe {height:250px;}

.mission_wrap .vision .vbx{background: none;padding-top: 0;}
.mission_wrap .vision .vbx ul li{width:25%;padding-left: 0;}
.mission_wrap .vision .vbx ul li p.cir{width: 100%;height: auto;padding: 20px 0 70px 0;border-radius: 0;background-position: 50% 71% !important;}
.mission_wrap .vision .vbx ul li p.cir_txt{word-break: keep-all;font-size: 13px;box-sizing: border-box;margin-top: 11px;padding: 10px;}

.mission_wrap .vision .vbx2 .txt1 {font-size:30px; margin-bottom:25px;}
.mission_wrap .vision .vbx2 .txt2 {font-size: 16px; padding: 15px 30px; line-height: 1.4; word-break: keep-all;}
.mission_wrap .vision .vbx2 .mimg  {max-width:80%; margin:0 auto;}

.mission_wrap .vision .vbx3 {text-align:center;}
.mission_wrap .vision .vbx3 dl {width:48%; display:inline-block; float:none; margin-bottom:20px; vertical-align:top;}
.mission_wrap .vision .vbx3 dl dt {width:100%; font-size:14px; background-size:45px !important;}
.mission_wrap .vision .vbx3 dl dt p.tit {font-size:17px;}

.mission_wrap .vision .vbx3 dl dd {display:table; width:100%; height:55px; margin:10px 0 0 0; }
.mission_wrap .vision .vbx3 dl dd span {display:table-cell; width:100%;  word-break:keep-all; margin:5px 0; background:#ddd; vertical-align:middle; line-height:1.4; color:#222;}

.mission_wrap .vision .box .ethics ul li{width: 50%;height: 165px;background-size: 43px auto !important;background-position: 50% 0 !important;}
.mission_wrap .vision .box .ethics ul li.bg01,
.mission_wrap .vision .box .ethics ul li.bg02{height:180px;}
.mission_wrap .vision .box .ethics ul li dl{margin-top:50px;}
.mission_wrap .vision .box .ethics ul li dl dt{font-size: 18px;}
.mission_wrap .vision .box .ethics ul li dl dd{padding: 10px;box-sizing: border-box;word-break: keep-all;}
.mission_wrap .vision .box .ethics ul li dl dd::before {margin:10px auto;}



}