@charset "utf-8";
@import url("font.css");

/* Default Layout */
#wrap {width:100%; height: 100%;}
/*#wrap_background{width:100%; height:780px; background:url('../../images/web/background-main.png') no-repeat; background-size: 100% 780px; position:relative;}*/

/*메뉴*/
.toparea {transition: all 0.3s; position:fixed; z-index:99;border-bottom: 1px solid rgba(255, 255, 255, .5); width:100%;}
.toparea button.login {padding:5px 10px; height: 32px; color: #fff; font-size: 14px; border-radius: 32px; border: 1px solid #e7e7e7;}
.toparea .topmenu {position: relative; margin: 0 auto; max-width:1600px; height: 100px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.toparea .topmenu h1 a {z-index: 201; position: relative; width:134px; height:28px; background:url('../../images/web/header_icon_new_white.png'); display:block;}
.toparea .topmenu h1 a .top-txt{display:flex; flex-direction:column; /*align-items:center;*/}
.toparea .topmenu h1 a .top-txt span:first-child{color: #333; font-size:20px; font-weight:600;}
.toparea .topmenu h1 a .top-txt span:nth-child(2){color: #8F9090; font-size:10px; font-weight:500; margin-top: -5px; margin-left: 2px;}
.toparea .topmenu .gnb {height:100px; display: flex; display:-webkit-flex; align-items:center;}
.toparea .topmenu .gnb > li {position: relative;}
.toparea .topmenu .gnb > li > a {box-sizing:content-box; width:114px; padding:0 20px; text-wrap:nowrap; position: relative; display: block; color: #fff; font-size: 19px; font-weight: 600; line-height: 80px; text-align: center;}
.toparea .topmenu .gnb > li > a::before {content: ''; position: absolute; left: 50%; bottom: 0; width: calc(100% - 70px); height: 3px; background-color: #0478e5; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .gnb > li:hover > a::before {transform: translateX(-50%) scaleX(1);}
.toparea .topmenu .gnb > li .menu_list {z-index: 205; position: absolute; top: 80px; padding: 20px 0; width: 100%; display: none; height:310px; border-left: 1px solid #e0e0e0;}
.toparea .topmenu .gnb > li:last-child .menu_list {border-right: 1px solid #e0e0e0;}
.toparea .topmenu .gnb > li:hover .menu_list {display: flex; display:-webkit-flex; flex-direction:column;}
.toparea .topmenu .gnb > li .menu_list li {flex: none;}
.toparea .topmenu .gnb > li .menu_list li a {display: block; color: #444; line-height: 35px;text-align:center; font-size:14px;}
.toparea .topmenu .gnb > li .menu_list li a:hover {background-color: #2766ba; color:#fff;}
.toparea .topmenu .bg-topmenu-on {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; z-index: 200; position: absolute; left: 50%; top: 90px; transform: translateX(-50%); display: none; width: 200%; height: 310px; background-color: #fafafa;}
.toparea .topmenu button:first-child{margin-left:0;}
.toparea .topmenu button {z-index: 207; position: relative; margin-left: 20px; text-wrap:nowrap;}
.toparea .topmenu button.btn_search {display:block; background:url('../../images/web/h_search_icon.png'); width:24px; height:24px;}
.toparea .topmenu button.btn_allgnb {display:block; background:url('../../images/web/h_menu_icon.png'); width:20px; height:20px;}
.toparea .topmenu button.btn_search_h {display: none;}
.toparea .topmenu button.btn_allgnb_h {display: none;}
.toparea.active .topmenu button.btn_search {display: none;}
.toparea.active .topmenu button.btn_allgnb {display: none;}
.toparea.active .topmenu button.btn_search_h {display:block; background:url('../../images/web/h_search_icon_black.png'); width:22px; height:22px;}
.toparea.active .topmenu button.btn_allgnb_h {display:block; background:url('../../images/web/h_menu_icon_black.png'); width:20px; height:20px;}
.toparea .total_search_area {z-index: 203; position: absolute; left: 0; top: 81px; padding: 60px 0 70px; display: none; width: 100%; background-color: #fafafa;}
.toparea .total_search_area .search_box {width: 720px; height: 65px; border-bottom: 2px solid #222;}
.toparea .total_search_area .search_box input {padding: 0 10px; width: calc(100% - 40px); font-size: 22px; background-color: transparent;}
.toparea .total_search_area .search_box .btn_search {right: 0; top: calc(50% - 15px); width: 31px; height: 31px;}
.toparea .total_search_area .search_box .btn_search span {transform: scale(1.4);}
.toparea .allmenu-category {z-index: 206; position: absolute; left: 0; top: 0; display: none; width: 100%;}
.toparea .allmenu-category::before {content: ''; position: absolute; left: 0; top: 81px; width: 100%; height: calc(100% - 80px); background-color: #fff;}
.toparea .allmenu-category .menu_box .login {display: none;}
.toparea .allmenu-category .menu_box .search_box {display: none;}
.toparea .allmenu-category .menu_box .all_gnb {display: flex; display:-webkit-flex; position:relative; right:-286px;}
.toparea .allmenu-category .menu_box .all_gnb > li{width: 154px;}
.toparea .allmenu-category .menu_box .all_gnb > li > a {position: relative; display: block; color: transparent; font-size: 22px; font-weight: 500; line-height: 90px; text-align: center;}
.toparea .allmenu-category .menu_box .all_gnb > li > a::before {content: ''; position: absolute; left: 35px; bottom: 0; width: calc(100% - 70px); height: 3px; background-color: #0478e5; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .allmenu-category .menu_box .all_gnb > li:hover > a::before {transform: scaleX(1);}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list {z-index: 204; position: relative; padding: 20px 0;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li {margin-bottom: 10px; display: flex; display:-webkit-flex; justify-content: center;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li:last-child {margin-bottom: 0;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a {display: block; text-align: center; white-space: nowrap;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li:hover a {color: #0478e5;}
.toparea .allmenu-category .menu_box_logo {display:none;}
.toparea .allmenu-category .menu-button-wrap {display:none !important;}

.toparea .top_right {position:relative;}
.toparea .top_right .line{margin:0 20px; width:1px; height:13px; background:#fff;}
.toparea.active .top_right .line {background:#000;}

.toparea.active{background-color:#fff;}
.toparea.active .topmenu .gnb > li > a{color:#333;}
.toparea.active .topmenu h1 a{width:134px; height:28px; background:url('../../images/web/header_icon_new.png');}
.toparea.active button.login{border:1px solid #333; color:#333;}

.maincontents .section {position: relative;}
.maincontents .section .area {margin: 0 auto; width: 1500px;}
.maincontents .section.section1{width:100%; position:relative;}
.maincontents .section.section1 .video_wrap{width:100%; height:100%; max-width:1920px; aspect-ratio: 16 / 9; filter:brightness(0.7);}
.maincontents .section.section1 .video_wrap img{filter: brightness(50%); height:1080px; max-width:100%; min-width:1920px;}
.maincontents .section.section1 .video_wrap video{filter: brightness(50%); height:1080px; max-width:100%; min-width:1920px;}
.maincontents .section.section1 .slide_wrap{position:absolute; left: 14%; top: 68%;}
.maincontents .section.section1 .slide_wrap .slick-dots{display:flex; gap:15px;}
.maincontents .section.section1 .slide_wrap .slick-dots li a{display: block; transition: all .3s; width:68px; height:8px; background-color:#fff; opacity:0.5;}
.maincontents .section.section1 .slide_wrap .slick-dots li.slick-active a {opacity: 1;}
.maincontents .section.section1 video{width:100%; height:100%; object-fit:cover;}
.maincontents .section.section1 .txt_wrap{position:absolute;top:41%;left:26%;transform:translate(-50%, -50%); text-align: left;}
.maincontents .section.section1 .txt_wrap span{color:#fff; font-family:'Nanum Square';}
.maincontents .section.section1 .txt_wrap span.tit{display:block; margin-top: 30px; font-size: 3.8rem; line-height:100%; font-weight:700;}
.maincontents .section.section1 .txt_wrap span.eng{font-size:1.5rem;font-weight:700;}
.maincontents .section.section1 .bx-wrapper .bx-viewport {position: absolute !important; height: 100% !important;}
.maincontents .section.section1 .bx-wrapper .bx-viewport .main_slide {height: 100%;}
.maincontents .section.section1 .bx-wrapper .bx-viewport .main_slide li {height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.maincontents .section.section1 .bx-wrapper .bx-controls {padding-bottom: 20px;}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a {opacity: 0.6;}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left: calc(50% - 655px);}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right: calc(50% - 655px);}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-auto a {margin: 0 5px;}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-pager a {margin: 0 5px; width: 12px; height: 12px; font-size: 0; color: transparent; border-radius: 100%; border: 2px solid #fff;}
.maincontents .section.section1 .bx-wrapper .bx-controls .bx-pager a.active {background-color: #fff;}
.maincontents .section.section2 .area {padding: 100px 0 100px;}
.maincontents .section.section2 .area h2 {margin-bottom: 35px; color: #000; font-size: 40px; font-weight: 600; text-align: center; line-height: 40px;}
.maincontents .section.section2 .area .aside-wrap{width:100%; display:flex; justify-content: center;}
.maincontents .section.section2 .area .contest_menu {margin-bottom: 40px; display: flex; display:-webkit-flex; justify-content: center;}
.maincontents .section.section2 .area .contest_menu .slick-slide {margin: 0 20px;}
.maincontents .section.section2 .area .contest_menu li {position: relative; width: 193px !important; height: 175px; filter:url(#round);}
.maincontents .section.section2 .area .contest_menu li::before {content: ''; display: block; width: 193px; height: 175px; background-color: #f9f9f9; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
.maincontents .section.section2 .area .contest_menu li a {z-index: 101; position: absolute; left: 0; top: 0; padding-top: 15px; width: 100%; height: 100%; display: block; text-align: center;}
.maincontents .section.section2 .area .contest_menu li a .step {padding-bottom: 45px; margin-bottom: 5px; font-size: 15px; color: #888; background-repeat: no-repeat; background-position: center bottom;}
.maincontents .section.section2 .area .contest_menu li a .step.step1 {background-image: url('../../images/web/icon_contest_step1.png');}
.maincontents .section.section2 .area .contest_menu li a .step.step2 {background-image: url('../../images/web/icon_contest_step2.png');}
.maincontents .section.section2 .area .contest_menu li a .step.step3 {background-image: url('../../images/web/icon_contest_step3.png');}
.maincontents .section.section2 .area .contest_menu li a .step.step4 {background-image: url('../../images/web/icon_contest_step4.png');}
.maincontents .section.section2 .area .contest_menu li a .step.step5 {background-image: url('../../images/web/icon_contest_step5.png');}
.maincontents .section.section2 .area .contest_menu li a .step.step6 {background-image: url('../../images/web/icon_contest_step6.png');}
.maincontents .section.section2 .area .contest_menu li a h3 {font-size: 20px; line-height: 32px;}
.maincontents .section.section2 .area .contest_menu li a h3 span {display: block;}
.maincontents .section.section2 .area .contest_menu .slick-current li::before {background-color: #0478e5;}
.maincontents .section.section2 .area .contest_menu .slick-current li a {color: #fff;}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step {color: #fef49f;}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step1 {background-image: url('../../images/web/icon_contest_step1_on.png');}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step2 {background-image: url('../../images/web/icon_contest_step2_on.png');}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step3 {background-image: url('../../images/web/icon_contest_step3_on.png');}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step4 {background-image: url('../../images/web/icon_contest_step4_on.png');}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step5 {background-image: url('../../images/web/icon_contest_step5_on.png');}
.maincontents .section.section2 .area .contest_menu .slick-current li a .step.step6 {background-image: url('../../images/web/icon_contest_step6_on.png');}
.maincontents .section.section2 .area .contest_list * {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section2 .area .contest_list .tab_pane {display: none;}
.maincontents .section.section2 .area .contest_list .tab_pane.active {display: flex; display:-webkit-flex;}
.maincontents .section.section2 .area .contest_list .tab_pane a {position: relative; margin-right: 30px; padding: 30px 30px 0; display: block; width: calc(25% - 22px); height: 270px; text-align: center; border: 1px solid #ddd;}
.maincontents .section.section2 .area .contest_list .tab_pane a:last-child {margin-right: 0;}
.maincontents .section.section2 .area .contest_list .tab_pane a .stit {padding: 7px 0; margin: 0 auto 25px; width: 60px; color: #fff; font-weight: 500; line-height: 21px; border-radius: 35px;}
.maincontents .section.section2 .area .contest_list .tab_pane a h3 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; height: 60px; -webkit-line-clamp: 2; color: #000; font-size: 20px; line-height: 30px;}
.maincontents .section.section2 .area .contest_list .tab_pane a .date {padding: 20px 0; color: #555;}
.maincontents .section.section2 .area .contest_list .tab_pane a .zone {color: #000; font-size: 18px; font-weight: 500;}
.maincontents .section.section2 .area .contest_list .tab_pane a .btn_more {position: absolute; left: calc(50% - 60px); bottom: 38px; width: 120px; height: 36px; line-height: 34px; font-size: 15px; font-weight: 500; transform: scaleY(0); border: 0; background-color: #fff;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover {padding: 20px 30px 0;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover .stit {padding: 50px 0 0; margin: 0 auto 15px; background-repeat: no-repeat;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover h3 {color: #fff;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover .date {transform: scaleY(0); opacity: 0;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover .zone {transform: scaleY(0); opacity: 0;}
.maincontents .section.section2 .area .contest_list .tab_pane a:hover .btn_more {transform: scaleY(1);}
.maincontents .section.section2 .area .contest_list .tab_pane a.project .stit {background-color: #ec6d66;}
.maincontents .section.section2 .area .contest_list .tab_pane a.project:hover {background-color: #ec6d66;}
.maincontents .section.section2 .area .contest_list .tab_pane a.project:hover .stit {background-image: url('../../images/web/icon_project.png'); background-position: center top 5px;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor .stit {background-color: #15c49d;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor .btn_more {color: #01af87;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor .btn_more span::after {background-color: #01af87;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor .btn_more span::before {border-color: #01af87;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor:hover {background-color: #15c49d;}
.maincontents .section.section2 .area .contest_list .tab_pane a.sponsor:hover .stit {background-image: url('../../images/web/icon_sponsor.png'); background-position: center top;}
.maincontents .section.section2 .area > .btn_more {margin: 40px auto 0; display: block;}
.maincontents .section .area .btn_more:hover {color: #fff !important; background-color: #025fb6; border-color: #025fb6;}
.maincontents .section .area .btn_more:hover span.plus {padding-right: 29px;}
.maincontents .section .area .btn_more:hover span.plus::after {width: 13px; background-color: #fff !important;}
.maincontents .section .area .btn_more:hover span.plus::before {right: 1px; top: calc(50% - 3px); width: 6px; height: 6px; border-top: 1px solid #fff !important; border-right: 1px solid #fff !important; background-color: transparent !important; transform: rotate(45deg);}
.maincontents .section.section3 {background-repeat: repeat-x; background-position: center bottom; background-image: url('../../images/web/bg_sea.png'); background-size: auto 100%;}
.maincontents .section.section3 .area {padding: 120px 0 95px; display: flex; display:-webkit-flex;}
.maincontents .section.section3 .area .companion_box {position: relative; width: 50%;}
.maincontents .section.section3 .area .companion_box h3 {margin-bottom: 15px; color: #000; font-size: 40px; font-weight: 600; line-height: 40px; font-family: 'Nanum Square', sans-serif;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide {display: flex; display:-webkit-flex; height: 330px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide a {position: relative; display: flex; display:-webkit-flex; width: 100%;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box {width: 325px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box svg {width: 100%; height: 100%;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box svg path {stroke-width="6"}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box {padding-top: 35px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box h4 {margin-bottom: 15px; color: #000; font-size: 18px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box h5 {margin-bottom: 15px; color: #555; font-size: 16px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li {position: relative; padding-left: 15px; color: #555;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li::after {content: ''; position: absolute; left: 0; top: 13px; width: 8px; height: 1px; background-color: #555;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li dl {display: flex; display:-webkit-flex;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li dl dt {flex: none;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li dl dd {padding-left: 5px;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .img_box {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .tag {overflow: hidden;}
.maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .tag li {float: left;}
.maincontents .section.section3 .area .companion_box.beach .bx-wrapper {padding-right: 80px;}
.maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide {border: 1px solid #e7e7e7; background-color: #fff;}
.maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .division {padding: 30px; width: 330px; flex: none;}
.maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .division .img_box {height: 100%;}
.maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .text_box .tag li {margin: 0 5px 5px 0; padding: 2px 20px 4px; color: #fff; background-color: #85b0d8; border-radius: 30px;}
.maincontents .section.section3 .area .companion_box.beach .btn_more {right: 80px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .img_box {width: calc(100% - 120px);}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box {position: absolute; right: 0; bottom: 0; padding: 25px 30px; width: 270px; height: 180px; background-color: #3376de;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box h4 {color: #fff;font-size: 18px; font-weight: 500; margin: 9px 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:50px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box .tag {color: #fff;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box .tag li {margin-right: 5px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box .tag li::before {content: '#'; padding-right: 1px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box p.img_tag {width: 42px; height: 22px; border-radius: 52px; text-align: center; color: #3376de; background: #fff; line-height: 22px; font-size: 12px; font-weight: 700}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 p.img_tag {width: 42px; height: 22px; border-radius: 52px; text-align: center; color: #07a186; background: #fff; line-height: 22px; font-size: 12px; font-weight: 700;}
/* .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_wrap {position: relative;} */
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_wrap::after {content: ""; display:block;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 {position: absolute; right: 0; bottom: 0; padding: 25px 30px; width: 270px; height: 180px; background-color: #07a186;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 h4 {color: #fff;font-size: 18px; font-weight: 500; margin: 9px 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:50px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 .tag {color: #fff;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 .tag li {margin-right: 5px;}
.maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 .tag li::before {content: '#'; padding-right: 1px;}
.maincontents .section.section3 .area .companion_box .bx-controls {position: relative; margin-top: 20px; padding: 0 60px;}
.maincontents .section.section3 .area .companion_box .bx-controls-direction a {top: 0; width: 44px; height: 44px; border: 1px solid #0478e5; border-radius: 100%;}
.maincontents .section.section3 .area .companion_box .bx-controls-direction a::after, .maincontents .section.section3 .area .companion_box .bx-controls-direction a::before {left: calc(50% - 6px); top: calc(50% - 1px); width: 12px; height: 1px; background-color: #0478e5; transform-origin: left;}
.maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-prev {left: 0;}
.maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-next {left: 120px;}
.maincontents .section.section3 .area .companion_box .bx-controls .bx-pager {color: #0478e5; font-size: 18px; line-height: 44px; font-weight: 500; align-items: baseline; letter-spacing: 5px;}
.maincontents .section.section3 .area .companion_box .bx-controls .bx-pager span {font-size: 24px;}
.maincontents .section.section3 .area .companion_box .btn_more {position: absolute; right: 0; bottom: 0; color: #0478e5; border-color: #0478e5;}
.maincontents .section.section3 .area .companion_box .btn_more:hover {background-color: #0478e5;}
.maincontents .section.section3 .area .companion_box .btn_more span::after, .maincontents .section.section3 .area .companion_box .btn_more span::before {background-color: #0478e5;}
.maincontents .section.section4 .area {padding: 95px 0 110px;}
.maincontents .section.section4 .area * {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section4 .area .notice_area {position: relative; height: 305px;}
.maincontents .section.section4 .area .notice_area > li > a {position: relative; margin-bottom: 25px; padding: 0 20px; display: block; width: 170px; color: #555; font-size: 20px; line-height: 50px;}
.maincontents .section.section4 .area .notice_area > li > a::after {content: ''; position: absolute; left: 8px; bottom: 0; width: calc(100% - 16px); height: 1px; background-color: #e9e9e9; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section.section4 .area .notice_area > li.active > a {color: #fff; font-weight: 500; text-align: center; background-color: #1984e8; border-radius: 50px;}
.maincontents .section.section4 .area .notice_area > li.active > a::after {background-color: transparent;}
.maincontents .section.section4 .area .notice_area > li .list {position: absolute; top: 0; left: 210px; width: calc(100% - 210px); height: 100%; display: none;}
.maincontents .section.section4 .area .notice_area > li.active .list {display: flex; display:-webkit-flex;}
.maincontents .section.section4 .area .notice_area > li .list li {margin-left: 20px; width: calc(25% - 20px); border: 1px solid #ddd;}
.maincontents .section.section4 .area .notice_area > li .list li:hover {border: 1px solid #2681d6;}
.maincontents .section.section4 .area .notice_area > li .list li a {padding: 25px 28px; display: block;}
.maincontents .section.section4 .area .notice_area > li .list li a .date {margin-bottom: 25px; color: #999; font-size: 15px;}
.maincontents .section.section4 .area .notice_area > li .list li a h3 {overflow: hidden; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; height: 60px; -webkit-line-clamp: 2; color: #000; font-size: 18px; line-height: 30px;}
.maincontents .section.section4 .area .notice_area > li .list li a .text {overflow: hidden; margin-bottom: 25px; display: -webkit-box; -webkit-box-orient: vertical; height: 78px; -webkit-line-clamp: 3;}
.maincontents .section.section4 .area .notice_area > li .list li a .arrow {position: relative; width: 37px; height: 19px;}
.maincontents .section.section4 .area .notice_area > li .list li:hover a .arrow {width: 55px;}
.maincontents .section.section4 .area .notice_area > li .list li a .arrow::after, .maincontents .section.section4 .area .notice_area > li .list li a .arrow::before {content: ''; position: absolute;}
.maincontents .section.section4 .area .notice_area > li .list li a .arrow::after {left: 0; top: 50%; width: 100%; height: 1px; background-color: #000;}
.maincontents .section.section4 .area .notice_area > li .list li a .arrow::before {right: 2px; top: calc(50% - 7px); width: 14px; height: 14px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg);}
.maincontents .section.section4 .area .notice_area > li .btn_more {position: absolute; left: 0; bottom: 0; display: none;}
.maincontents .section.section4 .area .notice_area > li.active .btn_more {display: block;}

/*side-page-dots*/
.side-page-dots{position:absolute; top:44%; right:4%;}
.side-page-dots.second{top:19%;}
.side-page-dots.third{top:40%;}
.side-page-dots span{display:block; width:8px; height:8px; border-radius:50%; background: #fff; opacity:0.5;}
.side-page-dots span.on{opacity:1;}
.side-page-dots span.check-on{opacity:1; background:#1D2076 !important;}
.side-page-dots:has(.check-on) span {background:grey;}

/*Schedule*/
.today{background:#193B94; color:#fff;}
.work{background:#E58829; color:#fff;}
.aside-wrap .calender {margin-top:35px;}
.calender-tops h3{font-size: 22px; font-weight: 600; color:#000;}
.calender-tops .flex{width:117px;}
.calender-tops .flex.side span {position:relative;}
.calender-tops .flex.side span:first-of-type::after {content:''; position:absolute; left:-14px; top:9px; width:8px; height:8px; background:#193B94; border-radius:50%;}
.calender-tops .flex.side span:nth-of-type(2) {margin-left: 10px;}
.calender-tops .flex.side span:nth-of-type(2)::after {content:''; position:absolute; left:-14px; top:9px; width:8px; height:8px; background:#E58829; border-radius:50%;}
.calender-weeks.two {display:none !important;}
.calender-weeks span{display: block; text-align: center; width:calc(100% / 7); line-height:32px; height:32px; background: #F2F3F5; border: 2px solid #CCCCCC; border-style: solid none none solid; color:#000; font-size: 14px; font-weight:700;}
.calender-weeks span:first-child{border-style: solid none none solid;}
.calender-weeks span:first-child , .calender-day span:nth-child(7n + 1){color: #8A1C1C;}
.calender-weeks span:last-child{color: #193B94; border-style:solid solid none solid;}
.calender-days div:nth-child(7n) {border-style:solid solid none solid;}
.calender-days span{position:relative; top:5px; left:81%; display:block; width:25px; height:25px; border-radius:50%; text-align:center; line-height:25px;} 
.calender-days{width:100%; flex-wrap: wrap;}
.calender-days div{text-align:center !important; display:block; width:calc(100% / 7); height:75px; border: 2px solid #CCCCCC; border-style: solid none none solid; color:#000; text-align:left; font-size: 12px; font-weight:700; position: relative;}
.calender-days div:nth-child(7n + 1){border-style:solid none none solid;}
.calender-days div:nth-child(29){border-style:solid none solid solid !important;}
.calender-days div:nth-child(n+29):nth-child(-n+35){border-style:solid none solid solid;}
.calender-days div:nth-child(35){border-style:solid solid solid solid !important;}
.calender-days div:nth-child(n+36):nth-child(-n+42){border-style:none none solid solid;}
.calender-days div:nth-child(42){border-style:none solid solid solid !important;}
.today-check{width:100%; background:#F2F3F5; padding:15px; border-radius:10px;}
.today-check span{display:block; width:25px; height:25px; border-radius:50%; text-align:center; line-height:25px;}
.today-check h3{font-size:18px; font-weight:600; color:#000;}
.today-check p{font-size:14px; color:#666;}
.today-check button{width:176px; height:30px; line-height:30px; font-size:14px; background:#797979; color:#fff; font-weight:600; text-align:center; border-radius:5px;}
.cal_infor {display:none !important;}
.cal_infor span{color:#666666; font-size:14px;}
.cal_infor .circle{width:10px; height:10px; border-radius:50%;}


/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 600; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0, 0, 0, 0.5);}
.modal.on {display: block;}
.popup {z-index: 1100; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; max-height: calc(100% - 20px); max-width: calc(100% - 20px); background: #fff;}
.popup .modal_close {position: absolute; top: 0; right: -50px; width: 50px; height: 50px; background-color: #000;}
.popup .modal_close::after, .popup .modal_close::before {content: ''; position: absolute; left: 13px; width: 25px; height: 1px; background-color: #fff; transform-origin: center;}
.popup .modal_close::after {transform: rotate(-45deg);}
.popup .modal_close::before {transform: rotate(45deg);}
.popup .popup_title {margin-bottom: 25px;}
.popup .popup_title h3 {color: #333; font-size: 22px;}
.popup .popup_title p {}
.popup .popup_inner {padding: 35px 40px;}
.popup .popup_inner .tablebasic table {font-size: 15px;}
.popup .popup_inner .tablebasic table tr th {padding: 10px 5px; }
.popup .popup_inner .tablebasic table tr td {padding: 10px; line-height: 22px;}
.popup .popup_inner .board_detail .title_box {padding: 15px 20px;}
.popup .popup_inner .board_detail .title_box h3 {font-size: 16px; line-height: 20px;}
.popup .popup_inner .board_detail .list {padding: 10px 20px;}
.popup .popup_inner .board_detail .list li {margin-right: 20px; padding-right: 21px;}
.popup .popup_inner .board_detail .content {padding: 15px 20px; font-size: 15px;}
.popup.password {width: 420px;}
.popup.password .popup_inner {padding: 35px;}
.popup.password .popup_inner p {margin-bottom: 25px; text-align: center;}
.popup.password .popup_inner .inpbox {margin: 0 auto; width: 240px;}
.popup.password .popup_inner .button_box {margin-top: 40px;}


/*메인팝업*/
.main {transform: translate(0, 0); max-height: 90%; border: 0;}
.main .popup_inner {padding: 35px 40px; border: 1px solid #acacac; border-bottom: 0;background-color: #fff;}
.main.img .popup_inner {padding: 0;}
.main .popup_inner .popup_title {margin-bottom: 20px;}
.main .popup_inner .popup_title h3 {color: #333; font-size: 22px;}
.main .popup_inner img {max-width: 100%;}
.main .popup_inner .file_box {margin-top: 20px;}
.main .popup_inner .file_box a {font-size: 15px;}
.main .bottom {display:inline-block; border: 1px solid #acacac; width: 100%; border-top: 0px;background-color: #fff;}
.main .bottom button {height: 40px; color:#555; font-size: 15px; font-weight: 500;}
/* .main .bottom button:first-child {border-right: 1px solid #393c48;} */

/*에러페이지*/
.error {position: fixed; width: 100%; height: 100%; display: flex; display:-webkit-flex; align-items: center; justify-content: center;}
.error .error_box {padding: 0 20px; width: 100%; text-align: center; word-break: keep-all;}
.error .error_box img {margin-bottom: 50px;}
.error .error_box p.p1 {margin-bottom: 30px; font-size: 40px;}
.error .error_box p.p2 {color: #666; font-size: 20px; line-height: 30px;}
.error .error_box .button_box {justify-content: center;}

/*공통 레이아웃*/
.web_info h2{position:relative; font-size: 22px !important; font-weight:700 !important; text-align:left !important; margin-bottom:0 !important; line-height: 40px; color:#000;}
.web_info h2::after{position: absolute; content: ''; width: 33px; left: 0; bottom: 0; height: 3px; background: #1D2076;}
.web_info_txt h3{font-size:32px; font-weight:500; line-height:40px;}
.web_info_txt h3 strong{color:#333333; font-weight:600;}
.web_info_txt a{color:#193B94; font-weight:600;}

/* 메인모달팝업 */
.popupTest { position:absolute; background-color:#fff; z-index:999; border: 1px solid #acacac;}

/* 메인 내용 */
.noticearea {background: #F2F3F5; position:relative; padding:100px 0;}
.webMain-con {width:1500px; max-width:100%; margin:0 auto;}
.webMain-con .tabs .tabs-txt a{width:calc(100% / 3); height:62px; display:block; text-align:center; line-height:62px; background-color:#C2C2C2; border-radius:5px; color: #fff; font-size:22px; font-weight:500;}
.webMain-con .tabs .tabs-txt a.on{background-color:#193B94;}
.webMain-con .tabs .tabs-btn a{display:block; width: 50px; height: 50px; border:1px solid #e9e9e9;}
.webMain-con .txt-area .tabs .more a{margin-top:-4px; color:#333;}
.webMain-con .article-item .article-txt {padding: 30px; cursor:pointer; background:#fff; border-radius:10px;}
.webMain-con .article-item .article-txt div.g10 span{color:#193B94; font-size:12px;}
.webMain-con .article-item .article-txt.on .article-date {color: #2766ba;}
.webMain-con .article-item .article-txt .article-date strong{font-size:35px; padding:0 5px; color:#193B94;}
.webMain-con .article-item .article-txt .article-date h3{font-size: 18px; color:#000; font-weight:600;}
.webMain-con .notice_icon {min-width:463px; height:405px; background-image:url('/images/web/notice_image.png');}
.webMain-con .notice_icon img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);}

/* 관련사이트 모음 */
.galleryarea {padding: 50px 0;}
.galleryarea .galleryinner {padding-left:204px;}
.galleryarea .galleryinner .web_info{text-wrap:nowrap;}
.galleryarea .galleryinner .photo-page{position:relative;}
.galleryarea .galleryinner .photo-page::after{content:''; position:absolute; bottom:0; left:0; width:1030px; background:#C2C2C2; height:7px; border-radius:10px; z-index:-1;}
.galleryarea .galleryinner .photo-gallery {width:1298px; position:relative; overflow-x:scroll; padding-bottom:70px;}
.galleryarea .galleryinner .photo-gallery .photo-background {background-size: cover; background-color:#c6c6c6; width:313px; height:313px; border-radius:10px; position:relative;}
.galleryarea .galleryinner .photo-gallery .photo-background.on::after {transition:.5s; content:''; display:block; width:313px; height:313px; background: rgb(0, 0, 0, 0.43); top:0; left:0; border-radius:10px;}
.galleryarea .galleryinner .photo-gallery .photo-background.on::before {content:''; background:url('/images/web/바로가기.png'); width:76px; height:76px; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.galleryarea .galleryinner .photo-gallery div h2 {color:#000; font-size:18px; font-weight:600;}
.galleryarea .galleryinner .photo-gallery div span {color:#666666; font-size:14px;}
.galleryarea .galleryinner .photo-gallery::-webkit-scrollbar {display:block; height:7px; width:1px;}
.galleryarea .galleryinner .photo-gallery::-webkit-scrollbar-thumb {width:100px; background:#193B94; border-radius:10px;}
.galleryarea .galleryinner .photo-gallery::-webkit-scrollbar-track {background-color:transparent;}
.galleryarea .galleryinner .photo-gallery::-webkit-scrollbar-track-piece:end {background:transparent; margin-right:268px;}v



.companyarea {padding:40px 0;}
.companyarea strong{color: #146DAA;}
.companyarea .companyinner {width:1500px; margin:0 auto;}
.companyinner .company-title span {text-wrap:nowrap; font-size:22px; font-weight:600; color:#111111;}
.companyinner .prev {position:relative; top:4px;}
.companyinner .select-company span {cursor:pointer; font-size:25px; font-weight:500; color:#262628; position:relative;}
.companyinner .select-company span.on {color:#146daa;}
.companyinner .select-company span:nth-child(n+2):nth-child(-n+4)::after {position:absolute; top:1px; left:-15px; content:""; width:3px; height:23px; background-color:#a6a6ab;}
.companyinner .company-wrap {gap:18px; overflow:hidden;}
.companyinner .slick-slide {margin:0 8px;}
.companyinner .company-wrap .company-photo {min-width:206px; max-width:206px; box-sizing:border-box; padding:0 5px; min-height:75px; background:#fff; border-radius: 5px;}


.bottomarea {background: #36556F;}
.bottomarea .bottom-top {padding:36px 0;}
.bottomarea .bottom-top a {font-size: 18px; color:#fff;}
.bottomarea .bottom-top span {font-weight:900; font-size: 16px; position: relative; top: -2px; color:#fff;}
.bottomarea .bottom-top a:nth-of-type(1){font-weight:600;}
.bottomarea .bottom-top .bottominner{width: 1500px; margin:0 auto; max-width:100%; padding:0 15px;}
.bottomarea .bottom-con span{font-size:16px; color:#E7E7E7; text-wrap:nowrap; font-weight:600;}
.bottomarea .bottom-con p{font-size:16px; color:rgba(255, 255, 255, 0.76);}
.bottomarea .bottom-con .bottominner{width: 1500px; margin:0 auto; padding:15px 15px 34px; max-width:100%;}
.bottomarea .bottom-con p.f_14{color:rgba(255, 255, 255, 0.59);}

@media screen and (max-width:1800px) {
	.side-page-dots{display:none !important;}
	.maincontents .section.section1 .video_wrap video {max-width: 100%; min-width: 100%;}
	.maincontents .section.section1 .video_wrap img {max-width: 100%; min-width: 100%;}	
}
 
@media screen and (max-width:1300px) {
    /*메뉴*/
    .toparea .topmenu {padding: 0 20px; width: 100%;}
    .toparea .topmenu .gnb > li > a {font-size: 18px;}
    .toparea .topmenu .gnb > li > a::before {left: 30px; width: calc(100% - 60px);}
    .toparea .allmenu-category .menu_box .all_gnb > li:nth-child(1) {width: 100px;}
    .toparea .allmenu-category .menu_box .all_gnb > li:nth-child(2) {width: 146px;}
    .toparea .allmenu-category .menu_box .all_gnb > li:nth-child(3) {width: 141px;}
    .toparea .allmenu-category .menu_box .all_gnb > li:nth-child(4) {width: 141px;}
    .toparea .allmenu-category .menu_box .all_gnb > li:nth-child(5) {width: 141px;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a {font-size: 18px;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a::before {left: 30px; width: calc(100% - 60px);}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a {white-space: inherit; word-break: keep-all;}

    .maincontents .section .area {width: 100%;}
    .maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left: 20px;}
    .maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right: 20px;}
    .maincontents .section.section2 .area {padding: 80px 20px;}
    .maincontents .section.section3 .area {padding: 120px 20px 95px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide {height: 290px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box {width: 200px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box {padding-top: 20px;}
    .maincontents .section.section3 .area .companion_box.beach .bx-wrapper {padding-right: 20px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .division {padding: 15px; width: 200px; height: 200px;}
    .maincontents .section.section3 .area .companion_box.beach .btn_more {right: 20px;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .img_box {width: calc(100% - 60px);}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box {padding: 15px 20px; width: 270px; min-height: 150px;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 {padding: 15px 20px; width: 270px; min-height: 150px;}
    .maincontents .section.section4 .area {padding: 95px 20px 110px;}
    .maincontents .section.section4 .area .notice_area {height: 275px;}
    .maincontents .section.section4 .area .notice_area > li > a {margin-bottom: 15px; padding: 0 20px; display: block; width: 170px; color: #555; font-size: 20px; line-height: 50px;}
    .maincontents .section.section4 .area .notice_area > li .list {left: 170px; width: calc(100% - 170px);}
    .maincontents .section.section4 .area .notice_area > li .list li {margin-left: 10px; width: calc(25% - 10px);}
    .maincontents .section.section4 .area .notice_area > li .list li a {padding: 15px 18px;}
    .maincontents .section.section4 .area .notice_area > li .list li a .date {margin-bottom: 15px;}
    .maincontents .section.section4 .area .notice_area > li .list li a h3 {margin-bottom: 15px;}
    .maincontents .section.section4 .area .notice_area > li .list li a .text {margin-bottom: 20px;}
}
@media screen and (max-width:1240px) {
	.maincontents .section.section2 .area {padding: 30px 25px 50px;}
	.maincontents .section.section2 .area .aside-wrap {flex-direction:column; gap:60px !important;}
    .maincontents .section.section2 .area .aside-wrap .web_info {width:100% !important; align-items:center;}
   	.maincontents .section.section2 .area .aside-wrap .web_info h2::after{left: 50%; transform: translateX(-50%); bottom: -10px;}
   	.maincontents .section.section2 .area .aside-wrap .web_info_txt {align-items:center; gap:25px;}
   	.maincontents .section.section2 .area .aside-wrap .web_info_txt h3 {font-size:25px; text-align:center;}   	
   	.maincontents .section.section2 .area .aside-wrap .web_info_txt h3 strong span{margin-left: 8px;}
   	br.info_txt_wrap {display:none;}
   	
   	.tabs-txt.g30{gap:15px !important;}
   	
   	.txt-area{align-items:center;}
   	.web_info_txt{flex-direction:column; align-items:center; gap:25px; margin-bottom:0px;}
   	.web_info_txt.photos  {margin-bottom:60px;}
   	.web_info h2::after{transform: translateX(-50%); left:50%;}
   	
   	.galleryarea {padding:0;}
   	.galleryarea .galleryinner {padding:0 15px; flex-direction:column;}
   	.galleryarea .galleryinner .photo-gallery {margin:0 auto; flex-direction:column; overflow-x:auto; width:50%; align-items:center; padding-bottom:0;}
   	.galleryarea .galleryinner .photo-gallery a:last-of-type{display:none;}
   	.galleryarea .galleryinner .photo-page::after{position:static;}
   
   	.webMain-con .article-item .article-txt .article-date h3{overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width:200px;}   	
	   	
   	.noticearea{padding:100px 15px;}
   	.webMain-con .notice_icon{display:none;}
   	.webMain-con .tabs .tabs-txt a {font-size:18px;}
   	
   	.web_info h2 {text-align:center !important;}
   	.web_info_txt h3{font-size:25px;}
   	
   	.calender-wrap {gap:20px !important;}
   	.cal_infor {display:flex !important;}
   	.calender-tops .flex {width: auto;}
   	
   	.company-title div{display:none !important;}
   	.companyarea .companyinner{width:100%; padding:0 15px;}
   	
}
@media screen and (max-width:1024px) {
    
    /*메뉴*/
    .toparea button.login {width: auto; height: auto; color: #555; font-size: 11px;}
    .toparea .topmenu {padding: 0 15px; height: 60px;}
    .toparea .topmenu h1 a {display: block;}
    .toparea .topmenu .gnb {display: none; display:-webkit-none;}
    .toparea .topmenu button {margin-left: 0;}
    .toparea .topmenu button.login {display: none;}
    .toparea .topmenu button.btn_search {display: none;}
    .toparea .topmenu button.btn_search_h {display: none !important;}
    .toparea .topmenu button.btn_allgnb {background:url('../../images/web/h_menu_icon_white.png'); width:25px; height:17px;}
    .toparea.active .topmenu button.btn_allgnb_h {background:url('../../images/web/h_menu_icon_relative.png'); width:33px; height:33px;}     
    .btn_allgnb.active {background:url('../../images/web/moblie_close_btn.png') !important; width:12px !important; height:12px !important; top:5px; right:10px;}
    .btn_allgnb_h.active {background:url('../../images/web/moblie_close_btn.png') !important; width:12px !important; height:12px !important; top:5px; right:10px;}
    .toparea .topmenu .line {display:none;}
    .toparea .allmenu-category {position: fixed; top: 0; display: none; width: 100%; height: 100% !important; border-bottom: 1px solid #ededed;}
    .toparea .allmenu-category * {}
    .toparea .allmenu-category::before {left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
    .toparea .allmenu-category.active::before {background-color: rgba(0, 0, 0, 0.8);}
    .toparea .allmenu-category .menu_box {overflow-y: auto; position: fixed; right: -100%; width: calc(100% - 40px); height: 100%; background-color: #fff;}
    .toparea .allmenu-category.active .menu_box {right: 0;}
    .toparea .allmenu-category.active .menu_box_logo {padding:20px; border-bottom:1px solid #CCCCCC; display:block;}
    .toparea .allmenu-category .menu_box .login {margin: 20px 25px 35px; display: block;}
    .toparea .allmenu-category .menu_box .search_box {display: block; height: 50px; background-color: #0478e5;}
    .toparea .allmenu-category .menu_box .search_box input {padding: 0 25px; width: calc(100% - 40px); color: #fff; font-size: 12px; background-color: transparent;}
    .toparea .allmenu-category .menu_box .search_box input::-webkit-input-placeholder {color:#fff !important;}
    .toparea .allmenu-category .menu_box .search_box input:-moz-placeholder {color:#fff !important;}
    .toparea .allmenu-category .menu_box .search_box input::-moz-placeholder {color:#fff !important;}
    .toparea .allmenu-category .menu_box .search_box input:-ms-input-placeholder {color:#fff !important;}
    .toparea .allmenu-category .menu_box .search_box .btn_search {right: 15px; top: calc(50% - 11px);}
    .toparea .allmenu-category .menu_box .search_box .btn_search span::after {border-color: #fff;}
    .toparea .allmenu-category .menu_box .search_box .btn_search span::before {background-color: #fff;}
    .toparea .allmenu-category .menu_box .all_gnb {margin-top:10px; display: block; display:-webkit-block; right:0; position:static;}
    .toparea .allmenu-category .menu_box .all_gnb > li {width: 100% !important;}
    .toparea .allmenu-category .menu_box .all_gnb li a {padding: 0 25px 0 45px; display: flex; display:-webkit-flex; align-items: center; color: #333; text-align: left; position:relative;}
    .toparea .allmenu-category .menu_box .all_gnb li a::after {content:''; left:30px; position:absolute; background:url('../../../images/web/mini_menu_box.png'); background-size:cover; width: 13px; height: 13px; left:20px; top:50%; transform: translateY(-50%);}
    .toparea .allmenu-category .menu_box .all_gnb li .menu_list li a::after {content:none;}
    .toparea .allmenu-category .menu_box .all_gnb li a span {position: relative; margin-left: 10px; display: none; width:16px; height:10px;}
    .toparea .allmenu-category .menu_box .all_gnb li a span:first-of-type{display:block;}
    .toparea .allmenu-category .menu_box .all_gnb li a span::before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height:100%; background:url('../../../images/web/menu_no_choice.png');}    
    .toparea .allmenu-category .menu_box .all_gnb li.active a span::before {background:url('../../../images/web/menu_choice.png');}
    .toparea .allmenu-category .menu_box .all_gnb > li > a {font-size: 18px; line-height: 50px; display:flex; justify-content:space-between; font-weight:600;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a::before {display: none;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list {padding: 10px 0; display: none;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li {margin-bottom: 0; justify-content: flex-start;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a {position:relative; padding: 0 25px; font-size: 15px; line-height: 40px; white-space: inherit; padding-left:80px;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a:after {content:''; position:absolute; top:50%; transform:translateY(-50%); left:40px; background:#000; width:3px; height:3px; border-radius:50%; left: 65px;}
    .toparea .allmenu-category .menu-button-wrap {display:flex !important; position:absolute; bottom:30px; right:20px; width:100%; justify-content:flex-end; gap:20px; align-items:center;}
    .toparea .allmenu-category .menu-button-wrap .line{width:1px; height:13px; background:#111;}
    .toparea .allmenu-category .menu-button-wrap .login{margin: 0; padding: 6px 10px; font-size: 13px; border: 1px solid #111; color: #111; font-weight:500;}
    
    /*메인페이지 배너*/
    .maincontents .section.section1 .txt_wrap{left:50%; text-align:center; width:100%;}
    .maincontents .section.section1 .txt_wrap span.tit {margin-top:15px; font-size:2.4rem;}
    .maincontents .section.section1 .slide_wrap {top:95%; left:50%; transform:translateX(-50%);}
     .maincontents .section.section1 .slide_wrap .g10{display:none !important;}

    .maincontents .section.section1 .area {padding: 45px 0 55px;}
    .maincontents .section.section1 .area h2 {margin-bottom: 120px; font-size: 26px; line-height: 35px;}
    .maincontents .section.section1 .area .search_box {width: calc(100% - 40px); height: 40px;}
    .maincontents .section.section1 .area .search_box input {padding: 0 20px; width: calc(100% - 40px); font-size: 12px;}
    .maincontents .section.section1 .area .search_box .btn_search {right: 10px; width: 40px; height: 40px; transform: scale(0.75);}
    .maincontents .section.section1 .bx-wrapper .bx-controls {padding-bottom: 15px;}
    .maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {left: 0; transform: scale(0.45);}
    .maincontents .section.section1 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {right: 0; transform: scale(0.45) rotate(180deg);}
    .maincontents .section.section1 .bx-wrapper .bx-controls .bx-pager a {width: 10px; height: 10px; border: 1px solid #fff;}    
    .maincontents .section.section2 .area h2 {margin-bottom: 10px; font-size: 24px; line-height: 24px;}
    .maincontents .section.section2 .area .contest_menu {position: relative; margin-bottom: 20px; padding: 0 65px;}
    .maincontents .section.section2 .area .contest_menu .slick-slide {margin: 0 10px;}
    .maincontents .section.section2 .area .contest_menu li {margin: 0 auto; display: block !important; width: 135px !important; height: 125px;}
    .maincontents .section.section2 .area .contest_menu li::before {width: 135px; height: 125px; clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);}
    .maincontents .section.section2 .area .contest_menu li a {padding-top: 10px;}
    .maincontents .section.section2 .area .contest_menu li a .step {padding-bottom: 35px; font-size: 12px; line-height: 12px; background-size: auto 27px;}
    .maincontents .section.section2 .area .contest_menu li a h3 {font-size: 14px; line-height: 25px; letter-spacing: -1px;}
    .maincontents .section.section2 .area .contest_menu li a h3 span {font-size: 16px;}
    .maincontents .section.section2 .area .contest_menu .slick-arrow {top: calc(50% - 25px); width: 50px; height: 50px; background-color: #e7e7e7; border-radius: 100%;}
    .maincontents .section.section2 .area .contest_menu .slick-arrow::after, .maincontents .section.section2 .area .contest_menu .slick-arrow::before {left: 18px; width: 16px; height: 4px; border-radius: 4px;}
    .maincontents .section.section2 .area .contest_menu .slick-arrow::after {top: calc(50% - 3px); transform: rotate(50.2deg);}
    .maincontents .section.section2 .area .contest_menu .slick-arrow::before {top: 50%; transform: rotate(-50.2deg);}
    .maincontents .section.section2 .area .contest_menu .slick-arrow.slick-prev {left: calc(50% - 135px);}
    .maincontents .section.section2 .area .contest_menu .slick-arrow.slick-next {right: calc(50% - 135px);}
    .maincontents .section.section2 .area .contest_list .tab_pane {padding: 0 10px;}
    .maincontents .section.section2 .area .contest_list .tab_pane.active {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section2 .area .contest_list .tab_pane a {margin-right: 10px; padding: 10px; width: calc(25% - 8px); height: 150px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a .stit {padding: 0; margin: 0 auto 5px; width: 40px; line-height: 21px; font-size: 11px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a h3 {height: 50px; font-size: 16px; line-height: 25px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a .date {padding: 10px 0; font-size: 11px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a .zone {font-size: 12px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a .btn_more {left: calc(50% - 60px); bottom: 10px; height: 25px; line-height: 23px; font-size: 12px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a:hover {padding: 10px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a:hover .stit {padding: 25px 0 0; margin: 0 auto;}
    .maincontents .section.section2 .area .contest_list .tab_pane a.project:hover .stit {background-size: 25px;}
    .maincontents .section.section2 .area .contest_list .tab_pane a.sponsor:hover .stit {background-size: 25px;}
    .maincontents .section.section2 .area > .btn_more {margin: 10px auto 0;}
    .maincontents .section.section3 {background: none;}
    .maincontents .section.section3 .area {padding: 0 20px 40px;}
    .maincontents .section.section3 .area .companion_box h3 {margin-bottom: 10px; font-size: 24px; line-height: 24px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide {height: 185px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box {width: 160px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box {padding-top: 15px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box h4 {margin-bottom: 5px; font-size: 14px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box h5 {margin-bottom: 5px; font-size: 13px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li {padding-left: 10px; font-size: 12px; line-height: 20px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .detail li::after {top: 9px; width: 5px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box .tag li {font-size: 12px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 {padding-top: 15px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 h4 {margin-bottom: 5px; font-size: 14px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 h5 {margin-bottom: 5px; font-size: 13px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 .detail li {padding-left: 10px; font-size: 12px; line-height: 20px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 .detail li::after {top: 9px; width: 5px;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .text_box_2 .tag li {font-size: 12px;}
    .maincontents .section.section3 .area .companion_box.beach .bx-wrapper {padding-right: 20px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .division {padding: 10px; width: 160px; height: 182px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .text_box .tag {max-height: 114px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .text_box .tag li {margin: 0 5px 5px 0; padding: 3px 10px; line-height: 12px;}
    .maincontents .section.section3 .area .companion_box.beach .btn_more {right: 20px;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .img_box {width: calc(100% - 60px);}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box {padding: 10px; width: 50%; min-height: 90px;}
    .maincontents .section.section3 .area .companion_box .bx-controls {margin-top: 10px; padding: 0 40px;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a {top: -7px; transform: scale(0.68); background-color: #fff; border-color: #999;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a::after, .maincontents .section.section3 .area .companion_box .bx-controls-direction a::before {background-color: #666;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-prev {left: -6px;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-next {left: 60px; transform: scale(0.68) rotate(180deg);}
    .maincontents .section.section3 .area .companion_box .bx-controls .bx-pager {color: #666; font-size: 9px; line-height: 30px; letter-spacing: 1px;}
    .maincontents .section.section3 .area .companion_box .bx-controls .bx-pager span {font-size: 12px;}
    .maincontents .section.section3 .area .companion_box .btn_more {right: 0; top: 0; bottom: initial; width: auto; height: auto; color: #555; border: 0;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover {color: #555 !important; background-color: transparent;}
    .maincontents .section.section3 .area .companion_box .btn_more span::after, .maincontents .section.section3 .area .companion_box .btn_more span::before {background-color: #959595 !important;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover span::after {width: 11px;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover span::before {top: 50%; right: -1px; width: 11px; height: 1px; border: 0; transform: rotate(90deg);}
    .maincontents .section.section4 .area {padding: 0 10px 70px;}
    .maincontents .section.section4 .area .notice_area {padding-top: 40px; height: auto;}
    .maincontents .section.section4 .area .notice_area > li > a {position: absolute; top: 0; margin-bottom: 0; padding: 0 10px; width: auto; font-size: 16px; line-height: 30px;}
    .maincontents .section.section4 .area .notice_area > li:nth-child(1) > a {left: calc(50% - 130px);}
    .maincontents .section.section4 .area .notice_area > li:nth-child(2) > a {left: 50%; transform: translateX(-50%);}
    .maincontents .section.section4 .area .notice_area > li:nth-child(3) > a {right: calc(50% - 130px);;}
    .maincontents .section.section4 .area .notice_area > li > a::after {display: none;}
    .maincontents .section.section4 .area .notice_area > li.active > a {color: #1984e8; background-color: transparent;}
    .maincontents .section.section4 .area .notice_area > li .list {position: relative; left: 0; width: 100%;}
    .maincontents .section.section4 .area .notice_area > li .list li {margin-left: 10px; margin-bottom: 10px; width: calc(25% - 8px);}
    .maincontents .section.section4 .area .notice_area > li .list li a {padding: 10px 15px;}
    .maincontents .section.section4 .area .notice_area > li .list li a .date {margin-bottom: 10px; font-size: 10px;}
    .maincontents .section.section4 .area .notice_area > li .list li a h3 {margin-bottom: 10px; height: 50px; font-size: 16px; line-height: 25px;}
    .maincontents .section.section4 .area .notice_area > li .list li a .text {margin-bottom: 0; height: 40px; -webkit-line-clamp: 2; font-size: 13px; line-height: 20px;}
    .maincontents .section.section4 .area .notice_area > li .list li a .arrow {display: none;}
    .maincontents .section.section4 .area .notice_area > li .btn_more {position: relative; margin: 5px auto 0;}
    
	.midarea .topper {padding-top:0;}
	
	/*메인*/
    .calender-days span{position:static !important; width:100%; height:100%; border-radius: inherit; display:flex; justify-content: center; align-items: center; font-size:15px; font-weight:600;}  
   	.calender-days p{display:none;}    
    
    
    /*팝업*/
    .popup .popup_title {padding: 10px 15px;}
    .popup .popup_title h3 {font-size: 15px;}
    .popup .popup_title p {margin-top: 5px; font-size: 9px;}
    .popup .popup_inner {padding: 10px;}
    .popup .popup_inner .tablebasic table {font-size: 10px;}
    .popup .popup_inner .tablebasic table tr th {padding: 5px; }
    .popup .popup_inner .tablebasic table tr td {padding: 5px; line-height: 14px;}
    .popup.password .popup_inner {padding: 30px 15px;}
    .popup.password .popup_inner p {margin-bottom: 25px;}
    .popup.password .popup_inner .inpbox {margin: 0 auto; width: 60%;}
    .popup.password .popup_inner .button_box {padding: 0;}


    /*메인팝업*/
    .popup.main .popup_inner {padding: 15px 10px;}
    .popup.main .popup_inner .popup_title {margin-bottom: 10px; padding: 0;}
    .popup.main .popup_inner .popup_title h3 {font-size: 14px;}
    .popup.main .popup_inner .file_box {margin-top: 10px;}
    .popup.main .popup_inner .file_box a {margin-bottom: 5px; font-size: 13px;}
    .popup.main .popup_inner .file_box a:last-child {margin-bottom: 0;}
    .popup.main .bottom button {height: 24px; font-size: 10px;}

}
@media screen and (max-width:640px){
	.galleryarea .galleryinner .photo-gallery{width:100%;}
	
    .maincontents .section.section2 .area > .btn_more {margin: 5px auto 0;}
    .maincontents .section.section2 .area .contest_list .tab_pane.active {justify-content: space-between;}
    .maincontents .section.section2 .area .contest_list .tab_pane a {margin-right: 0; margin-bottom: 10px; width: calc(50% - 5px);}
    .maincontents .section.section3 .area {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section3 .area .companion_box {width: 100%;}
    .maincontents .section.section3 .area .companion_box .companion_slide .swiper-slide .map_box {width: 130px;}
    .maincontents .section.section3 .area .companion_box.beach {margin-bottom: 40px;}
    .maincontents .section.section3 .area .companion_box.beach .bx-wrapper {padding-right: 0;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .division {padding: 10px; width: 80px; height: 80px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .text_box .tag {position: absolute; top: 80px; left: 10px; max-height: 90px;}
    .maincontents .section.section3 .area .companion_box.beach .companion_slide .swiper-slide .text_box_2 .tag {position: absolute; top: 80px; left: 10px; max-height: 90px;}
    .maincontents .section.section3 .area .companion_box.beach .btn_more {right: 0;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide {height: auto;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide a {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .img_box {width: 100%; height: 170px;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box {position: relative; width: 100%; height: 100px; min-height: 100px;}
    .maincontents .section.section3 .area .companion_box.project .companion_slide .swiper-slide .text_box_2 {position: relative; width: 100%; height: 100px; min-height: 100px;padding:10px 10px;}
    .maincontents .section.section3 .area .companion_box .bx-controls {position: initial; margin-top: 0; padding: 0;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a {top: calc(50% - 24px);}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-prev {left: -20px;}
    .maincontents .section.section3 .area .companion_box .bx-controls-direction a.bx-next {left: initial; right: -20px;}
    .maincontents .section.section3 .area .companion_box .bx-controls .bx-pager {color: #666; font-size: 9px; line-height: 30px; letter-spacing: 1px;}
    .maincontents .section.section3 .area .companion_box .bx-controls .bx-pager span {font-size: 12px;}
    .maincontents .section.section3 .area .companion_box .btn_more {right: 0; top: 0; bottom: initial; width: auto; height: auto; color: #555; border: 0;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover {color: #555 !important; background-color: transparent;}
    .maincontents .section.section3 .area .companion_box .btn_more span::after, .maincontents .section.section3 .area .companion_box .btn_more span::before {background-color: #959595 !important;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover span::after {width: 11px;}
    .maincontents .section.section3 .area .companion_box .btn_more:hover span::before {top: 50%; right: -1px; width: 11px; height: 1px; border: 0; transform: rotate(90deg);}
    .maincontents .section.section4 .area .notice_area > li .list {flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;}
    .maincontents .section.section4 .area .notice_area > li .list li {margin-left: 0; width: calc(50% - 5px);}
    
    .modal2 .ui-draggable {top:190px !important; left:34px !important; margin-right:34px;}
    .main .popup_inner img {width:100% !important; height:100% !important;}        
    
    .today-check {flex-direction:column; gap:15px;}
    .today-check button{width:100%;}
    
    /*에러페이지*/
    .error .error_box img {margin-bottom: 30px; width: 180px;}
    .error .error_box p.p1 {margin-bottom: 15px; font-size: 30px; line-height: 36px;}
    .error .error_box p.p2 {font-size: 16px; line-height: 24px;}
    .error .error_box .btn {font-size: 16px;}
    
    .maincontents .section.section1 .video_wrap video {min-height:569px;}
	.maincontents .section.section1 .video_wrap img {min-height:569px;}	
}
@media screen and (max-width:480px){
	.maincontents .section.section1 .txt_wrap span.eng{font-size:0.8rem;}
   .maincontents .section.section1 .txt_wrap span.tit{font-size:1.5rem; font-weight: 600; margin-top:5px;}
   
    .aside-wrap .calender{margin-top:10px;}
   .bottomarea .bottom-top a {font-size:12px;}
   .bottomarea .bottom-top .bottominner div {gap:20px !important;}   
   .bottomarea .bottom-con span{font-size:12px;} 
   .bottomarea .bottom-con p{font-size:12px !important;} 
   .bottomarea .bottom-con div div div:first-child p{margin-left:95px !important;}
   .bottomarea .bottom-con p.f_14{font-size:10px !important;}
   
   .maincontents .section.section2 .area .aside-wrap .web_info_txt h3{font-size:18px; line-height:28px;}
   
   .noticearea{padding:50px 10px;}
   
   .calender-weeks.one{display:none !important;}
   .calender-weeks.two{display:flex !important;}
   
   .webMain-con .article-item .article-txt{padding:30px 10px;}
   .webMain-con .article-item .article-txt .article-date strong{font-size:18px;}
   .webMain-con .article-item .article-txt .article-date h3{width:160px; font-size:15px;}
   
   .webMain-con .tabs .tabs-txt a{font-size:15px;}
}
@media screen and (max-width:375px){
	.maincontents .section.section2 .area h2 {font-size: 15px !important; line-height: 20px;}
   .maincontents .section.section1 .video_wrap video {max-height:569px;}
   .maincontents .section.section1 .video_wrap img {max-height:569px;}	     
   
   .maincontents .section.section1 .slide_wrap .slick-dots {gap:10px;}
   .maincontents .section.section1 .slide_wrap .slick-dots li a{width:23px; height:5px;}     
   
   .web_info_txt h3{font-size:18px; line-height:26px; text-align:center;}
   
   .companyarea .companyinner {gap:5px !important;}   
   
   .bottomarea .bottom-top {padding:24px 0; border-bottom:1px solid #E7E7E7;}
   .bottomarea .bottom-top a {font-size:10px !important;}
   .bottomarea .bottom-top span {font-size:13px !important;}
   .bottomarea .bottom-con span{font-size:10px !important;} 
   .bottomarea .bottom-con p{font-size:10px !important;}
   .bottomarea .bottom-con div div div:first-child p{margin-left:75px !important;}
   .bottomarea .bottom-con div div div:nth-child(2) p{margin-left:20px !important;}  
   .calender-days div {height: 50px;}
   .cal_infor{display:flex;}   
}
@media screen and (max-width:360px){    
    .maincontents .section.section2 .area .contest_list .tab_pane a {width: 100%;}
    .maincontents .section.section3 .area .companion_box h3 {font-size: 20px; line-height: 20px;}
    .maincontents .section.section4 .area .notice_area > li .list li {width: 100%;}
}