@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/



/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/islands/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_15.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_14.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center top;}
.eQ08 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ09 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ10 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}

.banner_3 {
  background: url(/sites/islands/images/banner_3_bg.jpg) no-repeat center;
  background-size: cover;
}
.banner_2 {
  background: url(/sites/islands/images/banner_2_bg.jpg) no-repeat center;
  background-size: cover;
}

.banner_9{height:100%;background:url(/sites/islands/images/banner_9_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_9::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_9 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_9 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_9 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
  .banner_9 a{padding:50px;}
  .banner_9 a strong{font-size:20px;}
}

.banner_8{height:100%;background:url(/sites/islands/images/banner_1_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_8::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_8 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_8 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_8 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
  .banner_8 a{padding:50px;}
  .banner_8 a strong{font-size:20px;}
}

.banner_7{height:100%;background:url(/sites/islands/images/banner_7_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_7::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_7 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_7 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_7 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
  .banner_7 a{padding:50px;}
  .banner_7 a strong{font-size:20px;}
}

.banner_6{height:100%;background:url(/sites/islands/images/banner_6_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_6::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_6 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_6 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_6 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
  .banner_6 a{padding:50px;}
  .banner_6 a strong{font-size:20px;}
}


.head_navi nav .a_1{font-size:18px;}
.head_navi nav .a_2{font-size:14px;}
ul.rowBox_1:last-child {justify-content:flex-start;}
ul.rowBox_1:last-child li {width: calc(25% - 10px);}
ul.rowBox_1:last-child li:first-child {width: calc(25% - 5px);}

@media (max-width:1024px) {
  ul.rowBox_1:last-child li {width: calc(50% - 10px);}
  ul.rowBox_1:last-child li:first-child {width: calc(50% - 10px);}
}

@media (max-width:768px) {
  ul.rowBox_1:last-child li {width: 100%;}
  ul.rowBox_1:last-child li:first-child {width: 100%;}
}

.wrap-banner .slider li a p.p_1{font-family:'Noto Regular';border-bottom:1px solid transparent;padding:5px 0;font-size: 15px;}


.wrap_visual,
.wrap_visual .slick-list{height: 360px !important;}
#menu1331_obj30 {position: absolute;top: 120px;}
.wrap_visual .control{position:absolute;left:0;bottom: 30px;width:100%;}

@media (max-width:1024px) {
  #menu1331_obj30 {position: absolute;top: 120px;}
}

.profile .info dt {width: 145px;}


#isMask { position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none; }
.isTable { position:relative; }
.isWrap { display:none; background-color:#fff; position:absolute; top:20%; left:10%; height:auto; width:640px; z-index:10000; }
.isWrap .item.close { width:100%; background-color:#efefef; padding:10px 20px; }
.isWrap .item.close a { font-size:0; text-indent:-99999px; background:url("/sites/style_guide/images/common/x_3_b.png") no-repeat right center; height:16px; display:flex;}
.isWrap .item.cont { width:100%; height:auto; padding:20px 40px; border:1px solid #efefef; text-align:left;  }

.wrap-banner {margin-top : 35px; padding-top:18px;}