@charset "UTF-8"; 

/********* main slide 1201 신규추가 ********/
#container {width:100%;height:auto;min-height:935px;}

/* 메인이미지 */
/*.main_visual_box {position:relative;width:100%; min-height:984px;}*/
.main_visual_box {position:relative;width:100%;height:0;padding-top: calc(365 / 1000 * 100%);}
.main_visual_inner {position:absolute;top:0;left:0;width:100%;height:100%;padding-top: 137px;}
.main_visual_inner div:first-child {height:100%;}
.main_visual_inner img {width:100%; height:100%;}

/* 메인카피 */
.visual_txtbox {position:absolute;width:100%; /*top: 50%;*/ bottom:20px; left: 0;font-size:28px;color:#fff;z-index:100;}
.visual_txtbox .visual_txt {width: 1420px;margin:0 auto;text-align:left;}
.visual_txtbox .visual_txt h2 {display:none; margin-bottom:20px; font-size:74px;}
.visual_txtbox .visual_txt h3 {display:none; font-weight:300;}
.visual_txtbox .visual_txt a {display:block; max-width:400px; margin-top: 30px; padding:6px; border:1px solid #fff; text-align:center; font-size:22px; color:#fff;}
.visual_txtbox .visual_txt a:hover {background:rgba(255,255,255,.5);}

.visual_btnbox .prev {position:absolute;font-size:0;line-height:0;text-indent:120%;white-space:nowrap;z-index:100;width:74px;height:74px;top: 50%;left:1%;background:url('../images/main/slide_btn_prev.png') center center no-repeat;}
.visual_btnbox .next {position:absolute;font-size:0;line-height:0;text-indent:120%;white-space:nowrap;z-index:100;width:74px;height:74px;top: 50%;right:1%;background:url('../images/main/slide_btn_next.png') center center no-repeat;}
.visual_btnbox .prev:hover, .visual_btnbox .next:hover {background-color:rgba(0,0,0,0.3); transition:all 0.2s ease;}

/* 메인슬라이드 버튼 */
.main_ctrl {position:absolute; left:50%; bottom:70px;}
.main_ctrl li {float:left; width:20px; height:20px; margin:0 6px;}
.main_ctrl li.blind{display:none;}
.main_ctrl li span.off button {display:block; width:20px;height:20px; border-radius:50%; border:3px solid rgba(0,0,0,0.5); background-color: #fff;text-indent:-9999px;}
.main_ctrl li span.on button {display:block; width:20px; height:20px; border-radius:50%; border:3px solid rgba(0,0,0,0.5); background-color:rgba(255,88,52,0.9);text-indent:-9999px;}
.main_ctrl li.action button {position:absolute; top:-4px; width:30px; height:30px; margin-left:6px; border-radius:30px; text-indent:-9999px;}
#playPauseBtn {  font-size: 25px; line-height: 40px;  text-align: center;  border: none;  background: none;  cursor: pointer;  padding: 0; color:white; transform: translateY(-10px);}

/* Slick 높이 보정 */
.main_visual_box .slick-list,
.main_visual_box .slick-track,
.main_visual_box .slick-slide {
  height: 100% !important;
}
.main_visual_box .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width:1240px) {
  .main_visual_box {padding-top: calc(486 / 1000 * 100%);}
  .main_visual_inner {padding-top: 112px;}
  .visual_txtbox { top:35%; left:10%;}
  .visual_txtbox .visual_txt {width:1200px;}
  .visual_txtbox .visual_txt h2 {margin-bottom:20px; font-size:54px;}
  .visual_txtbox .visual_txt a {max-width:340px; margin-top:30px; padding:6px; font-size:18px;}
}

@media screen and (max-width:991px) {
  .main_visual_box {padding-top: calc(420 / 1000 * 100%);}
  .main_visual_inner {padding-top: 76px;}
  .visual_txtbox {top: 25%;left:10%;}
  .visual_txtbox .visual_txt {width:1000px;}
  .visual_txtbox .visual_txt h2 {margin-bottom:20px; font-size:38px;}
  .visual_txtbox .visual_txt a {max-width:240px;padding:6px; font-size:15px;}
  .main_ctrl {position:absolute;left:50%;bottom: 20px;}
}

@media screen and (max-width:768px) {
  .main_visual_box {padding-top: calc(420 / 1000 * 100%);}
  .visual_txtbox {top:35%; left:10%;}
  .visual_txtbox .visual_txt {width:400px;}
  .visual_txtbox .visual_txt h2 {margin-bottom:10px; font-size:24px;}
  .visual_txtbox .visual_txt h3 {font-size:16px;}
  .visual_txtbox .visual_txt a {max-width:240px; padding:6px; font-size:15px;}

  .main_ctrl {display:none;}
}

@media screen and (max-width:480px) {
  .main_visual_box {padding-top: calc(660 / 1000 * 100%);}
  .visual_txtbox {top:25%; left:10%;}
  .visual_txtbox .visual_txt {width:400px;}
  .visual_txtbox .visual_txt h2 {margin-bottom:10px; font-size:24px;}
  .visual_txtbox .visual_txt h3 {font-size:16px;}
  .visual_txtbox .visual_txt a {max-width:240px; margin-top:10px; padding:6px; font-size:12px;}

  .visual_btnbox {display:none;}
  .main_ctrl {display:none;}
}

/********* main slide 1201 신규추가 ********/

/* 슬라이드배너 컨트롤 버튼 추가 */
.uk-dotnav {float:left;}
.ctrl_btn {float: left;display: inline-block;margin: -7px 0 0 15px;transform: translateX(-50%);width: max-content;max-width: 100%;box-sizing: border-box;}
.ctrl_btn > dl dd a.ctrl_play {position:absolute; left:50%; top:50%; width:32px;height:32px;background:url(../images/main/ctrl_play.png) no-repeat;}
.ctrl_btn > dl dd a.ctrl_stop {position:absolute; left:50%; top:50%; width:32px; height:32px; background:url(../images/main/ctrl_stop.png) no-repeat;}
.ctrl_btn .blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

/* main slide (UK Slideshow 관련 스타일) */
.uk-slideshow {padding-top:137px;}
.uk-slideshow-items .txt_wrap {position:absolute;bottom: 24%; left:10%; font-size:28px; color:#fff;}
.uk-slideshow-items .txt_wrap h2 {margin-bottom:20px; font-size:74px;}
.uk-slideshow-items .txt_wrap h3 {font-weight:300;}
.uk-slideshow-items .txt_wrap p {margin-top:40px; font-size:20px;}
.uk-slideshow-items .txt_wrap a {display:block; max-width:400px;margin-top: 30px; padding:6px; border:1px solid #fff; text-align:center; font-size:22px;}
.uk-slideshow-items .txt_wrap a:hover {background:rgba(255,255,255,.5);}

.uk-slideshow-items .mainImg_copyTxt {position:absolute; bottom:5%; left:10%;font-size: 1.3rem; color:#bbb;text-shadow: 1px 1px black;}
.uk-slideshow-items .mainImg_copyTxt span {display:block;}

.uk-slideshow-items>li>div>img {z-index:10;}
.slide_bg {
  position:absolute; width:100%; height:100%; overflow:hidden; z-index:15;
  background-image:url("../images/main/visual_s_shadowL.png"),url("../images/main/visual_s_shadowR.png");
  background-repeat:no-repeat, no-repeat;
  background-position:left center,right center;  
  opacity:.6;
}

.uk-position-cover img {width: 100%;height:auto;} /*메인이미지 이미지 오른쪽 여백생김으로 추가*/

/* mid MENU */
.mid_menu {padding:40px 0;}
.mid_menu ul li a {display:block; text-align:center;}
.mid_menu ul li p {color:#001f58; font-size:22px; font-weight:400; line-height:1;}
.mid_menu ul li a:hover p {text-decoration:underline;}
.mid_menu ul li span {display:inline-block; color:#555; font-size:18px;}

/* grid item */
.grid_wrap {position:relative; width:100%; height:1000px; margin-bottom:60px;}
.gird_item {float:left; position:absolute; overflow:hidden;}
.gird_item .deco_shadow {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/deco_shadow.png) no-repeat left top; opacity:.7; z-index:8;}

.gird_item a {position:relative; display:block; overflow:hidden; color:#fff; padding:40px; z-index:10; width:100%; height:100%;}
.gird_item a h4 {font-size:44px; line-height:1;}
.gird_item a p {margin-bottom:20px; font-size:24px;}
.gird_item a span {font-size:14px;}
.gird_item img {position:absolute; top:0; left:0; width:100%; height:100%; 
  transform: scale(1);
  transition: .3s ease-in-out; object-fit: cover;
}

.gird_item.item2 .copyTxt {position:absolute; bottom:30px; left:5%; z-index: 10;}
.gird_item.item2 .copyTxt span {display:block;font-size: 1.1rem; color:#bbb;}

.gird_item.item1 img,
.gird_item.item1 .deco_shadow,
.gird_item.item4 img,
.gird_item.item4 .deco_shadow {display:none;}
.gird_item.item1 {background:#5A92C5;}
.gird_item.item2 {background:#009bd2;}
.gird_item.item3 {background:#000;}
.gird_item.item4 {background:#767171;}

.gird_item:hover img {transform: scale(1.3);}
.gird_item.item1,
.gird_item.item3 {width:33%;}
.gird_item.item2,
.gird_item.item4 {width:66%; left:34%;}
.gird_item.item1,
.gird_item.item4 {height:325px;}
.gird_item.item2,
.gird_item.item3 {height:660px;}
.gird_item.item3 {top:340px;}
.gird_item.item4 {top:676px;}

@media screen and (min-width:991px) {
  .col-sm-4 {padding-right:15px; padding-left:15px;}
}
@media screen and (min-width:1200px) {
  .col-sm-4 {padding-right:110px; padding-left:110px;}
}
@media screen and (min-width:1600px) {
  .col-sm-4 {padding-right:140px; padding-left:140px;}
}

/* *************** 태블릿 *************** */
@media screen and (max-width:1024px) {  
  .uk-slideshow-items .mainImg_copyTxt {bottom:10%; left:10%; font-size:1.1rem; color:#bbb;}
  .uk-slideshow-items .mainImg_copyTxt span {display:inline-block;}
}

@media screen and (max-width:991px) {  
  /* main slide */
  .uk-slideshow {padding-top:76px;}
  .uk-slideshow-items .txt_wrap h2 {font-size:42px;}
  .uk-slideshow-items .txt_wrap p {font-size:18px;}
  
  /* grid item */
  .grid_wrap {height:610px;}
  .gird_item a {padding:20px;}
  .gird_item a h4 {font-size:30px;}
  .gird_item a p {margin-bottom:10px; font-size:18px;}
  .gird_item.item1,
  .gird_item.item4 {height:200px;}
  .gird_item.item2,
  .gird_item.item3 {height:400px;}
  .gird_item.item3 {top:208px;}
  .gird_item.item4 {top:408px;}
}

/* *************** 모바일 *************** */
@media screen and (max-width:768px) {
  /* main slide */
  .uk-slideshow-items .txt_wrap {bottom: 30%;left:0; width:100%; text-align:center; margin:0;}
  .uk-slideshow-items .txt_wrap h2 {font-size:20px; margin-bottom:5px;}
  .uk-slideshow-items .txt_wrap h3 {font-size:14px;}
  .uk-slideshow-items .txt_wrap p {margin-top:20px; font-size:12px;}
  .uk-slideshow-items .txt_wrap a {max-width:200px; font-size:12px; padding:5px 0;margin: 16px auto 0;}

  .uk-slideshow-items .mainImg_copyTxt {width:100%; bottom:10%; left:5%; font-size:1.0rem; text-shadow:1px 1px black; text-align:center; }
  
  .uk-slidenav,
  .uk-dotnav,
  .ctrl_btn {display:none;}
  .slide_bg {opacity:.4;}
  
  /* mid MENU */
  .mid_menu {padding:20px 0;}
  .mid_menu ul li a {margin-bottom:10px;}
  .mid_menu ul li p {font-size:17px;}
  .mid_menu ul li span {font-size:14px; display:none;}
  
  .gird_item a h4 {font-size:17px;}
  .grid_wrap {height:500px;}
  .gird_item a p {display:none;}
  .gird_item a span {font-size:13px; margin-top:8px;}
  .gird_item a {padding:15px;}
  .gird_item.item1,
  .gird_item.item4 {height:150px;}
  .gird_item.item1,
  .gird_item.item3{width:40%;}
  .gird_item.item2,
  .gird_item.item4{width:58%; left:42%;}
  .gird_item.item2 .copyTxt span {font-size:1.0rem; line-height:1.4;}
  .gird_item.item3{top:160px;}
  .uk-slideshow-items>li>div>img {width:100%;}
}

@media screen and (max-width:500px) {
  .uk-slideshow-items .txt_wrap {bottom:32%;}
  .uk-slideshow-items .txt_wrap a {max-width:200px; font-size:12px; padding:2px 0; margin:8px auto 0;}
  .uk-slideshow-items .mainImg_copyTxt {bottom:5%; line-height:1; text-align:left;}
}
