@charset "UTF-8";

/* 레이아웃 공통 */
body,html{position:relative; height:100%;}
#wrapper{overflow:hidden; position:relative; width:100%; min-width:1200px; background:#fff url('/intro_2025/images/intro_bg.png') no-repeat top center / cover;}
body{overflow-x:hidden;}

.wrap{width:1410px; margin-left:auto; margin-right:auto;}
@media all and (max-width:1410px){
    .wrap{width:1200px;}
}
@media all and (max-width:1200px){
    #wrapper{min-width:auto;}
    .wrap{width:1000px;}
}
@media all and (max-width:1000px){
    .wrap{width:auto; margin-left:0; margin-right:0; padding-left:20px; padding-right:20px;}
}

/* header */
#header{padding-top:103px; text-align:center;}
@media all and (max-width:1000px){
    #header{padding-top:80px;}
    #header .logo img{height:69px;}
}
@media all and (max-width:640px){
    #header{padding-top:55px;}
    #header .logo img{height:54px;}
}

/* search */
.search{position:relative; padding-top:33px; padding-bottom:76px; font-size:0; line-height:0;}
.search .search_box{position:relative; display:block; width:680px; margin:0 auto;}
.search .search_box .search_inner{position:relative; height:70px;}
.search .search_box .search_query{position:relative; width:100%; height:100%; padding:17px 50px 12px 31px; border:2px solid #0e925f; border-radius:75px; box-shadow:0 25px 40px 0 rgba(71,157,102,0.2); background-color:#fff; color:#252831; font-size:22px; line-height:32px; letter-spacing:-0.02em; font-family:'SBAggro';}
.search .search_box .search_query::placeholder{background:-webkit-linear-gradient(180deg, rgba(0, 129, 112, 1) 0%, rgba(24, 163, 83, 1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:22px; line-height:32px; letter-spacing:-0.02em; font-family:'SBAggro';}
.search .search_box .search_submit{position:absolute; top:0; right:-12px; bottom:0; width:60px; height:60px; margin:auto 0; border-radius:50%; box-shadow:0 2px 8px 0 rgba(1,130,110,0.35); background:linear-gradient(270deg, rgba(0, 129, 112, 1) 0%, rgba(24, 163, 83, 1) 100%); font-size:0; line-height:0;}
.search .search_box .search_submit:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:23px; height:23px; margin:auto; background:url('/site/www_2025/images/sub/search_icon.png') no-repeat;}
@media all and (max-width:1000px){
    .search{padding-bottom:60px;}
    .search .search_box{width:580px;}
    .search .search_box .search_inner{height:60px;}
    .search .search_box .search_query{font-size:18px; line-height:28px;}
    .search .search_box .search_query::placeholder{font-size:18px; line-height:28px;}
    .search .search_box .search_submit{width:50px; height:50px;}
}
@media all and (max-width:640px){
    .search{padding-bottom:50px;}
    .search .search_box{width:100%;}
    .search .search_box .search_inner{height:55px;}
    .search .search_box .search_query{padding:13px 40px 10px 25px; font-size:16px; line-height:26px;}
    .search .search_box .search_query::placeholder{font-size:16px; line-height:26px;}
    .search .search_box .search_submit{width:45px; height:45px;}
    .search .search_box .search_submit:before{width:19px; height:19px; background-size:cover;}
}

/* intro */
@keyframes moveIcon {
    0%{transform:translateY(0%);}
    50%{transform:translateY(-6%);}
    100%{transform:translateY(0%);}
}
.intro_wrap{position:relative; padding-bottom:70px; font-size:0; line-height:0;}
.intro_wrap .intro_box{display:inline-block; position:relative; vertical-align:top;}
.intro_wrap .intro_box+.intro_box{margin-left:40px;}
.intro_wrap .intro_box.n1{width:calc(((100% - 40px)/2) - 235px);}
.intro_wrap .intro_box.n2{width:calc(((100% - 40px)/2) + 235px);}
.intro_wrap .intro_box.n1 .intro_anchor{display:block; width:100%; height:400px; padding:277px 55px 0; border-radius:120px 40px 120px 40px; box-shadow:26px 31px 40px 0 rgba(71,157,102,0.25); background:url('/intro_2025/images/intro_img.jpg') no-repeat center / cover; text-decoration:none;}
.intro_wrap .intro_box.n1 .intro_anchor:before{opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:120px 40px 120px 40px; background-color:rgba(0,0,0,0.3); transition:opacity 0.3s ease-in-out;}
.intro_wrap .intro_box.n1 .intro_anchor span{position:relative; text-shadow:5px 9px 10px rgba(4,59,40,0.35); color:#fff; font-size:38px; line-height:48px; letter-spacing:-0.02em; font-family:'SBAggro';}
.intro_wrap .intro_box.n1 .intro_anchor p{display:block; position:relative; margin-top:3px; text-shadow:4px 7px 8px rgba(4,59,40,0.35); color:#fff; font-size:14px; line-height:18px; letter-spacing:-0.02em; font-weight:500; font-family:'SCDream';}
.intro_wrap .intro_box.n1 .intro_anchor .icon{display:block; position:absolute; right:2px; bottom:8px; width:83px; height:83px; border-radius:50%; background-color:rgba(0,0,0,0.1);}
.intro_wrap .intro_box.n1 .intro_anchor .icon:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:65px; height:65px; margin:auto; border-radius:50%; background-color:#000; transition:0.3s ease-in-out;}
.intro_wrap .intro_box.n1 .intro_anchor .icon:after{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:12px; height:12px; margin:auto; background:url('/intro_2025/images/intro_sprite.png') no-repeat left 0 / 166.66% 1591.66%;}
.intro_wrap .intro_box.n2 .intro_list{position:relative;}
.intro_wrap .intro_box.n2 .intro_item{display:inline-block; position:relative; width:calc((100% - 20px)/2); height:190px; margin-bottom:20px; border-radius:40px; box-shadow:0 25px 40px 0 rgba(71,157,102,0.2); background-color:#fff; vertical-align:top;}
.intro_wrap .intro_box.n2 .intro_item:nth-child(2n){margin-left:20px;}
.intro_wrap .intro_box.n2 .intro_item .intro_anchor{display:block; width:100%; height:100%; padding:46px 32px 30px 52px; text-decoration:none;}
.intro_wrap .intro_box.n2 .intro_item .intro_anchor:before{opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:40px; background:linear-gradient(315deg,rgba(202, 248, 129, 1) 0%, rgba(18, 167, 88, 1) 90%); transition:opacity 0.3s ease-in-out;}
.intro_wrap .intro_box.n2 .intro_item .intro_anchor:after{display:block; position:absolute; background-repeat:no-repeat; background-size:cover; filter:drop-shadow(8px 14px 8px rgba(102,102,102,0.2)); transition:0.3s ease-in-out;}
.intro_wrap .intro_box.n2 .intro_item.n1 .intro_anchor:after{right:33px; bottom:36px; width:82px; height:75px; background-image:url('/intro_2025/images/intro_icon01.png');}
.intro_wrap .intro_box.n2 .intro_item.n2 .intro_anchor:after{right:38px; bottom:33px; width:155px; height:108px; background-image:url('/intro_2025/images/intro_icon02.png');}
.intro_wrap .intro_box.n2 .intro_item.n3 .intro_anchor:after{right:41px; bottom:38px; width:75px; height:67px; background-image:url('/intro_2025/images/intro_icon03.png');}
.intro_wrap .intro_box.n2 .intro_item span{position:relative; color:#111; font-size:24px; line-height:34px; letter-spacing:-0.02em; font-family:'SBAggro'; transition:0.3s ease-in-out;}
.intro_wrap .intro_box.n2 .intro_item p{display:block; position:relative; margin-top:3px; color:#646464; font-size:14px; line-height:18px; letter-spacing:-0.02em; font-weight:400; font-family:'SCDream'; word-break:keep-all; transition:0.3s ease-in-out;}
.intro_wrap .intro_box.n2 .intro_item .icon{display:block; position:relative; margin-top:22px; margin-left:3px; width:20px; height:14px; background:url('/intro_2025/images/intro_sprite.png') no-repeat left 24.85% / 100% 1364.28%;}
.intro_wrap .intro_box.n2 .intro_item .intro_inner{padding:46px 32px 30px 52px;}
.intro_wrap .intro_box.n2 .intro_item .sns_list{position:relative; margin-top:22px; text-align:right;}
.intro_wrap .intro_box.n2 .intro_item .sns_item{display:inline-block; position:relative; width:36px; height:36px; vertical-align:top;}
.intro_wrap .intro_box.n2 .intro_item .sns_item+.sns_item{margin-left:6px;}
.intro_wrap .intro_box.n2 .intro_item .sns_item a{display:block; position:relative; width:100%; height:100%; border-radius:50%; font-size:0; line-height:0; transition:0.3s ease-in-out;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.facebook a{background:#4765a1;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.instagram a{background:url('/intro_2025/images/instagram_bg.png') no-repeat;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.youtube a{background:#ff0000;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.blog a{background:#2db400;}
.intro_wrap .intro_box.n2 .intro_item .sns_item a:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url('/intro_2025/images/intro_sprite.png'); background-repeat:no-repeat;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.facebook a:before{width:11px; height:19px; background-position:left 53.48%; background-size:181.81% 1005.26%;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.instagram a:before{width:18px; height:18px; background-position:left 69.94%; background-size:111.11% 1061.11%;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.youtube a:before{width:19px; height:13px; background-position:left 83.7%; background-size:105.26% 1469.23%;}
.intro_wrap .intro_box.n2 .intro_item .sns_item.blog a:before{width:14px; height:19px; background-position:left 100%; background-size:142.85% 1005.26%;}
@media all and (min-width:1001px){
    /* hover */
    .intro_wrap .intro_box.n1 .intro_anchor:hover:before{opacity:1;}
    .intro_wrap .intro_box.n1 .intro_anchor:hover .icon:before{background-color:#fff;}
    .intro_wrap .intro_box.n1 .intro_anchor:hover .icon:after{background-position:left 12.29%;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor:hover:before{opacity:1;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor:hover:after{filter:drop-shadow(15px 22px 8px rgba(47,135,61,0.39)); animation-name:moveIcon; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite; animation-play-state:running; transition-property:transform; transition-duration:600ms; transition-timing-function:ease-in-out;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor:hover span{color:#fff; text-shadow:0 8px 8px rgba(15,139,73,0.2);}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor:hover p{color:#fff; text-shadow:0 5px 5px rgba(15,139,73,0.2);}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor:hover .icon{background-position:left 38.41%;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item a:hover{box-shadow:4px 7px 10px 0 rgba(102,102,102,0.3); background:#000; transform:translateY(-8px);}
}
@media all and (max-width:1410px){
    .intro_wrap .intro_box.n1 .intro_anchor{padding-left:40px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor{padding-left:42px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_inner{padding-left:42px;}
}
@media all and (max-width:1200px){
    .intro_wrap .intro_box.n1{width:calc(((100% - 20px)/2) - 170px);}
    .intro_wrap .intro_box.n2{width:calc(((100% - 20px)/2) + 170px); margin-left:20px;}
    .intro_wrap .intro_box.n1 .intro_anchor{padding-left:30px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor{padding-left:32px;}
    .intro_wrap .intro_box.n2 .intro_item.n1 .intro_anchor:after{right:23px; bottom:20px; width:66px; height:60px;}
    .intro_wrap .intro_box.n2 .intro_item.n2 .intro_anchor:after{right:28px; bottom:23px; width:124px; height:86px;}
    .intro_wrap .intro_box.n2 .intro_item.n3 .intro_anchor:after{right:31px; bottom:28px; width:60px; height:54px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_inner{padding-left:32px;}
}
@media all and (max-width:1000px){
    .intro_wrap{width:680px; margin-left:auto; margin-right:auto; padding-bottom:50px;}
    .intro_wrap .intro_box.n1{display:block; width:100%;}
    .intro_wrap .intro_box.n2{width:100%; margin-top:40px; margin-left:0;}
    .intro_wrap .intro_box.n1 .intro_anchor{height:250px; padding-top:145px; border-radius:100px 40px 100px 40px; background-position:center bottom -135px;}
    .intro_wrap .intro_box.n1 .intro_anchor span{font-size:34px; line-height:44px;}
    .intro_wrap .intro_box.n1 .intro_anchor p{font-size:13px; line-height:17px;}
    .intro_wrap .intro_box.n2 .intro_item{height:170px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor{padding-top:35px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_inner{padding-top:35px;}
    .intro_wrap .intro_box.n2 .intro_item span{font-size:22px; line-height:32px;}
    .intro_wrap .intro_box.n2 .intro_item p{font-size:13px; line-height:17px;}
}
@media all and (max-width:800px){
    .intro_wrap{width:100%;}
}
@media all and (max-width:640px){
    .intro_wrap{padding-bottom:40px;}
    .intro_wrap .intro_box.n2{margin-top:30px;}
    .intro_wrap .intro_box.n1 .intro_anchor{height:200px; padding-top:115px; padding-left:25px; border-radius:80px 30px 80px 30px; background-position:center;}
    .intro_wrap .intro_box.n1 .intro_anchor span{font-size:28px; line-height:38px;}
    .intro_wrap .intro_box.n1 .intro_anchor p{margin-top:2px;}
    .intro_wrap .intro_box.n1 .intro_anchor .icon{width:58px; height:58px;}
    .intro_wrap .intro_box.n1 .intro_anchor .icon:before{width:45px; height:45px;}
    .intro_wrap .intro_box.n1 .intro_anchor .icon:after{width:10px; height:10px;}
    .intro_wrap .intro_box.n2 .intro_item{width:calc((100% - 15px)/2); height:165px; margin-bottom:15px; border-radius:30px;}
    .intro_wrap .intro_box.n2 .intro_item:nth-child(2n){margin-left:15px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_anchor{padding:25px 20px 20px 25px;}
    .intro_wrap .intro_box.n2 .intro_item .intro_inner{padding:25px 20px 20px 25px;}
    .intro_wrap .intro_box.n2 .intro_item.n1 .intro_anchor:after{right:20px; width:49px; height:45px;}
    .intro_wrap .intro_box.n2 .intro_item.n2 .intro_anchor:after{right:20px; width:93px; height:65px;}
    .intro_wrap .intro_box.n2 .intro_item.n3 .intro_anchor:after{right:20px; bottom:25px; width:45px; height:40px;}
    .intro_wrap .intro_box.n2 .intro_item span{font-size:20px; line-height:30px;}
    .intro_wrap .intro_box.n2 .intro_item p{margin-top:2px; font-size:12px; line-height:16px;}
    .intro_wrap .intro_box.n2 .intro_item .icon{width:16px; height:10px; margin-top:15px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_list{margin-top:38px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item{width:31px; height:31px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item.facebook a:before{width:9px; height:16px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item.instagram a:before{width:15px; height:15px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item.youtube a:before{width:16px; height:11px;}
    .intro_wrap .intro_box.n2 .intro_item .sns_item.blog a:before{width:12px; height:16px;}
}
@media all and (max-width:480px){
    .intro_wrap .intro_box.n2{margin-top:15px;}
    .intro_wrap .intro_box.n2 .intro_item{width:100%; height:150px;}
    .intro_wrap .intro_box.n2 .intro_item:nth-child(2n){margin-left:0;}
    .intro_wrap .intro_box.n2 .intro_item .sns_list{margin-top:26px;}
}


/* footer */
#footer{position:relative; padding-top:9px; padding-bottom:95px; font-size:0; line-height:0; text-align:center;}
#footer address{}
#footer address span{display:inline-block; position:relative; margin-right:26px; color:#738f70; font-size:14px; line-height:24px; letter-spacing:0; vertical-align:top; font-weight:400; font-family:'SCDream';}
#footer .copyright{display:block; margin-top:6px; color:#738f70; font-size:14px; line-height:24px; letter-spacing:0; vertical-align:top; font-weight:400; font-family:'SCDream';}
@media all and (max-width:1000px){
    #footer{padding-bottom:75px;}
    #footer address span{margin-right:15px; font-size:13px; line-height:23px;}
    #footer .copyright{font-size:13px; line-height:23px;}
}
@media all and (max-width:640px){
    #footer{padding-bottom:50px;}
    #footer address span{display:block; margin-right:0;}
}