@charset "utf-8";

body {overflow-x: hidden;}
#wrapper {background-color:transparent !important; z-index:0 !important;}
.inner {width:1400px; margin:0 auto;}

/* ��� ���̾ƿ� */
#header {position:absolute; z-index:9999999999; width:100%;}

#header .logo {float:left;}
#header .gnb {float:right; width:920px;}

/* ���� ���̾ƿ� */

#mvis {z-index:-999;}

#st2 {*zoom:1; margin:0 auto;}
#st2:after {display:block;clear:both;content:"";}
#st2 .st2_area {margin:0 auto;}
#st2 .st2_bn01 {float:left;}
#st2 .st2_bn02 {float:left;}
#st2 .st2_bn03 {float:left;}
#st2 .st2_bn04 {float:left;}

#st3 {padding-bottom:150px;}

    .st3_banner-container {
      display: flex;
      width: 100%;
      height: 400px;
      overflow: hidden;
    }

    .banner_link {
	    position: absolute;
	    inset: 0; 
	    z-index: 5;
    }

    .st3_banner {
      flex: 1;
      position: relative;
      background-size: cover;
      background-position: center;
      transition: flex 0.3s ease;
      cursor: pointer;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  flex-direction: column; /* ���� ���� */
	  justify-content: center; /* ���� ��� */
	  align-items: center;     /* ���� ��� */
	  color: white;
	  text-align: center;
    }

    .st3_banner:hover {
      flex: 2.3;
    }

    /* ��� �� �ؽ�Ʈ */
    .st3_banner .overlay {
	  text-align:center;
	  font-family: 'Escoredream';
      font-size: 22px;
	  font-weight:500;
	  color:#fff;
	  padding-bottom:4px;
	  border-bottom:1px solid #fff;
    }

    .st3_banner .desc {
      font-size: 11px;
	  color:#fff;
      margin-top: 6px;
    }

#st4 {*zoom:1; margin:0 auto; padding-bottom:150px;}
#st4:after {display:block;clear:both;content:"";}
#st4 .st4_area {margin:0 auto;}
#st4 .st4_bn01 {float:left;}
#st4 .st4_bn02 {float:left;}
#st4 .st4_bn03 {float:left;}

#st4 .st4_area {
	overflow:hidden; 
}

#st4 .st4_bn {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0); 
	-o-transform: scale(1.0);
	transition: transform 0.5s;
}

#st4 .st4_bn:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05); /* IE 9 */
	-o-transform: scale(1.05);
	transition: transform 0.5s;
}

#st6 {background:#f9f9f9; padding-top:150px; padding-bottom:140px;}

        /* �� �޴� */
    .st6_tab-menu {
      display: flex;
      justify-content: center;
	  width:1000px;
	  margin:0 auto;
	  padding-bottom:60px;
    }

    .st6_tab-menu button {
      flex: 1;
      padding: 15px;
	  font-family: 'Escoredream';
      font-size: 19px;
	  font-weight:300;
	  color:#b2b2b2;
	  letter-spacing:-0.02em;
      border: none;
      background: none;
      cursor: pointer;
      transition: 0.3s;
    }

    .st6_tab-menu button:hover {
      color: #79a1d8;
    }

    .st6_tab-menu button.active {
      border-bottom: 1px solid #79a1d8;
      color: #79a1d8;
      font-weight: 300;
    }

    .st6_tab-menu button:focus {
	  outline: none !important;
    }

    /* �� ������ �����̳� */
    .st6_tab-content {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 100px;
      max-width: 1400px;
      margin: 0 auto;
    }

    .st6_tab-content.active {
      display: flex;
    }

    /* ���� �̹��� */
    .st6_tab-content .image-box {
      flex: 1;
    }

    .st6_tab-content .image-box img {

    }

    /* ���� �ؽ�Ʈ */
    .st6_tab-content .text-box {
      flex: 1;
    }

    .st6_tab-content .text-box h2 {
	  font-family: 'Escoredream';
      font-size: 45px;
      margin-bottom: 35px;
    }

    .st6_tab-content .text-box p {
      font-size: 17px;
      color: #888888;
      line-height: 1.8;
	  letter-spacing:-0.05em;
      margin-bottom: 40px;
    }

    .st6_tab-content .text-box button {
      padding: 15px 50px;
      border: 1px solid #3f3f3f;
      background: none;
      cursor: pointer;
      transition: 0.3s;
      color: #7c7c7c;
      font-size: 15px;
	  box-shadow: 2px 15px 15px 1px rgba(0, 0, 0, 0.05);
    }

    .st6_tab-content .text-box button:hover {
      background: #5777f8;
      border-color: #5777f8;
	  border-radius:8px;
      color: #fff;
    }

    .st6_tab-content .text-box button:focus {
	  outline: none !important;
    }


#footer .ft_logo {float:left; width:400px;}
#footer .ft_bn01 {float:left; width:400px;}
#footer .ft_bd01 {float:left; width:400px;}

.clearfix { display:block;clear:both;content:""; }
.clearfix:before, .clearfix:after { display:block;clear:both;content:""; }