@charset "utf-8";
@font-face {
    font-family: 'HSSummer';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/HSSummer.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://webfontworld.github.io/naver/NanumSquare.css');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://webfontworld.github.io/bccard/Paybooc.css');
@import url('https://webfontworld.github.io/gonggames/EsaManru.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* header area */
.at-menu { border-bottom: 1px solid rgba(255,255,255,.15); }
.pc-menu-wrap:hover { background-color: rgba(0,0,0,.7); }
.at-tbl .title .mont { font-size: 60px; font-weight: 700; color: #fff; font-family: 'Montserrat', sans-serif; }

/* menu area */
.pc-menu-cell .menu-ul li.ref-home { display: none; }
.nav-fixed .pc-menu-cell .menu-ul li.ref-home { display: table-cell; }
.pc-menu .menu-li.active .menu-span { background: none; color: #ecc500; }
.pc-menu .menu-li:hover .menu-span { background: none; color: #ecc500; }
.pc-menu .menu-li .header-nav-dep-2:after { content:"";position:absolute;top:-15px;left:50%;width:0;height:1px;background-color:#ecc500;transform:translateX(-50%);transition:.2s }
.pc-menu .menu-li:hover .header-nav-dep-2:after { width: 50px; }
.pc-menu .menu-li > .header-nav-dep-2 {position:relative;transition:.2s}
.pc-menu .menu-li > .header-nav-dep-2.dep-off {height:0 !important}
.nav-fixed .pc-menu .menu-li.active .menu-span, .nav-fixed .pc-menu .menu-li:hover .menu-span { color: #fff; }
.nav-fixed .pc-menu .menu-li .header-nav-dep-2:after {height: 0; }
.pc-menu .menu-li.active .header-nav-dep-2:after { height: 0; }


/* main area */
#m_line { width: 1200px;  height: calc(100% - 80px); position: absolute; top: 80px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; z-index: 1; }
#m_line > span { display: block; width: 1px; height: 100%; background: rgba(255,255,255,.1); }
#guide { background-color: #2d4a19; }
#guide .txt-icon1, #guide .txt-icon2 { width: 100%; }
#guide .txt-icon1 { border-right: 1px solid #486137; }
#guide .txt-icon1 dl, #guide .txt-icon2 dl { width: 73%; text-align: left; margin: 30px 0 30px 150px; }
#guide .txt-icon1 dl dt, #guide .txt-icon2 dl dt { color: #f6b93b; font-size: 18px; font-weight: 400; margin-bottom: 6px; }
#guide .txt-icon1 dl dd, #guide .txt-icon2 dl dd { color: #ACB4A8; font-size: 15px; letter-spacing: 1px;}
#guide .txt-icon1 { background: url(/thema/mandle/images/txt_icon1.png) 45px center no-repeat; }
#guide .txt-icon2 { background: url(/thema/mandle/images/txt_icon4.png) 45px center no-repeat; }
#about .contents1 { width: 100%; min-height: 540px; margin: 0 auto; position: relative; padding: 115px 0 100px 0; }
#about .a1-txt h1 { border-left: 3px solid #2d4a19; font-size: 40px; font-weight: 400; color: #000; line-height: 60px; padding-left: 30px; margin-bottom: 40px; }
#about .a1-txt h1 span { color: #2d4a19; font-weight: 900; font-size: 48px;}
#about .a1-txt p { font-size: 15px; font-weight: 400; color: #666; line-height: 26px; padding-left: 33px; letter-spacing: 1px; }
#about .a1-txt .ceo-sign { margin-top: 60px; text-align: right; font-size: 20px; font-weight: 700; color: #000; }
#about .a1-bg1 { position: absolute; top: 225px; left: -290px; }
#about .a1-bg2 { position: absolute; top: 144px; right: -400px; }
#product-image { width: 100%; display: flex; flex-direction: row; position: relative; z-index: 3; }
#product-image .p1-box { width: 25%; position: relative; background: #000; }
#product-image .p1-box img { width: 100%; }
#product-image .p1-box .p1-img { overflow: hidden; }
#product-image .p1-box .p1-img img { transition: all .3s; transform: scale(1); *width: 100%;}
#product-image .p1-box .p1-tri1 img, #product-image .p1-box .p1-tri2 img { transition: all .3s; transform: scale(1); *width: 100%;}
#product-image .p1-box .p1-tri1 { position: absolute; top: 0; left: 0; }
#product-image .p1-box .p1-tri2 { position: absolute; bottom: 0; right: 0; }
#product-image .p1-box:hover .p1-img img {transform: scale(1.1)}
#product .con-tit1 { text-align: left; padding: 80px 0 80px 0;}
#product .con-tit1 h3 {font-weight: 700;font-size: 43px;color: #282828;margin-bottom: 30px;letter-spacing: -1px;line-height: 1.2;}
#product .con-tit1 h3 strong {font-weight: 700;color: #f6b93b;}
#product .con-tit1 p {font-size: 18px;color: #545454;}
#product { position:relative; float:left; width:100%; padding-bottom:100px; background:url('/thema/mandle/images/inst-bg1.jpg') top center;}
#product .product_con { position:relative; float:left; width:100%;}
#product .product_con .jwg_slider_module { position:relative; float:left; width:100%; height:460px;}
#product .product_con .jwg_slider_module .slideBox	{ position:relative; width:100%; height:100%; overflow:hidden;}
#product .product_con .jwg_slider_module .slideBox	.slides	{ position:absolute; top:0; left:0; width:100%; height:100%;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	{ position:relative; float:left; width:100%; height:inherit;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.imgBox	{ float:left; width:55%; *margin-left:30px; overflow: hidden; border: 1px solid #ddd; padding: 10px;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.imgBox	img	{ height:auto; box-shadow:5px 5px 5px rgba(0,0,0,0.1); width: 100%;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox	{ float:right; width:36%; margin-right:3%;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox	 span {color:#36711d;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox dl { margin-top: 100px; list-style: none; }
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox	dl	dt	{ font-size:32px; font-weight:500; color:#333; margin:30px 0 40px 0; list-style: none;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox	dl	dd	{ font-size:17px; *color:#fff; margin-bottom:20px; color:#545454; list-style: none; letter-spacing: 0.5px;}
#product .product_con .jwg_slider_module .slideBox	.slides	.slide	.txtBox	.product_more	a	{ font-size:15px; color:#36711d; letter-spacing:2px; font-weight:600; margin-top:30px; padding-right:55px; background:url('/thema/mandle/images/product_more.png') right center no-repeat; display:inline-block;}
#product .product_con .jwg_slider_module .tabbed_navigation	{ position:absolute; top:-190px; right:0; width:50%; margin-top:0;}
#product .product_con .jwg_slider_module .tabbed_navigation	ul	{ margin-left:100px; list-style: none;}
#product .product_con .jwg_slider_module .tabbed_navigation	ul li { float:left; width:32.66%; height:50px; font-size:17px; text-align:center; color:#333; margin-right:1%; border:1px solid #93AB75; line-height:2.9; display:inline-block;  cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; list-style: none;}
#product .product_con .jwg_slider_module .tabbed_navigation	ul li:last-child { margin-right: 0;}
#product .product_con .jwg_slider_module .tabbed_navigation	ul li.current,
#product .product_con .jwg_slider_module .tabbed_navigation	ul li:hover	{ color:#ffffff !important; background-color:#36711d; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
#product .product_con .jwg_slider_module .tabbed_navigation1	{ display: none; position:relative; *top:-190px; right:0; width:100%; margin-top:0;}
#product .product_con .jwg_slider_module .tabbed_navigation1	ul	{ *margin-left:100px; list-style: none; padding: 0; margin: 0;}
#product .product_con .jwg_slider_module .tabbed_navigation1	ul li { float:left; width:32.66%; height:50px; font-size:17px; text-align:center; color:#333; margin-right:1%; border:1px solid #93AB75; line-height:2.9; display:inline-block;  cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; list-style: none;}
#product .product_con .jwg_slider_module .tabbed_navigation1	ul li:last-child { margin-right: 0;}
#product .product_con .jwg_slider_module .tabbed_navigation1	ul li.current,
#product .product_con .jwg_slider_module .tabbed_navigation1	ul li:hover	{ color:#ffffff !important; background-color:#36711d; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}

#product .product_con .jwg_slider_module .arrow_navigation	{ position:absolute; left:0; top:43%; width:100%; z-index:auto;}
#product .product_con .jwg_slider_module .arrow_navigation	button	{ width:31px; height:31px;}
#product .product_con .jwg_slider_module .arrow_navigation	.left	{ float:left; background:url('/thema/mandle/images/product_arrow_l.png') left top no-repeat;}
#product .product_con .jwg_slider_module .arrow_navigation	.right	{ float:right; background:url('/thema/mandle/images/product_arrow_r.png') right top no-repeat;}
#product .product_con .jwg_slider_module .arrow_navigation button	{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; outline:none; select-dummy:expression(this.hideFocus=true); font-weight:300;}
#product .product_con .jwg_slider_module .slideBox .slides .slide ul,
#product .product_con .jwg_slider_module .slideBox .slides .slide li { list-style: none; }
#product .c_title_box h1 {font-family: 'NanumSquare', sans-serif !important;font-size: 30px; font-weight: 700; color:#000; margin-bottom: 20px; text-align: center;}
#product .c_title_bar {width: 100%; display: flex; flex-direction: row; justify-content: center;  margin-bottom: 60px; margin-top: 30px;}
#product .c_title_bar span:nth-child(1), .c_title_bar span:nth-child(3) {width: 70px; height: 2px; background: #005aff; margin-top: 10px;}
#contact { width: 100%; margin-top: 80px; position: relative; height: 780px; }
#contact .location_box {*width: 1280px; background: rgba(36,63,227,0.9); padding: 50px 80px; margin-top: 60px;}
#contact .location_map { width: 100%; position: absolute; bottom: 0; left: 0}
#contact .location_table table {width: 100%; border-top: 2px solid #fff; padding: 0;border-collapse: collapse;}
#contact .location_table table th, .location_table table td {padding: 13px; text-align: center; border: 1px solid rgba(255,255,255,0.4); color:#fff; font-size: 16px;}
#contact .location_table table th {background: rgba(255,255,255,0.2); font-weight: 400;}
#contact .location_table table td {font-weight: 300;}
#contact .contents8 {width: 100%; position: absolute; *left: 50%; top: 0; z-index: 2; *margin-left: -640px;}
#contact .c_title_box h1 {font-family: 'NanumSquare', sans-serif !important;font-size: 40px; font-weight: 700; color:#000; margin-bottom: 24px; text-align: center;}
#contact .c_title_bar {width: 100%; display: flex; flex-direction: row; justify-content: center; }
#contact .c_title_bar span:nth-child(1), .c_title_bar span:nth-child(3) {width: 111px; height: 3px; background: #005aff; margin-top: 4px;}
#contact .c_title_bar span:nth-child(2) {width: 11px; height: 11px; background: #005aff; margin: 0 32px;}
#contact .location_box {width: 100%; background: rgba(54,113,29,0.9); padding: 50px 80px; margin-top: 60px;}
#contact .location_map {width: 100%;position: absolute;bottom: 0;left: 0}
#contact .m-map { display: none; }




/* sub-top-menu */
#sub_top_menu { background: rgba(0,0,0,.6); text-align: center; z-index: 5; position: relative; width: 100%; height: 60px; margin-top: -60px; }
#sub_top_menu ul { display: flex; justify-content: center; height: 100%; max-width: 1200px; }
#sub_top_menu ul li { width: 25%; height: 100%; font-family: 'Montserrat';}
#sub_top_menu ul li.on a {  background-color: #fff; color: #0867ae; display: flex; align-items: center; justify-content: center; font-size: 18px; width: 100%; transition: all .3s ease; font-weight: 400; word-break: keep-all; min-height: 60px;}

/* sub area */
.sub-title2 { width: 100%; border-bottom: 1px solid #e4e4e4; padding: 30px 0; margin: 30px auto 60px auto; display: inline-block;}
.sub-title3 { width: 100%; border-bottom: 1px solid #fff; padding: 30px 0; margin: 30px auto 60px auto; display: inline-block; }
.sub-title2 h1 { text-align: center; font-family: 'NanumSquare', sans-serif; font-size: 35px; font-weight: 700; color: #333; letter-spacing: 2px; }
.sub-title3 h1 { text-align: center; font-family: 'NanumSquare', sans-serif; font-size: 35px; font-weight: 700; color: #fff; letter-spacing: 2px; }
.sub-title-line { width: 230px; height: 2px; background: #0867ae; margin: 0 auto; position: relative; top: 31px; }
.sub-title-line1 { width: 230px; height: 2px; background: rgb(241, 196, 15); margin: 0 auto; position: relative; top: 32px; }
.sub-title-desc { text-align: center; margin-bottom: 40px; }
.sub-title-desc1 { text-align: center; *margin-bottom: 40px; }
.sub-title-desc h2 { font-size: 15px; font-weight: 400; color: #0867ae; letter-spacing: 5px; font-family: 'Montserrat'; margin:0 !important;; text-transform: uppercase; }
.sub-title-desc1 h2 { font-size: 15px; font-weight: 400; color: rgb(241, 196, 15); letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 15px; text-transform: uppercase; }

/* company area */
/* 인사말 */
#wrap-c1 { padding-bottom: 100px; }
#wrap-c1 .about-area { text-align: center; margin-bottom: 30px;  background: url("/thema/mandle/images/img-subbg.png") no-repeat center center; }
#wrap-c1 .about-area > h1 { margin-bottom: 50px; color: #21a6ed; }
#wrap-c1 .about-area > p { font-size: 16px; line-height: 2; margin-bottom: 30px; letter-spacing: .5px; }
#wrap-c1 .about-area > p> span { color: #21a6ed; }

/* 회사연혁 */
#wrap-c2 { padding-bottom: 150px; background: url("/thema/mandle/images/inst-bg1.jpg");}
#wrap-c2 > ul, #wrap-c2 > li { margin: 0; padding: 0; list-style: none; }
#wrap-c2 .history-list { width: 100%; position: relative; margin: 70px 0 0; text-align: left; z-index: 1; padding: 40px 0 0; }
#wrap-c2 .history-list::before { content: ''; display: block; width: 1px; height: calc(100% + 240px); background: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;  }
#wrap-c2 .history-list > li { width: 50%; border: 0px solid red; display: flex; flex-direction: row-reverse; text-align: right; align-items: flex-start; margin-left:calc(0% + 7px); margin-bottom: 150px; }
#wrap-c2 .history-list .dot-his { display: flex; align-items: center; }
#wrap-c2 .history-list .dot-his::before { content: ''; display: block; width: 70px; height: 1px; background: #0053a5; }
#wrap-c2 .history-list .dot-his::after { content: ''; display: block; width: 15px; height: 15px; background: #fff; border: 3px solid #0053a5; border-radius: 50%; }
#wrap-c2 .history-list .txt-his { height: 0; position: relative; top: -16px; }
#wrap-c2 .history-list .txt-his h1 { font-size: 36px; font-weight: 700; color: #0053a5; font-family:'Montserrat'; margin-bottom: 20px; margin-top: 0;  }
#wrap-c2 .history-list .list-his > li { display: flex; align-items: flex-start; margin-bottom: 15px;}
#wrap-c2 .history-list .list-his > li:last-child { margin-bottom: 0; }
#wrap-c2 .history-list > li:nth-child(odd) .txt-his { margin-right: 30px; }
#wrap-c2 .history-list >li:nth-child(odd) .txt-his .list-his li { flex-direction: row-reverse; }
#wrap-c2 .history-list >li:nth-child(odd) .txt-his .list-his span { margin-left: 30px; }
#wrap-c2 .history-list > li:nth-child(even) .dot-his { flex-direction: row-reverse; }
#wrap-c2 .history-list > li:nth-child(even) .txt-his { margin-left: 30px; }
#wrap-c2 .history-list > li:nth-child(even) .txt-his .list-his span { margin-right: 30px; }
#wrap-c2 .history-list > li:nth-child(even) { justify-content: flex-start; text-align: left; margin-left: calc(50% - 7px); flex-direction: row; }
#wrap-c2 .history-list .txt-his .list-his span { display: block; font-size: 17px; font-weight: 700; color: #333; position: relative; top: 4px; width: 37px; }
#wrap-c2 .history-list .txt-his .list-his p { font-size: 15px; font-weight: 400; color: #7d7d7d; line-height: 24px; }

/* 미션 및 비전 */
#wrap-c3 { padding-bottom: 100px; }
#wrap-c3 .box-txt { margin-top: 40px; }
#wrap-c3 .box-txt ul, #wrap-c3 .box-txt li { margin: 0; padding: 0; list-style: none; }
#wrap-c3 .box-txt .box { padding: 5px 15px; background: rgba(255,255,255,.2); box-shadow: 0 0 20px 0 rgba(68 31 0 / 15% );border-top: 3px solid #A5DF00; margin-bottom: 25px; }
#wrap-c3 .box-txt .box h2 { font-size: 15px; font-weight: 300; color: #e2160f; letter-spacing: 4px; font-family: 'Montserrat'; }
#wrap-c3 .box-txt .box h1 { font-size: 20px; font-weight: 600; color: #fff; letter-spacing: 1px; margin-top: 15px; white-space: nowrap; }
#wrap-c3 .box-txt .box h1 > span { font-size: 14px; font-weight: 300; color: rgb(241, 196, 15); letter-spacing: 4px; font-family: 'Montserrat'; margin-left: 10px; }
#wrap-c3 .box-txt .box p, #wrap-c3 .box-txt .box ul li { font-size: 17px; font-weight: 300; }
#wrap-c3 .box-txt .box li { margin-bottom: 10px; }
#wrap-c3 .box-txt .box .bullet-list li { text-align: left; position: relative; padding-left: 15px; font-width: 300; word-break: keep-all; line-height: 24px;  }
#wrap-c3 .box-txt .box .bullet-list li::before { content: ''; display: block; width: 4px; height: 4px; position: absolute; background: rgb(241, 196, 15); left: 0; top: 9px;  }


/* 오시는 길 */
#wrap-c4 {  }
#wrap-c4 .w-box { position: relative; z-index: 2; width: 100%; margin: 0 auto; padding: 0 0 80px; background: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
#wrap-c4 .w-box ul, #wrap-c3 .w-box li { padding: 0; margin: 0; list-style: none; }
#wrap-c4 .w-box .loc-list { display: flex; justify-content: center; }
#wrap-c4 .w-box .loc-list li { width: 250px; height: 250px; background: #fff; position: relative; padding: 50px 40px 0; text-align: center; margin-right: 20px; z-index: 1; }
#wrap-c4 .w-box .loc-list li::before { content: ''; display: block; width: 100%; height: 100%; transition: all .3s ease; border: 2px solid #ddd; position: absolute; left: 0; top: 0; z-index: -1; }
#wrap-c4 .w-box .loc-list .icon { height: 71px; line-height: 71px; transition: transform 500ms; }
#wrap-c4 .w-box .loc-list li h1 { font-size: 18px; font-weight: 700; color: #333; font-family: 'Montserrat'; margin: 20px 0 10px; transition: color .3s ease;  }
#wrap-c4 .w-box .loc-list li h2 { font-size: 18px; font-weight: 400; color: #666;  }
#wrap-c4 .w-box .loc-list li:hover::before {border-color: #0053a5; }
#wrap-c4 .w-box .loc-list li:hover .icon {transform: rotateY(180deg);}
#wrap-c4 .w-box .loc-list li:hover h1 {color:#0053a5;}
#wrap-c4 .loc-txt { margin-bottom: 30px; font-size: 17px; font-weight: 400; text-align: center; line-height: 2; }
#wrap-c4 .loc-map { width: 100%; height: 450px; margin-top: -80px; position: relative; z-index: 1; overflow: hidden; }
#wrap-c4 .loc-txt span { color: #0053a5; }


/* business Area */
#wrap-b1 {  }
#wrap-b2 { background: url("/thema/mandle/images/inst-bg1.jpg"); padding: 50px 0; }
#wrap-b1 p { line-height: 1.6; letter-spacing: 1px; }
#wrap-b1 .business-area, #wrap-b2 .business-area, #wrap-b3 .business-area { font-size: 16px; }
#wrap-b1 .business-area h2, #wrap-b2 .business-area h2, #wrap-b3 .business-area h2 { font-size: 18px; margin-top: 40px; margin-bottom: 30px; }
#wrap-b1 .business-area h2 span, #wrap-b2 .business-area h2 span, #wrap-b3 .business-area h2 span { color: #ff2700; }
#wrap-b1 .business-area h2 i, #wrap-b2 .business-area h2 i, #wrap-b3 .business-area h2 i { color: #ff2700; }
#wrap-b2 .business-area .busi2-area p span { color: #243a86; }
#wrap-b2 .row { display: flex; }
#wrap-b2 .row .no-gutters { margin-right: 0; margin-left: 0; }
#wrap-b2 .no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }
#wrap-b2 .col-3 { flex: 0 0 25%; max-width: 25%; }
#wrap-b2 .col-9 { flex: 0 0 75%; max-width: 75%; }
#wrap-b2 .no-gutters p { color: #6c757d; font-size: 14px !important;}
#wrap-b2 .no-gutters h4 { color: #333; margin: 10px 0 !important;}
#wrap-b2 .row:before { display: table; content: ""; }
#wrap-b2 .header-number { text-align: right; color: rgba(104, 123,137, 0.4); padding-right: 20px; font-size: 45px !important; }
#wrap-b2 h4.busi2-h4 { text-align: center; font-size: 22px; font-weight: 600; color: #333; padding: 30px 0; line-height: 35px;}
#wrap-b2 h4.busi2-h4 span { color: #243a86; }
#wrap-b3 { padding: 50px 0;}
#wrap-b3 .busi3-area p span { color: #243a86; }

/* healing Area */
#wrap-h1 { padding-bottom: 50px; }
#wrap-h1 .back-img1, #wrap-h1 .back-img2, #wrap-h1 .back-img3, #wrap-h1 .back-img4, #wrap-h1 .back-img5, #wrap-h1 .back-img6 { *min-height: 300px; }
#wrap-h1 .img-healing .img img { position: absolute; z-index: -2; left: 0; top: 0; transition: all .3s ease; }
#wrap-h1 .img-healing .img img.gray { z-index: -1; opacity: 1; }

#wrap-h1 .img-healing { position: relative; width: 100%; min-height: 200px; transition: all .3s ease; z-index: 1; display: block; text-align: left; margin-bottom: 15px; }
#wrap-h1 .img-healing .txt { position: absolute; left: 40px; bottom: 10px; }
#wrap-h1 .img-healing .txt h1 { font-size: 24px; font-weight: 600; color: rgb(241, 196, 15); line-height: 24px; }
#wrap-h1 .img-healing .txt p { font-size: 14px; font-weight: 300; color: rgba(255,255,255,1); line-height: 24px; margin: 15px 0 10px; }
#wrap-h1 .img-healing .txt img { position: relative; left: 0; transition: all .3s ease; }
#wrap-h1 .img-healing .num1, #wrap-h1 .img-healing .num2, #wrap-h1 .img-healing .num3, #wrap-h1 .img-healing .num4, #wrap-h1 .img-healing .num5, #wrap-h1 .img-healing .num6 { position: absolute; width: 81px; height: 44px; right: 36px; top: 40px; transition: all .3s ease; }
#wrap-h1 .img-healing .num1 { background: url("/thema/mandle/images/h1-num1.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing .num2 { background: url("/thema/mandle/images/h1-num2.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing .num3 { background: url("/thema/mandle/images/h1-num3.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing .num4 { background: url("/thema/mandle/images/h1-num4.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing .num5 { background: url("/thema/mandle/images/h1-num5.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing .num6 { background: url("/thema/mandle/images/h1-num6.png") 100% 50% no-repeat; }
#wrap-h1 .img-healing:hover .img img.gray { opacity: 0; }
#wrap-h1 .img-healing:hover .txt img { left: 15px; }
#wrap-h1 .img-healing:hover .num1 { background: url("/thema/mandle/images/h1-num1-hover.png") 100% 50% no-repeat;  }
#wrap-h1 .img-healing:hover .num2 { background: url("/thema/mandle/images/h1-num2-hover.png") 100% 50% no-repeat;  }
#wrap-h1 .img-healing:hover .num3 { background: url("/thema/mandle/images/h1-num3-hover.png") 100% 50% no-repeat;  }
#wrap-h1 .img-healing:hover .num4 { background: url("/thema/mandle/images/h1-num4-hover.png") 100% 50% no-repeat;  }
#wrap-h1 .img-healing:hover .num5 { background: url("/thema/mandle/images/h1-num5-hover.png") 100% 50% no-repeat;  }
#wrap-h1 .img-healing:hover .num6 { background: url("/thema/mandle/images/h1-num6-hover.png") 100% 50% no-repeat;  }

/* esg area */
#wrap-e1 .e1-list { width: 100%; position: relative; display: block; text-align: left; overflow: hidden; height: 380px; }
#wrap-e1 .e1-list h1 { font-size: 24px; font-weight: 700; color: #000; }
#wrap-e1 .e1-list .txt h1 { display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; margin-top: 35px; }
#wrap-e1 .e1-list .txt p { font-size: 16px; font-weight: 300; color: #000; line-height: 28px; word-break: keep-all; }
#wrap-e1 .e1-list .cover { position: absolute; left: -0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; transition: all .3s ease; *padding-left: 48px; opacity: 0; text-align: center; }
#wrap-e1 .e1-list .cover h1 { color: #fff; position: relative; margin-bottom: 40px; }
#wrap-e1 .e1-list .cover h1:after { content: ''; display: block; height: 1px; width: 300px; background: #fff; position: absolute; left: 35px; bottom: -20px; }
#wrap-e1 .e1-list .cover p { color: #fff; margin-bottom: 30px; }
#wrap-e1 .e1-list:hover .cover { opacity: 1; }
#wrap-e1 .e1-list .bg1 { background: url("/thema/mandle/images/img-e1-cover.jpg") 50% 50% no-repeat; }
#wrap-e1 .e1-list .bg2 { background: url("/thema/mandle/images/img-e2-cover.jpg") 50% 50% no-repeat; }
#wrap-e1 .e1-list .bg3 { background: url("/thema/mandle/images/img-e3-cover.jpg") 50% 50% no-repeat; }



@media all and (max-width:767px) {
    #guide .txt-icon1 { border-right: 0; }
    #guide .txt-icon1 dl, #guide .txt-icon2 dl { width: 100% !important; margin: 30px 0 30px 90px; }
    #guide .txt-icon1 { background: url(/thema/mandle/images/txt_icon1.png) 0px center no-repeat; }
    #guide .txt-icon2 { background: url(/thema/mandle/images/txt_icon4.png) 0px center no-repeat; }
    #product .con-tit1 h3 { text-align: center; }
    #product .con-tit1 p { text-align: center; }
    #product .product_con .jwg_slider_module .slideBox .slides { position: relative; }
    #product .product_con .jwg_slider_module .slideBox .slides ul { padding: 0; margin-top:30px; }
    #product .product_con .jwg_slider_module .slideBox .slides .slide .imgBox { width: 100%; }
    #product .product_con .jwg_slider_module .slideBox .slides .slide .txtBox { float: left; width: 100%; margin-right: 0; padding: 10px; text-align: center; }
    #product .product_con .jwg_slider_module .slideBox .slides .slide .txtBox dl { margin-top: 0; }
    #product .product_con .jwg_slider_module { height: auto;}
    #product .product_con .jwg_slider_module .tabbed_navigation1 { display: block; }
    #product .c_title_bar span:nth-child(1), .c_title_bar span:nth-child(3) {width: 40px; height: 2px; background: #005aff; margin-top: 25px;}
    #contact .c_title_bar span:nth-child(1), .c_title_bar span:nth-child(3) {width: 60px; height: 3px; background: #005aff; margin-top: 25px;}
    #contact .c_title_bar span:nth-child(2) {width: 8px; height: 8px; background: #005aff; margin: 22px 32px;}
    #contact .m-map { display: block; }
    #contact .location_box { padding: 50px 30px; }
}