@charset "utf-8";

/* ******************************************************

	Main

*******************************************************/
.contens-wrap {width:1170px;margin:0 auto}
.IBMH010M001.container .contents{min-height:100%}
.main-visual-wrap {position:relative;padding:90px 0 99px;background-color:#ecf0f7;text-align:center;margin-bottom:153px}
.main-visual-wrap h1 {font-weight:100;color:#31486f;font-size:40px;letter-spacing:-1.25px}
.main-visual-wrap h1 strong {font-weight:500;}
.main-visual-wrap .swiper-container {width:1230px;margin:40px auto 0;padding:20px 25px 62px}
.main-visual-wrap .swiper-container .swiper-slide a {display:block;max-width:360px;min-height:360px;line-height:100%;padding:49px 40px;background-color:#fff;text-align:left;letter-spacing:-0.6px;box-shadow:0 0 7px rgba(0,0,0,.1);border-radius:5px;background-repeat:no-repeat;background-position:center 85%;box-sizing:content-box;transition: all .3s;}
.main-visual-wrap .swiper-container .swiper-slide a:hover{min-height:380px;margin-top: -20px;position: relative;transition: all .3s;box-shadow: 0 30px 40px rgba(0,0,0,.2);}
.main-visual-wrap .swiper-container .swiper-slide p {color:#555555;font-weight:300;font-size:20px;line-height:100%;margin-bottom:20px}
.main-visual-wrap .swiper-container .swiper-slide p strong {font-size:30px;font-weight:500;color:#000}
.main-visual-wrap .swiper-container .swiper-slide small {display:block;margin-top:40px;font-size:18px;color:#0373e4}
.main-visual-wrap .swiper-container .swiper-slide span.keyword {display:block;font-size:36px;font-weight:500;color:#0373e4;line-height:1.2em;margin-top:10px}
.main-visual-wrap .swiper-container .swiper-slide.first span.keyword {font-size:46px}
.main-visual-wrap .swiper-container .swiper-slide em {font-style:normal;font-size:46px}
.main-visual-wrap .swiper-container .swiper-slide span.eng{font-family:'NotoSansKR', sans-serif}
.main-visual-wrap .swiper-container .swiper-slide em.txt-num.ht{font-size:46px}
.main-visual-wrap .swiper-container .swiper-slide em.txt-num.ht{position:relative;top:3px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0}
.main-visual-wrap .swiper-pagination-bullet{width:15px;height:15px;background:#bbbbbb;opacity:1}
.main-visual-wrap .swiper-pagination-bullet-active{background:#0373e4}
.main-visual-wrap .swiper-pagination-bullets .swiper-pagination-bullet {font-size:0;line-height:20px;margin:4px;}
.main-visual-wrap .swiper-pagination-bullets .swiper-pagination-bullet:focus{outline:2px solid #87bef5 !important;}
.main-visual-wrap .list {position:absolute;left:50%;bottom:-94px;margin-left:-585px;width:1170px;padding:34px 0 30px;background-color:#fff;z-index:5;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);border-radius:6px}
.main-visual-wrap .list ul{display: flex;width:905px;margin:0 auto;justify-content:space-between;align-items:center}
.main-visual-wrap .list ul li span{font-size:16px;letter-spacing:-0.6px}
.main-visual-wrap .list ul li i{display:block;width:48px;height:48px;margin:0 auto 10px;background-image: url("/resources/images/MH/icon_set_business.png");background-repeat: no-repeat;background-position-y:-2px}
.main-visual-wrap .list ul li i.icon01 {background-position-x: -3px}
.main-visual-wrap .list ul li i.icon02 {background-position-x: -54px}
.main-visual-wrap .list ul li i.icon03 {background-position-x: -102px}
.main-visual-wrap .list ul li i.icon04 {background-position-x: -152px}
.main-visual-wrap .list ul li i.icon05 {background-position-x: -202px}
.main-visual-wrap .list ul li i.icon06 {background-position-x: -253px}
.main-visual-wrap .list ul li i.icon07 {background-position-x: -303px}
.main-visual-wrap .list ul li i.icon08 {background-position-x: -353px}
.main-visual-wrap .autoandstop{position:absolute;left:50%;bottom:4px;width:15px;height:15px;margin-left:50px;z-index:11}
.main-visual-wrap .autoandstop a{display:block;height:15px;background:url("/resources/images/MH/icon_set_play.png") no-repeat center;background-size:205%;}
.main-visual-wrap .autoandstop a:focus{outline:2px solid #87bef5 !important;}
.main-visual-wrap .autoandstop a.stopped{background-position:0 0}
.client-service{margin-bottom:100px}
.client-service:after{content:'';display:block;clear:both}
.client-service > div{float:left;width:370px;height:200px;margin-left:30px;padding:40px;letter-spacing:-0.6px;border-radius:6px}
.client-service > div.recent-service{position:relative;margin-left:0;background:#f7f7f7;}
.client-service > div.recent-service .date{color:#555;font-size:16px;font-weight:300;margin-top:20px}
.client-service > div.recent-service a{display:block;max-width:230px;color:#555555;font-size:16px}
.client-service > div.recent-service a span{vertical-align:middle;font-weight:300;}
.client-service > div i.new{display:inline-block;width:16px;height:16px;background:url("/resources/images/MH/icon_new.png") no-repeat center top;vertical-align:middle;margin-left:5px}
.client-service > div .more-view{position:absolute;right:40px;top:40px;}
.client-service > div h2{margin-bottom:15px;font-weight:500;line-height:100%}
.client-service > div.consult{padding:5px 0 0 0}
.client-service > div.consult > div a{display:block;height:80px;padding-left:123px;background:url("/resources/images/MH/bg_main_consult.png") no-repeat 20px center;line-height:100%}
.client-service > div.consult > div:last-child{margin-top:30px;}
.client-service > div.consult > div:last-child a{background:url("/resources/images/MH/bg_main_call.png") no-repeat 20px center;cursor:default !important}
.client-service > div.consult > div:last-child span{font-size:24px;}
.client-service > div.consult strong{font-weight:400;font-size:20px;color:#000;display:block;padding-top:15px;margin-bottom:12px}
.client-service > div.consult span{color:#737373;font-size:16px}
.client-service > div.banner{padding:0;overflow:hidden}
.client-service > div.banner .fiServ{display:block;padding:40px;height:200px;background:#f9f5e0 url("/resources/images/MH/bg_main_banner.png") no-repeat right bottom}
.client-service > div.banner p{color:#555;font-size:16px;font-weight:300;max-width:128px}
.client-service > div.banner-qr{padding:0;overflow:hidden; }/* choi 메인페이지 대체택스트 조취로 background삭제*/
.hf-dropdown > ul > li > a {position:relative;top:0;left:0;padding:0 15px; width:100%;height:50px;line-height:50px;border:1px solid #eaeaea;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/common/icon-select-chevron.gif) no-repeat 97% center;overflow:hidden}
.hf-dropdown > ul > li > a + ul {display:none;position:absolute;border:1px solid #e0e0e0;width:100%;border-top:0;z-index:20;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);}
.hf-dropdown > ul > li > a:focus + ul{display:block}
.hf-dropdown > ul > li > a + ul > li > a{display:block;background:#fff;text-align:left;font-size:16px;color:#555555;padding:15px 16px;line-height:100%}
.hf-dropdown > ul > li > a + ul > li > a:hover,
.hf-dropdown > ul > li > a + ul > li > a:focus{background:#f7f7f7}
.hf-dropdown > ul > li.active > a + ul{display:block}
.family-site{width:200px}
.family-site .hf-dropdown{max-width:200px;position:relative}
.family-site .hf-dropdown > ul > li > a{color:#555555;font-size:16px;font-weight:350}
.family-site .hf-dropdown > ul > li > a{background-position-x:175px} 





/* ******************************************************

	My HF

*******************************************************/
/*
.custom-select {position:relative;top:0;left:0;padding:0 15px; width:200px;height:50px; border:1px solid #eaeaea;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/common/icon-select-chevron.gif) no-repeat center;background-position-x:175px;}
.account-select {position:relative;top:0;left:0;padding:0 15px; width:340px;height:50px; border:0 none;border-bottom:2px solid #292f36;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/common/icon-select-chevron.gif) no-repeat center;background-position-x:315px;font-size:24px;color:#555555;km}

select::-ms-expand {display:none;}


.tabbar {position:relative;top:0;width:100%;height:60px;border:1px solid #eee;box-shadow:0 3px 7px rgba(0,0,0,.1); background-color:#fff;z-index:100;}
.fixed {position:fixed;top:0;left:0;width:100%;}
.tabbar .tabbar-inner {position:relative;top:0;left:0;width:1170px;margin:0 auto;}
.tabbar .tabbar-inner .tab-select {position:relative;top:0;left:0;padding:0 15px;width:240px;height:58px;box-sizing:border-box;border-top:0 none;border-bottom:0 none;border-left:1px solid #eee;font-size:15px;border-right:1px solid #eee;color:#666;margin-left: -4px;background:url(../images/common/icon-select-chevron.gif) no-repeat center;background-position-x:210px;}
.tabbar .tabbar-inner .tab-select.v2 {color:#000;}
.tabbar .tab-select:after {content:'';position:absolute;top:0;left:0;background:url(../images/common/icon-select-chevron.gif) no-repeat;background-size:10px 5px;width:10px;height:5px;}



.IBMHCOM .contents {width:100%;background-color:#fff;}
.IBMHCOM .contents .subvisual {position:relative;top:0;left:0;width:100%;height:240px;background-color:#f2f5fa;}
.IBMHCOM .contents .subvisual .text-wrap{position:relative;top:0;left:0;width:1170px;height:240px;padding-left:60px;margin:0 auto;}
.IBMHCOM .contents .subvisual .text-wrap .title {padding-top:60px;margin-bottom:20px;font-size:46px;color:#004281;font-weight:500;}
.IBMHCOM .contents .subvisual .text-wrap .subtitle {font-size:18px;color:#555;}
.IBMHCOM .contents .subvisual .text-wrap img{position:absolute;bottom:-5px;right:0;width:441px;}



.IBMHCOM .contents .title-area {position:relative;top:0;left:0;width:100%;max-width:1170px;height:210px;margin:0 auto;}
.IBMHCOM .contents .title-area .title-wrap {position:relative;top:30px;display:flex;justify-content:center;}
.IBMHCOM .contents .title-area .title-wrap .mainTitle {position:relative;top:0;left:0;font-size:40px;}
.IBMHCOM .contents .title-area .title-wrap .mainTitle:after {content:'';position:absolute;top:80px; left:50%; width:1px; height:30px; background-color:#eee;margin-bottom:30px;}

.IBMHCOM .contents .title-area .toolbar {display:flex;justify-content:flex-end;align-contents:center;position:relative;top:15px;}
.IBMHCOM .contents .title-area .toolbar .text-btn {position:relative;top:0;left:0;padding:10px;margin:0 10px;font-size:13px;}
.IBMHCOM .contents .title-area .toolbar .text-btn:last-child {margin-right:0;top:2px;}
.IBMHCOM .contents .title-area .toolbar .text-btn:first-child:before{display:none;}
.IBMHCOM .contents .title-area .toolbar .text-btn:before {content:'';position:absolute;top:16px;left:-10px;width:1px;height:14px;background-color:#eee;}
.IBMHCOM .contents .title-area .toolbar .text-btn:last-child:before{top:14px;}


*/


/* 접근성 */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {}
.swiper-container-android .swiper-slide, .swiper-wrapper {/* overflow:hidden; */}