/* @charset "utf-8"; */
@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; font-size:24px; font-weight:700; padding-left:30px; margin-bottom:20px;}
.doc-tit:before {position:absolute; content:""; width:24px; height:24px; background:url("../images/sub/doc-tit.png")50% 50% no-repeat; background-size:contain; top:2px; left:0;}
.sub-tit {text-align:center;}
.sub-tit h3 {font-size:30px; font-weight:700; letter-spacing:-.05em; line-height:1.3em;}
.sub-tit p {font-size:18px; letter-spacing:-.05em; line-height:1.556em; margin-top:10px;}
.doc-tit span {font-size:20px; font-weight:500; color:#797979; padding-left:10px;}
.doc-tit.flex {display:flex; justify-content:space-between;}
.doc-tit.flex p {font-size:16px; font-weight:400; color:#505050;}

.s-tit {color:#505050; text-align:right; margin-bottom:5px;}

.center {display:flex; align-items:center; margin-top:50px;}
.center.reverse {flex-direction:row-reverse;}
.center-list .center:nth-child(even) .txt-box {text-align:right;}
.center .img {width:48%;}
.center .txt-box {width:52%; padding:0 40px;}
.center .txt-box .tit {font-size:22px; font-weight:700; letter-spacing:-.05em; line-height:1.773em; margin-bottom:15px;}
.center .txt-box .txt {font-size:18px; color:#505050; line-height:1.778em;}

.facility {position:relative;}
.facility .caption {position:absolute; margin:0 auto; top:50%; left:0; width: 100%; padding: 0 70px; z-index: 45; transform: translateY(-45%); color: #fff;}
.facility .caption .tit {font-size:24px; font-weight:500; letter-spacing:-.05em; line-height:1.333em; margin-bottom:20px;}
.facility .caption .tit span {color:#da2128;}
.facility .caption .txt {font-size:18px; letter-spacing:-.05em; line-height:1.778em;}
.facility-list h3 {font-size:22px; font-weight:700; letter-spacing:-.05em; line-height:1.455em; margin-top:50px; padding-left:25px;}
.facility-list ul li:last-child {margin-bottom:50px;}
.facility-list h3 {padding-left:55px; text-indent:-55px; margin-bottom:10px;}
.facility-list h3 strong {color:#da2128;}
.facility-list h3 span {display:inline-block; width:40px; line-height:38px; background:#da2128; text-align:center; color:#fff; font-size:24px; font-weight:700; letter-spacing:-.05em; margin-right:15px; text-indent:0;}
.facility-list p {font-size:18px; font-weight:400; line-height:1.778em; padding-left:55px;}
.facility-list p.mgs {margin-bottom:50px;}

.performance-list {justify-content:center; margin-bottom:-10px; margin-left:-10px; flex-wrap:wrap; margin-bottom:80px;}
.performance-list ul {flex-wrap:wrap;}
.performance-list li {width:calc(20% - 10px); margin-left:10px; margin-bottom:10px;}
.performance-list li.active a {color:#fff; font-weight:500; border:1px solid #da2128; background:#da2128;}
.performance-list li a {display:block; text-align:center; font-size:18px; color:#505050; letter-spacing:-.05em; height:49px; line-height:47px; border:1px solid #ddd;}
.performance-list li:first-child a {border-left:1px solid #ddd;}
.performance-list li:first-child.active a {color:#fff; font-weight:500; border:1px solid #da2128; background:#da2128;}

.sub-tab {display:flex; justify-content:center; margin-bottom:50px; flex-wrap:nowrap;}
.sub-tab li {flex:1; margin-left:0;}
.sub-tab li a {display: block; text-align: center; font-size: 18px; letter-spacing: -.05em; height: 49px; line-height: 47px; border:1px solid #ddd; border-left:0;  border-bottom:2px solid #da2128; }
.sub-tab li.active a {color:#da2128; background:#fff; border:2px solid #da2128; border-bottom:0;}
.sub-tab li:first-child a {border-left:1px solid #ddd;}
.sub-tab li:first-child.active a {color:#da2128; font-weight:500; border:2px solid #da2128; border-bottom:0; background:#fff;}

.introduce {max-width:1000px; margin:0 auto;}
.introduce .slider-nav .img {padding-left:3px; padding-right:3px;}
.introduce .item .img img {text-align:center; margin:0 auto;}
.introduce .slider-nav .img:first-child {padding-left:0;}
.introduce .img {position:relative; padding-bottom:50%; margin-bottom:12px;overflow:hidden;}
.introduce .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.introduce .img img:hover {cursor:pointer;}
.introduce .slider-nav .slick-current .img {position:relative;}
.introduce .slider-nav .slick-current .img:after {position:absolute; content:""; top:0; left:0; width:100%; height:100%; border:4px solid #da2128;}
.introduce .slick-arrow {position:absolute; top:50%; z-index:20; width:50px; height:50px; margin-top:-25px; background-color:transparent; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; transition:.2s;}
.introduce .slick-next {right:-100px; background-image:url("../images/sub/slide-next.png");}
.introduce .slick-next:hover {background-image: url("../images/sub/slide-next_w.png");}
.introduce .slick-prev {left:-100px; background-image:url("../images/sub/slide-prev.png");}
.introduce .slick-prev:hover {background-image: url("../images/sub/slide-prev_w.png");}
.introduce .slider.slider-for.slick-initialized.slick-slider {position:relative;}

.location {margin-top:30px;}
.location ul {display:flex; margin-left:-15px;}
.location ul li {position:relative; width:calc(33.3333% - 15px); margin-left:15px; border:1px solid #ddd; padding:40px;}
.location ul li:before {position:absolute; content:""; width:105px; height:105px; background:url("../images/sub/addr.png")50% 50% no-repeat; background-size:contain; top:50%; margin-top:-52.5px; right:50%; margin-right:-52.5px;}
.location ul li:nth-child(2):before {background-image: url("../images/sub/tel.png");}
.location ul li:nth-child(3):before {background-image: url("../images/sub/fax.png");}
.location ul li .tit {font-size:22px; color:#505050; font-weight:700; letter-spacing:-.05em; line-height:1.273em;}
.location ul li .txt {font-size:18px; color:#505050; letter-spacing:-.03em; margin-top:10px;} 

.use {display:flex; align-items:center;}
.use .txt-box {padding-left:40px;}
.use .txt-box .tit {font-size:26px; letter-spacing:-.05em; line-height:1.615em; margin-bottom:15px;}
.use .txt-box .txt {font-size:18px; letter-spacing:-.05em; line-height:1.773em;}
.use .txt-box .txt span {position:relative;}
.use .txt-box .txt span:before {position:absolute; content:""; z-index:-1; height:23px; width:100%; bottom:0; left:0; background:#ffdedf;}

.use-list {margin-top:60px;}
.use-list ul {display:flex; margin-left:-30px;}
.use-list ul li {position:relative;/*  transition:all 0.4s; */ border:1px solid #da2128; width:calc(33.3333% - 30px); margin-left:30px; padding:40px;}
.use-list ul li a {font-size:22px; letter-spacing:-.05em; line-height:1.455em; color:#da2128;}
.use-list ul li .img {position:absolute; left:40px; top:50%; margin-top:-35px; width:70px; height:70px; background:url("../images/sub/use1.png")50% 50% no-repeat;}
.use-list ul li:nth-child(2) .img {background-image: url("../images/sub/use2.png");}
.use-list ul li:nth-child(3) .img {background-image: url("../images/sub/use3.png");}
.use-list ul li .tit {text-align:center;}
.use-list ul li .arrow {position:absolute; right:40px; top:50%; margin-top:-8px; width:16px; height:16px; background:url("../images/sub/arrows.png")50% 50% no-repeat;}
.use-list ul li:hover .arrow {background-image: url("../images/sub/arrows_w.png");}
.use-list ul li:hover {cursor:pointer; background:#da2128;}
.use-list ul li:hover a {color:#fff;}
.use-list ul li:hover .img {background-image: url("../images/sub/use1_w.png");}
.use-list ul li:nth-child(2):hover .img {background-image: url("../images/sub/use2_w.png");}
.use-list ul li:nth-child(3):hover .img {background-image: url("../images/sub/use3_w.png");}

.price-wrap {margin:15px 0 50px 0;}
.price-wrap ul li {position:relative; padding-left:10px;}
.price-wrap ul li:before {position:absolute; content:""; background:#da2128; width:4px; height:4px; top:12px; left:0;}
.price-wrap ul li span {color:#ff646a;}
.price-table {margin-bottom:60px;}
.price-table.mg {margin-bottom:0;}

.outside .tit {font-size:18px; color:#505050; letter-spacing:-.05em; line-height:1.556em; margin-bottom:15px;}

.academy {display:flex; padding:30px 0; border-bottom:1px solid #ddd;}
.academy .img {position:relative; width:23%; overflow:hidden;}
/* .academy .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; padding:0 5px;}
 */.academy .txt-box {width:77%; padding-left:40px;}
.academy .txt-box .s-txt {display:inline-block; font-size:14px; width:76px; line-height:26px; background:#da2128; color:#fff; text-align:center;}
.academy .txt-box .tit {font-size:24px; font-weight:700; letter-spacing:-.05em; margin:10px 0 20px;}
.academy .txt-box .tit span {font-size:20px; font-weight:700; color:#bebebe; padding-left:10px;}
.academy .academy-list {display:flex;}
.academy .academy-list .lists {padding-right:100px;}
.academy .academy-list .lists .names {position:relative; font-size:20px; font-weight:500; padding-left:25px; margin-bottom:5px;}
.academy .academy-list .lists .names:before {position:absolute; content:""; width:20px; height:20px; background:url("../images/sub/check.png")50% 50% no-repeat; background-size:contain; top:3px; left:0;}
.academy .list-cnt ul li {position:relative; color:#505050; padding-left:10px;}
.academy .list-cnt ul li:before {position:absolute; content:""; width:4px; height:4px; background:#da2128; top:12px; left:0;}

.board-search.mg {margin-bottom:0;}

.trainer .academy .img {width:25%; padding-bottom:20%; max-height:451px;}
/* .trainer .academy .txt-box {width:74%;} */
.trainer .academy .academy-list {display:block;}
.trainer .academy .academy-list .lists {padding-right:0;}
.trainer .academy .academy-list .list-cnt {max-height:135px; overflow:auto; border:1px solid #ddd; background:#fafafa; padding:15px 30px; margin-bottom:20px;}

.root_daum_roughmap {width:100% !important; height:400px !important;}
.root_daum_roughmap .wrap_map {height:400px !important;}

.item.wd {padding:0 5px;}

.price-tit {text-align:right; margin-bottom:10px;}