@charset "utf-8";
/* ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö */
#mainSlider {position:relative; overflow:hidden}
#mainSlider .prev,
#mainSlider .next {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 10;}
#mainSlider .prev {left: 7%;}
#mainSlider .next {right: 7%;}
#mainSlider ul.imgList {position:relative; width:1000%}
#mainSlider ul.imgList li {position:relative; float:left; min-width: 1200px; height:791px; overflow:hidden; background-size:cover !important}
#mainSlider ul.imgList li.img1 {background:url(../../img/images/main_img1.jpg) center top no-repeat}
#mainSlider ul.imgList li.img2 {background:url(../../img/images/main_img2.jpg) center top no-repeat}
#mainSlider ul.imgList li.img3 {background:url(../../img/images/main_img3.jpg) center top no-repeat}
#mainSlider ul.imgList li.img4 {background:url(../../img/images/main_img4.jpg) center top no-repeat}
#mainSlider ul.imgList li .caption {position:relative; top:110px; left:380px; max-width:1400px; width:422px; height:590px; display:table-cell; padding:95px 0 0 45px; box-sizing:border-box; text-align:left; z-index:20; background:#fff; }
#mainSlider ul.imgList li .caption .group-title {display: block; position: relative; font-size: 37px; font-family:'NanumMyeongjo'; padding-bottom: 40px; color: #124fa2;line-height: 50px;}
#mainSlider ul.imgList li .caption .group-title:after {content:''; position: absolute; bottom: 0; left: 0; width: 179px; height:3px; background: #124fa2;}
#mainSlider ul.imgList li .caption .group-info {font-size: 23px; padding-top: 45px;color: #030303;}
#mainSlider ul.imgList li .caption a.more-view {position:relative; display:inline-block; margin-top:30px; padding:5px 36px; font-size:15px; font-weight:600; color:#000; background:transparent; border:2px solid #000}
#mainSlider ul.imgList li .caption a.more-view span {position:relative; transition:all .3s ease; z-index:10}
#mainSlider ul.imgList li .caption a.more-view:before {position:absolute; top:0; left:0; width:100%; height:0; content:''; background:#000; transition:all .3s ease}
#mainSlider ul.imgList li .caption a.more-view:hover:before {height:100%;}
#mainSlider ul.imgList li .caption a.more-view:hover span {color:#fff;}
#mainSlider ul.imgList li .caption.white h2 {color:#fff !important}
#mainSlider ul.imgList li .caption.white h2:after {background:#fff !important}
#mainSlider ul.imgList li .caption.white p {color:#fff !important}
#mainSlider ul.imgList li .caption.white a.btn {color:#fff; border:2px solid #fff}
#mainSlider ul.imgList li .caption.white a.btn:before {background:#fff}
#mainSlider ul.imgList li .caption.white a.btn:hover span {color:#000}
#mainSlider ul.pagination {position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:50}
#mainSlider ul.pagination li {display:inline-block; width:16px; height:16px; margin:0 3px; border:2px solid #fff; border-radius:50%; transition:all .3s ease; cursor:pointer}
#mainSlider ul.pagination li.active {background:#fff}
#mainSlider a.control {position:absolute; top:50%; margin-top:-29px; z-index:50}
#mainSlider a.control.prev {left:50px}
#mainSlider a.control.next {right:50px}
/* //¸ÞÀÎ ·Ñ¸µ À̹ÌÁö */

.main-title {padding: 110px 0; text-align: center;}
.main-title strong {font-family: 'NanumMyeongjo', serif; font-size: 35px; display: block; color: #124fa2;}
.main-title span {font-size: 25px; display: block; width: 450px; margin: 50px auto 0; color: #707070; line-height: 40px; letter-spacing: -0.08em;}

.visual-banner {display: table;}
.visual-banner .list-item {position: relative; display: table-cell;}
.visual-banner .list-item .item-link {position: absolute; top: 66%; left: 4%; width: 25%; height: 15%; color: transparent; text-indent: -100%; overflow: hidden;}
.visual-banner .list-item:first-child .item-link {left: auto; right: 4%;}
.visual-banner .list-item img {max-width: 100%;}

.main-banner {padding: 85px 0 80px; background: #eeeeef;}
.banner-list {width: 1200px; margin: -10px auto 0;}
.banner-list:after {content: ''; clear: both; display: table;}
.banner-list .list-item {position: relative; float: left; margin-left: 10px; margin-top: 10px;}
.banner-list .list-item .item-link {position: absolute; top: 195px; left: 25px; width: 136px; height: 58px; color: transparent; text-indent: -100%; overflow: hidden;}
.banner-list .list-item:nth-child(3) .item-link {top: 155px;}
.banner-list .list-item:nth-child(4) .item-link {top: 167px;}
.banner-list .list-item:nth-child(5) .item-link {top: 222px;}

/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1024px) {
/*#mainSlider ul.imgList li {height:500px}
#mainSlider ul.imgList li .caption h2 {font-size:38px}
#mainSlider ul.imgList li .caption p {font-size:13px}
#mainSlider ul.imgList li .caption p br {display:none}
#mainSlider ul.imgList li .caption a.btn {font-size:13px; margin-top:40px}
#mainSlider a.control {display:none}
#photoSlide .slide_wrap ul li .caption h3 {font-size:12px}
.mainSection.section1 ul.team_list > li {width:48%; margin-bottom:50px}
.mainSection.section4 .inner .latestBox {width:48%; margin:0 0 40px 4%}
.mainSection.section4 .inner .latestBox:first-child {margin-left:0}
.mainSection.section4 .inner .customerBox {clear:both; margin-left:0}
.mainSection.section4 .inner > .latestBox > table.board_output td {font-size:12px !important}
.mainSection.section4 .inner > .latestBox > table.board_output td a {font-size:12px !important}*/
}