@charset "utf-8";


.table01 {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050;}
.table01 th {padding:12px; background:#fafafa; border:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid #ddd; color:#333; font-size:18px; font-weight:600;}
.table01 th.bg {text-align:center; background:#d21d4f; color:#fff;}
.table01 td {font-size:18px; color:#454545; letter-spacing:-.03em; padding:12px; border:1px solid #ddd;}

.greetings {display:flex; margin-bottom:210px; margin-top:80px;}
.greetings .img {}
.greetings .txt-box {padding-left:50px;}
.greetings .txt-box .txt {font-size:18px; color:#555; letter-spacing:0; line-height:1.667em; margin-bottom:30px;}
.greetings .txt-box .greetings-logo {margin-top:10px;}

.history-logo {text-align:center;}
.history-tit {text-align:center; line-height:1.5em; font-size:20px; letter-spacing:0; color:#333; margin:30px 0 40px;}
.history-tit strong {}
.history-tit strong:nth-child(2) {color:#1fac83;}
.history .identity {padding:80px 0 100px;}
.history .identity ul {display:flex;}
.history .identity ul li {position:relative;width:50%;}
.history .identity ul li:last-child:before {position:absolute; content:""; width:100px; height:100px; background:url('../images/sub/identity-pius.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-50px; left:-50px;}
.history .identity ul li .img {width:100%;}
.history .identity ul li .img img {width:100%;}
.history {position:relative;}
.history:before {content:""; position:absolute; top:0; height:100%; left:50%; bottom:0; width:1px; background:#d8d8d8;}
.history .logo img {border-radius:50%;}
.history .group {position:relative; padding-bottom:85px; display:flex; flex-direction: column; align-items: center;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group .inner {width:100%; position:relative;}
.history .group h3 {position:relative; background:#324d73; border:1px solid #ddd; color:#fff; font-size:40px; font-weight:700; line-height:137px; height:137px; width:137px; border-radius:100%; text-align:center; margin-bottom:40px;}
.history .group ul li {position:relative; color:#555; font-size:18px; font-weight:400; line-height:2.000em; letter-spacing:-.02em;}
.history .group ul li .tit {font-size:16px; font-weight:700; color:#333; letter-spacing:0.2em; line-height:1.563em; margin-bottom:20px;}
.history .group ul li .color-wrap {margin-bottom:20px;}
.history .group ul li .color-wrap .img {width:100%;}
.history .group ul li .color-wrap .img img {width:100%;}
.history .group ul li .color-wrap .tt {font-size:18px; font-weight:700; color:#010101; letter-spacing:-.025em; line-height:1.333em; margin:5px 0 10px;}
.history .group ul li .color-wrap .txt {font-size:16px; color:#454545; letter-spacing:-.025em; line-height:1.250em;}
.history .group ul li .logo-img {text-align:center; margin-bottom:15px; padding:30px 0; border:1px solid #ddd; border-right:0;}
.history .group ul li .logo-img:last-child {border-bottom:0;}
.history .group:nth-child(even) ul li {flex-direction: row-reverse;}
.history .group:nth-child(odd) ul li .tit {text-align:right;}
.history .group:nth-child(odd) ul li:before {content:""; position: absolute; top:6px; right:-2.5px; width:14px; height:14px; background-color: #1fac83; border-radius:50%;}
.history .group:nth-child(even) ul li:before {content:""; position: absolute; top:6px; left:-2.5px; width:14px; height:14px; background-color:#1fac83; border-radius:50%;}
.history .group:nth-child(even) ul li {padding-left:70px;}
.history .group ul li .day {width:20px; margin-right:10px; font-weight:700; line-height:1.667em; font-size:18px; color:#000; letter-spacing:-.04em;}
.history .group:nth-child(even) ul li .day {margin-left:10px; margin-right:0;}
.history .group.last:after {margin-left:33px; bottom:-132px;}
.history .group:nth-child(even) h3 {text-align:center;}
.history .group:nth-child(odd) .inner {padding-right:50%; margin-right:-6px;}
.history .group:nth-child(even) .inner {padding-left:50%; margin-left:-8.5px;}
.history .group:nth-child(odd) .bullet:after {left:0;}
.history .group:nth-child(odd) .bullet:before {left:0;}
.history .group:nth-child(odd) ul li {padding-right:70px;}
.history .group:nth-child(odd) ul li .txt {font-size:16px; color:#454545; letter-spacing:0; line-height:1.563em; text-align:right;}
.history .group:nth-child(odd) p {text-align:left; font-weight:500;}
.history .group:nth-child(even) p {font-weight:500;}
.history .group.first-child {margin-left:290px;}

.organization {text-align:center;}

.certificate {margin-top:160px;}
.certificate .contain {max-width:1100px;}
.certificate ul {display:flex;}
.certificate ul li {width:25%; padding:0 20px;}
.certificate ul li .tit {font-size:18px; font-weight:500; color:#555; letter-spacing:0; line-height:1.667em; margin-top:20px; text-align:center;}

.map-flex {display:flex;}
.map-flex .map {width:73.3%;}
.map-flex .map .root_daum_roughmap {width:100% !important; height:600px !important;}
.map-flex .map .root_daum_roughmap .wrap_map {height:600px !important;}
.map-flex .location {padding-left:40px; margin-top:80px;}
.map-flex .location .tit {margin-bottom:40px;}
.map-flex .location .location-list {margin-bottom:-10px;}
.map-flex .location .location-list dl {display:flex; margin-bottom:10px;}
.map-flex .location .location-list dl dt {font-size:20px; font-weight:700; color:#333; font-weight:700; line-height:1.5em; width:120px;}
.map-flex .location .location-list dl dd {font-size:18px; color:#454545; letter-spacing:0; line-height:1.667em;}
.map-flex .location .location-list dl dd strong {color:#22ae84; text-decoration:underline;}

.history-flex {position:relative;}
.history-flex .his-box {margin:0 100px 0 50px;}
.history-flex .his-box .tit {font-family:'Montserrat', sans-serif; font-size:33px; font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.3em;}
.history-flex .his-box .tit span {font-size:40px; font-weight:700; color:#0c4da2;}
.history-flex .his-box .txt {font-size:18px; color:#454545; line-height:1.556em; font-weight:500; letter-spacing:-.03em; margin:25px 0 55px;}
.history-flex .his-box .txt strong {color:#242424; font-weight:600;}
.history-flex .historys {position:relative; padding-left:40px; margin-top:40px;}
.history-flex .historys:before {position:absolute; content:""; background:#ddd; top:-30px; left:195px; width:1px; height:125%;}
.history-flex .historys .group {display:flex; align-items:stretch; margin-bottom:35px;}
.history-flex .historys .group h3 {position:relative; font-size:40px; font-weight:700; color:#1fac83; letter-spacing:-.03em; line-height:1.0em; padding-right:45px;}
.history-flex .historys .group .year {position:relative; padding-left:55px;}
.history-flex .historys .group .year:before {position:absolute; content:""; width:14px; height:14px; background:#1fac83; border-radius:50%; top:12px; left:8px;}
.history-flex .historys .group .year ul li {display:flex; align-items:baseline; font-size:20px; color:#454545; letter-spacing:-.03em; position:relative; margin-bottom:8px; line-height:1.800em;}
.history-flex .historys .group .year ul li span {font-size:22px; font-weight:700; letter-spacing:-.03em; color:#3c3c3c; letter-spacing:-.03em; line-height:1.3em; margin-right:25px;}
.history-flex .historys .group:last-child {position:relative;}

.product-list ul li .tt-box {position:relative; display:flex; flex-direction:column; justify-content:center; min-height:100px; padding-left:25px;}
.product-list ul li .tt-box:before {position:absolute; content:""; width:32px; height:32px; top:50%; margin-top:-16px; right:23px; background:url('../images/main/plus-ico.png')50% 50% no-repeat; background-size:contain;}
.product-list ul li .tt-box .tit {font-size:20px; font-weight:600; color:#000; letter-spacing:0; line-height:1.300em; text-align:left;}
.product-list ul li .tt-box p {font-size:18px; letter-spacing:0; font-weight:400;}
.product-list ul li a:hover {border-color:#22ae84;}
.product-list ul li a:hover .tt-box:before {background-image: url('../images/main/plus-ico_w.png');}
.product-list ul li a:hover .tt-box .tit {color:#22ae84;}
.product-list ul li a:hover .tt-box p {color:#22ae84;}
.product-list ul li .support-ico-flex {justify-content:flex-end; padding-right:20px; padding-bottom:15px;}

.product-summary .product-info .txt-list {}
.product-summary .product-info .txt-list dl {display:flex; margin-top:15px;}
.product-summary .product-info .txt-list dl dt {font-size:18px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.3em; min-width:90px;}
.product-summary .product-info .txt-list dl dd {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.3em;}
.product-summary .product-info-ico ul {display:flex; flex-wrap:wrap; margin:-5px;}
.product-summary .product-info-ico ul li {width:50%; padding:5px;}
.product-summary .product-info-ico ul li.wide {width:100%;}
.product-summary .product-info-ico ul li a {font-size:18px; font-weight:600; letter-spacing:-.03em; display:block; background:#22ae84; height:48px; line-height:48px; color:#fff; text-align:center;}

.performance-list {display:flex; width:100%; max-width:450px; margin:0 auto; justify-content:center; margin-top:50px; margin-bottom:80px;}
.performance-list li {width:33.3333%; border:1px solid #ddd; margin: 0 8px;}
.performance-list li:first-child {border-left:1px solid #ddd;}
.performance-list li.active a {background:#22ae84; color:#fff;}
.performance-list li a {display:block; text-align:center; font-size:18px; font-weight:600; color:#555; letter-spacing:-.03em; height:50px; line-height:48px;}

.rest .performance-list {justify-content: flex-start;max-width: 100%;}
.rest .performance-list li {flex: 1 0 auto; width: auto; min-width: 100px;}

.gallery-tit {text-align:center; font-size:26px; font-weight:700; color:#333; margin-bottom:40px; letter-spacing:-.03em; line-height:1.3em;}
.gallery-imgs {text-align:center; margin-bottom:40px;}
.gallery-txt {font-size:18px; font-weight:500; color:#000; letter-spacing:0; line-height:1.222em; text-align:center;}

.catalog-flex {display:flex;}
.catalog-flex .img {}
.catalog-flex .catalog-box {position:relative; width:50%; padding-top:100px; text-align:center; max-height:480px;}
.catalog-flex .catalog-box:before {position:absolute; content:""; background:url('../images/sub/catalogs1.png')50% 50% no-repeat; background-size:contain; top:0; right:0; width:41px; height:54px;}
.catalog-flex .catalog-box:after {position:absolute; content:""; background:url('../images/sub/catalogs2.png')50% 50% no-repeat; background-size:contain; bottom:0; right:0; width:41px; height:54px;}
.catalog-flex .catalog-box .tit {margin-left:40px;}
.catalog-flex .catalog-box .txt {font-size:24px; color:#555; letter-spacing:-.03em; line-height:1.250em; margin:15px 0 70px;}
.catalog-flex .catalog-box .txt strong {color:#22ae84;}
.catalog-flex .catalog-box .catalog-ico {display:flex; justify-content:center;}
.catalog-flex .catalog-box .catalog-ico ul {}
.catalog-flex .catalog-box .catalog-ico ul li {margin-bottom:10px;}
.catalog-flex .catalog-box .catalog-ico ul li a {font-size:18px; font-weight:600; color:#555; letter-spacing:-.03em; display:block; width:300px; height:50px; line-height:48px; border:1px solid #b7b7b7;}
.catalog-flex .catalog-box .catalog-ico ul li span {}
.catalog-flex .catalog-box .catalog-ico ul li span img {vertical-align:middle; margin-right:10px;}

.cart-all-select-wrap {display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid #ddd; border-top:2px solid #22ae84; height:65px;}
.cart-all-select-wrap ul {display:flex;}
.cart-all-select-wrap ul li {font-size:18px; text-align:center; font-weight:600; color:#333; letter-spacing:-.03em; line-height:1.444em;}
.cart-all-select-wrap ul li:first-child {width:13%;}
.cart-all-select-wrap ul li:nth-child(2) {width:80%;}
.cart-all-select-wrap ul li:nth-child(3) {width:27%;}