@charset "utf-8";
#container {height: auto; width:100%; margin:0 auto; text-align:center}

/*¸ÞÀκñÁÖ¾ó*/
.inner {width:1100px; margin:0 auto;}
.main_bg {background:#dfebf9 url('/img/main/main_bg.jpg')no-repeat 0 0%; }
#mvisual {position:relative; width:100%; height:550px; overflow:hidden; font-size:0; line-height:1; z-index:1;}
#mvisual .swiper-slide{height:550px;background:url(/ihc/img/main/mvisual.jpg) no-repeat center;}
#mvisual .swiper-slide.bg02 {background:url(/ihc/img/main/mvisual02.jpg) no-repeat center;}
#mvisual .swiper-slide.bg03 {background:url(/ihc/img/main/mvisual03.jpg) no-repeat center;}
#mvisual .swiper-slide img{display:none;}
#mvisual .swiper-slide .inner{width:1100px; margin:0 auto;}
#mvisual .swiper-slide .text {position:absolute; top:0; font-size:34px; color:#fff; font-family:'Lato',sans-serif; z-index: 1; text-align:left; letter-spacing:0;}
#mvisual .swiper-slide .text .txt1 {margin-bottom:28px; margin-left:-200px; line-height:1.2; letter-spacing:0;font-family:'Lato',sans-serif;padding-top:90px; text-shadow:2px 2px 3px rgba(0,0,0,0.3); opacity:0;}
#mvisual .swiper-slide .text .txt2 {font-size:20px; font-family:'NotoKrM'; letter-spacing:-0.05em; opacity:0; margin-top:50px;}
#mvisual .swiper-slide .text .txt1 strong {font-family:'Lato',sans-serif; letter-spacing:-0.05em;}
#mvisual .mvisu_page {width:1100px; margin:0 auto; position:relative; bottom:190px !important; left:0; z-index:3; text-align:left;}
#mvisual .mvisu_page .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:0.5; margin-left:10px;}
#mvisual .mvisu_page .swiper-pagination-bullet-active {width:28px; height:10px; border-radius:20px; opacity:1;}

/*¾Ö´Ï¸ÞÀ̼Ç*/
#mvisual .swiper-slide.swiper-slide-active .text .txt1{animation:btxt 0.8s 0.3s forwards;-webkit-animation:btxt 0.8s 0.3s forwards;opacity:1\9; margin-top:0\9;}
#mvisual .swiper-slide.swiper-slide-active .text .txt2{animation:stxt 0.8s 1s forwards;-webkit-animation:stxt 0.8s 1s forwards;opacity:1\9; top:220px\9;}
@keyframes btxt{to{opacity:1;margin-left:0;}}
@-webkit-keyframes btxt{to{opacity:1;margin-right:0;}}
@keyframes stxt{to{opacity:1;margin:0;}}
@-webkit-keyframes stxt{to{opacity:1; margin:0;}}

/* ¹Ú½º */
.box_wrap {position:relative; margin-top:-110px; z-index:2; overflow:hidden; margin-bottom:70px; box-shadow:1px 4px 5px rgba(0,0,0,0.2);}
.box_wrap .cbox {width:275px; height:300px; background:#ddd; float:left;background-repeat:no-repeat; background-position:center center; font-size:0; line-height:0;}
.box_wrap .cbox h3 {font-size:25px; font-family:'Lato',sans-serif; color:#fff; letter-spacing: 0; padding: 22px 0 15px 0; line-height:1.2;  font-weight:500;}
.box_wrap .cbox .txt1 {font-size:17px; color:#a2dfff; line-height:22px; font-family:'Lato',sans-serif; letter-spacing: 0; margin-bottom:22px;}
.box_wrap .cbox input[type="text"] {height:42px; line-height:42px; border:0;}
.box_wrap .cbox input {-webkit-appearance: none; -webkit-border-radius: 0;} 
.box_wrap .cbox .wrap_search { width:210px; margin:0 auto; overflow:hidden;}
.box_wrap .cbox .wrap_search li {position:relative; width:100%; float:left; overflow:hidden; margin-bottom:7px; border:0;box-shadow: 0 0 3px rgba(0,0,0,0.1) inset; background: rgba(255,255,255,0.1); }
.box_wrap .cbox .wrap_search li input {width:100%;}
.box_wrap .cbox .wrap_search li input.txt_input {padding:0 10px;}
.box_wrap .cbox .wrap_search li .inp_btn{width:210px; display: block; color: #fff; width: 100%; height: 38px; font-size: 15px;font-family: 'Lato',sans-serif; border:0;box-shadow: 0 0 3px rgba(0,0,0,0.1) inset; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.4);}
.box_wrap .cbox .wrap_search li label{position: absolute; top: 10px;  left: 10px; line-height: 1; font-size: 14px; color:#a8a8a8;}

/* ¹Ú½º ÄÁÅÙÃ÷ */
.box_wrap .cbox.bg01 h3 span {font-weight:700;}
.box_wrap .cbox.bg02 .btn_wrap{width:210px; margin:0 auto; margin-top:5px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.box_wrap .cbox.bg02 .con_btn {display: block; color: #fff; width: 100%; height: 38px; line-height:38px; font-size: 15px;font-family: 'Lato',sans-serif; border:0;box-shadow: 0 0 3px rgba(0,0,0,0.1) inset; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.4); margin-top:-1px;}

.box_wrap .cbox .wrap_btn {width:210px; margin:0 auto; box-shadow:0 0 5px rgba(0,0,0,0.2); margin-top:10px;}
.box_wrap .cbox .wrap_btn.no2 li {width:49%; float:left; margin-left:-1px;}
.box_wrap .cbox .wrap_btn li {border:1px solid rgba(255,255,255,0.4); margin-top:-1px;}
.box_wrap .cbox .wrap_btn li a {display:block; color:#fff; width:100%; height:38px; 
line-height:38px; font-size:15px; font-family:'Lato',sans-serif; box-shadow: 0 0 3px rgba(0,0,0,0.1) inset; background:rgba(255,255,255,0.1);}

.box_wrap .cbox.bg01 {background:#184392 url(/ihc/img/main/cbox_bg01.gif) no-repeat 50% 50%; background-size:cover;}
.box_wrap .cbox.bg02 {background:#1574bd;}
.box_wrap .cbox.bg03 {background:#34afef;height:150px;}
.box_wrap .cbox.bg04 {background:#fff; height:150px;}
.box_wrap .cbox.bg05 {background:#e2eaf4; height:150px;}
.box_wrap .cbox.bg06 {background:#228ee2; height:150px;}

.box_wrap .cbox.bg03 .wrap_btn {margin-top:0;}
.box_wrap .cbox.bg04 h3 {color:#1c1c1c; font-size:22px; padding-top:35px; margin-bottom:10px; font-weight:700;  line-height:1;}
.box_wrap .cbox.bg04 .txt1{color:#0b42a3; font-size:26px; font-weight:700; color:#0b42a3 !important;}
.box_wrap .cbox.bg04 .txt1 span {padding:10px 0 10px 45px; background:url('/ihc/img/main/app_icon.png')no-repeat 0 50%;} 

.box_wrap .cbox.bg05 h3 {color:#1c1c1c; font-size:22px; padding:25px 0 14px 0; font-weight:700; line-height:1;}
.box_wrap .cbox.bg05 h3 span{color:#7d8a9b; font-size:13px;}
.box_wrap .cbox.bg05 .txt1 {color:#4e637e; font-size:19px;  font-weight:700;}

.box_wrap .cbox.bg06 h3 {font-size:20px;}
.box_wrap .cbox.bg06 h3 span {display:inline-block; text-align:left; background:url('/ihc/img/main/youtube_bg.png')no-repeat 100% 50%; padding-right:85px;}
.box_wrap .cbox.bg06 .wrap_btn {margin-top:0;}

/* °Ç°­Á¤º¸ */
.health_sec {overflow:hidden;  text-align:left; line-height:1; padding-bottom:80px;}
.health_sec h3{font-size: 28px; color:#000; margin-bottom:26px; display:inline-block;}
.health_sec ul {overflow:hidden; border-top:1px solid #d2d2d2;}
.health_sec .more_btn {float:right; vertical-align:middle; line-height:28px; font-size:28px; color:#b6b9bd; padding:0 20px;}

.health_sec .left {width:598px; float:left;}
.health_sec .left ul li {position:relative; overflow:hidden; padding:25px 0; border-bottom:1px solid #d2d2d2; font-family:'Lato'; }
.health_sec .left ul li .thumb{width:320px; height:200px; float:left; overflow:hidden;}
.health_sec .left ul li .thumb img {width:100%; height:100%;}
.health_sec .left ul li .info {width:240px; float:right; vertical-align:top; line-height:0; font-size:0; font-family:'Lato';}
.health_sec .left ul li .info .tit {font-size:18px; line-height:22px; color:#000; word-break:keep-all; font-weight:700; margin:20px 0; overflow:hidden;
white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family:'Lato',sans-serif;}
.health_sec .left ul li .info .name {font-size:15px; line-height:20px; color:#777777; margin-bottom:18px; font-family:'Lato',sans-serif;
 overflow:hidden;white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.health_sec .left ul li .info .date {font-size:14px; line-height:1; color:#184496; font-weight:700;font-family:'Lato',sans-serif;}

.health_sec .right {width:445px; float:right;}
.health_sec .right ul li {padding: 7px 0;font-family:'Lato';}
.health_sec .right ul li .thumb{width:216px; height:126px; display:none;}
.health_sec .right ul li .thumb img {width:100%;}
.health_sec .right ul li .info {width:100%; float:none;}
.health_sec .right ul li .info .tit {font-size: 16px;line-height:22px;color:#000;font-family:'Lato',sans-serif;word-break:keep-all;font-weight:700;margin:10px 0;overflow:hidden;white-space: normal;line-height: 1;height: 1em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.health_sec .right ul li .info .name {font-size: 14px; line-height:20px; color:#777777; margin-bottom: 8px; font-family:'Lato',sans-serif; overflow:hidden;
 white-space: normal; line-height: 1.2; height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.health_sec .right ul li .info .date {font-size: 14px;line-height:1;color:#184496;font-weight:700;font-family:'Lato',sans-serif; margin-bottom:10px;}

/*¿µ»ó ¹Ù·Î°¡±â*/
.mvideo h3 {font-size: 35px; color:#000; margin-bottom:50px;}
.mvideo .inner {padding:80px 0;}
.mvideo .mvideo_swiper {overflow:hidden; height:240px;}
.mvideo ul li {position:relative; float:left; width:338px; margin-left:28px; text-align:center; font-size:0; line-height:1;}
.mvideo ul li:first-child {margin-left:0;}
.mvideo ul li .thumb {width:100%; height:208px; overflow:hidden;}
.mvideo ul li .thumb .m_btn {position:absolute; top:0; left:50%; z-index:2; display:block; width:58px; height:44px; background:url('/ihc/img/main/media_btn.png')no-repeat 50% 50% / cover; margin-left: -8%; margin-top: 20%;}
.mvideo ul li .thumb img {width:100%;}
.mvideo ul li .info {position:relative; display:inline-block; width:268px; padding:20px 10px; background:#fff;  margin-top:-40px; font-size:18px; font-family:'Lato',sans-serif; font-weight:700; color:#000;
letter-spacing:0;}
.mvideo ul li .thumb .simg {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s; overflow:hidden;}
.mvideo ul li .thumb:hover .simg {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

/********************** ÅÂºí¸´ ************************/
@media (max-width: 1024px) {

#container.main{padding-top:50px;}

/* ¸ÞÀκñÁÖ¾ó */
#mvisual .swiper-slide{height:600px;}
#mvisual .swiper-slide .text{left:10px;font-size:40px;}
#mvisual .swiper-slide .inner{width:100%;}
#mvisual .swiper-slide .inner .text dl{top:25px;}
#mvisual .swiper-slide .inner .text dl dt{font-size:14px;}
#mvisual .swiper-slide .inner .text dl dd{font-size:20px;}
#mvisual .swiper-slide .text .txt1{padding-top:120px;line-height:53px;}
#mvisual .swiper-slide .text .txt2{font-size:18px;}
#mvisual .mvisu_page{width:auto;margin-top:30px;}

/* ¹Ù·Î°¡±â ¹Ú½º */
.inner{width:auto;}
.box_wrap{margin-top:0;margin-bottom:0;}
.box_wrap .cbox{width:50%;height:300px;background-size:cover !important;}
.box_wrap .cbox h3{padding:25px 0 20px; font-size:22px;}
.box_wrap .cbox .wrap_search {width:auto; margin:0 20px;}

.box_wrap .cbox.bg02 .con_btn,
.box_wrap .cbox .wrap_btn li a{height:35px; line-height:35px;}

.box_wrap .cbox.bg04 h3 {padding-top:30px;}

.box_wrap .cbox.bg03,
.box_wrap .cbox.bg04,
.box_wrap .cbox.bg05,
.box_wrap .cbox.bg06{height:130px;}
.box_wrap .cbox.bg05 h3 {padding:25px 0 20px 0}
.box_wrap .cbox.bg06 h3 {font-size:18px; padding:20px 0 10px;}

/* °Ç°­Á¤º¸ */
.health_sec {margin-top:40px;}
.health_sec.inner {  padding: 0 2%; box-sizing: border-box;}
.health_sec h3{font-size: 22px;}
.health_sec .left {width:100%; float:none;}
.health_sec .left ul li {padding:20px 0;}
.health_sec .left ul li .thumb{position:absolute; top:20px; left:0; width:200px; height:120px; }
.health_sec .left ul li .info {width:100%; float:none; padding-left:220px; box-sizing:border-box;}
.health_sec .left ul li .info .tit {font-size:16px; line-height:1.2; margin:0 0 5px 0;}
.health_sec .left ul li .info .name {font-size:14px; line-height:1.4; 
 overflow:hidden; white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.health_sec .left ul li .info .date {font-size:13px;}

.health_sec .right {width:100%; float:none; margin:30px 0;}
.health_sec .right ul li {padding:6px 0;}
.health_sec .right ul li .thumb{position:absolute; top:20px; left:0; width:142px; height:72px;}
.health_sec .right ul li .info {width:100%; float:none; padding-left:0; box-sizing:border-box;}
.health_sec .right ul li .info .tit {font-size:16px; line-height:1.2; color:#000;  margin:10px 0; overflow:hidden;
white-space: normal; line-height: 1; height: 1em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.health_sec .right ul li .info .name {font-size:14px; white-space: normal; line-height: 1.2; height: 1.2em; -webkit-line-clamp: 1;}
.health_sec .right ul li .info .date {font-size:14px; line-height:1;}


/*¿µ»ó ¹Ù·Î°¡±â*/
.mvideo h3 {font-size: 28px; color:#000; margin-bottom:30px;}
.mvideo .inner {padding:40px 0;}
.mvideo ul li {float:left; width:31%; margin-left:2.734%; text-align:center; font-size:0; line-height:1;}
.mvideo ul li .thumb {width:100%; height:auto;}
.mvideo ul li .thumb img {width:100%;}
.mvideo ul li .info {width:80%; font-size:16px;}



}
/********************** ¸ð¹ÙÀÏ ************************/
@media (max-width: 767px) {

#mvisual{height:300px;}
#mvisual .swiper-slide{height:300px;}
#mvisual .swiper-slide .text{font-size:18px;}
#mvisual .swiper-slide .text .txt1{padding-top:75px;line-height:1.3; margin-left:0; font-weight:800;}
#mvisual .mvisu_page{margin-top:0;bottom:50px !important;}
#mvisual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px !important;}
#mvisual .mvisu_page{padding:0 8px;}
#mvisual .mvisu_page .swiper-pagination-bullet{width:8px;height:8px;margin-left:8px;}
#mvisual .mvisu_page .swiper-pagination-bullet-active{width:24px;height:8px;}

#mvisual .swiper-slide.bg01,
#mvisual .swiper-slide.bg02,
#mvisual .swiper-slide.bg03 {background-position:50% 50%; background-size:cover;}


/* ¹Ù·Î°¡±â ¹Ú½º */
.inner{width:auto;}
.box_wrap .cbox{width:50%;height:260px;}
.box_wrap .cbox h3{padding:20px 0 20px; font-size:16px; font-weight:800;}
.box_wrap .cbox .txt1 {font-size:13px; line-height:1.2;}

.box_wrap .cbox.bg02 .btn_wrap{width:80%; margin:0 auto;}
.box_wrap .cbox.bg02 .con_btn {width: 100%; height: 35px; line-height:35px; font-size: 13px; text-overflow:ellipsis;
white-space:nowrap; word-wrap:normal;overflow:hidden;}

.box_wrap .cbox .wrap_btn {width:80%;}
.box_wrap .cbox .wrap_btn li a {height:35px; line-height:35px; font-size:13px;}

.box_wrap .cbox.bg03,
.box_wrap .cbox.bg04,
.box_wrap .cbox.bg05,
.box_wrap .cbox.bg06{height:120px;}

.box_wrap .cbox.bg04 h3 {padding-top:20px; font-size:15px; padding-bottom:10px; font-weight:800;}
.box_wrap .cbox.bg05 h3 {padding:26px 0 10px 0; font-size:15px; font-weight:800;}
.box_wrap .cbox.bg05 h3 span {font-size:12px; font-weight:normal;}
.box_wrap .cbox.bg06 h3 {font-size:14px;}

.box_wrap .cbox.bg04 .txt1 {font-size:16px; margin-top:32px;}
.box_wrap .cbox.bg04 .txt1 span {background-size:25px; padding: 30px 0 0 0; background-position: 50% 0; color:#0b42a3;}
.box_wrap .cbox.bg05 .txt1 {font-size:14px; color:#4e637e;}
.box_wrap .cbox.bg06 h3 span {background-size:20px; padding-right:35px;}

/* °Ç°­Á¤º¸ */
.health_sec {margin-top:40px;}
.health_sec.inner {padding:0 2%; box-sizing:border-box;}
.health_sec h3{font-size: 18px; margin-bottom:20px;}

.health_sec .left{width:100%; float:none;}
.health_sec .left ul li .thumb{width:160px; height:110px;}
.health_sec .left ul li .info {width:100%; float:none; padding-left:180px;}
.health_sec .left ul li .info .tit {font-size:15px; line-height:1.2; height:2.4em; -webkit-line-clamp: 2;  margin:0 0 15px 0; -webkit-box-orient: vertical;  word-wrap: break-word; display: -webkit-box;}
.health_sec .left ul li .info .name {font-size:13px; line-height:1.3;}
.health_sec .left ul li .info .date {font-size:13px;}

.health_sec .right {width:100%; float:none; margin:30px 0; }
.health_sec .right ul li {padding:12px 0;}
.health_sec .right ul li .thumb{display:none;}
.health_sec .right ul li .info {width:100%; float:none; padding-left:0; box-sizing:border-box;}
.health_sec .right ul li .info .tit {font-size:15px; line-height:1.2; height:1.2em; margin:0 0 10px 0;}
.health_sec .right ul li .info .name {font-size:13px; line-height:1.3;}
.health_sec .right ul li .info .date {font-size:13px; margin-bottom:0;}

/*¿µ»ó ¹Ù·Î°¡±â*/
.mvideo h3 {font-size: 18px; margin-bottom:20px;}
.mvideo .inner {padding:20px 2%; box-sizing:border-box;}
.mvideo .mvideo_swiper {height:auto;}
.mvideo ul li {width:48%; margin:0 1%;}
.mvideo ul li:fisrt-child {margin-left:1%;}
.mvideo ul li .thumb {width:100%; height:auto;}
.mvideo ul li .info {padding:10px; font-size:14px;}
.mvideo ul li .thumb .m_btn {width:38px; height:24px;}

}
/********************** ¸ð¹ÙÀÏ ************************/
@media (max-width: 380px) {

.box_wrap .cbox.bg02 .con_btn{font-size:11px;}
.box_wrap .cbox.bg05 h3{padding:12px 8px 10px;line-height:17px;}
.box_wrap .cbox.bg05 h3 span{font-size:11px;line-height:13px;}

}