@charset "UTF-8";


		/* 유인나 배경 */
        .sec1_wrap {
            position: relative;
			background: url(/img/main/index/sec1_bg.webp) no-repeat top;
			background-size: cover;
			height: calc(100vh - 60px);
			overflow: hidden;
			width: 80%;
			margin: 0 auto;
        }
		/* .sec1_talent_img{
			position: absolute;
			width: 30%;
			bottom: 0;
			right: 0;
			z-index: 1;
		}
		@keyframes fadeIn {
			from {
				opacity: 0;
			}
			to {
				opacity: 1;
			}
		}

		.sec1_talent_img img {
			animation: fadeIn 2s ease-in;
		}
		유인나 배경 끝 */

		/* 선그리기 시작 */
		.line_box_wrap{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}
		.line_box{
			position: relative;
			width: 80%;
			height: 80vh;
		}

		@keyframes drawLineRight {
          0% {
            height: 0;
            right: 0;
          }
          100% {
            height: 100%;
            right: 0;
          }
        }

        @keyframes drawLineTop {
          0% {
            width: 0;
            top: 0;
          }
          100% {
            width: 100%;
            top: 0;
          }
        }

        @keyframes drawLineLeft {
          0% {
            height: 0;
            top: 0;
          }
          100% {
            height: 100%;
            top: 0;
          }
        }
        @keyframes drawLineBottom {
          0% {
            width: 0;
            bottom: 0;
          }
          100% {
            width: 100%;
            bottom: 0;
          }
        }
		.line-right,
		.line-top,
		.line-left,
		.line-bottom{
          position: absolute;
          background-color: #001b42;
		}
        .line-right {
          bottom: 0;
          right: 0;
          width: 5px;
          animation: drawLineRight 1s linear forwards;
        }

        .line-top {
          top: 0;
          right: 0;
          height: 5px;
          animation: drawLineTop 1s linear forwards;
          animation-delay: 1s;
        }

        .line-left {
          top: 0;
          left: 0;
          width: 5px;
          animation: drawLineLeft 1s linear forwards;
          animation-delay: 2s;
        }
        .line-bottom {
          bottom: 0;
          left: 0;
          height: 5px;
          animation: drawLineBottom 1s linear forwards;
          animation-delay: 3s;
        }
		/* 선그리기 끝 */

		/* 텍스트 시작 */
		.sec1_txt_box{
			position: absolute;
			top: 15%;
			left: 15%;
			animation: fadeIn 2s ease-in;
			text-shadow: 2px 2px 4px rgba(228, 228, 228, 0.8);
		}
		.sec1_tit_box{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-around;
			color: #1a1d38;
		}
		.sec1_tit_h2 span{
			font-weight: normal;
		}
		.tit_div{
			background-color: #aaa;
			width: 100px;
			height: 2px;
			margin: 0 50px;
		}
		.sec1_txt{
			margin-top: 30px;
			font-weight: bold;
			font-size: 20px;
		}
		.toggle_br{
			display: none;
		}
		
		@media only screen and (max-width: 1200px){
			.sec1_tit_box{
				display: block;
			}
			.tit_div{
			margin: 10px 0;
			}
			.sec1_txt{
				margin-top: 10px;
			}
		}
		@media only screen and (max-width: 830px){
			.sec1_txt{
				font-size: 16px;
			}
			.sec1_talent_img{
				width: 50%;
				right: -10%;
			}
		}
		@media only screen and (max-width: 640px){
			.sec1_wrap{
				width: 100%;
			}
			.sec1_tit_box{
				font-size: 14px;
			}
			.sec1_talent_img{
				width: 80%;
				right: -20%;
			}
			.toggle_br{
				display: block;
			}
		}