@charset "utf-8";

/* basic */
::selection {background:#22b24c; color:white;}
#whole {margin:0 auto; padding-top:100px;}
.wrap {position:relative; margin:0 auto; max-width:1440px;}
.wrap:after {content:''; display:block; clear:both;}
#whole .wrap {width:auto;}
.bso {box-shadow:0 0 20px rgba(0,0,0,0.05);}
.bswd {box-shadow:8px 8px 16px rgba(0,0,0,0.09);}
.bsw {box-shadow:8px 8px 16px rgba(0,0,0,0.06);}
.bswl {box-shadow:8px 8px 16px rgba(0,0,0,0.03);}
.tswd {text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.tsw {text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.tswl {text-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.grtext {background:linear-gradient(90deg, #22b24c, #233c95); color:transparent; -webkit-background-clip:text;}
.grbg {background:linear-gradient(90deg, #22b24c, #233c95);}
.grbg.inv {background:linear-gradient(-90deg, #22b24c, #233c95);}
.grbg.grud {background:linear-gradient(0deg, #22b24c, #233c95);}
.grbg.grdu {background:linear-gradient(180deg, #22b24c, #233c95);}
.txtu {position:relative; z-index:2;}
.txtu:after {content:''; display:block; position:absolute; bottom:0; left:-2px; right:-4px; height:12px; background:#22b24c; z-index:-1; opacity:.15;}
body.body-lock {overflow:hidden;}

/* etc */
#whole #ctt {margin:0; padding:0; background:none;}
#whole #ctt #ctt_con {padding:0; line-height:inherit;}
.wrap_btn_zoom button {height:auto !important;}

/* slick */
.slick-rolling {position:relative; height:100%;}
.slick-rolling:after {content:''; display:block; clear:both;}
.slick-list, .slick-track, .slick-slide {position:relative; height:100%; overflow:hidden;}
.slick-slide {float:left; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.slick-arrow {position:absolute; width:60px; height:60px; line-height:60px; padding:0; border-radius:100%; background:white; border:0; color:#9da6b0; top:50%; transform:translateY(-50%); z-index:1001; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); box-shadow:6px 6px 12px rgba(0,0,0,0.1);}
.slick-arrow:hover, .slick-arrow:focus-visible {background:#22b24c; color:white; border-color:#22b24c; box-shadow:6px 6px 12px rgba(25,75,185,0.3);}
.slick-arrow.slick-prev {left:0;}
.slick-arrow.slick-next {right:0;}
.slick-arrow i {transform:none;}
.slick-arrow:focus-visible {border-radius:100%;}
.slick-arrow:before {display:inline-block; vertical-align:middle; transform:translateY(-1px); font-family:"Material Symbols Outlined"; font-size:30px; font-weight:400;}
.slick-arrow.slick-prev:before {content:"chevron_left";}
.slick-arrow.slick-next:before {content:"chevron_right";}
.slick-dots {position:absolute; bottom:-30px; left:0; right:0; text-align:center; font-size:0; z-index:1001;}
.slick-dots li {display:inline-block; padding:2px; border:2px solid #7a8693; border-radius:100%; margin:0 3px; position:relative;}
.slick-dots li button {font-size:0; width:10px; height:10px; min-height:1px; border-radius:100%; background:#7a8693; padding:0; border:0; display:block;}
.slick-dots li.slick-active {border-color:#22b24c;}
.slick-dots li.slick-active button {background:#22b24c;}

.slick-control {text-align:center; font-size:0;}
.slick-control ul {display:inline-block;}
.slick-control ul li {display:inline-block; vertical-align:middle; margin:0 2px; border-radius:100%;}
.slick-control ul li button {background:none; width:26px; height:26px; line-height:23px; border-radius:100%; border:0; padding:0; color:white; background:rgba(0,0,0,0.4); border:2px solid rgba(255,255,255,0.4);}
.slick-control ul li button i {font-size:20px;}
.slick-control ul li.on button {opacity:1; background:#22b24c; border-color:#22b24c;}
.slick-control ul li.on button i {color:white;}
.slick-control ul li button:before {display:inline-block; vertical-align:middle; transform:translateY(-1px); font-family:"Material Symbols Outlined"; font-size:12px; font-weight: 900;}
.slick-control ul li button.slick-pause:before {content:"pause";}
.slick-control ul li button.slick-play:before {content:"play_arrow"; transform:translate(2px, -1px);}
.slick-control ul li.on {padding:3px; border:2px solid #22b24c;}
.slick-control ul li.on button:before {color:white;}

/* magific */
.mfp-wrap .mfp-container .mfp-content .mfp-figure {position:relative;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:100px; bottom:100px; left:100px; right:100px;}
.mfp-wrap .mfp-container .mfp-content .mfp-close {display:block; text-align:center; padding:0; width:40px; height:40px; line-height:40px; color:white; background:#22b24c; border:2px solid #22b24c; position:absolute; top:0; right:0; opacity:1; border-radius:0; cursor:pointer; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-content .mfp-close:hover {background:white; color:#22b24c;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:60px;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-title {text-align:center;}
.mfp-wrap .mfp-container .mfp-arrow-left:before, .mfp-wrap .mfp-container .mfp-arrow-right:before {display:none;}
.mfp-wrap .mfp-container .mfp-arrow {width:50px; height:50px; line-height:46px; text-align:center; color:#22b24c; border-radius:0; background:white; border:2px solid #22b24c; position:absolute; margin:0; opacity:1; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-arrow:hover {background:#22b24c; color:white;}
.mfp-wrap .mfp-arrow:after {top:0; border:0; margin:0; width:46px;}
.mfp-wrap .mfp-arrow-left:after, .mfp-wrap .mfp-arrow-right:after {display:block; font-family:"Material Symbols Outlined";}
.mfp-wrap .mfp-arrow-left {left:30px;}
.mfp-wrap .mfp-arrow-right {right:30px;}
.mfp-wrap .mfp-arrow-left:after {content:'chevron_left'; left:0;}
.mfp-wrap .mfp-arrow-right:after {content:'chevron_right'; right:0;}

/* full-page */
body #fp-nav {position:fixed; top:50%; right:30px;}
body #fp-nav ul li {width:12px; position:relative; margin:12px 0;}
body #fp-nav ul li a {display:block; width:8px; height:8px; border-radius:100%; border:2px solid #eee; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
body #fp-nav ul li a.active {background:linear-gradient(90deg, #7ce768, #2ea6e6, #2e6fe6); border:0;}
body #fp-nav ul li .fp-tooltip {writing-mode:vertical-rl; width:12px; line-height:16px; margin:6px 0; display:none; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
body #fp-nav ul li .fp-tooltip:after {content:''; display:block; width:1px; height:40px; background:#ccc; position:absolute; bottom:0; left:3px;}
body #fp-nav ul li a.active + .fp-tooltip {display:block; padding-bottom:55px;}
body #fp-nav ul li:last-child {display:none;}

/* common */
#button-top {display:block; width:60px; height:60px; line-height:60px; text-align:center; background:#505a64; color:white; position:fixed; bottom:-60px; right:30px; z-index:9030; font-size:16px; border-radius:22px;}
#button-top:before {content:"arrow_upward"; font-family:"Material Symbols Outlined"; font-size:24px; display:inline-block;}
#button-top:hover {background:#22b24c;}

/* transition */
.trst, a, .header, .header #gnb-box>ul>li ul
{transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} /* easeOutExpo */

/* web-prove */
#accessibility ul li>* {position:fixed; top:-40px; left:0; right:0; z-index:1040; text-align:center; height:40px; line-height:40px; background:#22b24c; color:white; padding:0; border:0; font-size:16px; transition:top 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
#accessibility ul li>*:focus-visible {top:0; outline-offset:0;}
#accessibility ul li.main {display:none;}
body.main #accessibility ul li.main {display:block;}
body.main #accessibility ul li.sub {display:none;}
:focus-visible {outline:3px solid #000; outline-offset:2px; border-radius:3px;}

/* header */
.header {height:100px; line-height:100px; position:fixed; top:0; left:0; right:0; z-index:1030; text-align:center; background:white;}

.header h1 {width:228px; position:absolute; top:0; left:30px;}
.header h1 a {display:inline-block; vertical-align:middle; background:url(../img/main/logo.png); background-size:100% 100%; width:100%; height:0; padding-bottom:31.14%;}

.header #gnb-box {position:relative; display:inline-block;}
.header #gnb-box a {display:block; text-align:center;}
.header #gnb-box>ul {margin-left:-30px;}
.header #gnb-box>ul>li {float:left; position:relative;}
.header #gnb-box>ul>li>a {font-size:22px; padding:0 50px; font-weight:bold; position:relative;}
.header #gnb-box>ul>li>a:after {content:''; display:block; width:0; height:5px; background:#22b24c; position:absolute; bottom:0; left:50%;}
.header #gnb-box>ul>li>a span {border-bottom:3px solid transparent; padding-bottom:8px;}
.header #gnb-box>ul>li ul {position:absolute; top:100px; left:0; right:0; overflow:hidden; height:0;}
.header #gnb-box>ul>li ul li a {font-size:18px; line-height:30px; color:white; margin-bottom:10px;}
.header #gnb-box>ul>li ul li a:hover {color:#22b24c;}
.header #gnb-box>ul>li:hover>a {color:#22b24c;}
.header #gnb-box>ul>li:hover>a:after {left:0; width:100%;}

.header #gnb-box>ul>li>ul>li>a[target="_blank"], .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a[target="_blank"] {position:relative;}
.header #gnb-box>ul>li>ul>li>a[target="_blank"]:after, .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a[target="_blank"]:after {content:"\f360"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; margin:0 4px 0 8px; display:inline-block; vertical-align:middle; color:#a5abb1;}
.header #gnb-box>ul>li ul li a:hover[target="_blank"]:after, .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a:hover[target="_blank"]:after {color:#22b24c;}

.header:after {content:''; display:block; position:absolute; top:100px; left:0; right:0; bottom:0; background:url(../img/main/gnb_drop.png) no-repeat center #233c95; background-size:cover; z-index:-1;}

.tnb-box {text-align:center; position:absolute; top:0; right:40px;}
.tnb-box>ul {font-size:0;}
.tnb-box>ul>li {display:inline-block; vertical-align:middle;}
.tnb-box>ul>li i {font-size:30px;}
.tnb-box>ul>li a {overflow:hidden;}
.tnb-box>ul>li a, .tnb-box>ul>li button {display:block; width:50px; height:50px; line-height:50px; border:0; background:0; padding:0;}
.tnb-box>ul>li.tnb-control button {color:;}
.tnb-box>ul>li.tnb-control button.close {color:white; display:none;}
.tnb-box>ul>li button:hover, .tnb-box>ul>li button:focus-visible {color:#22b24c;}
.tnb-box>ul>li.tnb-control button.close:focus-visible {outline-color:#f0c828;}
.tnb-box>ul>li.tnb-control button:before {display:inline-block; font-family:'Material Symbols Outlined'; font-size:30px;}
.tnb-box>ul>li.tnb-control.sitemap button.open:before {content: "menu";}
.tnb-box>ul>li.tnb-control.sitemap button.close:before {content: "close";}
.tnb-box>ul>li.tnb-control.search button.open:before {content: "search";}
.tnb-box>ul>li.tnb-control.search button.close:before {content: "close";}

.tnb-box>ul>li.a-button a:hover, .tnb-box>ul>li.a-button a:focus-visible {color:#22b24c;}
.tnb-box>ul>li.a-button a p:before {display:inline-block; font-family:'Material Symbols Outlined'; font-size:30px;}
.tnb-box>ul>li.a-button.join a p:before {content:"person";}
.tnb-box>ul>li.a-button.login a p:before {content:"lock_open";}
.tnb-box>ul>li.a-button.logout a p:before {content:"logout";}
.tnb-box>ul>li.a-button.modify a p:before {content:"settings";}

.tnb-layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; text-align:center; display:none;}
.tnb-layer .layer-close {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:url(../img/main/tnb_bg.png) no-repeat center bottom -60px rgba(0,0,0,0.85); backdrop-filter:blur(10px);}
.tnb-layer .tnb-inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; width:1680px; display:none;}

.tnb-layer .tnb-inner.tnb-search {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1040; border-radius:300px; text-align:center; display:none; width:960px;}
.tnb-layer .tnb-inner.tnb-search>div.text-white:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e8b6"; margin-right:10px;}
.tnb-layer .tnb-inner.tnb-search .form {height:80px; line-height:80px; margin:0 auto; position:relative; overflow:hidden; z-index:10;}
.tnb-layer .tnb-inner.tnb-search .form input {border:0; position:absolute; top:0; left:0; width:100%; height:100%; background:none; font-size:16px; padding:0 80px 0 20px; border-bottom:1px solid rgba(255,255,255,0.5); color:white; font-size:22px;}
.tnb-layer .tnb-inner.tnb-search .form input::placeholder {font-size:22px; color:white;}
.tnb-layer .tnb-inner.tnb-search .form input:focus {border-bottom:1px solid #f0c828; background:none;}
.tnb-layer .tnb-inner.tnb-search .form button {position:absolute; top:-1px; right:-1px; width:82px; height:82px; line-height:82px; padding:0; border:0; background:none; color:white;}
.tnb-layer .tnb-inner.tnb-search .form button:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e8b6";}
.tnb-layer .tnb-inner.tnb-search .form button i {font-size:30px;}
.tnb-layer .tnb-inner.tnb-search .form button:hover {color:#f0c828;}

.tnb-layer .tnb-inner.tnb-sitemap>div:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e5d2"; margin-right:10px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul {font-size:16px; border-radius:3px; box-shadow:none; text-align:left;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li {float:left; width:20%; padding:0 20px 20px 0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li a {color:white; display:block; line-height:normal;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>a {font-size:30px; font-weight:bold; padding-bottom:20px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a {font-size:18px; line-height:40px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li:hover>a {color:#f0c828;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a:hover {color:#f0c828;}

.header.tnb-search-on .tnb-layer, .header.tnb-sitemap-on .tnb-layer {display:block;}
.header.tnb-search-on .tnb-box, .header.tnb-sitemap-on .tnb-box {z-index:10000;}
.header.tnb-search-on .tnb-box>ul>li a, .header.tnb-sitemap-on .tnb-box>ul>li a {opacity:0;}
.header.tnb-search-on .tnb-box>ul>li.tnb-control.search p.open, .header.tnb-sitemap-on .tnb-box>ul>li.tnb-control.sitemap p.open {display:none;}
.header.tnb-search-on .tnb-box>ul>li.search a, .header.tnb-sitemap-on .tnb-box>ul>li.sitemap a {opacity:1;}

/* footer */
.footer {clear:both; background:#1b1b1b; color:white;}
.footer .banner {background:white; border-top:1px solid #d4d6d8;}
.footer .slick-rolling {padding:20px 80px;}
.footer .slick-slide {text-align:center;}
.footer .slick-slide a:focus-visible {outline-offset:-3px;}
.footer .slick-arrow {width:40px; height:40px; line-height:38px; border-color:#c8cdd7; background:#c8cdd7; color:white;}
.footer .slick-arrow:hover, .footer .slick-arrow:focus-visible {background:black; border-color:black;}

/* changed */
#whole.changed #button-top {bottom:30px;}
#whole.changed .header {background:white; border-bottom:1px solid #d4d6d8;}

#whole.header-over .header {height:450px; background:white;}
#whole.header-over .header #gnb-box>ul>li ul {height:auto; padding-top:30px;}

/* main-layout */
.main-layout {clear:both;}

.main-layout .visual {max-width:1920px; margin:0 auto; border-radius:50px; overflow:hidden;}
.main-layout .visual .wrap {padding:140px 0 160px 0;}
.main-layout .visual .wrap ul.direct {gap:10px;}
.main-layout .visual .wrap ul.direct li a {color:white; padding:15px 80px 15px 40px; border:1px solid rgba(255,255,255,0.6); background:rgba(0,0,0,0.5); border-radius:15px; font-size:18px; font-weight:500;}
.main-layout .visual .wrap ul.direct li a:before, .main-layout .visual .wrap ul li a:after {font-family:"Material Symbols Outlined"; font-size:24px; font-weight:300; display:block; position:absolute; top:50%; transform:translateY(-50%);}
.main-layout .visual .wrap ul.direct li a:before {content:"check_circle"; left:10px;}
.main-layout .visual .wrap ul.direct li a:after {content:"chevron_right"; right:20px;}
.main-layout .visual .wrap ul.direct li a:hover {background:white; color:#233c95;}

.main-layout .visual .slick-rolling {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
.main-layout .visual .slick-slide {position:absolute; top:0; left:0; right:0; bottom:0;}
.main-layout .visual .slick-arrow {border-radius:0; background:rgba(0,0,0,0.5); color:white;}
.main-layout .visual .slick-arrow:hover {background:#22b24c;}

.main-layout .quick .wrap {margin-top:-50px;}
.main-layout .quick ul {justify-content:space-between; flex-wrap:wrap; background:#22b24c; box-shadow:10px 10px 20px rgba(34,178,76,0.2); border-radius:30px;}
.main-layout .quick ul li {flex:1;}
.main-layout .quick ul li a {padding:40px 20px; color:white;}
.main-layout .quick ul li a:after {content:''; display:block; width:4px; height:40px; border-radius:4px; background:white; position:absolute; top:50%; margin-top:-20px; right:-2px;}
.main-layout .quick ul li:last-child a:after {display:none;}
.main-layout .quick ul li img {height:64px;}
.main-layout .quick ul li .fs25 {font-size:22px;}
.main-layout .quick ul li a:hover {background:#148d37;}
.main-layout .quick ul li a:hover p.icon {transform:translateY(-10px);}

.main-layout .news-con {margin-right:540px;}
.main-layout .news-con .inner {background:white; padding:40px; min-height:376px;}
.main-layout .news-con .con-tab {position:absolute; top:-20px; left:40px; z-index:10;}
.main-layout .news-con .group ul {min-height:326px;}
.main-layout .news-con .group ul li {font-size:20px; line-height:44px; padding:0 100px 0 10px;}
.main-layout .news-con .group ul li:before {content:''; display:block; width:3px; height:3px; border-radius:100%; background:#22b24c; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.main-layout .news-con .group ul li .summary {display:none;}
.main-layout .news-con .group ul li .date {position:absolute; top:50%; transform:translateY(-50%); right:0; color:#22b24c; font-size:18px;}
.main-layout .news-con .group ul li .icon {display:none;}
.main-layout .news-con .group ul li .icon:before {content:"arrow_right_alt"; font-family:"Material Symbols Outlined"; font-size:30px;}
.main-layout .news-con .group a.more {width:36px; height:36px; line-height:32px; text-align:center; background:white; color:#7b8289; border:1px solid #a0aab4; border-radius:100%; position:absolute; top:-58px; right:0;}
.main-layout .news-con .group a.more:before {content:"add"; font-family:"Material Symbols Outlined"; font-size:24px; display:inline-block; vertical-align:middle;}
.main-layout .news-con .group a.more:hover {background:#22b24c; border-color:#22b24c; color:white;}
.main-layout .news-con .group ul li:first-child {padding:20px 88px 20px 0; margin-bottom:20px; border-bottom:1px solid #e4e6e8;}
.main-layout .news-con .group ul li:first-child:before {display:none;}
.main-layout .news-con .group ul li:first-child .title {font-size:25px; line-height:35px; margin-bottom:10px; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}
.main-layout .news-con .group ul li:first-child .summary {display:block; font-weight:300;}
.main-layout .news-con .group ul li:first-child .date {display:none;}
.main-layout .news-con .group ul li:first-child .icon {display:block; width:66px; height:66px; line-height:66px; text-align:center; background:#d8dfe7; position:absolute; top:20px; right:0; border:1px solid white; border-radius:5px; color:white;}
.main-layout .news-con .group ul li:first-child .icon i {font-size:36px;}
.main-layout .news-con .group ul li a:hover .title {color:#22b24c;}
.main-layout .news-con .group ul li a:hover .icon {background:white; border-color:#22b24c; color:#22b24c;}

.main-layout .contact {position:absolute; top:0; bottom:0; right:0; width:500px; padding:40px 50px; border:4px solid #233c95; background:url(../img/main/contact_bg.png) no-repeat right -4px top white;}
.main-layout .contact ul li.gobtn {position:absolute; bottom:40px; left:50px;}
.main-layout .contact ul li span i {font-size:36px;}
.main-layout .contact ul li a i {font-size:22px;}
.main-layout .contact .deco span {position:absolute;}
.main-layout .contact .deco span.deco-01 {right:-20px; bottom:-20px;}
.main-layout .contact .deco span.deco-02 {right:55px; top:-10px;}

/* sub-layout */
.sub-layout {clear:both;}
.sub-layout .sub-location {border:solid #e4e6e8; border-width:1px 0 1px 0; font-size:18px; position:relative; z-index:999;}
.sub-layout .sub-location .wrap {height:66px; line-height:66px; padding-left:66px;}
.sub-layout .sub-location a.home {width:66px; height:66px; text-align:center; position:absolute; top:0; left:0; border:solid #e4e6e8; border-width:0 1px 0 1px;}
.sub-layout .sub-location a.home:before {font-family:"Material Symbols Outlined"; content:"house"; font-size:30px;}
.sub-layout .sub-location a.home:hover, .sub-layout .sub-location a.home:focus-visible {background:#22b24c; color:white;}
.sub-layout .sub-location a.home:focus-visible, .sub-layout .sub-location ul.loc-menu>li a.depth-t:focus-visible {outline-offset:-3px;}
.sub-layout .sub-location ul.loc-menu>li {float:left; position:relative;}
.sub-layout .sub-location ul.loc-menu>li a.depth-t {padding:0 30px; position:relative; cursor:pointer; min-width:180px; font-weight:600; display:block;}
.sub-layout .sub-location ul.loc-menu>li.has_sub a.depth-t {padding:0 70px 0 30px;}
.sub-layout .sub-location ul.loc-menu>li.has_sub a.depth-t:before, .sub-layout .sub-location ul.loc-menu>li a.depth-t:after {content:''; font-family:"Material Symbols Outlined"; font-size:24px; position:absolute; top:50%; transform:translateY(-50%); display:inline-block;}
.sub-layout .sub-location ul.loc-menu>li.has_sub a.depth-t:before {content:"arrow_drop_down"; width:20px; height:20px; line-height:18px; border:1px solid #e4e6e8; border-radius:100%; background:white; color:#22b24c; text-indent:-1px; right:24px; font-size:20px;}
.sub-layout .sub-location ul.loc-menu>li a.depth-t:after {content:"chevron_right"; right:-12px; color:#ccc; font-weight:300;}
.sub-layout .sub-location ul.loc-menu>li:last-child a.depth-t:after {display:none;}
.sub-layout .sub-location ul.loc-menu>li a.depth-t:hover, .sub-layout .sub-location ul.loc-menu>li a.depth-t:focus-visible {color:#22b24c;}
.sub-layout .sub-location ul.loc-menu>li.active a.depth-t:before {transform:translateY(-50%) rotate(-180deg); background:#22b24c; border-color:#22b24c; color:white;}
.sub-layout .sub-location ul.loc-menu>li ul {position:absolute; left:0; right:0; padding-top:1px; display:none;}
.sub-layout .sub-location ul.loc-menu>li ul li {position:relative; z-index:5; margin-top:-1px;}
.sub-layout .sub-location ul.loc-menu>li ul li a {padding:8px 16px; font-size:16px; line-height:26px; color:#3c4650; border:1px solid #d4d6d8; background:#f9f9fb;}
.sub-layout .sub-location ul.loc-menu>li ul li:nth-child(even) a {background:#f2f2f4;}
.sub-layout .sub-location ul.loc-menu>li ul li:hover {z-index:10;}
.sub-layout .sub-location ul.loc-menu>li ul li a:hover, .sub-layout .sub-location ul.loc-menu>li ul li a:focus-visible {color:#22b24c; border-color:#22b24c; background:white;}

.sub-layout .sub-title {padding:80px 0 0 0;}
.sub-layout .sub-title .depth-loca {display:inline-block; margin-bottom:10px; position:relative; padding-left:66px;}
.sub-layout .sub-title .depth-loca p {display:inline-block; vertical-align:top;}
.sub-layout .sub-title .depth-loca p.pl {padding-right:32px; margin-right:5px;}
.sub-layout .sub-title .depth-loca p.fs0 {position:absolute; top:0; left:0;}
.sub-layout .sub-title .depth-loca p.fs0:before {font-family:"Material Symbols Outlined"; font-size:24px; content:"home"; font-weight:300; display:inline-block; vertical-align:middle; color:#848688;}
.sub-layout .sub-title .depth-loca p.pl:after {content:''; font-family:"Material Symbols Outlined"; font-size:24px; content:"chevron_right"; position:absolute; top:50%; transform:translateY(-50%); right:0; color:#ccc;}
.sub-layout .sub-title .inner>div {display:inline-block; vertical-align:middle;}
.sub-layout .sub-title .page-title p {padding-top:10px;}

.sub-layout .snb-box {margin:50px 0 0 0; text-align:center;}
.sub-layout .snb-box ul {display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; padding:1px 0 0 1px;}
.sub-layout .snb-box ul li {flex-grow:1; z-index:5;}
.sub-layout .snb-box ul li a {font-size:20px; height:60px; line-height:60px; border:1px solid #e4e6e8; padding:0 40px; margin:-1px 0 0 -1px; color:#707883;}
.sub-layout .snb-box ul li:last-child a:after, .sub-layout .snb-box ul li.on a:after {display:none;}
.sub-layout .snb-box ul li a:hover {color:black; background:#eef3f8;}
.sub-layout .snb-box ul li.on a {background:#22b24c; border-color:#22b24c; box-shadow:5px 5px 20px rgba(34,178,76,0.3); color:white;}

.sub-layout .sub-contents {padding:100px 0 220px 0;}


/* contents */
.page-ready {padding:60px 0; overflow:hidden; text-align:center;}
.page-ready .cog {position:relative; text-align:center;}
.page-ready .cog p {display:inline-block; position:relative; height:200px;}
.page-ready .cog i {position:absolute;}
.page-ready .cog i.big {font-size:110px; top:0; left:50%; margin-left:-45px; color:#a5abbb; animation:rotate1 10s infinite linear;}
.page-ready .cog i.medium {font-size:70px; top:90px; left:-60px; color:#c6cad4; animation:rotate2 10s infinite linear;}
.page-ready .cog i.small {font-size:40px; top:106px; left:14px; color:#d6dae4; animation:rotate2 10s infinite linear;}
/* Zoom in Keyframes */
@-webkit-keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@-webkit-keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
@keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
/*End of Zoom in Keyframes */
.vod-box {margin:0 auto;}
.vod-box .vod {height:0; padding-bottom:56.25%; position:relative;}
.vod-box .vod iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.imap-box .imap-con {height:500px; position:relative;}
.imap-box .imap-con iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important; border:0;}
.map-box {background:#eee;}
.map-box>div {width:100% !important;}
.map-box>div>div.wrap_map {height:500px !important;}

.root_daum_roughmap .roughmap_maker_label a:focus-visible span {outline:3px solid #000 !important; outline-offset:-3px; border-radius:3px;}
.root_daum_roughmap .wrap_btn_zoom {overflow:visible !important;}
.root_daum_roughmap .wrap_btn_zoom button:focus-visible {outline:3px solid #000 !important; outline-offset:0; border-radius:3px;}

.con-tab ul {display:flex; border-bottom:1px solid #22b24c; height:60px; padding:0 0 0 10px;}
.con-tab ul li {margin-right:3px; position:relative;}
.con-tab ul li>* {height:59px; line-height:60px; background:white; color:#444; padding:0 40px; font-size:20px; font-weight:700; position:relative; cursor:pointer; display:block; border:0; z-index:10; border:solid #d4d6d8; border-width:1px 1px 0 1px;}
.con-tab ul li>*>* {font-size:20px; display:inline;}
.con-tab ul li>*:hover {color:black;}
.con-tab ul li.on>* {background:white; border-color:#22b24c; color:#22b24c; height:60px;}
.con-tab ul li.on>*:focus-visible {outline-color:red;}
.con-tab ul li>*:focus-visible, .main-layout .board .group a.pa:focus-visible {outline-offset:-5px;}

.main-layout .con-tab ul {background:#233c95; padding:5px; border-radius:1000px; height:50px; border:0;}
.main-layout .con-tab ul li>* {height:40px; line-height:40px; font-size:18px; border-radius:100px; background:none; color:white; border:0; padding:0 20px;}
.main-layout .con-tab ul li.on>* {background:white; color:#233c95;}

.hordiv {padding-bottom:60px; margin-bottom:60px; border-bottom:3px solid #e6ebf2;}

.gridbox {position:relative;}
.gridbox:after {content:''; display:block; clear:both;}
.gridbox .gridtit {float:left; width:360px;}
.gridbox .gridcon {margin-left:400px;}
.gridbox.two {display:flex; gap:60px;}
.gridbox.two>.item {flex-grow:1; width:50%;}

.itit span {padding-left:30px;}
.itit span {font-size:30px; display:inline-block; background:url(../img/sub/itit.png) no-repeat left top;}

.history-box {position:relative; z-index:10;}
.history-box .history-title {float:left; position:sticky; top:160px;}
.history-box .history-title .omt {margin-bottom:30px;}
.history-box .history-list {margin:0 0 0 500px;}

.history-tab {margin-bottom:60px; max-width:400px; padding:40px 0 0 0;}
.history-tab ul {overflow:hidden; font-size:0; padding:0 0 0 1px;}
.history-tab ul li {float:left; font-size:18px; margin-right:-1px; position:relative; z-index:1;}
.history-tab ul li a {display:block; height:50px; line-height:50px; border:1px solid #e4e6e8; padding:0 10px; text-align:center; background:#f9f9fb; color:#848688;}
.history-tab ul li:hover, .history-tab ul li.on {z-index:10;}
.history-tab ul li:hover a {border-color:#22b24c; background:white; color:#22b24c;}
.history-tab ul li.on a {border-color:#22b24c; background:#22b24c; color:white; box-shadow:5px 5px 10px rgba(237,111,86,0.2);}

.history-list:after {content:''; display:block; height:300px; margin:60px 0 0 0; background:url(../img/sub/history.jpg) no-repeat center; background-size:cover; border-radius:30px;}
.history-list ul {position:relative; z-index:2;}
.history-list ul:before {content:''; display:block; position:absolute; top:0; left:30px; bottom:1px; width:1px; background:#e4e6e8; z-index:-1;}
.history-list ul li {margin:0 0 80px 0; padding:0 0 0 102px; position:relative;}
.history-list ul li:before, .history-list ul li:after {content:''; display:block; position:absolute; border-radius:100%;}
.history-list ul li:before {width:19px; height:19px; border:1px solid #e4e6e8; top:6px; left:20px; z-index:1; background:white;}
.history-list ul li:after {width:11px; height:11px; border:3px solid #b7b7b7; top:10px; left:24px; z-index:2;}
.history-list ul li div.tit {font-size:35px; position:relative; margin-bottom:20px;}
.history-list ul li div.tit:before {content:''; display:block; width:40px; height:1px; background:#cfcfcf; position:absolute; top:15px; left:-50px;}
.history-list ul li p {font-size:20px; line-height:28px; position:relative; margin:0 0 15px 0; padding:0 0 0 90px;}
.history-list ul li p:before {content:''; display:block; width:4px; height:4px; border-radius:100%; background:#aab0bd; position:absolute; top:12px; left:0;}
.history-list ul li p span.month {position:absolute; top:1px; left:12px; color:#22b24c;}

.equal-list {background:#f9f9fb; padding:40px 40px 80px 40px; border:1px solid #e4e6e8;}
.equal-list ul {max-width:80%; margin-right:auto; margin-left:auto;}
.equal-list ul li div{padding:50px 0 50px 200px;}
.equal-list ul li .tag {display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; border-radius:100%; color:white; background:#35577b; font-size:25px; position:absolute; top:50%; margin-top:-50px; left:0;}
.equal-list ul li:nth-child(1) .tag {background:#22b24c;}
.equal-list ul li:nth-child(2) .tag {background:#233c95;}
.equal-list ul li .tag:after {content:''; display:block; width:100px; height:1px; background:black; position:absolute; top:50%; right:-80px;}

.bizarea:before1 {content:''; display:block; height:400px; margin:0 100px; border-radius:50px; position:relative; z-index:1; background:url(../img/sub/bizarea.jpg) center; background-size:cover;}
.bizarea .wrap1 {margin-top:-140px;}
.bizarea .item p.omt {padding:15px 20px; border-radius:15px 15px 0 0; position:relative; z-index:10;}
.bizarea .item p.omt.bg-main {box-shadow:5px 5px 20px rgba(34,178,76,0.3);}
.bizarea .item p.omt.bg-sub {box-shadow:5px 5px 20px rgba(36,60,149,0.3);}
.bizarea .item ul.sum-list {background:#f9f9fb; height:100%; padding:20px; border-radius:0 0 15px 15px; border:solid #d4d6d8; border-width:0 1px 1px 1px;}

.testprice .table th {padding:10px; font-size:18px;}
.testprice .table td {padding:10px; font-size:18px; border-right:1px solid #e4e6e8;}
.testprice .table tr td:first-child {text-align:center; color:#233c95;}
.testprice .table tr td:last-child {font-weight:bold; letter-spacing:0; border-right:0;}
.testprice .table tr td:last-child span {font-weight:normal;}
.testprice .table tr:nth-child(even) td {background:#f1f4f9;}

ul.flow-ul {border:1px solid #e4e6e8; background:#f9f9fb; border-radius:15px; overflow:hidden; padding:40px 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
ul.flow-ul>li {float:none; border-right:1px solid #e4e6e8; flex-grow:1;}
ul.flow-ul>li>div:before {font-family:"Material Symbols Outlined"; font-size:33px; display:block; margin:0 auto 20px auto; color:#5f7199; width:80px; height:80px; line-height:80px; border-radius:100%; background:white;}
ul.flow-ul>li:nth-child(even)>div:before {color:#4873d3;}
ul.flow-ul>li>div:after {font-family:"Material Symbols Outlined"; content:'arrow_forward'; font-size:24px; position:absolute; top:50%; right:-20px; transform:translateY(-50%); width:40px; height:40px; line-height:40px; background:#acb3bb; color:white; border-radius:100%;}
ul.flow-ul>li:last-child>div:after {display:none;}

.howtorequire ul.flow-ul>li:nth-child(1)>div:before {content:'support_agent';}
.howtorequire ul.flow-ul>li:nth-child(2)>div:before {content:'edit_square';}
.howtorequire ul.flow-ul>li:nth-child(3)>div:before {content:'local_shipping';}
.howtorequire ul.flow-ul>li:nth-child(4)>div:before {content:'concierge';}
.howtorequire ul.flow-ul>li:nth-child(5)>div:before {content:'credit_card';}
.howtorequire ul.flow-ul>li:nth-child(6)>div:before {content:'experiment';}

.equipment .list {margin-bottom:40px;}
.equipment .list ul li {position:relative; z-index:5;}
.equipment .list ul li a {position:relative; border-top:1px solid black; display:flex; flex-direction:row-reverse;}
.equipment .list ul li:last-child a {border-bottom:1px solid black;}
.equipment .list ul li p.check {position:absolute; top:20px; right:20px;}
.equipment .list ul li p.img {width:300px; border-left:1px dashed #d4d6d8;}
.equipment .list ul li p.img span {display:block; padding-bottom:100%;}
.equipment .list ul li div.text {width:calc(100% - 300px);}
.equipment .list ul li div.text p.tit {font-size:22px; padding-bottom:20px; border-bottom:1px dashed #d4d6d8; padding:20px 20px 20px 58px; position:relative;}
.equipment .list ul li div.text p.tit .num {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:10px; font-size:16px; position:absolute; top:19px; left:18px;}
.equipment .list ul li .info-list {background:#f9f9fb; padding:10px 15px 30px 30px;}
.equipment .list ul li .info-list .item {position:relative; padding:10px 10px 10px 140px; font-size:18px; line-height:28px;}
.equipment .list ul li .info-list .item .item-tit {position:absolute; top:10px; left:0; font-weight:bold;}
.equipment .list ul li:hover {z-index:10;}
.equipment .list ul li a:hover:before {content:''; display:block; position:absolute; top:-1px; left:0; right:0; bottom:-1px; border:3px solid #22b24c; z-index:100;}
.equipment .list ul li a:hover div.text p.tit {color:#22b24c;}

.equipment .view #bo_v_top {margin-top:60px;}
.equipment .view p.tit {margin-bottom:60px;}
.equipment .view div.img {width:300px; float:left;}
.equipment .view div.img p {border:1px solid #d4d6d8; border-radius:15px;}
.equipment .view div.con {margin-left:340px;}
.equipment .view th {vertical-align:top;}

.layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; display:none;}
.layer span.close-bg {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(255,255,255,0.85); backdrop-filter:blur(10px);}
.layer .inner {position:absolute; top:30px; bottom:30px; left:50%; transform:translateX(-50%); width:1280px; background:white; z-index:5; padding:30px; border:1px solid #d4d6d8; border-radius:30px;}
.layer .layer-head p.layer-close {position:absolute; top:50%; margin-top:-25px; right:0; width:50px; height:50px; line-height:50px; text-align:center; background:black; color:white; border-radius:15px; cursor:pointer;}
.layer .layer-con {position:absolute; top:90px; left:30px; right:30px; bottom:30px; overflow-y:auto; border-top:2px solid black;}
.layer .layer-con table {border-top:0;}
.layer .layer-con table * {font-size:16px; line-height:26px; padding:6px 10px; border:1px solid #e4e6e8;}

#whole {
	#bo_list .tbl_head01 th {font-size:18px;}
	#bo_list .tbl_head01 a.ca_box {font-size:16px;}

	.pg_wrap {margin:60px 0; font-size:0;}
	.pg_page, .pg_current {width:50px; height:50px; line-height:50px; font-size:16px; border-radius:10px; margin:0 3px;}
	.pg_current {color:white; border-color:#22b24c; background:#22b24c; box-shadow:5px 5px 10px rgba(34,178,76,0.3);}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border-color:#22b24c; background:#22b24c;}
}


/* 1920px */
@media screen and (max-width:1920px) {
	.main-layout .visual {border-radius:0;}

	.bizarea:before {margin:0 50px;}
}

/* 1680px */
@media screen and (max-width:1680px) {
	.bizarea:before {margin:0; border-radius:0;}
}

/* 1440px */
@media screen and (max-width:1440px) {
	#whole {overflow-x:hidden;}
	.wrap {margin:0 50px;}
	.slick-arrow {width:50px; height:50px; line-height:50px;}
	.tnb-layer .tnb-inner {width:100%; padding:0 50px;}

	.main-layout .visual .slick-slide {background-position:right center;}
}

/* 1366px */
@media screen and (max-width:1366px) {
}

/* 1280px */
@media screen and (max-width:1280px) {
	.main-layout .visual .slick-slide {background-position:center;}

	.main-layout .quick ul {gap:10px; background:none; border-radius:0; box-shadow:none; overflow:visible;}
	.main-layout .quick ul li {flex-basis:calc(33.33% - 10px);}
	.main-layout .quick ul li a {background:#22b24c; border-radius:20px; box-shadow:10px 10px 20px rgba(34,178,76,0.2);}
	.main-layout .quick ul li a:after {display:none;}
	.main-layout .quick ul li img {max-height:44px;}

	.main-layout .news-con {margin:0 0 40px 0;}

	.main-layout .contact {width:auto; position:relative; top:auto; bottom:auto; right:auto; padding:50px 40px;}
	.main-layout .contact br {display:none;}
	.main-layout .contact ul li.gobtn {position:relative; bottom:auto; left:auto; padding-top:40px;}

	.sub-layout .snb-box ul li a {font-size:16px; height:50px; line-height:50px; padding:0 30px;}

	.gridbox .gridtit {float:none; width:auto; margin-bottom:40px;}
	.gridbox .gridcon {margin:0;}
	.gridbox.two {display:block;}
	.gridbox.two>.item {width:100%;}
	.gridbox.two>.item:first-of-type {margin-bottom:40px;}

	.bizarea:before {height:300px;}

	ul.flow-ul {box-shadow:none; border:none; background:none; padding:0; margin-right:-10px; display:flex; justify-content:space-between; flex-wrap:wrap;}
	ul.flow-ul>li {border:0; padding:0 10px 10px 0; flex-grow:1; width:25% !important;}
	ul.flow-ul>li>div {border:1px solid #e4e6e8; border-radius:10px; padding:20px; height:100%;}
	ul.flow-ul>li>div:before {font-size:33px; margin-bottom:12px; background:#f2f5f9;}
	ul.flow-ul>li:nth-child(even)>div:before {background:#eceef5;}
	ul.flow-ul>li>div:after {display:none;}
	
	.equipment .list ul li p.img {width:200px;}
	.equipment .list ul li div.text {width:calc(100% - 200px);}
	.equipment .view p.tit {margin-bottom:40px;}
	.equipment .view div.img {width:300px; float:none; margin:0 auto 40px auto;}
	.equipment .view div.img p {border-radius:10px;}
	.equipment .view div.con {margin-left:0;}

	.layer .inner {left:30px; right:30px; transform:none; width:auto;}
	.layer .layer-con {overflow:auto;}
}

/* 1024px */
@media screen and (max-width:1024px) {
	#whole {padding-top:70px;}
	.wrap {margin:0 40px;}

	.header {height:70px !important; line-height:70px !important;}

	.mobile-control.dn {display:block; height:70px; position:absolute; top:0; right:-70px; overflow:hidden;}
	.mobile-control button {display:block; width:70px; height:70px; line-height:70px; text-align:center; cursor:pointer; padding:0; border:0; background:none;}
	.mobile-control button i {font-size:36px;}
	.mobile-control button.open {}
	.mobile-control button.open:hover {color:#22b24c;}
	.mobile-control button.close {color:white;}
	.mobile-control button:before {display:inline-block; font-family:"Material Symbols Outlined"; font-size:30px;}
	.mobile-control button.open:before {content:"\e5d2";}
	.mobile-control button.close:before {content:"\e5cd";}
	.header h1 {position:relative; top:auto; left:auto; margin:0 auto; float:none; width:160px !important; min-width:0; transform:none;}

	.header #gnb-box {position:fixed; top:0; left:-220px; bottom:0; width:220px; z-index:10; padding:80px 0 0 0; background:white; margin-top:0;}
	.header #gnb-box a {text-align:left; color:black !important; line-height:inherit; padding:0 30px;}
	.header #gnb-box>ul {position:absolute; top:80px; left:0; right:0; bottom:0; overflow-x:auto; margin:0;}
	.header #gnb-box>ul>li {float:none; width:auto;}
	.header #gnb-box>ul>li>a {color:black; font-size:16px; height:60px; line-height:60px; border-bottom:1px solid #e4e6e8; pointer-events:none;}
	.header #gnb-box>ul>li ul {height:auto; max-height:0; overflow:hidden; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);; border:0; position:relative !important; top:auto !important; left:auto !important; right:auto !important; padding:0 !important;}
	.header #gnb-box>ul>li ul li a {background:#f2f2f4; border-bottom:1px solid #e4e6e8; font-size:16px; line-height:50px; color:black; margin:0;}
	.header #gnb-box>ul>li:hover ul {max-height:500px; padding-bottom:0; min-height:50px;}
	.header #gnb-box>ul>li:hover>a {background:#22b24c; color:white !important;}
	.header #gnb-box>a {position:relative; top:auto; right:auto; transform:none; display:block; border-radius:0; margin:0; height:50px; line-height:50px; text-align:center;}
	.header #gnb-box>ul>li ul li a:hover {color:#22b24c !important;}
	.header .close-bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1; display:none;}

	.tnb-box {position:absolute; top:0 !important; right:0; padding:0 !important;}
	.tnb-box i {font-size:22px;}
	.tnb-box>ul>li a, .tnb-box>ul>li p {height:70px; line-height:70px;}
	.tnb-box>ul>li.sitemap {display:none;}

	.tnb-layer .tnb-inner {width:auto; left:30px !important; right:30px; transform:translateY(-50%) !important; padding:0;}
	.tnb-layer .tnb-inner.tnb-search {width:auto;}

	.footer h6 {display:none;}
	.footer ul.info {margin:0 0 40px 0;}
	.main-layout .visual ul {text-align:center;}
	.main-layout .visual ul.direct {justify-content:center;}
	.main-layout .visual .slick-slide {background-position:left center;}

	.sub-layout {border-top:1px solid #e4e6e8;}
	.sub-layout .sub-location {display:none;}

	.sub-layout .sub-title {text-align:center;}
	.sub-layout .sub-title .depth-loca {margin-bottom:0;}
	.sub-layout .sub-title .inner>div {display:block;}

	.sub-layout .sub-contents {padding:60px 0 180px 0;}

	.con-tab ul {justify-content:space-between; flex-wrap:wrap; text-align:center; border:0; height:auto; padding:1px 0 0 1px;}
	.con-tab ul li {flex-grow:1; padding:0; margin:-1px 0 0 -1px; position:relative; z-index:1;}
	.con-tab ul li>* {height:60px; line-height:60px; font-size:18px; width:100%; border:1px solid #d4d6d8;}
	.con-tab ul li>*>* {font-size:18px;}
	.con-tab ul li.on {z-index:10;}
	.con-tab ul li.on>* {height:60px;}

	.main-layout .con-tab ul {background:#233c95; padding:5px; border-radius:1000px; height:50px; border:0;}
	.main-layout .con-tab ul li>* {height:42px; line-height:42px; font-size:18px; border-radius:100px; background:none; color:white; border:0; padding:0 20px;}
	.main-layout .con-tab ul li.on>* {background:white; color:#233c95;}

	.history-box .history-title {float:none; text-align:center; position:relative; top:auto;}
	.history-box .history-title br {display:none;}
	.history-box .history-title .omt {margin-bottom:5px;}
	.history-box .history-list {margin:0;}
	.history-tab {max-width:1200px; margin-bottom:50px;}
	.history-tab ul.two {display:flex; justify-content:space-between; flex-wrap:wrap; margin-right:-5px;}
	.history-tab ul.two li {width:auto; flex-grow:1; margin:0 5px 5px 0;}
	.history-list ul:before {left:10px;}
	.history-list ul li {padding:0 0 0 40px; margin-bottom:50px;}
	.history-list ul li:before {left:0;}
	.history-list ul li:after {left:4px;}
	.history-list ul li div.tit {font-size:26px; padding-top:3px;}
	.history-list ul li div.tit:before {width:20px; left:-30px;}
	.history-list ul li p {padding-left:77px; font-size:18px;}

	.bizarea:before {height:200px;}

	.equipment .list ul li a {display:block;}
	.equipment .list ul li p.img {width:auto; border:0; padding:20px; background:#f0f2f4;}
	.equipment .list ul li p.img span {padding:0; width:200px; height:200px; margin:0 auto; mix-blend-mode:multiply;}
	.equipment .list ul li div.text {width:auto;}
	.equipment .list ul li div.text p.tit {font-size:18px; line-height:28px; padding:15px 10px 15px 50px;}
	.equipment .list ul li div.text p.tit .num {width:25px; height:25px; line-height:25px; font-size:14px; top:17px; left:15px;}
	.equipment .list ul li .info-list {background:none; padding:10px 15px;}
	.equipment .list ul li .info-list .item {font-size:16px; line-height:26px; padding:0 5px 0 120px;}
	.equipment .list ul li .info-list .item .item-tit {top:0;}
}

/* 820px */
@media screen and (max-width:820px) {
	.wrap {margin:0 30px;}
	.imap-box .imap-con {height:350px;}
	.map-box>div>div.wrap_map {height:350px !important;}

	.footer .slick-rolling {padding:20px 10px; margin:0 -30px;}
	.footer .slick-slide {margin:0 10px;}
	.footer h6 {position:relative; top:auto; right:auto; left:auto; transform:none; margin-bottom:33px;}
	.footer h6 img {height:34px;}

	.itit span {padding-left:25px;}
	.itit span {font-size:22px; background-size:auto 25px;}

	.equal-list {padding:10px 30px 60px 30px;}
	.equal-list ul {max-width:100%;}
	
	.testprice .table th {padding:8px; font-size:16px; line-height:26px;}
	.testprice .table td {padding:8px; font-size:16px; line-height:26px;}

	ul.flow-ul>li {width:50% !important;}

	.howtorequire .btnarea {display:flex;}
	.howtorequire .btnarea a {margin:0; flex-grow:1; padding:0 5px;}
	.howtorequire .btnarea a i {display:none;}

	#whole {
		.pg_wrap {margin:40px 0;}
		.pg_page, .pg_current {width:40px; height:40px; line-height:40px; font-size:14px; margin:0 2px;}
	}
}

/* 640px */
@media screen and (max-width:640px) {
	.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:36px; bottom:36px; left:0; right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {width:36px; height:36px; line-height:36px; top:0; right:0; border-radius:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:36px 0;}
	.mfp-wrap .mfp-container .mfp-arrow {border-radius:0; top:50%; margin-top:-36px;}
	.mfp-wrap .mfp-arrow-left {left:0;}
	.mfp-wrap .mfp-arrow-right {right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-bottom-bar .mfp-title {padding-top:6px; font-size:14px;}

	.imap-box .imap-con {height:250px;}
	.map-box>div>div.wrap_map {height:250px !important;}
	#button-top {width:40px; height:40px; line-height:40px; right:20px;}

	#whole .bdr30 {border-radius:15px;}

	.main-layout .visual .wrap {padding:100px 0 60px 0;}
	.main-layout .visual .wrap ul.direct {justify-content:space-between; flex-wrap:wrap; text-align:left;}
	.main-layout .visual .wrap ul.direct li {flex-grow:1;}
	.main-layout .visual .slick-arrow {display:none !important;}

	.main-layout .quick .wrap {margin-top:-40px; margin-bottom:40px;}
	.main-layout .quick ul {gap:5px;}
	.main-layout .quick ul li {flex-basis:auto; width:calc(50% - 5px);}
	.main-layout .quick ul li img {max-height:44px;}
	.main-layout .quick ul li a {padding:30px 0; border-radius:15px;}
	.main-layout .quick ul li .fs25 {font-size:18px;}

	.main-layout .news-con .inner {padding:30px; min-height:396px;}
	.main-layout .news-con .con-tab {left:10px; right:10px;}
	.main-layout .news-con .group ul {margin-bottom:10px; padding-top:10px;}
	.main-layout .news-con .group a.more {width:auto; height:50px; line-height:46px; position:relative; top:auto; right:auto; background:#f9f9fb; border-radius:10px;}
	.main-layout .news-con .group a.more span {font-size:16px !important; display:inline-block; vertical-align:middle;}
	.main-layout .news-con .group ul {min-height:276px;}
	.main-layout .news-con .group ul li {font-size:18px; line-height:40px; padding-right:0;}
	.main-layout .news-con .group ul li .date {display:none;}
	.main-layout .news-con .group ul li:first-child {padding:15px 0; margin-bottom:15px;}
	.main-layout .news-con .group ul li:first-child .toh {margin:0;}
	.main-layout .news-con .group ul li:first-child .title {font-size:20px; line-height:30px;}
	.main-layout .news-con .group ul li:first-child .icon {display:none;}
	
	.main-layout .contact {padding:40px 30px;}
	.main-layout .contact br {display:block;}
	.main-layout .contact ul li span i {font-size:30px;}
	.main-layout .contact .deco span.deco-01 img {height:140px;}
	.main-layout .contact .deco span.deco-02 {right:30px;}
	.main-layout .contact .deco span.deco-02 img {height:80px;}

	.sub-layout .sub-title {padding:60px 0 0 0;}
	.sub-layout .sub-contents {padding:60px 0 140px 0;}

	.con-tab ul li>* {padding:0 12px; font-size:16px;}
	.con-tab ul li>*>* {font-size:16px;}

	.main-layout .con-tab ul {border-radius:15px;}
	.main-layout .con-tab ul li>* {font-size:16px; border-radius:10px;}

	.hordiv {padding-bottom:40px; margin-bottom:40px;}

	.gridbox .gridtit {margin-bottom:30px;}
	.gridbox.two>.item:first-of-type {margin-bottom:30px;}

	.equal-list {padding:30px 20px 60px 20px;}
	.equal-list ul {margin:0;}
	.equal-list ul li div {padding:0 0 60px 90px;}
	.equal-list ul li .tag {width:60px; height:60px; line-height:60px; font-size:18px; margin:0; top:0;}
	.equal-list ul li .tag:after {width:20px; right:-15px;}

	.bizarea:before {height:170px;}

	.equipment .list ul li p.img span {height:0; padding-bottom:100%;}
	.equipment .list ul li div.text p.tit {position:static; padding:15px 0;}
	.equipment .list ul li div.text p.tit .num {top:5px; left:5px; border-radius:5px;}
	.equipment .list ul li .info-list {padding:15px 0 20px 0;}
	.equipment .list ul li .info-list .item {padding:0; margin-bottom:10px;}
	.equipment .list ul li .info-list .item .item-tit {position:relative; top:auto; left:auto; color:#22b24c;}
	.equipment .view div.img {width:auto;}

	.layer .inner {top:0; left:0; right:0; bottom:0; border-radius:0;}
}

/* 480px */
@media screen and (max-width:480px) {
}