@charset "utf-8";

.doc-tit {position: relative; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 23px; line-height: 1.5em; letter-spacing: -.03em; padding-left: 30px; margin-bottom: 25px;}	
.doc-tit:before {content:""; position: absolute; top: 6px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}


/* greetings */
.greetings {position: relative; display: flex;}
.greetings .img {width: 42.5%; padding-right: 30px;}
.greetings .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .txt .head {font-family: 'NanumSquare', sans-serif; margin: 55px 0 30px;}
.greetings .txt .head span {display: block; margin-bottom: 5px; font-size: 20px; font-weight: 800; line-height: 1.5; letter-spacing: -.03em; background: linear-gradient(270deg, #0c4da2 0%, #00b1d1 100%); color: transparent; -webkit-background-clip: text;}
.greetings .txt .head h3 {font-weight: 400; font-size: 30px; line-height: 1.5;}
.greetings .txt .head h3 strong {font-weight: 800;}

.greetings .txt p {color: #454545; margin-bottom: 10px;}
.greetings .txt p.sign {margin-bottom: 0; margin-top: 45px; font-family: 'NanumSquare', sans-serif; color: #242424; font-size: 18px; font-weight: 500;}
.greetings .txt p.sign strong {font-size: 1.278em; font-weight: 800;}

.photogallery {display: flex;}
.photogallery .slider-for {flex: 1 1 auto; min-width: 0; width: 1%;}
.photogallery .slider-nav {width: 20%;}
.photogallery .slider-nav {position:relative; padding: 75px 35px; background: #f2f2f2; border: 1px solid #dfdfdf;}
.photogallery .slider-nav .slick-arrow {position:absolute; left: 50%; margin-left: -17px; width:34px; height:19px; z-index:51; border: 0; border-radius:100%; background-color: transparent; background-position:50% 50%; background-repeat:no-repeat; background-size: contain; text-indent:-9999em; overflow:hidden;}
.photogallery .slider-nav .slick-prev {background-image:url("../images/sub/pg_prev.png"); top: 35px;}
.photogallery .slider-nav .slick-next {background-image:url("../images/sub/pg_next.png"); bottom: 35px;}
.photogallery .slider-nav .slick-list {margin:-5px 0px;}
.photogallery .slider-nav .slick-list .slick-slide {margin:5px 0px;}
.photogallery .slider-nav .items .item {cursor:pointer;}
.photogallery .slider-nav .slick-slide.slick-current .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid #e58100;}

.photogallery .items .item {position:relative; padding-bottom:66.67%; overflow:hidden;}
.photogallery .items .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.photogallery .items .item .txt {position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.4); padding: 11px 30px; color: #fff; font-size: 1.125em; line-height: 1.5; letter-spacing: -.03em;}
.photogallery .slider-for {position: relative;}


.certify {}
.certify ul {display: flex;flex-wrap:wrap; margin: 0 -10px -47px; text-align: center;}
.certify ul li {width: 20%; padding: 0 10px; margin-bottom: 47px;}
.certify ul li a {display: block;}
.certify ul li .img {position: relative;}
.certify ul li .img:after {content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd;}
.certify ul li p {color: #686868; line-height: 1.438em; margin-top: 12px;}
.fancybox-custom .fancybox-close {width: 21px; height: 21px; background-image: url("/images/sub/btn_view_close.png"); background-size: contain; top: -29px; right: -29px; z-index: 9000;}


.history-wrap {border-top: 2px solid #0466b8; padding-top: 55px;}
.history {position: relative;}
.history:before {content:""; position: absolute; top: 7px; bottom: 10px; left: 163px; width: 2px; background: #ddd; }
.history .group {position: relative; display: flex; margin-bottom: 40px; padding-left: 30px;}
.history .group:last-child {margin-bottom: 0;}
.history .group:after {content:""; position: absolute; top: 6px; left: 152px; width: 22px; height: 22px; border-radius:100%; border: 5px solid #f5f3f3; background: #0466b8;}
.history .year {font-family: 'Roboto', sans-serif; color: #0466b8; font-size: 28px; line-height: 1; margin-right: 140px;}
.history .list {}
.history .list ul {}
.history .list ul li {display: flex; color: #454545;}
.history .list ul li .month{min-width: 70px; font-weight: 500;}


.root_daum_roughmap {width:100% !important;}
.loc-info {margin-top: 10px;}
.loc-info .addr {padding: 25px 0;}
.loc-info .addr strong {display: block; color: #004ea2; font-weight: 500; margin-bottom: 5px;}
.loc-info .addr p {color: #454545; font-family: 'NanumSquare', sans-serif; font-size: 23px; font-weight: 700; line-height: 1.6; letter-spacing: -.03em;}
.loc-info .addr span {color: #454545; margin-right: 13px;}
.loc-info dl {display: flex; padding: 25px 30px; border-top: 1px solid #ddd;}
.loc-info dl:last-child {border-bottom: 1px solid #ddd;}
.loc-info dl dt {font-size: 1.125em; font-weight: 500; min-width: 150px;}
.loc-info dl dt img {vertical-align:middle; margin: -.2em 12px 0 0;}
.loc-info dl dd {color: #454545;}


/* product */
.product-list {margin-bottom: 60px;}
.product-list ul {display: flex;flex-wrap:wrap;justify-content: center; margin-bottom: -30px; text-align: center;}
.product-list ul li {border: 1px solid #ddd; border-radius:50px; min-width: 145px; padding: 0 18px; line-height: 42px; margin: 0 5px 30px; font-size: 1.063em; font-weight: 500;}


/* production */
.production {}

.production .cate {margin-bottom: 40px;}
.production .cate ul {display: flex;flex-wrap: wrap; text-align: center; margin: 0 -10px;}
.production .cate ul li {width: 20%; padding: 0 10px;}
.production .cate ul li a {display: block; padding: 25px 15px; border-radius:30px;}
.production .cate ul li .tit {color: #686868; font-family: 'NanumSquare', sans-serif; font-size: 1.125em; font-weight: 700; line-height: 1.4; letter-spacing: -.03em;}

.production .cate ul li a:hover {box-shadow:rgba(0,0,0,.3) 3px 3px 8px;}
.production .cate ul li a:hover .tit {color: #0c4da2; font-weight: 800;}
.production .cate ul li.active a {box-shadow:rgba(0,0,0,.3) 3px 3px 8px;}
.production .cate ul li.active .tit {color: #0c4da2; font-weight: 800;}

.production .list {text-align: center;}
.production .list .box {position: relative; overflow:hidden; border: 1px solid #ddd; border-radius:10px; padding-bottom: 70px;}
.production .list .tit {position: absolute; bottom: 0; left: 0; width: 100%; min-height: 70px; display: table; border-radius:0 0 10px 10px; background: #7f7f7f; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 26px; font-weight: 800; letter-spacing: -.03em;}
.production .list .tit p {display: table-cell; vertical-align:middle;}

.production .list .slick-list {overflow: visible;}

.production .list .slider-for .slick-slide:not(.slick-current) {opacity: .3;}.production .list .slider-for .slick-arrow {position:absolute; top: 50%; margin-top: -30px; width:60px; height:60px; z-index:51; border: 0; border-radius:100%; background-color: rgba(0,0,0,.5); background-position:50% 50%; background-repeat:no-repeat; background-size: 28px; text-indent:-9999em; overflow:hidden;}
.production .list .slider-for .slick-prev {background-image:url("../images/sub/prd_prev.png"); left: 9.1%;}
.production .list .slider-for .slick-next {background-image:url("../images/sub/prd_next.png"); right: 9.1%;}

.production .list .slider-nav {position: absolute; bottom: 0; left: 0; width: 100%;}

.production .video {margin-top: 70px;}

.hire {background: #fafafa; padding: 50px 0 65px;}
.hire ul {display: flex;flex-wrap:wrap;}
.hire ul li {width: 20%; padding: 0 10px;}


.benefit {padding-top: 65px;}
.benefit ul {display: flex;flex-wrap:wrap; margin: 0 -10px -20px; text-align: center;}
.benefit ul li {width: 20%; padding: 0 10px; margin-bottom: 20px;}
.benefit ul li .in {height: 100%; padding: 30px 15px 25px; border-radius:10px;}
.benefit ul li:nth-child(odd) .in {border: 1px solid #f5f5f5; background: #f5f5f5;}
.benefit ul li:nth-child(even) .in {border: 1px solid #ddd; background: #fff;}
.benefit ul li .tit {margin-top: 20px; min-height: 3.1em; display: flex; justify-content: center; align-items: center;}
.benefit ul li p {font-family: 'NanumSquare', sans-serif; font-size: 1.125em; font-weight: 700; line-height: 1.444em; letter-spacing: -.03em;}