@charset "utf-8";

.greetings {position:relative; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; min-height:620px; text-align:center; padding-top:60px; color:#fff;}
.greetings h3 {font-size:35px; font-weight:500; letter-spacing:-.03em; line-height:1.143em;}
.greetings .s-txt {padding:10px 0 30px;}
.greetings .txt {font-size:17px; letter-spacing:-.03em; line-height:1.647em;}
.greetings .img-flex {width:100%; max-width:1000px; margin:0 auto; margin-top:100px;}
.greetings .img-flex .imgs {display:flex; justify-content:center; align-items: flex-end;/*  position:absolute; bottom:0; */}
.greetings .img-flex .imgs .img1 {box-shadow:3px 0 7px rgba(128, 128, 128, 0.35);}
.greetings .img-flex .imgs .img2 {margin-left:-120px;}

.history-wrap .cnt {padding-left:50px; border-bottom:1px solid #ddd;}
.history-wrap .cnt:nth-child(2) .history .history-year .circle-wrap {background:#1e83b2;} 
.history-wrap .cnt:nth-child(3) .history .history-year .circle-wrap {background:#2686a1;} 
.history-wrap .cnt:nth-child(4) .history .history-year .circle-wrap {background:#26a197;} 
.history-wrap .cnt:nth-child(5) .history .history-year .circle-wrap {background:#1c9066;} 
.history-wrap .cnt:nth-child(5) .history .history-year .circle-wrap {display:flex; align-items:center; justify-content:center; line-height:1.3em;}
.history-wrap .cnt:nth-child(5) .history .history-year .circle-wrap span {font-size:20px; font-weight:500;}
.history-wrap .cnt:nth-child(5) .history .history-year .circle-wrap.none {background:#fff;}
.history-wrap .cnt:nth-child(2) .history .history-year .wave {color:#1e83b2;}
.history-wrap .cnt:nth-child(3) .history .history-year .wave {color:#2686a1;}
.history-wrap .cnt:nth-child(4) .history .history-year .wave {color:#26a197;}
.history-wrap .cnt:nth-child(5) .history .history-year .wave {color:#1c9066;}
.history-wrap .history {display:flex; align-items:center; padding:40px 0;}
.history-wrap .history .history-year {display:flex; align-items:center; padding-left:30px;}
.history-wrap .history .history-year .circle-wrap {font-size:25px; font-weight:500; letter-spacing:-.03em; width:110px; height:110px; line-height:108px; background:#074068; border-radius:100%; text-align:center; color:#fff;}
.history-wrap .history .history-year .wave {font-size:30px; font-weight:500; color:#074068; line-height:1.0em; padding:0 20px;}
.history-wrap .history .history-list {padding-left:40px;}
.history-wrap .history .history-list ul li {font-size:17px; color:#454545; letter-spacing:-.03em; line-height:1.765em; padding-left:0.5em; text-indent:-0.5em;}

.certification ul {display:flex; flex-wrap:wrap; margin:0 -10px; margin-bottom:-45px;}
.certification ul li {width:20%; padding:0 10px; text-align:center; margin-bottom:45px;}
.certification ul li .img {color:#454545;}
.certification ul li img {transition:.4s ease-in-out; margin:0 auto 15px;}
.certification ul li .img:hover img {box-shadow: 5px 0 5px rgb(0 0 0 / 50%);}
.fancybox-close {width:40px !important; height:40px !important; top:-40px !important; right:0 !important;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url("../images/sub/close-btn.png")!important;/* 50% 50% no-repeat; background-size:contain */;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-size:50% 50% !important;}

.smart {text-align:center;}
.smart .txt {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.500em; margin:40px 0 20px; text-align:center;}
.smart .btn {position:relative; color:#074d80; font-weight:500; display:inline-block; margin:0 auto; height:50px; line-height:48px; border:1px solid #074d80; border-radius:30px; padding:0 30px 0 55px; text-align:right;}
.smart .btn:before {position:absolute; content:""; width:18px; height:18px; background:url("../images/sub/sub-arrow.png")50% 50% no-repeat; background-size:contain; top:50%; margin-top:-8px; left:30px;}

.slider-wrap-flex {display:flex; margin-top:100px;}
.slider-wrap-flex .slider-wrap {width:45%;}
.slider-wrap-flex .slick-list {margin:0 -5px;}
.slider-wrap-flex .slick-slide {padding:0 5px;}
.slider-wrap-flex .slider-nav .slick-current .thumb {position:relative;}
.slider-wrap-flex .slider-nav .slick-current .thumb:after {position:absolute; content:""; top:0; left:0; width:100%; height:100%; border:2px solid #00a6ea; opacity:1; z-index:50;}
.slider-wrap-flex .slider-nav .slick-current .thumb:after .item .img img {opacity:1;}
.slider-wrap-flex .slick-arrow {position:absolute; top:50%; margin-top:-19px; width:23px; height:38px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain;}
.slider-wrap-flex .slick-prev {left:30px; background-image:url("../images/sub/prevs.png");}
.slider-wrap-flex .slick-prev:hover {background-image: url("../images/sub/prevs_w.png");}
.slider-wrap-flex .slick-next {right:30px; background-image:url("../images/sub/arrows.png");}
.slider-wrap-flex .slick-next:hover {background-image: url("../images/sub/arrows_w.png");}
.slider-wrap-flex .txt-box {width:55%; color:#fff; padding-left:60px;}
.slider-wrap-flex .txt-box h3 {font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; padding-bottom:20px; border-bottom:1px solid rgba(255, 255, 255, 0.6);}
.slider-wrap-flex .txt-box .txt-list {margin-top:30px;}
.slider-wrap-flex .txt-box .txt-list .cnt {padding-left:30px;}
.slider-wrap-flex .txt-box .txt-list .tit {position:relative; font-size:22px; font-weight:700; letter-spacing:0; line-height:1.273em; margin-bottom:10px;}
.slider-wrap-flex .txt-box .txt-list .tit:before {position:absolute; content:""; top:50%; margin-top:-10px; left:-30px; width:20px; height:20px; background:url("../images/sub/dot.png")50% 50% no-repeat; background-size:contain;}
.slider-btns .btns {margin-top:60px; color:rgba(255, 255, 255, 0.7); display:inline-block; width:130px; height:45px; line-height:43px; border:1px solid rgba(255, 255, 255, 0.7); border-radius:30px; text-align:center;} 
.slider-wrap-flex .slider-wrap .thumb {position:relative; padding-bottom:100%; margin-bottom:12px; overflow:hidden;}
.slider-wrap-flex .slider-wrap .thumb 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:contain;}



.background {background:#343434;}
.background .lnb {background:#343434; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.background .lnb ul li a {color:#fff; border-right:1px solid rgba(255, 255, 255, 0.3);}
.background .lnb ul li:first-child a {border-left:1px solid rgba(255, 255, 255, 0.3);}

.location-info dl {display:flex; padding:15px 0; border-bottom:1px solid #ddd;}
.location-info dt {display:flex; align-items:center; justify-content:flex-start; font-size:18px; font-weight:500; width:145px; text-align:center; position:relative; padding-left:20px;}
.location-info dt:after {content:""; display:inline-block; width:1px; height:20px; background:#ddd; position:absolute; top:4px; right:0;}
.location-info dt img {margin-right:15px;}
.location-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545; padding-left:30px;}

.sub-map .root_daum_roughmap {width:100% !important; height:500px !important;}
.sub-map .root_daum_roughmap .wrap_map {height:500px !important;}