@media screen and (max-width:1200px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 40px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1200px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%;}

.section{min-height:auto !important;}
.gnb-wrap{display: none;}

/* header */
#header{position: absolute; top: 0; left: 0; width: 100%; z-index: 5000; height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
#header .inner{display: flex; align-items: center; justify-content: space-between; height: 100%;}
#header h1 a{display: block; background: url('/images/main/main_logo.png')center no-repeat; background-size:cover; width: 42px; height: 60px;}
#header.on{background: #fff;}

#header.black{border-bottom: 1px solid rgba(0, 0, 0, 0.50);}
#header.black h1 a{background: url('/images/main/main_logo_on.png')center no-repeat; width: 50px; height: 50px;}
#header.black .gnb > li > a{color: #222;}

#header.white{border-bottom: 1px solid rgba(0, 0, 0, 0.50); border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
#header.white h1 a{background: url('/images/main/main_logo_on.png')center no-repeat; width: 50px; height: 50px; filter: invert(1) brightness(2);}
#header.white .gnb > li > a{color: #fff;}
#header.white.on h1 a{filter: none;}

#header.navi{background: #fff;}
#header.navi h1 a{display: none;}

/* navigation */
.nav_btn{width: 20px;height: 16px;position: relative;display: flex;flex-direction: column;justify-content: space-between;border: none;background: none;cursor: pointer;z-index: 100;}
.nav_btn span {display: block;width: 100%;height: 2px;background: #111;border-radius: 5px;transition: 0.3s ease;}
.nav_btn.on{width: 20px;height: 20px;}
.nav_btn.on span {position: absolute;top: 50%;left: 0;transform-origin: center; background: #111;}
.nav_btn.on span:nth-child(1) {transform: translateY(-50%) rotate(45deg);}
.nav_btn.on span:nth-child(2) {opacity: 0;}
.nav_btn.on span:nth-child(3) {transform: translateY(-50%) rotate(-45deg);}
.navigation{position: absolute;left: 0;top: 80px;width: 100%;height: 100vh;z-index: 3500; display:none;}
.navigation .lnb{position:absolute; top: 0; z-index:5000; width:100%;background-color:#fff;height:100%; right: 0px; padding-inline:40px;}
.navigation.on{display:block;}
.navigation h3{width:100%;}
.navigation h3:not(:first-child){margin-top: 80px;}
.navigation h3.active a:after{background:url(/images/main/main_nav_arw_tab.png)center no-repeat; background-size:cover; width: 13px; height: 7px;}
.navigation h3 a{position: relative;line-height: 50px;width:100%; display: flex;align-items: center;color:var(--co01);font-size:2rem;font-weight: 600;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 20px;width: 13px;height: 7px;background:url(/images/main/main_nav_arw2_tab.png)center no-repeat;background-size:cover;}
.navigation ul{display: flex; gap:20px;}
.navigation ul li a{color:#222;font-size:1rem; font-weight: 400; word-break:keep-all; line-height: 30px; transition:.3s;}
.navigation ul li:hover a{color: var(--co01); font-weight: 600; transition:.3s;}
.navigation ul li a.on{color: #222;}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 80px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;} 

/* visual */
.slide_wrap{position: relative;}
#visual .swiper-slide{height: 64vh;}
#visual .swiper-slide img{object-fit:cover;}
#visual .txt_wrap .inner{width: calc(100% - 240px);}
#visual .txt_wrap span{font-size: 1rem;}
#visual .txt_wrap h2{font-size: 3rem; line-height: 1.6; word-break:keep-all;}
#visual .txt_wrap p{margin-top: 10px; font-size: 1rem;}
#visual .txt_wrap a{position: relative; display: inline-block; margin-top: 40px; font-size: 1rem; color: #fff;}
#visual .txt_wrap a::after{content:''; position: absolute; right: -40px; top: 50%; transform:translateY(-50%); width: 30px;	height: 1px; background: #fff;}
#visual .swiper-button-prev, #visual .swiper-button-next{width: 40px; height: 40px;}
#visual .swiper-button-prev svg, #visual .swiper-button-next svg{width: 10px; color: #fff;}
#visual .swiper-button-prev{left: 30px;}
#visual .swiper-button-next{right: 30px;}
.slide_wrap .thumb_slide{position: absolute; right: auto; left: 50%; bottom: 60px; transform:translateX(-50%); width: 55%;}
.slide_wrap .thumbSwiper .swiper-slide img{width: 100%; filter: grayscale(100%);}
.slide_wrap .thumbSwiper .swiper-slide-active img{filter: grayscale(0%);}

/* sec01 */
#sec01{padding-block:100px;}
#sec01 .project_grid{display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
#sec01 .project_grid .item{position: relative;}
#sec01 .project_grid .item .img_box{position: relative; overflow: hidden;}
#sec01 .project_grid .item .img_box::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.5) 100%);pointer-events: none;}
#sec01 .project_grid .item .img_box img{width: 100%; height: 100%; aspect-ratio:1.994 / 1; object-fit:cover; transition:.3s;}
#sec01 .project_grid .item:hover img{transform:scale(1.05);}
#sec01 .project_grid .item .info_wrap{position: absolute; bottom: 0; left: 0; z-index: 5; padding: 25px; color: #fff;}
#sec01 .project_grid .item .info_wrap p{font-size: 1.25rem; word-break:keep-all;}
#sec01 .project_grid .item .info_wrap span{position: relative; display: inline-block; font-size: 1rem; margin-top: 10px;}
#sec01 .project_grid .item .info_wrap span::after{content:''; position: absolute; right: -40px; top: 50%; transform:translateY(-50%); width: 30px; height: 1px; background: #fff;}


/* sec02 */
#sec02{padding-block:100px; background: url('/images/main/main_sec02_bg.png')center no-repeat; background-size:cover; color: #fff; text-align: center;}
#sec02 .inner{display: flex; flex-direction: column; gap:40px;}
#sec02 .txt_btm{font-size: 1rem; line-height: 1.4;}

.detail_con{display: flex; justify-content: center; gap:30px; width: calc(100% - 40px); margin: 0 auto;} 
.detail_con .item{position: relative; overflow: hidden; flex:1; padding: 30px; border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(5px);}
.detail_con .item .tit{display: flex; flex-direction: column; align-items: flex-start; gap:15px;}
.detail_con .item .tit h4{font-size: clamp(1.5rem, 1.6666vw ,2rem); font-weight: 400; word-break:keep-all;}
.detail_con .item .arw{position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; border-radius:50%; margin-left: auto; font-size: 20px; color: var(--co01);  transform: translateZ(0);}
.detail_con .item .arw::after{content:''; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 50px; height: 50px; border:1px solid #fff; border-radius:50%;}
.detail_con .item,.detail_con .item .arw,.detail_con .item .arw::after,.detail_con .item .tit img {transition: 240ms ease;}
.detail_con .item::before{content:"";position:absolute;inset:-40%;background: linear-gradient(120deg, rgba(255,255,255,0.00) 30%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0.00) 70%);transform: translateX(-30%) rotate(8deg);opacity: 0;pointer-events:none;}
.detail_con .item:hover{transform: translateY(-8px);background: rgba(255,255,255,0.14);border-color: rgba(255,255,255,0.75);box-shadow: 0 18px 40px rgba(0,0,0,0.25);}
.detail_con .item:hover::before{opacity: 1;transform: translateX(30%) rotate(8deg);}
.detail_con .item .arw:hover{box-shadow: 0 10px 22px rgba(0,0,0,0.25);background: var(--co01);color: #fff;}
.detail_con .item .arw:hover::after{transform: translate(-50%, -50%) scale(1.05);opacity: 1;}

/* sec03 */
#sec03{background: url('/images/main/main_sec03_bg.png')center no-repeat; background-size:cover; color: #fff;}
#sec03.fp-table{justify-content: center;}
#sec03 .innerWrap > div{padding-block:100px;}
#sec03 h3{text-align: center; margin-bottom: 40px;}
#sec03 .desing_wrap{height: 100%; background: rgba(0, 0, 0, 0.50);}

/* footer */
#footer{padding-block:60px;}
#footer .inner{display: flex; align-items: center; flex-direction: column; gap:30px; text-align: center;}
#footer .info_wrap{display: flex; flex-direction: column; gap:10px;}
#footer .info_wrap p{font-size: 1rem;}
#footer .info_wrap dl{display: flex; align-items: center; justify-content: center; gap:10px; font-size: 1rem;}
#footer .info_wrap dl dd{opacity: .5;}
#footer .info_wrap ul{display: flex;}
#footer .info_wrap ul li{position: relative; padding-inline:16px;}
#footer .info_wrap ul li:not(:last-child)::after{content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 80%; background: #222;}
#footer .copy{font-size: 1rem; opacity: .5;}




/* ===sub======================================= */
#sub_visual_wrap > p{height: 360px;}
#sub_visual_wrap .txt_wrap h2{font-size:42px; margin-bottom: 10px;}
#sub_visual_wrap .txt_wrap p{font-size:16px;}

#sub_contents .inner{padding-inline:2.6%;}
#sub_contents .con{padding-block:100px; gap:40px;}
#sub_contents .tit_wrap{gap:15px;}
#sub_contents .tit_wrap p{font-size: 16px;}
#sub_contents .tit_wrap h3{font-size:36px;}


/*************************** sub0101 ***************************/
.sub0101_wrap .icon_wrap{flex-wrap: wrap; margin-bottom:30px; gap:20px 0;}
.sub0101_wrap .icon_item{gap:10px; width:calc(100% / 3);}
.sub0101_wrap .icon_item:after{height:40px;}
.sub0101_wrap .icon_item p{font-size:18px;}
.sub0101_wrap .icon_item .img_wrap{width:50px;}
.sub0101_wrap .business_list{gap:20px;}
.sub0101_wrap .business_item{width:calc((100% - 40px) / 3);}
.sub0101_wrap .business_item .img_wrap{margin-bottom:10px;}
.sub0101_wrap .business_item p{font-size:18px;}
.sub0101_wrap .con02:before{width:80%; height:11%; background-size:contain;}
.sub0101_wrap .con02 .inner{gap:40px;}


/*************************** sub0102 ***************************/
.sub0102_wrap{padding:0px 2.6%;}
.sub0102_wrap .tab_wrap{gap:10px 20px; flex-wrap: wrap;justify-content: center;}
.sub0102_wrap .tab_wrap a{font-size:20px;}
.sub0102_wrap .tab_wrap a:hover,
.sub0102_wrap .tab_wrap a.on{padding-bottom:5px; border-bottom:3px solid #FB0;}

.sub0102_wrap .project_wrap{gap:15px;}
.sub0102_wrap .project_wrap .project_box{width:calc((100% - 30px) / 2); /* height:320px;  */padding:25px;}
.sub0102_wrap .project_wrap .project_box > h4{font-size: 1.25rem;}

.sub0102_wrap .project_box .view_btn {center; gap:12px; font-size:16px;}
.sub0102_wrap .project_box .txt_wrap{height: 1.2em; display: inline-block;}
.sub0102_wrap .project_box .line_wrap{width:30px; height: 2px;}
.sub0102_wrap .project_box .line_inner{gap:30px;}

.sub0102_wrap .paging_wrap .paging li {width:32px; height:32px;}
.sub0102_wrap .paging_wrap .paging li a {font-size: 14px; line-height:14px;}


/*************************** sub010201_wrap ***************************/
.sub010201_wrap .project_detail_wrap{padding:70px 0 100px;}
.sub010201_wrap .project_name{font-size:42px; margin-bottom:30px;}
.sub010201_wrap .project_detail_box{gap:40px; margin-bottom:60px; flex-direction: column;}
.sub010201_wrap .project_detail_box .slide_area,
.sub010201_wrap .project_detail_box .project_info_wrap{width:100%;}
.sub010201_wrap .project_detail_box .project_info_wrap h3{font-size: 20px; padding-bottom:15px; margin-bottom:30px;}
.sub010201_wrap .project_detail_box .project_list li{margin-bottom:15px;} 
.sub010201_wrap .project_detail_box .project_list li h4{font-size: 18px;}
.sub010201_wrap .project_detail_box .project_list li p{font-size: 18px;}
.sub010201_wrap .btn{width:150px; height:50px; font-size:16px;}
.sub010201_wrap .project_detail_box .project_slide{margin-top: 30px;}
.sub010201_wrap .project_detail_box .nav_wrap{margin-top: 30px;}

/*************************** sub02 ***************************/
.sub02_wrap .con01 {word-break:keep-all;}
.sub02_wrap .con01 .img_wrap{border-radius:15px; height:320px;}
.sub02_wrap .con01 .txt_style01{font-size:28px; margin-bottom:30px;}
.sub02_wrap .con01 .txt_style02{font-size:20px;}
.sub02_wrap .con01 br{display: none;}

.sub02_wrap .con02 .tit_wrap{margin-bottom:40px;}
.sub02_wrap .con02 .point_box:first-child:after,
.sub02_wrap .con02 .point_box:last-child:before{height:80px;}
.sub02_wrap .con02 .point_box .img_wrap{margin-bottom:20px; width:160px;}
.sub02_wrap .con02 .point_box p{font-size:20px; word-break:keep-all; text-align: center;}

#sub_contents .sub02_wrap .con03{gap:60px;  word-break:keep-all; }
#sub_contents .sub02_wrap .con03 .txt_wrap{gap:30px;}
#sub_contents .sub02_wrap .con03 .txt_style01{font-size:18px;}
#sub_contents .sub02_wrap .con03 .txt_style01 br{display: none;}
#sub_contents .sub02_wrap .con03 .signature_wrap{flex-direction: column; align-items: flex-end;}
#sub_contents .sub02_wrap .con03 .signature_wrap li:nth-child(1){margin-right:0px; margin-bottom:10px; font-size:16px;}
#sub_contents .sub02_wrap .con03 .signature_wrap li:nth-child(2){margin-right:0px; margin-bottom:10px; font-size:18px;}
#sub_contents .sub02_wrap .con03 .signature_wrap li:nth-child(3){width:80px; height:50px;}
#sub_contents .sub02_wrap .con03 .img_wrap{border-radius:15px;}

#sub_contents .sub02_wrap .con04 .tit_wrap{margin-bottom:40px;}

.sub02_wrap .con05:before{width:80%; height:11%; background-size:contain;}
.sub02_wrap .con05 .tit_wrap{margin-bottom:40px;}
.sub02_wrap .con05 .history_box{gap:2%; padding-top:40px;}
.sub02_wrap .con05 .history_box:last-child{padding-bottom:40px;}
.sub02_wrap .con05 .history_box:nth-child(odd){flex-direction: row-reverse; padding-right:4%;}
.sub02_wrap .con05 .history_box:nth-child(even){margin-left:50%; padding-left:4%;}
.sub02_wrap .con05 .history_box .history_item{margin-bottom:2%;}
.sub02_wrap .con05 .history_box .history_item:last-child{margin-bottom:0px;}
.sub02_wrap .con05 .history_box .history_item{gap:2%;}
.sub02_wrap .con05 .history_box:nth-child(odd) .history_item{gap:2%;}
.sub02_wrap .con05 .history_box .year{width:60px; font-size: 20px; line-height:28px;}
.sub02_wrap .con05 .history_box .year:after{border:4px solid #FB0; width:18px; height:18px; top:45px;}
.sub02_wrap .con05 .history_box:nth-child(odd) .year:after{right:-9.5px;}
.sub02_wrap .con05 .history_box:nth-child(even) .year:after{left:-9.5px;}
.sub02_wrap .con05 .history_box .month{width:25px; font-size: 18px; line-height:28px;}
.sub02_wrap .con05 .history_box .history_info li{font-size: 18px; line-height:28px;}

.sub02_wrap .con06 .marquee_item {width: 200px; margin-right:30px;}
.sub02_wrap .con06 .marquee_item img{width:100%;}

.sub02_wrap .con07 .location_wrap{gap:30px;}
.sub02_wrap .con07 .map_wrap{border-radius:15px; height:320px;}
.sub02_wrap .con07 .info_box{gap:20px; padding:0 15px 30px;}
.sub02_wrap .con07 .info_box:first-child{width:100%; margin-bottom:30px;}
.sub02_wrap .con07 .info_box .icon_wrap{width:60px; height:60px;}
.sub02_wrap .con07 .info_box:first-child .icon_wrap{width:60px; height:60px;}
.sub02_wrap .con07 .info_box .icon_wrap > img{width:25px; height:25px;}
.sub02_wrap .con07 .info_box .info h4{font-size:18px; margin-bottom:10px;}
.sub02_wrap .con07 .info_box .info p{font-size:20px;}

/*************************** sub03 ***************************/

.sub03_wrap .type_list {gap:15px; margin-bottom: 15px;}
.sub03_wrap .type_list .tab {width:100px; height:100px; gap:4px; font-size: 14px;}
.sub03_wrap .type_list .tab img{width:36px;}
.sub03_wrap .type_list .tab:last-child img{width:40px; height:40px;}
.sub03_wrap .type_wrap > p {font-size:18px;}
.sub03_wrap .quote_form {gap:40px; padding-top:40px;}
.sub03_wrap .field_row {gap:30px;}
.sub03_wrap .field label {font-size:18px; margin-bottom:15px;}
.sub03_wrap .required{margin-left:4px;}
.sub03_wrap .quote_form input[type="text"],
.sub03_wrap .quote_form input[type="email"],
.sub03_wrap .quote_form textarea,
.sub03_wrap .quote_form select{padding:0 12px; height:45px; border-radius:3px; font-size: 16px;}
.sub03_wrap .phone_group {gap:8px;}
.sub03_wrap .phone_group .dash {width:8px;}
.sub03_wrap .email_group {gap:8px;}
.sub03_wrap .email_group .email_select{width: 100px;}
.sub03_wrap .file_row {gap:8px;}
.sub03_wrap .file_button {width:100px; height:45px; font-size: 16px;}
.sub03_wrap .captcha_row {gap:8px;}
.sub03_wrap .captcha_img { width: 100px; height:45px;}
.sub03_wrap .btn_small {width:100px; height:45px; padding: 0 14px; font-size: 16px;}
.sub03_wrap .privacy_wrap h3 {font-size:18px; margin-bottom:15px;}
.sub03_wrap .privacy_box {margin-bottom:15px; padding:16px 28px; font-size: 16px;}
.sub03_wrap .agree_row {font-size: 16px;}
.sub03_wrap .btn_submit {width: 150px; height: 50px; font-size: 16px;}

/*************************** sub04 ***************************/
.sub04_wrap{flex-direction: column; gap:30px; padding:100px 2.6%; height:90vh; min-height:auto;}
.sub04_wrap .sns_wrap{padding:30px; border-radius:15px;}
.sub04_wrap .txt_wrap{font-size:24px;}
.sub04_wrap .icon_wrap{width:30px;}
.sub04_wrap .icon_wrap >img{width:30px;}
.sub04_wrap .arrow{width:24px;}




/* 일반게시판_list */
.basic_bd02{line-height: 1;}
.basic_bd02 .inner{width: 100%;}
.basic_bd02 .search_box{display: flex; justify-content:space-between;align-items: flex-start;flex-direction: column-reverse;gap: 50px;margin-bottom: 30px;}
.basic_bd02 .search_box .total p{color: #000; font-size: 18px;font-weight: 600;}
.basic_bd02 .search_box .total em{color: var(--bg01);font-weight: 600;}
.basic_bd02 .search_box .search{display: flex;gap:10px;justify-content: end; width: 100%;}
.basic_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;}
.basic_bd02 .search_box .input_wrap{position: relative;width: calc(100% - 192px);}
.basic_bd02 .search_box .input_wrap input{width: 100%; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 74px 0px 40px;}
.basic_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.basic_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);}
.basic_bd02 .news-list ul{border-top: 1px solid #000;}
.basic_bd02 .news-list ul li{position: relative;border-bottom: 1px solid #eee;background: #fff;}
.basic_bd02 .news-list ul li::after{content:'';display: none;opacity: 0;position: absolute;right: 50px; top: 50%; transform:translateY(-50%);transition:.3s;background: url(/images/sub/basic_bd02_icon03.png)center no-repeat; width: 55px; height: 52px; background-size: cover;}
.basic_bd02 .news-list ul li a{display: flex;align-items: center;padding: 15px;}
.basic_bd02 .news-list ul li .date_box{display: flex; flex-direction: column;align-items: center;gap:10px;width: 65px;}
.basic_bd02 .news-list ul li .date_box p{font-size: 30px; color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .date_box span{font-size: 15px;color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .txt_box{width: calc(100% - 95px);margin-left: 30px;}
.basic_bd02 .news-list ul li .txt_box .tit_box{display: flex;width: calc(100% - 80px);margin-bottom: 15px;}
.basic_bd02 .news-list ul li .txt_box .tit_box span.tag01{display: inline-block;vertical-align: middle;height: 23px;line-height: 21px;border: 1px solid #eee;padding: 0 10px;font-size: 13px;margin-right: 10px;color: var(--bg01);}
.basic_bd02 .news-list ul li .txt_box .tit_box strong{font-size: 20px; color: #222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.basic_bd02 .news-list ul li .txt_box p{font-size: 13px; color: #777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.basic_bd02 .news-list ul li:hover{background: #f9f9f9;}
.basic_bd02 .news-list ul li:hover .date_box p{color: #222;}
.basic_bd02 .news-list ul li:hover .date_box span{color: #222;}
.basic_bd02 .news-list ul li:hover::after{opacity: 0;}

/* 일반게시판_view */
.basic_bd01_view .tit_box{padding-bottom: 50px;border-bottom: 1px solid #2f3435;}
.basic_bd01_view .tit_box strong{font-size: 24px; color: var(--bg01); font-weight: 700;}
.basic_bd01_view .tit_box p{font-size: 36px; margin: 20px 0px 30px	; font-weight: 700;color: #000;}
.basic_bd01_view .tit_box span{font-size: 18px;color: #abadae;font-weight: 500;}
.basic_bd01_view .view_box{padding: 80px 20px;}
.basic_bd01_view .view_box img{margin-bottom: 80px;}
.basic_bd01_view .view_box p{font-size: 16px; color: #000;}
.basic_bd01_view .file_box{padding: 22px 35px;}
.basic_bd01_view .file_box ul {display: flex;align-items: center;gap:10px; flex-wrap:wrap;}
.basic_bd01_view .file_box ul li{display: flex;gap:20px 10px; width: 49%;}
.basic_bd01_view .file_box ul li em{display: block;width: 15px;}
.basic_bd01_view .file_box ul li a{font-size: 15px; color: #444;transition:.3s;border-bottom: 1px solid transparent;}
.basic_bd01_view .file_box ul li a:hover{border-bottom: 1px solid #444;}
.basic_bd01_view .view_btn_box{display: flex; justify-content:space-between;align-items:center;padding: 50px 0px 20px; border-top: 1px solid #dcdcdc;}
.basic_bd01_view .view_btn_box .arr{display: flex;align-items:center;gap:20px;}
.basic_bd01_view .view_btn_box .arr p{font-size: 18px; color: #000;width: 200px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.basic_bd01_view .view_btn_box .arr.next p{text-align: end;}
.basic_bd01_view .view_btn_box .arr:hover p{text-decoration: underline;text-underline-position: under;}
.basic_bd01_view .view_btn_box .back{position: relative;width: 72px; height: 72px; border:1px solid var(--bg01); border-radius:10px;}
.basic_bd01_view .view_btn_box .back img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.basic_bd01_view .view_btn_box .back:hover{background: url(/images/sub/basic_bd01_icon06_2.png)center no-repeat var(--bg01);}
.basic_bd01_view .view_btn_box .back:hover img{display: none;}

/* 사진갤러리&동영상게시판 */
.gallery_bd02 .con ul.img_li {display: flex; gap: 60px 2%; flex-wrap: wrap;}
.gallery_bd02 .con ul.img_li li {width: 49%;}
.gallery_bd02 .con ul.img_li li .txt_wrap {margin-top: 20px;}
.gallery_bd02 .con ul.img_li li .txt_wrap span.month {font-size: 18px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 18px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {font-size: 14px; padding-top: 14px; margin-top: 14px;}
.gallery_bd02 .con ul.img_li {gap: 30px 2%;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 16px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 0; margin-top: 0; padding-top: 10px; font-size: 14px;}
.gallery_bd02 .search_box{display: flex; justify-content:space-between;align-items: flex-start;flex-direction: column-reverse;gap: 50px;margin-bottom: 30px;}
.gallery_bd02 .search_box .total p{color: #000; font-size: 18px;font-weight: 600;}
.gallery_bd02 .search_box .total em{color: var(--bg01);font-weight: 600;}
.gallery_bd02 .search_box .search{display: flex;gap:10px;justify-content: end; width: 100%;}
.gallery_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;}
.gallery_bd02 .search_box .input_wrap{position: relative;width: calc(100% - 192px);}
.gallery_bd02 .search_box .input_wrap input{width: 100%; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 74px 0px 40px;}
.gallery_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.gallery_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);}

}