@charset "euc-kr";
/* [tech css] */
.link_box a .tag::before{border-top: 7px solid var(--tech-color);}
.con4 .bnr_consult::before{border-top: 11px solid var(--tech-color)}
.link_box a .tag,.link_box a .tag::before,
.con5 a span,
.con8 .list.btn li a{background: var(--tech-gradi-color);} 

.con1 .w1240 {width: 1240px;max-width: 1240px;} 
.con1 .list.major{justify-content: center;}
.con1 .list.major li { width: calc(20% - 15px); margin-right: 15px; margin-bottom: 60px; } 
.con1 .list.major li:nth-child(1){margin-left: 20%;}
.con1 .list.major li:nth-child(3){margin-right: 20%;}
.con1 .list.major li:nth-child(8),
.con1 .list.major li:last-child { margin-right: 0px; } 

/* con4 */
.con4 .tab_nav li {width: 139px;} 
.con4 .tab_nav li.on {background: #1c1c1c;font-size: 28px;color: rgb(255, 255, 255);height: 90px;line-height: 90px;width: 235px;margin-top: -20px;font-weight: 700;} 

/* con5 */
.con5 ul li{background: #343434 url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg1.jpg) no-repeat center;}
.con5 ul li span{margin: 15px auto 0;display: block;width: 105px;height: 30px;border-radius: 30px;line-height: 30px}
.con5 ul li:nth-child(2){background-image: url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg2.jpg);}
.con5 ul li:nth-child(3){background-image: url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg3.jpg);}
.con5 ul li:nth-child(4){background-image: url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg4.jpg);}
.con5 ul li:nth-child(5){background-image: url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg5.jpg);}
.con5 ul li:nth-child(6){background-image: url(https://image.megagong.net/m/2023/0428_pass/tech/con10_bg6.jpg);}
.con5 ul li:nth-child(7){background-image: url(https://image.megagong.net/m/2023/0613_pass/tech/con5_bg7.jpg);}
.con5 ul li:nth-child(8){background-image: url(https://image.megagong.net/m/2023/0613_pass/tech/con5_bg8.jpg);}

/* con6 */
.con6{padding: 50px 0;background: #ededed;}
.con6 .list{justify-content: center;align-items: center;}
.con6 .list > strong{font-size: 20px;text-align: left;line-height: 1.4;font-weight: 900;margin-left: 55px;}
.con6 .list > strong .tiny{font-weight: 300;margin-top: 12px;display: block;font-size: 16px;}

.sale_box .info li{letter-spacing:-1px;}

@media screen and (max-width: 1200px){
  .con1 .w1240 {width: 100%;max-width: 100%;} 
  .con1 .list.major li {width: calc(20% - 10px);margin-right: 10px;margin-bottom: 3%;} 
  .con2 .list.box li,.con3 .list.box li{width: 33%;}
  .con2 .list li img,.con3 .list li img{width: 100%;}

  .con4 .tab_nav li { width: 14.1%; font-size: 18px; } 
  .con4 .tab_nav li.on { height: 80px; line-height: 80px; width: 14.1%; margin-top: -10px; font-size: 18px; } 
  .con4 .tab_nav li.on a { padding-right: 15%; } 
  .con4 .tab_nav li.on a::before { background-size: contain; width: 15%; } 

  .con6 .list > strong{margin-left: 7%;}
  .con6 .list > strong .tiny{font-size: 14px;}
}
@media screen and (max-width: 768px){
  .con1::before { height: 30%; }
  .con1 .list.major {margin: 0 10% 10%;}
  .con1 .list.major li:nth-child(1){margin-left: 0;}
  .con1 .list.major li:nth-child(3){margin-right: 0;}
  .con1 .list.major li {width: calc(33.3333% - 2px);margin-right: 2px;overflow: hidden;height: 45vw;margin-bottom: 10px;} 
  .con2 .list.box li,.con3 .list.box li  { width: calc(50% - 4px); } 

  .con4 .tab_nav { margin: 0 auto 2px; } 
  .con4 .tab_nav li {font-size: 14px;height: 45px;line-height: 45px;margin: 0 1% .5% 0;border-radius: 10px;} 
  .con4 .tab_nav li.on {height: 55px;line-height: 55px;font-size: 14px;margin-top: -10px;} 
  .con4 .tab_nav li i {top: -10%;right: 2%;width: 20%;} 
  .con4 .tab_nav li,.con4 .tab_nav li.on{width: 13.4%}
}
@media screen and (max-width: 576px){
  .con4 .tab_nav{justify-content: flex-start;}
  .con4 .tab_nav li,.con4 .tab_nav li.on{width: 24%}
}