body {}
html {scroll-behavior: smooth;}
*{letter-spacing:-0.02em;}
/* 인트로 페이지 */
.intro_wrap {width:100%; height:100vh;overflow:hidden;background-color:#f4f4f4;position: relative;}
.intro_wrap .intro_txt{position:absolute;top:100px; left: 100px;z-index: 100;;}
.intro_wrap .intro_txt h3{font-family: 'pop',sans-serif; font-size: 31px; color:#fff; font-weight: 400;line-height: 1; margin:30px 0 15px;;}
.intro_wrap .intro_txt h2{font-size: 75px; color:#fff; font-weight: 900;line-height: 1; margin:0 0 20px 0;}
.intro_wrap .intro_txt p{font-size: 18px; color:#ffffffcf; font-weight: 400;line-height: 1; }
.intro_wrap .intro_box {display:flex;width: 100%;height: 100%;}
.intro_wrap .intro_box a {display:block; width:50%; height:100%;box-sizing:border-box;padding:0 100px;position:relative;z-index:10;}
.intro_wrap .intro_box a.place {background:url('../images/main/intro_bg01.jpg') center center no-repeat; background-size:cover;}
.intro_wrap .intro_box a.place:before{content:"";display:block; width:100%;height:100%;background-color:rgba(222, 0, 0, 0.759);position:absolute;top:0;left:0;z-index:-1;opacity:0; height:0;transition:all .5s;}
.intro_wrap .intro_box a.project {background:url('../images/main/intro_bg02.jpg') center center no-repeat; background-size:cover;}
.intro_wrap .intro_box a.project:before{content:"";display:block; width:100%;height:100%;background-color:rgba(182, 171, 0, 0.759);position:absolute;top:0;left:0;z-index:-1;opacity:0; height:0;transition:all .5s;}
.intro_wrap .intro_box a h3{margin:56vh 0 0; padding:55px 0 0;border-top: 1px solid #ffffff52;font-family: 'pop',sans-serif; font-size: 58px;font-weight: 500;color:#fff;;line-height: 1;;}
.intro_wrap .intro_box a h3 img{padding: 0 0 8px 40px;transition:all .3s;}
.intro_wrap .intro_box a p{font-size:20px; font-weight: 500;color:#fff; ;}
.intro_wrap .intro_box a .icon{position:absolute;top:62vh;right:100px;}
.intro_wrap .intro_box a.place:hover:before{height:100%;opacity: 1;;}
.intro_wrap .intro_box a.project:hover:before{height:100%;opacity: 1;;}
.intro_wrap .intro_box a:hover h3 img {padding:0 0 8px 50px;}
.intro_wrap .intro_foot{position:absolute;bottom:30px; left: 100px;z-index: 100;;}
.intro_wrap .intro_foot .sns{display:flex; gap:0 15px;margin:0 0 20px 0;}
.intro_wrap .intro_foot .foot {font-size:16px;color:#fff;line-height: 23px; font-weight: 400;;}
/* 메인 */
#header {width:100%;box-sizing:Border-box;position:fixed; left: 0; z-index:2000;border-bottom:1px solid rgba(255,255,255,0.2);
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
}
#header.header_on{background-color:#fff;}
#header_content {width:auto; margin:0 auto; position:relative; height:100px;}
#header_content .logo {position:absolute; top:20px; left:60px;z-index:2000;}
#header_content .logo a {display:block; }
/* gnb */
#gnb {width:100%;position:absolute;z-index:1000;top: 0;left:0;height:100px;}
#gnb > ul {width:auto;margin:0 auto;text-align:center;}
#gnb > ul > li {width:195px; text-align:center; display:inline-block; z-index:900;}
#gnb > ul > li > a {font-family: 'pop',sans-serif; display:block;font-size:21px;height:100px; line-height:100px;font-weight:500; color:#fff;box-sizing:border-box;}
#header.header_on #gnb > ul > li > a {color:#111;}
#gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li.active > a {color:#eee;}
#gnb div.submenu {display:none;position:absolute;width:195px;padding:15px 0;background-color:#fff;margin-top:0px;margin-left:0;animation:menuDown 0.3s linear;border-radius:10px;}
#gnb div.submenu a {display:block;height:auto;padding:5px 0; color:#555;font-size:17px;line-height:35px; letter-spacing:-0.03em; font-weight:600;text-align:center; }
#gnb div.submenu a:hover, #gnb div.submenu a:focus {color:#ed1b23;}
#gnb > ul > li:hover div.submenu {display:block;}
@keyframes menuDown{
0% {
opacity:0;
margin-top:-20px;
}
100% {
opacity:1;
margin-top:0;
}
}
/* mobile gnb */
.mobile_top {display:none;}
#nav {display:none;}
.m_right_box{display:none;}
#mainvisual {height:910px; position:relative;width:100%;overflow:hidden;
}
#mainvisual .main_txt {position:relative;max-width:1200px; margin:0 auto; padding:0 20px ; text-align:center;z-index:999;}
#mainvisual .main_txt h2 {font-family: 'pop',sans-serif;padding:330px 0 5px;font-size: 50px;font-weight: 400;color:#fff;;}
#mainvisual .main_txt p {font-size:20px;color:#ffffffad;margin:0 0 50px 0;}
#mainvisual .main_txt ul{display: flex;justify-content: center;gap:0 20px;;}
#mainvisual .main_txt ul li{font-size: 16px; color:#ffffffc0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#mainvisual .main_txt ul li img{padding:0 0 8px 0;}
#mainvisual .scroll_down{position:Absolute; bottom:60px; left:50%; transform:translate(-50%,0);z-index:1000;display:flex; flex-direction:column; justify-content:center;
align-items: center;font-size:15px; color:rgba(255,255,255,0.8); animation: floatY 1.6s ease-in-out infinite;
}
/* 위아래로 둥실둥실 움직이는 효과 */
@keyframes floatY {
0% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -10px); /* 위로 살짝 이동 */
}
100% {
transform: translate(-50%, 0);
}
}
#mainvisual .scroll_down img{margin:0 0 10px 0;}
#mainvisual .visual {height:910px; position:absolute;top:0; width:100%;overflow:hidden;}
#mainvisual .visual div{height:910px;width:100%;}
#mainvisual .visual .visual01 {background:url('../images/main/mainvisual01.jpg') center 0 no-repeat;background-size:cover;}
#mainvisual .visual .visual02 {background:url('../images/main/mainvisual02.jpg') center 0 no-repeat;background-size:cover;}
/* section01 */
.section01 {width:100%; padding:100px 0; background:url('../images/main/sec01_bg.jpg') 0 0 no-repeat;overflow-x: hidden;}
.section01 .sec01_in {max-width:1300px;margin:0 auto;position:relative;min-height:605px;}
.section01 .sec01_in .left{width:440px;}
.section01 .sec01_in .left h3{font-family: 'jalan', sans-serif;font-size: 46px; color: #111111;padding:100px 0 40px;}
.section01 .sec01_in .left p{font-size: 21px; color:#111111; line-height: 33px; margin:0 0 160px 0;}
.section01 .sec01_in .left p b{font-weight: 400; color:#ed1b23; }
.section01 .sec01_in .left a{display:block;width:250px;height: 65px; border-radius: 65px;border:2px solid #ed1b23; box-sizing: border-box; line-height: 63px;font-size:23px;font-weight: t900;color: #ed1b23;padding:0 35px;position:relative;}
.section01 .sec01_in .left a img{position: absolute;top:23px;right:35px;;}
.section01 .sec01_in .right{position:absolute;top:0; left:440px;}
.section01 .sec01_in .right .facil_slick{width:1400px;}
.section01 .sec01_in .right .facil_slick .facil_box {width:452px;height: 565px;overflow: hidden;}
.section01 .sec01_in .right .facil_slick .slick-arrow{width: 71px;height: 71px;font-size:0;outline:none;border:none;position:absolute;z-index: 90;cursor: pointer;}
.section01 .sec01_in .right .facil_slick .slick-prev{background:url('../images/main/sec01_prev.png') 0 0 no-repeat; left: 40px;
bottom: -35px;}
.section01 .sec01_in .right .facil_slick .slick-next{background:url('../images/main/sec01_next.png') 0 0 no-repeat; left: 120px;
bottom: -35px;}
/* section02 */
.section02 {width:100%; padding:100px 0; background:url(../images/main/sec02_bg.jpg) center center no-repeat; background-size:cover;}
.section02 .sec02_in{max-width:1300px; margin:0 auto;position: relative;}
.section02 .sec02_in h3{font-family: 'jalan', sans-serif;font-size: 50px; color: #111111;padding:0 0 30px;}
.section02 .sec02_in > h4{font-size: 22px; color: #111111; line-height: 33px; color:#111111;margin:0 0 55px 0;}
.section02 .sec02_in a.go_pro{position: absolute;right:0;top:80px;display:block;width:278px;height: 65px; border-radius: 65px;border:2px solid #06af7b; box-sizing: border-box; line-height: 63px;font-size:23px;font-weight:900;color: #06af7b;padding:0 35px;}
.section02 .sec02_in a.go_pro img{padding:0 0 0 30px;}
.section02 .sec02_in ul {display: flex;justify-content: space-between;}
.section02 .sec02_in ul li{width:415px; height: 285px;background-color: #fff;border-radius: 30px;overflow: hidden;transition: all .4s;}
.section02 .sec02_in ul li a{display: block;width:100%;height: 100%;box-sizing: border-box;padding:45px 35px;position: relative;}
.section02 .sec02_in ul li a h4{font-size: 33px; font-weight: 900;line-height: 1;padding:0 0 15px 0;color: #41977c;;}
.section02 .sec02_in ul li.pro02 a h4{color: #d35364;;}
.section02 .sec02_in ul li.pro03 a h4{color: #8383aa;;}
.section02 .sec02_in ul li a p{font-size: 17px; color: #a3a6a6;;}
.section02 .sec02_in ul li a img{position: absolute;right:35px; bottom:40px;transition: all .4s;}
.section02 .sec02_in ul li:hover {box-shadow: 3px 3px 10px rgba(0,0,0,0.1);}
.section02 .sec02_in ul li a:hover img, .section02 .sec02_in ul li a:focus img{bottom:48px;}
/*section03 */
.section03 {max-width:1300px; margin:0 auto; padding:100px 0;}
.section03 > h3{font-family: 'jalan', sans-serif;font-size: 50px; color: #111111;padding:0 0 18px;text-align: center;}
.section03 > h4{font-size: 22px; color: #111111;padding:0 0 40px;text-align: center;}
.section03 .notice{display:flex; justify-content: space-between;margin:0 0 35px 0;}
.section03 .notice a{display: block;height: 230px;width: 415px;box-sizing: border-box;border: 2px solid #eeeeee; border-radius: 25px; box-sizing: border-box;padding:35px;;}
.section03 .notice a .tit{font-size: 18px; color: #ed1b23; font-weight: 500;line-height: 1;}
.section03 .notice a .title{font-size:22px; color: #111111; font-weight: 500;line-height: 30px; margin:20px 0 30px; text-overflow: ellipsis;word-break: break-word;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical}
.section03 .notice a:hover {background-color:#f7f7f7;}
.section03 .banner{display: flex;justify-content: space-between;gap:0 25px;}
.section03 .banner a{display: block;width: 640px;height: 170px;border-radius: 25px;box-sizing: border-box;padding:50px 0 0 45px;}
.section03 .banner a.ban01 {background:url('../images/main/banner01.png') 100% center no-repeat #ffec47;}
.section03 .banner a.ban02 {background:url('../images/main/banner02.png') 100% center no-repeat #b0d1ff;}
.section03 .banner a h5{font-family: 'jalan', sans-serif;font-size: 30px;color:#000; margin: 0 0 12px 0;;}
.section03 .banner a h5 img{padding:0 0 0 30px;}
.section03 .banner a p{color: #b7a401; font-size: 19px;line-height: 1;}
.section03 .banner a.ban02 p{color: #667d9d;}
/* footer */
footer {border-top:1px solid #eee;padding:45px 0;}
footer .footer{max-width: 1300px;margin:0 auto; color:#ffffff; font-size:16px; line-height:30px;position: relative;}
footer .footer .foot_menu{position: absolute;right:0;top:0;;}
footer .footer .foot_menu a{margin-left:10px;}
footer .footer .f_logo{position: absolute;left:0;top:0;}
footer .footer .address {padding-left:250px;font-size: 16px; color:#666666; line-height: 25px;;}
footer .footer .address a{color: #343434; font-weight: 600;display: inline-block;padding:0 0 7px 0;;}
/* 사이드바*/
.sidebar{position:fixed;right:20px;bottom:60px;width:170px; height:auto; padding:25px 20px; box-sizing: border-box;border:5px solid #000; border-radius: 10px;background-color: #fff;z-index: 500; }
.sidebar dl{padding:0 0 25px 0; margin:0 0 25px 0; border-bottom: 1px solid #ddd;text-align: center;}
.sidebar dl.last{ border:none;margin:0;}
.sidebar dl dt{font-size: 16px;color: #000000;letter-spacing: -0.03em;margin:0 0 10px 0;line-height: 1;font-weight: 600;;}
.sidebar dl dd{font-size: 18px;color: #ed1b23;font-weight: 900;line-height: 22px;letter-spacing: -0.05em;;}
.sidebar dl dd span{font-size:13px; color:#666;font-weight: 400;;letter-spacing: -0.08em;;}
.sidebar .topBtn{display: block;height:38px;line-height: 38px;color: #fff; font-weight: 600;font-size:18px;text-align: center;background-color: #ed1b23;}
/* 서브레이아웃 */
#subvisual {width:100%; height:490px;}
.subvisual01{background-image:url('../images/sub/subvisual01.jpg');background-position:center center;background-repeat:no-repeat; background-size:cover;}
.subvisual02{background-image:url('../images/sub/subvisual02.jpg');background-position:center center;background-repeat:no-repeat; background-size:cover;}
.subvisual03{background-image:url('../images/sub/subvisual03.jpg');background-position:center center;background-repeat:no-repeat; background-size:cover;}
.subvisual04{background-image:url('../images/sub/subvisual04.jpg');background-position:center center;background-repeat:no-repeat; background-size:cover;}
.subvisual05{background-image:url('../images/sub/subvisual05.jpg');background-position:center center;background-repeat:no-repeat; background-size:cover;}
#subvisual .sub_txt{max-width:1300px; margin:0 auto;}
#subvisual .sub_txt h3{font-family:"pop", sans-serif;font-size:80px;color:#fff; font-weight:900;padding:230px 0 15px 0;line-height:1;}
#subvisual .sub_txt p{font-size:18px;color:rgba(255,255,255,0.9);line-height: 1;}
#lnb{width:1300px; margin:-32px auto 0;height:75px;border-radius:75px;display:flex;background-color:#f4f4f4;;}
#lnb a{display:block; text-align:center;line-height: 75px;font-size: 22px; letter-spacing: -0.02em;color: #999999;font-weight: 600;}
#lnb a.menu01{width:100%;}
#lnb a.menu02{width:50%;}
#lnb a.menu03{width:33.333333%;}
#lnb a.menu04{width:25%;}
#lnb a.menu05{width:20%;}
#lnb a.menu06{width:16.6666667%;}
#lnb.lnb_red a.on{background-color:#e60012; color: #fff;font-weight: 900;border-radius:75px;}
#lnb.lnb_yell a.on{background-color:#d9bd00; color: #fff;font-weight: 900;border-radius:75px;}
.container{width:100%; }
.con_area{padding:0 0 200px 0;}
.con_area h3.st{font-size:32px; color:#111111; font-weight:900; margin:0 0 25px 0;}
.sub_title {padding:90px 0 70px; text-align:center;}
.sub_title h3{font-size:52px; color:#111111; font-weight:600; letter-spacing:-0.02em; text-align: center;}
/* about */
.about .boxing01{padding:0 20px 50px;}
.about .boxing01 h3{font-family: 'jalan', sans-serif; text-align: center;font-size: 45px; color:#111111;letter-spacing: -0.01em;}
.about .boxing01 h3 b{color:#ed1b23 ;}
.about .boxing01 h3 b.yell{color:#e4b804 ;}
.about .boxing02 {background-color: #fbfaf6;padding:90px 0;}
.about .boxing02 h4{text-align: center;font-size: 31px; color: #c8a30c;font-weight: 900;margin:0 0 80px 0;}
.about .boxing02 h4 img{max-width: 95%;;}
.about .boxing02 p.normal{font-size: 20px;color: #444444; line-height: 32px; letter-spacing: -0.02em;text-align: center;margin:0 0 30px 0;}
.about .boxing02 p.red{font-size: 30px;color: #ec3636; line-height: 40px; text-align: center;margin:0 0 30px 0;font-weight: 600;}
.about .boxing02 p.blue{font-size: 30px;color: #292f5c; line-height: 40px; text-align: center;margin:0 0 30px 0;font-weight: 600;}
.about .boxing02 p.blue2{font-size: 27px;color:#424fb2; line-height: 40px; text-align: center;margin:0 0 30px 0;font-weight: 600;}
.about .boxing03{padding:110px 0;}
.about .boxing03 > h3{font-family: 'jalan', sans-serif; text-align: center;font-size: 45px; color:#111111;letter-spacing: -0.01em;}
.about .boxing03 > h3 b{color:#e4b804 ;}
.about .boxing03 .his_top{max-width:1300px;padding:100px 0 100px 100px;margin:60px auto 70px; background:url('../images/sub/about_history.png') center center no-repeat;background-size:cover; border-radius: 30px;overflow: hidden;}
.about .boxing03 .his_top h4{font-size:30px;line-height: 43px;; color:#ffffffa1;font-weight:600;letter-spacing:-0.02em;}
.about .boxing03 .his_list{max-width:1200px; margin:0 auto; padding:0 0 50px 0;background:url('../images/sub/his_line.png') center 0 repeat-y;}
.about .boxing03 .his_list > div.left{width:50%; box-sizing:border-box; padding:55px 40px 0 0;text-align:right;}
.about .boxing03 .his_list > div.first_left{padding:0 40px 0 0;}
.about .boxing03 .his_list > div.right{box-sizing:border-box; padding:55px 0 0 40px;text-align:left;margin-left:50%;}
.about .boxing03 .his_list > div h3{font-family:'jalan', sans-serif; font-size:40px; color:#e60012;margin:0 0 22px 0;position:relative;}
.about .boxing03 .his_list > div.left h3:after{content:"";display:block;width:13px;height:13px; background:url('../images/sub/his_dot.png') center center no-repeat;
position:absolute; top:15px;right:-46px;
}
.about .boxing03 .his_list > div.right h3:after{content:"";display:block;width:13px;height:13px; background:url('../images/sub/his_dot.png') center center no-repeat;
position:absolute; top:15px;left:-47px;
}
.about .boxing03 .his_list > div p{font-size:20px; font-weight:400;color:#777777; letter-spacing:-0.04em; line-height:1.3; margin:20px 0;display:flex;flex-direction: row-reverse;;}
.about .boxing03 .his_list > div.right p{display:flex; flex-direction: row;}
.about .boxing03 .his_list > div p b{color: #111111;font-weight: 900;width:70px;flex-shrink: 0;;}
.about .boxing04 > h3{font-family: 'jalan', sans-serif; text-align: center;font-size: 45px; color:#111111;letter-spacing: -0.01em;margin:0 0 80px 0;}
.about .boxing04 > h3 b{color:#e4b804 ;}
.about .boxing04 > div {padding:120px 0; background-color: #f4f4f4;text-align: center;;}
.about .boxing04 > div img{max-width: 95%;;}
@media screen and (max-width:980px) {
.about .boxing01 h3{font-size: 35px;;}
.about .boxing02{padding:80px 20px;}
.about .boxing02 h4 img{padding:0 0 40px 0;}
.about .boxing02 h4{font-size: 26px;;}
.about .boxing02 p.normal{font-size:18px;}
.about .boxing02 p.red{font-size: 26px;;}
.about .boxing02 p.blue{font-size: 24px;;}
.about .boxing02 p.blue2{font-size: 22px;;}
.about .boxing03{padding:80px 20px;}
.about .boxing03 > h3{font-size: 35px;;}
.about .boxing03 .his_top{padding:70px 0 70px 50px;background-position: 80% center;}
.about .boxing03 .his_top h4{font-size:24px;line-height: 35px;;}
.about .boxing03 .his_list > div h3{font-size: 35px;;}
.about .boxing03 .his_list > div p{font-size: 18px;;}
.about .boxing04 > h3{font-size:35px;margin: 0 0 50px 0;}
.about .boxing04 > div{padding:80px 20px;}
}
@media screen and (max-width:640px) {
.about .boxing01 h3{font-size: 30px;}
.about .boxing03 .his_list { background: url(../images/sub/his_line.png) 0 0 repeat-y;}
.about .boxing03 .his_list > div.left{width:100%;text-align: left;padding:50px 0 0 30px;}
.about .boxing03 .his_list > div.right{width:100%;margin-left:0;padding:50px 0 0 30px;}
.about .boxing03 .his_list > div.first_left{padding:0 0 0 30px;}
.about .boxing03 .his_list > div h3{font-size: 30px;;}
.about .boxing03 .his_list > div.left h3:after {top: 10px;left: -36px;right:auto;}
.about .boxing03 .his_list > div.right h3:after{left:-36px;top: 10px;}
.about .boxing03 .his_list > div p{flex-direction: row;font-size: 16px;;}
.about .boxing03 .his_list > div p b{width:60px;}
}
@media screen and (max-width:480px) {
.about .boxing01 h3{font-size: 25px;}
.about .boxing02 h4{font-size:22px;}
.about .boxing02 p.normal{font-size:15px;line-height: 28px;; word-break: keep-all;}
.about .boxing02 p.normal br{display: none;}
.about .boxing02 p.red{font-size: 22px;line-height: 34px;;}
.about .boxing02 p.blue{font-size: 19px;line-height: 27px;word-break: keep-all;}
.about .boxing02 p.blue2{font-size: 18px;line-height: 27px;word-break: keep-all;;}
.about .boxing03 > h3{font-size: 32px;;}
.about .boxing03 .his_top{padding:40px 20px;}
.about .boxing03 .his_top h4{font-size: 18px;line-height: 27px;;}
.about .boxing03 .his_top h4 br{display: none;;}
.about .boxing04 > h3{font-size: 32px;;}
}
/* Project - 행사기획/운영소개 */
.event01 .boxing > h3{font-size: 37px; color:#111111;font-weight: 900;text-align: center; margin:0 0 60px 0;;}
.event01 .boxing01 {background:url('../images/sub/event_bg.jpg') center center no-repeat;padding:70px 0;}
.event01 .boxing01 .tbox {width:50%; transform: translate(50%, 0); margin:0 auto; padding: 0 100px 0 50px;box-sizing: border-box;}
.event01 .boxing01 .tbox h3{text-align: left;font-size: 43px; line-height: 55px;;font-weight: 900;color: #111;;}
.event01 .boxing01 .tbox h3 span{color: #c6ac00;;}
.event01 .boxing01 .tbox h3:after{content:"";display:block;width: 1px;height:78px;background-color: #dddddd; margin:25px 0;;}
.event01 .boxing01 .tbox p{font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #555555;margin:0 0 15px 0;;word-break: keep-all;}
.event01 .boxing02 {max-width: 1300px;margin:0 auto; padding:120px 0 0;}
.event01 .boxing02 ul {display:flex; gap:20px; flex-wrap: wrap;}
.event01 .boxing02 ul li{width:calc(50% - 10px); background-color:#fdfaf5 ;border-radius: 20px;box-sizing: border-box;padding:30px;display: flex; ;}
.event01 .boxing02 ul li .icon{width:116px; flex-shrink: 0;margin-right:40px;}
.event01 .boxing02 ul li .tbox h4{font-size: 22px; font-weight: 900;color: #111111; letter-spacing: -0.02em; margin:15px 0 15px 0;;}
.event01 .boxing02 ul li .tbox p{font-size: 19px;color: #777777; letter-spacing: -0.02em; line-height: 27px;;}
.event01 .boxing03 {padding:120px 0 0;}
.event01 .boxing03 .stepbox{display:flex; justify-content: space-between;width:1300px; margin: 0 auto;}
.event01 .boxing03 .stepbox > div{width: 390px; height: 540px; border-radius: 20px; box-sizing: border-box; display:flex;text-align:center;flex-direction: column;justify-content: center; align-items: center;border:5px solid #eeeeee; padding:35px;position:relative;}
.event01 .boxing03 .stepbox > div.box03{background-color: #d9bd00; border:none;;}
.event01 .boxing03 .stepbox > div h4{font-size: 25px; line-height: 33px;letter-spacing: -0.02em;font-weight: 900;color: #111111; margin:30px 0;;}
.event01 .boxing03 .stepbox > div.box03 h4{color: #fff;;}
.event01 .boxing03 .stepbox > div p{font-size: 18px; line-height: 28px;letter-spacing: -0.02em;color: #666666; }
.event01 .boxing03 .stepbox > div.box03 p{color: #fff;;}
.event01 .boxing03 .stepbox > div.box01:after{content:"+"; font-size: 55px; font-weight: 900;color: #cccccc; position:absolute;top:45%; right:-55px;}
.event01 .boxing03 .stepbox > div.box02:after{content:"="; font-size: 55px; font-weight: 900;color: #cccccc; position:absolute;top:45%; right:-55px;}
.event01 .boxing04 {padding:120px 0 0;max-width: 1300px;margin:0 auto;}
.event01 .boxing04 ul {display: flex;margin:0 0 70px 0;}
.event01 .boxing04 ul li{width:50%;box-sizing: border-box;padding-left:130px;background:url('../images/sub/event_check.png') 0 center no-repeat;}
.event01 .boxing04 ul li:first-child{border-right:1px solid #ccc;}
.event01 .boxing04 ul li:last-child{background:url('../images/sub/event_check.png') 40px center no-repeat;padding-left:170px}
.event01 .boxing04 ul li h4{font-size: 25px; color: #090f23; font-weight: 600; letter-spacing: -0.02em; margin:0 0 15px 0;;}
.event01 .boxing04 ul li p{font-size:19px; color: #777777; letter-spacing: -0.02em;line-height: 28px;}
.event01 .boxing04 .event_list {display:flex; gap:20px;flex-wrap: wrap;}
.event01 .boxing04 .event_list .ebox {width:calc(33.3333% - 13.3333px);height:367px; position:relative;border-radius:20px; overflow:hidden;}
.event01 .boxing04 .event_list .ebox img {position:absolute; top:0;left:0;z-index:-1;}
.event01 .boxing04 .event_list .ebox .tbox{position:absolute;bottom:0;left:0;padding:25px 10px 25px 25px; box-sizing:Border-box; width:100%;background-color:#b78f00de;border-radius:20px;}
.event01 .boxing04 .event_list .ebox .tbox h4{font-size: 25px; font-weight: 900;color: #ffffff; letter-spacing: -0.02em;line-height: 1;margin:0 0 6px 0;;}
.event01 .boxing04 .event_list .ebox .tbox p{font-size: 16px; color: #f5ebcb; letter-spacing: -0.07em;line-height: 1;}
.event01 .coutboxing {max-width: 1300px;margin:0 auto;padding:120px 0 0;}
.event01 .coutboxing ul {display: flex;gap:42px 20px;flex-wrap: wrap;margin:0 0 80px 0;}
.event01 .coutboxing ul li{width: calc(50% - 20px);}
.event01 .coutboxing ul li h4{font-size:26px; font-weight:600;color:#222;padding:0 0 10px 0; margin:0 0 30px 0; border-bottom: 1px solid #ddd;;}
.event01 .coutboxing ul li h5{text-align:right; font-size:50px; font-weight:600;color:#e6dfad;}
.event01 .coutboxing ul li h5 b{font-size:80px; color:#ec3636;}
.event01 .coutboxing .partner {display: flex;gap:5px;flex-wrap: wrap;}
.event01 .coutboxing .partner p {width:calc(20% - 6.25px); height: 110px;box-sizing: border-box;border: 1px solid #ddd;display:flex;align-items: center;justify-content: center;}
.event01 .coutboxing .partner p img{max-width: 70%;max-height: 50%;}
@media screen and (max-width:1280px) {
.event01 .boxing02{padding:100px 20px 0;}
.event01 .boxing03{padding:100px 20px 0;}
.event01 .boxing04{padding:100px 20px 0;}
.event01 .coutboxing {padding:100px 20px 0;}
.event01 .boxing03 .stepbox{width:auto;}
.event01 .boxing03 .stepbox > div{width:30%;}
.event01 .boxing03 .stepbox > div.box01:after{font-size:40px;right:-45px;}
.event01 .boxing03 .stepbox > div.box02:after{font-size:40px;right:-45px;}
}
@media screen and (max-width:980px) {
.event01 .boxing01 .tbox {padding:0 30px 0 50px;}
.event01 .boxing01 .tbox h3{font-size:32px;line-height: 38px;;}
.event01 .boxing01 .tbox h3{font-size:32px;line-height: 38px;;}
.event01 .boxing01 .tbox h3:after{height:50px;}
.event01 .boxing01 .tbox p{font-size:17px;line-height: 28px;;}
.event01 .boxing02 ul li .icon{width:90px;margin-right:25px;}
.event01 .boxing02 ul li .icon img{width:100%;}
.event01 .boxing02 ul li .tbox p{font-size:16px;line-height: 24px;;}
.event01 .boxing02 ul li .tbox p br{display:none;}
.event01 .boxing03 .stepbox > div{height: 400px;}
.event01 .boxing03 .stepbox > div p.icon img{width:90px;}
.event01 .boxing03 .stepbox > div h4{font-size:20px;line-height: 26px;;}
.event01 .boxing03 .stepbox > div h4 br{display: none;}
.event01 .boxing03 .stepbox > div p{font-size: 16px;line-height: 25px;;}
.event01 .boxing03 .stepbox > div p br{display: none;}
.event01 .boxing03 .stepbox > div.box01:after{font-size:30px;right:-30px;}
.event01 .boxing03 .stepbox > div.box02:after{font-size:30px;right:-30px;}
.event01 .boxing04 ul{ flex-direction: column;flex-wrap: wrap;gap:30px 0;}
.event01 .boxing04 ul li{width: 100%;;}
.event01 .boxing04 ul li:last-child{padding-left:130px;background-position: 0 center;;}
.event01 .boxing04 ul li:first-child{border:none; border-bottom:1px solid #ccc;padding:0 0 20px 130px;}
.event01 .boxing04 .event_list .ebox .tbox h4{font-size: 20px;;}
.event01 .boxing04 .event_list .ebox .tbox p{font-size: 14px; line-height: 1.2;;}
.event01 .boxing04 .event_list .ebox{height:300px; width:calc(50% - 10px);}
.event01 .coutboxing ul li h5{font-size:40px;}
.event01 .coutboxing ul li h5 b{font-size:60px;}
.event01 .coutboxing .partner p {width:calc(25% - 6.66666px); height: 90px;}
}
@media screen and (max-width:789px) {
.event01 .boxing01{ background-size: 200%;background-position: 0 0;}
.event01 .boxing01 .tbox{width:auto; padding:57% 20px 0;transform:translate(0,0);}
.event01 .boxing02{padding:0 20px;}
.event01 .boxing > h3{font-size: 30px;line-height: 1.3;word-break: keep-all;}
.event01 .boxing02 ul{gap:20px 0;}
.event01 .boxing02 ul li{width: 100%;;}
.event01 .boxing02 ul li .tbox h4{margin:0 0 15px 0; font-size: 20px;;}
.event01 .boxing03 .stepbox {flex-wrap: wrap;gap:20px 0;}
.event01 .boxing03 .stepbox > div{width: 100%;;height:auto;}
.event01 .boxing03 .stepbox > div.box01:after,
.event01 .boxing03 .stepbox > div.box02:after{display: none;}
.event01 .boxing04 ul li, .event01 .boxing04 ul li:last-child{background-size: 50px;padding-left:70px;background-position: 0 0;}
.event01 .boxing04 ul li:first-child{padding:0 0 20px 70px;}
.event01 .boxing04 ul li h4{font-size: 22px;}
.event01 .boxing04 ul li p{font-size: 16px;line-height: 23px;;}
.event01 .boxing04 .event_list{gap:20px 0;}
.event01 .boxing04 .event_list .ebox{width:100%;}
.event01 .boxing04 .event_list .ebox img{width:100%;height:auto;}
.event01 .coutboxing ul li h4{font-size:19px;}
.event01 .coutboxing ul li h5{font-size:30px;}
.event01 .coutboxing ul li h5 b{font-size:40px;}
.event01 .coutboxing .partner p {width:calc(33.333% - 5px); height: 70px;}
}
@media screen and (max-width:420px) {
.event01 .coutboxing{padding:30px 20px 0;}
.event01 .coutboxing ul li{width:100%;}
.event01 .coutboxing .partner p {width:calc(50% - 5px); height: 70px;}
}
/* Project - 포트폴리오 */
.port {max-width: 1300px; margin:0 auto;;}
.port .tab{display:flex;flex-wrap: wrap; justify-content: center;gap:0 10px;margin:0 0 60px 0;}
.port .tab a{display: inline-block;;padding:7px 30px;min-width:150px;border-radius: 40px; border:1px solid #ddd; text-align: center;font-size:20px;color: #aaaaaa;box-sizing:border-box;font-weight:500;}
.port .tab a.on{background-color: #d9bd00; border:none; color:#fff; font-weight: 600;;}
.port .list{display:flex; flex-wrap:wrap;gap:50px 25px;}
.port .list a{display:block; width:calc(33.33333% - 16.6666666px);}
.port .list a .img{width:100%;height:275px; overflow: hidden;margin:0 0 25px 0;border-radius:20px;}
.port .list a .img img{width:100%;height:100%;transition:all .4s;}
.port .list a .title{font-size: 20px; color: #111111; font-weight: 600; overflow: hidden;white-space:nowrap; text-overflow: ellipsis;transition:all .4s;}
.port .list a .title span{display: inline-block;padding-right: 10px; color: #bbbbbb;;}
.port .list a:hover .img img, .port .list a:focus .img img{transform: scale(1.05);}
.port .list a:hover .title, .port .list a:focus .title{color:#d9bd00;}
/* Project - 포트폴리오 view */
.port_view {max-width: 1300px; margin:0 auto;;}
.port_view .ptit{display:inline-block;padding:7px 30px;min-width:150px;border-radius: 40px; text-align: center;font-size:20px;box-sizing:border-box;background-color: #d9bd00; color:#fff; font-weight: 600;;}
.port_view .top{margin:30px 0 50px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.port_view .top .title{font-size: 45px; line-height: 55px; font-weight: 600;color:#000; margin:0 0 15px 0;;}
.port_view .top .info{display:flex; }
.port_view .top .info span{display:inline-block; font-size:16px; color:#aaa; }
.port_view .top .info span img{padding:0 5px 0 0;}
.port_view .top .info span:after{content:"";display:inline-block;width:1px; height:11px;background-color: #ccc;margin:0 10px;}
.port_view .top .info span:last-child:after{display:none;}
.port_view .textbox img{max-width:100%;}
.port_view .textbox p {font-size: 16px; color:#333; line-height: 1.3;;}
.port_view .view_nav{margin:80px 0 0;border-top:1px solid #ddd;}
.port_view .view_nav li{border-bottom:1px solid #ddd;padding:30px 40px;display:flex; }
.port_view .view_nav li .tit {width:175px; flex-shrink: 0;font-size: 17px; color: #999999;}
.port_view .view_nav li .tit_prev{background:url('../images/common/tit_prev.png') 70% center no-repeat;}
.port_view .view_nav li .tit_next{background:url('../images/common/tit_next.png') 70% center no-repeat;}
.port_view .view_nav li a{display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px; color:#000;;}
.port_view .btn_box{text-align:right;margin:30px 0 0;}
.port_view .btn_box a{display:inline-block; width:150px;height: 50px; line-height: 50px; text-align: center; font-size: 23px; color: #999;font-weight: 500;;border:1px solid #ddd;}
@media screen and (max-width:1280px) {
.port, .port_view{padding:0 20px 100px !important;}
.port .tab{gap:10px;}
}
@media screen and (max-width:980px) {
.port .list a .img{height:200px;}
.port .list a .img img{object-fit: cover;}
.port .list a .title{font-size: 17px;;}
.port_view .top .title{font-size: 32px;;}
}
@media screen and (max-width:768px) {
.port .tab a{font-size: 17px;}
.port .list{gap:40px 20px;}
.port .list a{width: calc(50% - 10px);}
.port_view .btn_box a{height: 40px;line-height: 40px;font-size: 19px;;}
.port_view .view_nav li .tit{width: 100px;font-size: 15px;;}
}
@media screen and (max-width:480px) {
.port .list{gap:40px 0;}
.port .list a{width: 100%;}
.port_view .ptit{font-size: 16px;min-width: 120px;;}
.port_view .top .title{font-size: 27px;line-height: 33px;}
.port_view .view_nav li{padding:20px;}
}
/* esg 경영 */
.esg {margin:0 auto;;}
.esg .top{padding:100px 0 350px; background:url('../images/sub/esg_bg.jpg') center 0 no-repeat; background-size:cover; text-align: center;}
.esg .top h3{font-size: 42px; color: #7b8c05; font-weight: 900;margin:0 0 30px 0;;}
.esg .top p{font-size: 21px; color: #4a473d;line-height: 34px;letter-spacing: -0.024em;;}
.esg .boxing{max-width: 1300px; margin: 0 auto; padding:100px 0 0;;}
.esg .boxing dl{display: flex;;}
.esg .boxing dl dt{width: 300px; border-top:3px solid #e60012; padding:40px 0 0 0 ; flex-shrink: 0;font-size: 32px; font-weight: 900;color: #111111; letter-spacing: -0.03em;}
.esg .boxing dl dd{border-top:1px solid #ddd; padding:50px 0 0 35px;flex-grow: 1;}
.esg .boxing dl dd > h3{font-size: 26px; color: #555555; line-height: 42px; letter-spacing: -0.02em; margin:0 0 40px 0;;font-weight: 600;;}
.esg .boxing dl dd p.red{font-size: 22px; color: #e60012; line-height: 30px; letter-spacing: -0.02em; margin:0 0 40px 0;font-weight: 600;;}
.esg .boxing dl dd .imgs{display:flex; gap:0 30px;}
.esg .boxing dl dd h4.rtit{font-size: 24px; font-weight: 600;color: #e60012;}
.esg .boxing dl dd h4.rtit:after{content:"";display:block; width:45px; height: 1px; background-color: #e60012; margin:10px 0 20px;;}
.esg .boxing dl dd h5{font-size: 21px; font-weight: 600;color: #111111; letter-spacing: -0.02em; margin:20px 0 10px 0;}
.esg .boxing dl dd p.gray{font-size: 18px; color: #666666; letter-spacing: -0.02em;line-height: 1.5;;}
.esg .boxing04 ul{display: flex; gap:20px;flex-wrap: wrap;}
.esg .boxing04 ul li{width: 460px; border:4px solid #eee; padding:30px; box-sizing:border-box; border-radius:15px;;}
.esg .boxing04 ul li h3{font-size: 22px; color: #e60012; font-weight: 900; margin:0 0 15px 0;;}
.esg .boxing04 ul li p{font-size: 17px; color: #666666; letter-spacing: -0.02em;;}
.esg .downbox{max-width:1300px;margin:150px auto 0; display:flex;justify-content: space-between;}
.esg .downbox a{display: block; width:48%;box-sizing:border-box; border:1px solid #ddd; padding:40px 50px;display:flex;position:relative; align-items: center; ;}
.esg .downbox a .icon{margin-right:45px;}
.esg .downbox a h3{font-size: 24px; font-weight: 900; line-height: 35px;letter-spacing: -0.02em;}
.esg .downbox a .icon_down{position: absolute;right:80px;top:70px;}
.esg .downbox a:hover {border-color:#e60012;}
@media screen and (max-width:1280px) {
.esg .boxing{padding:100px 20px 0;}
.esg .boxing04 ul li{width: 48%;;}
.esg .downbox a{padding:40px 30px;}
.esg .downbox a .icon{margin-right:25px;}
}
@media screen and (max-width:980px) {
.esg .top h3{font-size: 34px;}
.esg .boxing dl dt{width:25%;font-size: 23px;;word-break: keep-all;line-height: 1.3;}
.esg .boxing dl dd > h3{font-size: 22px;line-height: 35px;;margin:0 0 25px 0;}
.esg .boxing dl dd > h3 br{display: none;}
.esg .boxing dl dd p.red{font-size: 19px;;}
.esg .boxing dl dd .imgs{gap:0 10px;}
.esg .boxing dl dd .imgs img{width: 32%;}
.esg .boxing dl dd h4.rtit{font-size: 22px;}
.esg .boxing dl dd h5{font-size: 19px;}
.esg .boxing dl dd p.gray{font-size:16px;}
.esg .boxing04 ul li{width:100%;}
.esg .downbox{flex-wrap: wrap;gap:20px 0;padding:0 20px;}
.esg .downbox a{width: 100%;box-sizing: border-box;}
.esg .downbox a h3{font-size: 22px;;}
}
@media screen and (max-width:480px) {
.esg .top {padding: 100px 20px 300px;}
.esg .top p{font-size: 17px;line-height: 27px;;}
.esg .top p br{display: none;}
.esg .boxing dl{ flex-direction: column;flex-wrap: wrap;}
.esg .boxing dl dt{width:100%;margin:0 0 20px 0;}
.esg .boxing dl dd{padding:30px 0 0;}
.esg .boxing dl dd > h3{font-size: 18px;line-height: 25px;}
.esg .downbox a .icon {margin-right: 13px;;}
.esg .downbox a .icon img{ width: 50px;;}
.esg .downbox a .icon_down{position: static;}
.esg .downbox a .icon_down img{width: 20px;;}
.esg .downbox a h3 {font-size: 19px;line-height: 23px;;}
.esg .downbox a h3 br{display: none;}
}
/* 시설안내 */
.facility{max-width: 1300px; margin: 0 auto;}
.facility .tab{display:flex; justify-content: center;gap:0 10px;margin:0 0 60px 0;}
.facility .tab a{display: inline-block;;padding:7px 30px;min-width:150px;border-radius: 40px; border:1px solid #ddd; text-align: center;font-size:20px;color: #aaaaaa;box-sizing:border-box;font-weight:500;}
.facility .tab a:hover, .facility .tab a.on{background-color: #e60012; border:none; color:#fff; font-weight: 600;;}
.facility .boxing {margin:0 0 100px 0;}
.facility .boxing > h3{font-family: 'jalan', sans-serif; font-size:32px; color: #111111;margin:0 0 30px 0;}
.facility .boxing > h3 span{font-size: 20px; color:#aaa;;}
.facility .boxing .box {display:flex;}
.facility .boxing .box .photo{width: 733px; margin-right:50px;flex-shrink: 0;}
.facility .boxing .box .photo .facil_slide {width:100%; height:512px;overflow: hidden;}
.facility .boxing .box .photo .facil_slide img {width:100%; height:100%;}
.facility .boxing .box .photo .facil_slide .slick-arrow{width:61.8px;height: 61.8px; outline:none;border:none; font-size:0;position:Absolute; bottom:25px; z-index: 100;;cursor:pointer;}
.facility .boxing .box .photo .facil_slide .slick-next{background:url('../images/sub/facil_next.jpg') center center no-repeat;right:25px;}
.facility .boxing .box .photo .facil_slide .slick-prev{background:url('../images/sub/facil_prev.jpg') center center no-repeat;right:90px}
.facility .boxing .box .info{flex-grow: 0;;}
.facility .boxing .box .info h4{display:inline-block; padding:0 20px; background:url('../images/sub/facil_t_bg.jpg') 0 100% repeat-x; font-size: 32px; font-weight: 900;color: #333333; margin: 30px 0;;}
.facility .boxing .box .info h5{font-size:21px;color: #333333; margin:0 0 35px 0; padding:0 0 35px 0; border-bottom: 1px solid #ddd;font-weight: 500;;}
.facility .boxing .box .info p{font-size:17px;color: #777777;line-height: 28px;;}
@media screen and (max-width:1280px) {
.facility {padding:0 20px !important;}
.facility .tab{flex-wrap: wrap;gap:10px;}
.facility .boxing .box .photo{width:50%;margin-right:30px;}
.facility .boxing .box .photo .facil_slide{height:auto;}
}
@media screen and (max-width:980px) {
.facility .tab a{font-size: 17px;;}
.facility .boxing .box .photo .facil_slide .slick-arrow{width:40px;height:40px;}
.facility .boxing .box .photo .facil_slide .slick-next,
.facility .boxing .box .photo .facil_slide .slick-prev{background-size: 100%;}
.facility .boxing .box .photo .facil_slide .slick-prev{right: 70px;}
.facility .boxing .box .info h4{margin:0 0 20px;font-size:26px;}
.facility .boxing .box .info h5{font-size:19px; margin:0 0 20px 0; padding:0 0 20px 0;}
}
@media screen and (max-width:680px) {
.facility .boxing .box{ flex-direction: column;}
.facility .boxing .box .photo{width:100%;margin:0 0 40px 0;}
.facility .boxing > h3{font-size: 27px;;}
.facility .boxing .box .info p{font-size: 16px;;}
}
/* 이용안내 */
.useinfo {max-width: 1300px; margin:0 auto;}
.useinfo .boxing{margin:0 0 60px 0;}
.useinfo .boxing > h3{font-family: 'jalan',sans-serif;font-size:37px;font-weight:900;color:#000;margin:0 0 20px 0;}
.useinfo .boxing table thead tr th{background-color: #ed1b23;padding:13px 5px; font-size: 22px;color:#fff;;}
.useinfo .boxing table tbody tr th{font-size:24px;color:#111;font-weight:900;padding:20px 5px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd;background-color:#f7f5ee;}
.useinfo .boxing table tbody tr td{font-size:19px;color:#333;padding:20px 5px;border-bottom: 1px solid #ddd;text-align: center;line-height: 26px;}
.useinfo .boxing table tbody tr td b{font-size:30px;color:#000;}
.useinfo .boxing table tbody tr td .stxt{font-size:18px;color:#666;line-height: 1;}
.useinfo .boxing table tbody tr td .btxt{font-size:25px;color:#000;font-weight:600;line-height: 40px;;}
.useinfo .boxing table tbody tr td .rtxt{color:#ed1b23;}
.useinfo .boxing table tbody tr td .red{display: inline-block;padding:4px 8px; background-color:#ed1b23;color:#fff; font-size:16px;line-height: 1;border-radius: 30px;vertical-align: middle; margin: 0 3px 3px 0;}
.useinfo .boxing table tbody tr td .gray{display: inline-block;padding:4px 8px; background-color:#666;color:#fff; font-size:16px;line-height: 1;border-radius: 30px;vertical-align: middle; margin: 0 3px 3px 0;}
.useinfo .boxing table tbody tr td .noti{font-size:19px; color:#777;margin:8px 0 0;}
@media screen and (max-width:1280px) {
.useinfo {padding:0 20px !important;}
}
@media screen and (max-width:980px) {
.useinfo .boxing > h3 {font-size:30px;}
.useinfo .boxing table thead tr th{font-size: 18px;;}
.useinfo .boxing table tbody tr th{font-size:20px;}
.useinfo .boxing table tbody tr td{font-size:16px;line-height: 22px;;}
.useinfo .boxing table tbody tr td .btxt{font-size:20px;line-height:32px;}
.useinfo .boxing table tbody tr td .noti{font-size:15px;}
.useinfo .boxing table tbody tr td .red{font-size:13px;}
.useinfo .boxing table tbody tr td .gray{font-size:13px;}
.useinfo .boxing table tbody tr td b{font-size: 22px;}
}
@media screen and (max-width:680px) {
.useinfo .boxing > h3 {font-size:27px;}
.useinfo .boxing table thead tr th{font-size: 16px;padding:10px 3px;}
.useinfo .boxing table tbody tr th{font-size:18px;word-break: keep-all;}
.useinfo .boxing table tbody tr td{font-size:16px;line-height: 22px;;word-break: keep-all;}
.useinfo .boxing table tbody tr td .btxt{font-size:17px;line-height:26px;}
.useinfo .boxing table tbody tr td .rtxt{display: inline-block;}
.useinfo .boxing table tbody tr td .noti{font-size:13px;}
.useinfo .boxing table tbody tr td .red{font-size:13px;}
.useinfo .boxing table tbody tr td .gray{font-size:13px;}
.useinfo .boxing table tbody tr td b{font-size: 18px;}
}
/* Contact */
.contact {max-width: 1300px; margin:0 auto;;}
.contact .list{margin:0 0 100px 0}
.contact .list table{border-top:1px solid #000;margin:0 0 50px 0;}
.contact .list table thead tr th{text-align: center;font-size: 16px; color: #666; font-weight: 500; padding:15px 5px; border-bottom:1px solid #eee;;}
.contact .list table tbody tr td{text-align: center;font-size: 17px; color: #666; padding:25px 5px; border-bottom:1px solid #eee;;}
.contact .list table tbody tr td.title{text-align: left;}
.contact .list table tbody tr td.title a{color:#000;}
.contact .list table tbody tr td.title a .tit {display:inline-block; padding-right:20px; }
.contact .list table tbody tr td.title a .ytit {color: #cd9d09;}
.contact .list table tbody tr td.title a .rtit {color: #ed1b23;}
.contact .list .btn_box {text-align:center;}
.contact .list .btn_box a {display:inline-block; width:340px;height: 70px;line-height: 70px; border-radius: 70px; text-align: center; font-size: 24px; color: #fff; background-color: #ed1b23; font-weight: 600; ;}
.contact .list .btn_box a img{padding:0 0 0 40px;}
.contact .location .map_box{border:1px solid #ddd; border-radius: 20px; overflow: hidden;margin:0 0 50px 0;}
.contact .location .map_box .root_daum_roughmap_landing {width:100%;}
.contact .location .map_box .root_daum_roughmap_landing .wrap_controllers,
.contact .location .map_box .root_daum_roughmap_landing .map_border,
.contact .location .map_box .root_daum_roughmap_landing .cont{display:none;}
.contact .location .info .top{display:flex; justify-content:space-between;align-items: center;margin:0 0 40px 0; padding:0 0 50px 0; border-bottom:1px solid #ddd;}
.contact .location .info .top h3{font-family: 'jalan', sans-serif; font-size:45px; color: #ec3636; line-height: 60px; letter-spacing: -0.02em;}
.contact .location .info .top h3 span{color: #aaaaaa;font-size: 27px;}
.contact .location .info .top .sns{display:flex; flex-direction: column;gap:5px;}
.contact .location .info .top .sns a{display: block; width: 235px;height: 50px;line-height: 50px; border-radius: 20px;text-align: center; font-size: 16px;;box-sizing: border-box;}
.contact .location .info .top .sns a.insta{color: #111; border:1px solid #ccc; background-color: #f4f4f4;;}
.contact .location .info .top .sns a.blog{color: #fff; background-color: #50cf62;;}
.contact .location .info .numbers {display:flex; justify-content: space-between;}
.contact .location .info .numbers > div{display: flex;align-items: center;;}
.contact .location .info .numbers > div .icon{margin-right:15px;flex-shrink: 1;}
.contact .location .info .numbers > div h3{font-size:23px;font-weight: 600;color: #090f23;letter-spacing: -0.03em;line-height: 30px;}
.contact .location .info .numbers > div h3 span{font-size:19px;color: #aaaaaa;}
@media screen and (max-width:1280px) {
.contact .list{padding: 0 20px;}
.contact .location{padding: 0 20px;}
.contact .location .info .top h3{line-height: 35px;;}
.contact .location .info .top h3 span{display:inline-block; padding:0 0 20px 0;}
.contact .location .info .numbers > div h3{font-size: 20px;;}
}
@media screen and (max-width:980px) {
.contact .location .info .numbers{ flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;}
.contact .location .info .top{justify-content: flex-start;align-items: flex-start;flex-direction: column;gap:40px 0;}
.contact .location .info .top .sns{flex-direction: row;}
}
@media screen and (max-width:640px) {
.contact .list table tbody tr td{font-size: 15px;padding: 18px 5px;;}
.contact .list .btn_box a{width: 230px;height: 60px;line-height: 60px;;font-size: 22px;}
.contact .list table tbody tr td.title a .tit{display: block; padding:0 0 3px 0;;}
.contact .location .info .top h3 span{font-size: 20px;;}
.contact .location .info .top h3{font-size:32px;line-height: 30px;}
.contact .location .info .top .sns {flex-direction: column;}
.contact .location .info .top .sns a{width:220px;font-size: 16px;;}
.contact .location .info .numbers{gap:20px 0;}
.contact .location .info .numbers > div .icon img{width:60px;}
.contact .location .info .numbers > div h3{font-size: 17px;;}
.contact .location .info .numbers > div h3 span{font-size: 16px;;}
}
/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:1280px) {
/* 인트로 페이지 */
.intro_wrap .intro_txt{position:absolute;top:70px; left: 70px;z-index: 100;;}
.intro_wrap .intro_txt h3{font-size: 27px;}
.intro_wrap .intro_txt h2{font-size: 60px;}
.intro_wrap .intro_box a{padding:0 70px;}
.intro_wrap .intro_box a h3{margin:52vh 0 0; padding:40px 0 0;font-size:45px;}
.intro_wrap .intro_box a h3 img{padding: 0 0 3px 35px;}
.intro_wrap .intro_box a p{font-size:18px;}
.intro_wrap .intro_box a .icon{top:58vh;right:70px;}
.intro_wrap .intro_box a:hover h3 img {padding:0 0 3px 45px;}
.intro_wrap .intro_foot{left:40px;}
.intro_wrap .intro_foot .foot {font-size:15px;}
#gnb {display:none;}
.top_menu {display:none;}
.mob_none {display:none;}
.sidebar {display: none;}
#header_content .logo{left:40px;}
/* nav */
#top_right {position:fixed; top:40px; right:40px;z-index:2001;}
.allmenu { position:relative;}
#menu-icon2{
position: relative;
width: 30px;
height: 20px;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
}
#menu-icon2 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
border-radius:3px;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
#menu-icon2 span.short {
width:20px;
left:10px;
}
#menu-icon2 span:nth-child(1){top: 0px;}
#menu-icon2 span:nth-child(2){top: 8px;}
#menu-icon2 span:nth-child(3){top: 17px;}
#menu-icon2.open span:nth-child(1) {
top: 6px;
transform: rotate(-45deg);
}
#menu-icon2.open span:nth-child(2) {
opacity: 0; /*클릭하면 중간선이 사라집니다.*/
}
#menu-icon2.open span:nth-child(3) {
top: 6px;
transform: rotate(-135deg);
width:30px;
left:0;
}
#nav {position:fixed; top:100px; right:0; width:100%; height:90vh;background-color:#fff; text-align:left; z-index:1100;}
#nav li { border-top:1px solid #eee; }
#nav li a {color:#000; font-size:17px; font-weight:600; display:block; padding:25px 30px;;}
#nav > li > ul {padding:15px 0;background:#f4f4f4;}
#nav > li > ul > li {border-bottom:none; border:none;background:none;}
#nav > li > ul > li:first-child {border-top:none;}
#nav > li > ul > li a {color:#555; font-size:16px; font-weight:600; padding:15px 50px;}
#mainvisual .main_txt h2{font-size:45px;}
.section01{padding:100px 20px 150px; box-sizing: border-box;}
.section01 .sec01_in{min-height: auto;}
.section01 .sec01_in .left h3{padding:70px 0 40px;font-size: 42px;;}
.section01 .sec01_in .left p{margin:0 0 100px 0;}
.section01 .sec01_in .right .facil_slick .slick-arrow{width:50px;height: 50px;;}
.section01 .sec01_in .right .facil_slick .slick-prev{bottom:-25px;background-size: 100%;}
.section01 .sec01_in .right .facil_slick .slick-next{bottom:-25px;background-size: 100%;left: 95px;}
.section01 .sec01_in .right .facil_slick {width:1000px;}
.section01 .sec01_in .right .facil_slick .facil_box {height: auto;}
.section01 .sec01_in .right .facil_slick .facil_box img{width:96%;}
.section02{padding:100px 20px; box-sizing: border-box;}
.section02 .sec02_in h3{font-size: 42px;}
.section02 .sec02_in > h4{font-size: 19px;line-height: 30px;}
.section02 .sec02_in ul li{width: 32.5%;}
.section02 .sec02_in ul li a h4{font-size: 30px;}
.section03{padding:100px 20px; box-sizing: border-box;}
.section03 > h3{font-size: 42px;}
.section03 .notice a{width:32.5%;}
.section03 .banner a{width:49.5%;}
footer {padding:45px 20px;}
#subvisual .sub_txt{padding:0 20px;}
#subvisual .sub_txt h3{font-size: 70px;}
#lnb{width:98%;height:65px; line-height: 65px;;}
#lnb a{line-height: 65px;;}
.sub_title h3{font-size:42px;}
}
@media screen and (max-width:980px) {
.intro_wrap .intro_txt{left:50px;}
.intro_wrap .intro_box a{padding:0 50px;}
.intro_wrap .intro_box a h3{font-size:40px;}
.intro_wrap .intro_box a .icon {right:50px;}
.intro_wrap .intro_box a .icon img {width:50px;}
#mainvisual{height:650px;}
#mainvisual .visual{height:650px;}
#mainvisual .visual div{height:650px;}
#mainvisual .main_txt h2{font-size:36px;padding:240px 0 5px;}
#mainvisual .main_txt p{font-size:17px;}
#mainvisual .main_txt ul li img{width:98px;}
#mainvisual .scroll_down{bottom:25px;font-size: 12px;}
.section01 .sec01_in .right{left:360px;}
.section03 .banner a {height: 150px;padding: 45px 0 0 30px;}
.section03 .banner a h5{font-size: 22px;;}
.section03 .banner a h5 img{width:16px;padding:0 0 0 10px;}
.section03 .banner a.ban01{background-size: 102%}
.section03 .banner a.ban02{background-size: 102%}
#subvisual{height:420px;}
#subvisual .sub_txt h3{padding:190px 0 15px;font-size:50px;}
#lnb a{font-size:19px;}
}
@media screen and (max-width:768px) {
.intro_wrap{height:auto; overflow:visible;}
.intro_wrap .intro_txt {padding-right: 50px;}
.intro_wrap .intro_txt h2{font-size:50px;}
.intro_wrap .intro_txt h3{font-size: 22px;;}
.intro_wrap .intro_txt p{line-height: 1.4;font-size: 17px;;}
.intro_wrap .intro_box{flex-direction: column;}
.intro_wrap .intro_box a{width:100%;display:flex;flex-direction: column;justify-content: end;padding-bottom: 80px;;}
.intro_wrap .intro_box a.place{height: 60vh;}
.intro_wrap .intro_box a.project{height: 40vh;}
.intro_wrap .intro_box a h3{margin:0;}
.intro_wrap .intro_box a .icon{top:auto; bottom:80px;}
.intro_wrap .intro_foot{position:static;background-color: #0a1717;padding:40px 20px;}
.intro_wrap .intro_foot .foot{color: rgba(255,255,255,0.6);}
body {min-width:320PX;}
#header_content {height: 80px;}
#header_content .logo {left:20px;top:15px;}
#header_content .logo a img { width: 100px;}
#top_right{top:30px;right:20px;}
#nav{top:80px;}
#mainvisual .visual .visual01{background-position: center center;}
#mainvisual .visual .visual02{background-position: center 100%;}
#mainvisual .main_txt h2{font-size: 30px;line-height: 1.3;padding:220px 0 10px;}
#mainvisual .main_txt p{font-size: 16px;line-height: 1.5;padding:0 20px;}
#mainvisual .main_txt ul li{font-size: 14px;font-weight: 600;}
#mainvisual .main_txt ul li img{width:65px;}
.section01 .sec01_in .left {width:auto;margin:0 0 40px 0;}
.section01 .sec01_in .left p{font-size: 17px;line-height: 27px;margin:0 0 35px 0;}
.section01 .sec01_in .left h3{padding:0 0 20px;font-size: 32px;;}
.section01 .sec01_in .left a{width:200px;height:50px;line-height: 50px;font-size: 20px;font-weight: 600;padding:0 25px;}
.section01 .sec01_in .left a img{width:15px;top:18px;right:27px;}
.section01 .sec01_in .right{position: static;width:auto;}
.section01 .sec01_in .right .facil_slick{width:100%;}
.section02 .sec02_in h3{font-size: 32px;;}
.section02 .sec02_in > h4{font-size: 17px; line-height: 27px;;margin: 0 0 35px 0;;}
.section02 .sec02_in a.go_pro{position: static;width:230px;height:50px;line-height: 50px;font-size: 19px;font-weight: 600;padding:0 25px;margin:0 0 40px 0;}
.section02 .sec02_in a.go_pro img{width:15px;top:18px;right:27px;}
.section02 .sec02_in ul {flex-wrap: wrap;gap:20px 0;}
.section02 .sec02_in ul li {width:100%;height: 220px;}
.section02 .sec02_in ul li a h4{font-size: 25px;;}
.section02 .sec02_in ul li a p{font-size: 16px;;}
.section02 .sec02_in ul li a img{width: 110px;;right: 30px;bottom:20px;}
.section02 .sec02_in ul li a:hover img, .section02 .sec02_in ul li a:focus img{bottom:30px;}
.section03 > h3 {font-size: 32px;;}
.section03 > h4{font-size: 17px;;}
.section03 .notice {flex-wrap: wrap;gap:20px 0;}
.section03 .notice a{width:100%;height: auto;;}
.section03 .notice a .tit{font-size: 15px;;}
.section03 .notice a .title{font-size: 18px;;}
.section03 .banner{flex-wrap: wrap;gap:20px 0;}
.section03 .banner a{width: 100%;}
footer .footer .f_logo {position: static;}
footer .footer .address{padding:25px 0 0;font-size: 14px;line-height: 22px;;}
footer .footer .foot_menu{top:20px;}
#subvisual{height:350px;}
#subvisual .sub_txt h3 {font-size:37px;padding:155px 0 10px;}
#subvisual .sub_txt p{font-size:16px;}
#lnb{height: auto;line-height: 22px;flex-wrap: wrap;}
#lnb a{line-height: 22px;width:50%;padding:10px 3px;box-sizing: border-box;font-size:16px;}
#lnb a.menu01{width:100%;}
#lnb a.menu02{width:50%;}
#lnb a.menu03{width:50%;}
#lnb a.menu04{width:50%;}
#lnb a.menu05{width:50%;}
#lnb a.menu06{width:50%;}
.container{width:100%; }
.con_area{padding:0 0 100px 0;}
.con_area h3.st{font-size:22px;word-break: keep-all;}
.sub_title {padding:50px 0; text-align:center;}
.sub_title h3{font-size:35px;}
}
@media screen and (max-width:480px) {
.intro_wrap .intro_txt{top:30px;left:30px;}
.intro_wrap .intro_txt h1 img{width:85px;}
.intro_wrap .intro_txt h3{font-size: 17px;;}
.intro_wrap .intro_txt h2{font-size: 35px;;}
.intro_wrap .intro_txt p{font-size:16px;}
.intro_wrap .intro_box a{padding:0 30px 60px;}
.intro_wrap .intro_box a h3{font-size:30px;}
.intro_wrap .intro_box a p{line-height: 1.5;}
.intro_wrap .intro_box a .icon{bottom:70px;}
.intro_wrap .intro_box a .icon img{width:40px;}
.intro_wrap .intro_box a h3 img{width:20px;padding:0 0 2px 10px;}
.intro_wrap .intro_box a:hover h3 img{padding:0 0 2px 15px;}
.intro_wrap .intro_foot .foot{font-size:13px;}
#mainvisual .main_txt h2{font-size:25px;}
#mainvisual .main_txt p{padding:0;}
.section01{padding:70px 20px;}
.section02{padding:70px 20px;}
.section02 .sec02_in > h4 br{display:none;}
.section02 .sec02_in ul li a{padding:35px 30px;}
.section02 .sec02_in ul li a img{width:90px;}
.section03{padding:70px 20px;}
.section01 .sec01_in .left h3{font-size:27px;}
.section02 .sec02_in h3{font-size:27px;}
.section03 > h3{font-size:27px;}
.section03 .notice a{padding:30px;}
.section03 .notice a .title{line-height: 25px;;}
.section03 .banner a h5{font-size: 18px;;}
}