/* sub visual */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 34.375rem; position:relative; background:url('/img/sub/sub_visual.jpg') no-repeat center / cover;}
.sub_visual.bg02{background-image: url('/img/sub/설비현황.jpg');}
.sub_visual.bg03{background-image: url('/img/sub/포트폴리오.jpg');}
.sub_visual.bg04{background-image: url('/img/sub/커뮤니티.jpg');}
.sub_visual.bg05{background-image: url('/img/sub/제작문의.jpg');}
.sub_vis_txt{color:#fff; padding-top: 12.62rem;}
.sub_vis_txt em{font-size: 1.125rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.025rem;}
.sub_vis_txt h2{margin-top: 0.75rem; font-size: 4.25rem; letter-spacing: -0.0625rem; line-height: 1.3;}
.sub_vis_txt p{font-size: 1.25rem; margin-top: 1.25rem; letter-spacing: -0.025rem; line-height: 1.5;}

/* sub menu */
.sub_tab_menu{margin-top: 4.9415rem;}
.sub_tab_menu ul{border-radius: 0.625rem; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.20);}
.sub_tab_menu ul::before{content: ''; display: block; width: calc(100% - 1px); height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.625rem; border: 1px solid rgba(255, 255, 255, 0.50);}
.sub_tab_menu ul{display: flex;}
.sub_tab_menu ul.col2{width: fit-content;}
.sub_tab_menu ul.col2 li{width: calc(87.5rem / 6);}
.sub_tab_menu ul.col5 li{width: 20%;}
.sub_tab_menu ul.col6 li{width: 16.66%;}
.sub_tab_menu ul li + li{border-left: 1px solid rgba(255, 255, 255, 0.50);}
.sub_tab_menu ul li a{display: block; text-align: center; padding: 1rem 0; font-size: 1.25rem; letter-spacing: -0.0625rem; font-weight: 600; line-height: 1.5; color: rgba(255,255,255,0.7); position: relative; z-index: 2;}
.sub_tab_menu ul li.on,
.sub_tab_menu ul li.on + li{border: none;}
.sub_tab_menu ul li.on a{color: #fff; background: var(--gra);}

/* common */
#sub_content{padding: 6.25rem 0 8.1325rem;}
.s_inner,
.sub_inner{max-width: 90rem; padding: 0 1.25rem; margin:0 auto;}
.sub_title{margin-bottom: 5.625rem; text-align:center;}
.sub_title em{font-size: 1.125rem; font-weight: 700; letter-spacing: -0.025rem; line-height: 1.5; color: var(--blue);}
.sub_title h3{font-size: 2.8125rem; letter-spacing: -0.0625rem; margin: 0.75rem 0;}
.sub_title p{font-size: 1.125rem; line-height: 1.5; opacity: 0.8;}
.s_tit em{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; color: var(--blue); display: block; margin-bottom: 0.5rem;}
.s_tit .tit{font-size: 2.25rem; letter-spacing: -0.025rem; font-weight: 300; line-height: 1.3;}
.s_tit .tit b{font-weight: 600;}
.s_tit .tit strong{font-weight: 700;}
.s_txt{font-size: 1.25rem; letter-spacing: -0.025rem; color: rgba(0,0,0,0.8); line-height: 1.5;}
.s_tit .s_txt{margin-top: 1rem;}

/* CEO 인사말 */
.greet .img{position: relative; margin-bottom: 4.375rem;}
.greet .img > img{width: 100%;}
.greet .img .s_tit{position: absolute; top: 50%; transform: translateY(-50%); left: 58%; display: flex; flex-direction: column; gap: 3.25rem;}
.greet .img .s_tit .tit{font-size: 2.15rem;}
.greet .img .sign{display: flex; align-items: center; gap: 1.25rem; letter-spacing: -0.0375rem; font-weight: 700;}
.greet .img .sign span{font-size: 1.025rem;}
.greet .img .sign strong{font-size: 1.5rem; line-height: 1.33; font-weight: 600;}
.greet .img .sign img{width: 6.25rem;}
.greet .s_tit .tit{font-size: 2rem;}
.greet > .s_tit .tit b{font-weight: 400;}
.greet .s_tit .tit strong{font-weight: 800;}
.greet .s_txt{margin-top: 3.125rem;}
.greet .profile{padding-top: 5rem; margin-top: 3.75rem; border-top: 1px solid #BEBEBE;}
.greet .profile .tit{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; margin-bottom: 1.875rem; line-height: 1.5;}
.greet .profile .wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 4rem;}
.greet .profile .wrap .logo{width: 23.53313rem;}
.greet .profile .wrap .logo img{width: 100%;}
.greet .cont{display: flex; flex-wrap: wrap; gap: 1rem; max-width: 57.25rem;}
.greet .cont dl{display: flex; gap: 1.875rem; font-size: 1.125rem; letter-spacing: -0.0375rem; padding: 1.25rem; line-height: 1.55; border-radius: 0.625rem; background: #F8F8F8; width: calc(50% - 0.5rem);}
.greet .cont dl:last-child{width: 100%;}
.greet .cont dl dt{min-width: 4.0625rem; font-weight: 600;}
.greet .cont dl dd{width: calc(100% - 4.0625rem - 1.875rem); color: #6D6D6D;}

/* 회사 연혁 */
.history{margin-bottom: 9rem;}
.history .his_cont{display: flex; align-items: flex-start; gap: 12.5rem; margin-top: 5rem;}
.history .his_cont .title{width: 22rem; position: sticky; top: 5rem;}
.history .his_cont .title ul{display: flex; flex-direction: column; gap: 2.4375rem;}
.history .his_cont .title ul li{font-size: 2rem; letter-spacing: -0.125rem; font-weight: 700; line-height: 1.87; color: rgba(0, 0, 0, 0.30); cursor: pointer;}
.history .his_cont .title ul li.on{font-size: 3rem; font-weight: 800; color: var(--blue);}
.history .his_cont .right{position: relative; width: calc(100% - 22rem - 12.5rem);}
.history .his_cont .right::before{content: ''; display: block; width: 1px; height: calc(100% - (0.9425rem * 2)); background: rgba(0, 0, 0, 0.10); top: 0.9425rem; position: absolute; left: 0;}
.history .his_cont .right,
.history .his_cont .right .detail ul{display: flex; flex-direction: column; align-items: flex-start; gap: 3.75rem;}
.history .his_cont .right .detail ul li{padding-left: 6.25rem; display: flex; align-items: flex-start; gap: 3.125rem; position: relative;}
.history .his_cont .right .detail ul li::before{content: ''; display: block; width: 0.624rem; aspect-ratio: 1/1; border-radius: 50%; background: #D0D0D0; position: absolute; left: calc(-0.312rem + 1px); top: 0.9425rem; transition: all 0.3s;}
.history .his_cont .right .detail ul li.on::before{background: var(--blue);}
.history .his_cont .right .detail ul li .year{font-size: 1.75rem; letter-spacing: -0.025rem; width: 5rem; font-weight: 700; line-height: 130%;}
.history .his_cont .right .detail ul li .cont{width: calc(100% - 5rem - 3.125rem);}
.history .his_cont .right .detail ul li .cont dl{font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; opacity: 0.8; display: flex; gap: 1.25rem;}
.history .his_cont .right .detail ul li .cont dl + dl{margin-top: 0.75rem;}
.history .his_cont .right .detail ul li .cont dl dt{font-weight: 600; width: 1.5625rem;}
.history .his_cont .right .detail ul li .cont dl dd{width: calc(100% - 1.25rem - 1.5625rem);}
.history .his_cont .right .detail ul li .cont .img{margin-top: 1.875rem; width: 22.8125rem;}
.history .his_cont .right .detail ul li .cont .img img{width: 100%;}

/* CI */
.navy{background: var(--blue);}
.blue{background: #0075C2;}
.sky{background: #00AFEC;}
.h-green{background: #009844;}
.d-green{background: #003D1B;}
.y-green{background: #094;}
.green{background: #017032;}
.ci_wrap{display: flex; flex-direction: column; gap: 6.25rem; width: 100%;}
.ci_wrap .section{display: flex; flex-direction: column; gap: 2.5rem; width: 100%;}
.ci_wrap .section .cont{width: 100%;}
.ci_wrap .sec1 .cont{display: flex; justify-content: space-between; width: 100%; position: relative;}
.ci_wrap .sec1 .cont::before{content: ''; display: block; width: 100%; height: 1px; background: #E3E3E3; position: absolute; left: 0; top: 9.375rem; z-index: -1;}
.ci_wrap .sec1 .item{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2.5rem; position: relative;}
.ci_wrap .sec1 .dot{width: 1rem; height: 1rem; border-radius: 100%; margin-top: 8.895rem;}
.circle_ic{width: 18.75rem; aspect-ratio: 1/1; padding: 1.2215rem;}
.circle_ic .circle{width: 100%; height: 100%; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
.circle_ic .circle::before{content: ''; display: block; width: calc(100% + (1.2215rem * 2)); height: calc(100% + (1.2215rem * 2)); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px dashed var(--blue); background: #fff; z-index: -1;}
.circle_ic .circle.blue::before{border-color: #0075C2;}
.circle_ic .circle.sky::before{border-color: #00AFEC;}
.circle_ic .circle.h-green::before{border-color: #009844;}
.circle_ic .circle.d-green::before{border-color: #003D1B;}
.circle_ic .circle.y-green::before{border-color: #094;}
.circle_ic .circle.green::before{border-color: #017032;}
.circle_ic img{width: 5.625rem;}
.ci_wrap .txt{opacity: 0.8;}
.ci_wrap .txt dt{font-size: 1.75rem; letter-spacing: -0.025rem; line-height: 150%; font-weight: 700;}
.ci_wrap .txt dd{font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; margin-top: 0.6215rem;}
.ci_wrap .sec2 .cont{display: flex; gap: 5rem;}
.ci_wrap .sec2 .item{display: flex; align-items: center; gap: 2.5rem; width: calc(50% - 2.5rem);}
.ci_wrap .sec2 .item .icon{width: 11.25rem; aspect-ratio: 1/1; border-radius: 100%; background: #F8F8F8; display: flex; align-items: center; justify-content: center;}
.ci_wrap .sec2 .item1 .icon img{width: 3.75rem;}
.ci_wrap .sec2 .item2 .icon img{width: 5.9375rem;}
.ci_wrap .sec2 .item .txt{width: calc(100% - 2.5rem - 11.25rem);}
.ci_wrap .sec3 .item{width: 100%;}
.ci_wrap .sec3 .item strong{font-size: 1.5rem; font-weight: 700; letter-spacing: -0.0625rem; line-height: 1.16;}
.ci_wrap .sec3 .item .wrap{display: flex; gap: 1.25rem; margin-top: 1.25rem;}
.ci_wrap .sec3 .item .wrap .box{width: calc(50% - (1.25rem /2)); height: 14.375rem; display: flex; align-items: center; justify-content: center; background: #F8F8F8;}
.ci_wrap .sec3 .item .wrap .box img{height: 3.52875rem;}
.ci_wrap .sec3 .btn_wrap{display: flex; justify-content: center; gap: 0.625rem; width: 100%;}
.ci_wrap .sec3 .btn_wrap a{font-size: 1.125rem; letter-spacing: -0.0375rem; font-weight: 500; padding: 0.75rem 1.875rem; display: inline-block; line-height: 1.55;}
.ci_wrap .sec3 .btn_wrap a img{margin-left: 0.5rem; width: 1.25rem;}
.ci_wrap .sec3 .btn_wrap a.ai{color: #fff; background: var(--gra);}
.ci_wrap .sec3 .btn_wrap a.jpg{border: 1px solid; border-image: var(--gra); border-image-slice: 1;}
.ci_wrap .sec3 .btn_wrap a.jpg span{background: var(--gra); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ci_wrap .sec4 .wrap{display: flex;}
.ci_wrap .sec4 .wrap .color{width: 33.33%;}
.ci_wrap .sec4 .color{height: 12.5rem; padding: 1.875rem; display: flex; flex-direction: column; justify-content: flex-end; color: #fff;}
.ci_wrap .sec4 .color strong{font-size: 1.5rem; font-weight: 700; line-height: 1;}
.ci_wrap .sec4 .color p{font-size: 1.125rem; margin-top: 0.5rem; line-height: 1.11;}
.ci_wrap .sec4 .color p + p{margin-top: 1rem; line-height: 150%;}

/* FSC® 인증 */
.s_tit2{font-size: 1.75rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 130%; color: var(--blue);}
.fsc{display: flex; flex-direction: column; gap: 6.8125rem;}
.fsc .wrapper{display: flex; flex-direction: column; gap: 3.75rem;}
.fsc .content{display: flex; flex-direction: column; gap: 5rem;}
.fsc .section .txt{display: flex; flex-direction: column; gap: 1.875rem; margin-bottom: 2.5rem;}
.fsc .circle_ic{width: 12.5rem; padding: 0.8215rem; margin-bottom: 1.25rem;}
.circle_ic .circle::before{width: calc(100% + (0.8215rem * 2)); height: calc(100% + (0.8215rem * 2));}
.fsc .circle_ic img{width: 4.375rem;}
.fsc .sec2 .box_wrap{display: flex; gap: 1.875rem; position: relative;}
.fsc .sec2 .box_wrap::before{content: ''; display: block; width: calc(100% - 5rem); height: 1px; background: #E3E3E3; position: absolute; left: 50%; transform: translateX(-50%); top: 8.1215rem; z-index: -1;}
.fsc .content .box{padding: 1.875rem; border-radius: 1.25rem; border: 1px solid #D9D9D9; text-align: center;}
.fsc .content .box1{width: 17.5rem;}
.fsc .content .box2{width: calc(100% - 17.5rem - 1.875rem);}
.fsc .content .box2 .wrap{display: flex; justify-content: space-between;}
.fsc .content .box2 .wrap .dot{width: 0.75rem; height: 0.75rem; border-radius: 100%; margin-top: 5.875rem;}
.fsc .content .box .item{display: flex; align-items: center; flex-direction: column;}
.fsc .content .box p{font-size: 1.5rem; letter-spacing: -0.025rem; opacity: 0.8; font-weight: 700; line-height: 130%;}
.fsc .content .box .desc{height: 3.25rem; border-radius: 100px; background: #EBEBEB; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 2.6215rem;}
.fsc .sec3 .box_wrap{display: flex; gap: 1.5625rem;}
.fsc .sec3 .box{width: calc((100% - (1.5625rem * 4)) / 5);}
.fsc .sec3 .box b{font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 150%; color: var(--blue); display: block; margin-bottom: 0.625rem;}
.fsc .bot b{font-weight: 600;}
.fsc .bot .cont{display: flex; align-items: center; gap: 5rem;}
.fsc .bot .cont .txt{width: 45.75rem;}
.fsc .bot .cont .certi{padding-left: 5rem; border-left: 1px solid #D9D9D9; display: flex; align-items: center; gap: 1.875rem;}
.fsc .bot .cont .certi img{width: 4.8125rem;}
.fsc .bot .box{padding: 2.5rem 3.125rem; border-radius: 1.25rem; border: 1px solid #D9D9D9; display: flex; align-items: flex-start; flex-direction: column; gap: 1.875rem;}
.fsc .bot .box .check{font-size: 1.125rem; letter-spacing: -0.025rem; border-radius: 50px; line-height: 150%; color: #fff; font-weight: 700; padding: 0.75rem 1.875rem; display: inline-block;}
.fsc .bot .box .wrap{display: flex; gap: 2.5rem;}
.fsc .bot .box .wrap dl{width: calc(50% - (1.25rem));}
.fsc .bot .box .wrap dl dt{font-weight: 600; margin-bottom: 0.75rem; display: flex;}
.fsc .bot .box .wrap dl dd{display: flex;}
.fsc .bot .box .wrap dl dt::before{content: 'Q. '; margin-right: 0.2rem;}
.fsc .bot .box .wrap dl dd::before{content: 'A. '; margin-right: 0.2rem;}

/* 오시는 길 */
.location{display: flex; align-items: flex-start; gap: 8.125rem;}
.location .nav_wrap{width: 14.375rem; position: sticky; top: 8.125rem; border: 1px solid rgba(0, 0, 0, 0.20); border-radius: 0.625rem; overflow: hidden;}
.location .nav_wrap *{width: 100%;}
.location .nav_wrap li a{font-size: 1.25rem; letter-spacing: -0.0625rem; font-weight: 600; color: rgba(0,0,0,0.7); padding: 1rem 1.25rem; text-align: center; display: block; line-height: 1.5; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
.location .nav_wrap li:last-child a{border: none;}
.location .nav_wrap li a.on{border-color: transparent !important;}
.location .nav_wrap li a.on{background: var(--gra); color: #fff;}
.location .cont{display: flex; flex-direction: column; gap: 6.25rem; width: calc(100% - 8.125rem - 14.375rem);}
.location .cont .title{font-size: 2.25rem; letter-spacing: -0.025rem; line-height: 1.3; font-weight: 700;}
.location .cont .info{margin-top: 0.75rem; gap: 0.75rem; display: flex; flex-direction: column;}
.location .cont .info .flex{display: flex; align-items: center; gap: 1.25rem;}
.location .cont .info .flex.call{gap: 12.5rem;}
.location .cont .info .flex em{display: flex; align-items: center; gap: 0.5rem;}
.location .cont .info .flex em b{display: block; min-width: 3.4375rem;}
.location .cont .section > .map{/* height: 25rem; */ margin-top: 3.75rem;}
.location .cont .section > .map img{width: 100%;}
.location .cont .section > .map .wrap_map{width: 100%; height: 100%;}
.location .cont .section > .map .map_border,
.location .cont .section > .map .root_daum_roughmap .wrap_btn_zoom,
.location .cont .section > .map .root_daum_roughmap .wrap_controllers{display: none;}

/* 신청폼 약관동의 */
.board_agree{margin: 40px 0 25px;}
.board_agree p{letter-spacing: -0.8px; display: flex; align-items: center; gap:10px;}
.board_agree p + p{margin-top: 10px;}
.board_agree input[type="checkbox"]{width: 18px; height: 18px; border: 1px solid #BEBEBE; background: url(/img/main/chk_ic2.svg) no-repeat center / 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.board_agree input[type="checkbox"]:checked{background-color: #000; background-image: url(/img/main/chk_ic.svg); border-color: #000;}
.board_agree label{font-size: 16px; font-weight: 500;}
.board_agree span{font-size: 14px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}

/* 갤러리 게시판 리스트 */
.bd_cate{display: flex; margin-bottom: 3.1315rem;}
.bd_cate li a{display: block; width: 7.5rem; padding: 1rem 0; text-align: center; color: #8E8E8E; font-size: 1.25rem; font-weight: 500; line-height: 1.5 letter-spacing: -0.0625rem; border-bottom: 1px solid rgba(172, 172, 172, 0.30);}
.bd_cate li a#bo_cate_on{color: #000; border-bottom: 2px solid #000;}
.bd_top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5rem;}
.bd_top .total{font-size: 1.125rem; letter-spacing: -0.0275rem; font-weight: 500;}
.bd_top .search{height: 3.75rem; display: flex; gap: 1.875rem;}
.bd_top .search .srh_sel{width: 12.5rem; padding: 0 1rem; border: none; border-bottom: 1px solid #E3E3E3; font-size: 1.125rem; font-weight: 500; color: #AAA; outline: none !important; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 0.75rem center / 1.5rem; letter-spacing: -0.0275rem;}
.bd_top .search .srh_input{width: 27.8545rem; height: 100%; border-bottom: 1px solid #E3E3E3; position: relative;}
.bd_top .search .srh_input input{font-size: 1.125rem; font-weight: 500; border: none; width: 100%; height: 100%; padding-right: 35px; letter-spacing: -0.0275rem;}
.bd_top .search .srh_input input::placeholder{color: #AAA;}
.bd_top .search .srh_input button{width: 1.3795rem; background: none; border: none; -webkit-appearance: none; appearance: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.bd_top .search .srh_input button img{width: 100%;}
.bd_list_wrap .gal_list{display: flex; flex-wrap: wrap; gap: 3.125rem 2.5rem;}
.bd_list_wrap .gal_list li{width: calc((100% - (2.5rem * 2)) / 3);}
.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - (2.5rem * 3)) / 4);}
.bd_list_wrap .gal_list li a{display: block;}
.bd_list_wrap .gal_list li .img{display: block; aspect-ratio: 1/1;}
.bd_list_wrap .gal_list.certi li .img{aspect-ratio: 3/3.5; width: 17.188rem; margin: 0 auto; max-width: 100%;}
.bd_list_wrap .gal_list li .img img{width: 100%; height: 100%; object-fit: cover;}
.bd_list_wrap .gal_list li .txt{margin-top: 1.25rem; color: #222; font-size: 1.5rem; font-weight: 500; line-height: 150%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.no_data{padding: 11.13rem 0; width: 100% !important; border-top: 1px solid #000; border-bottom: 1px solid #BEBEBE; text-align: center;}
.no_data .icon{display: inline-block; width: 2.375rem;}
.no_data p{margin-top: 1.75rem; font-size: 1.125rem; letter-spacing: -0.0275rem;}
/* pagination */
.paging_wrap{margin-top: 2.5rem; display: flex; align-items: center; justify-content: center; gap: 1.5rem;}
.paging_wrap .arrow{width: 1.25rem; display: block;}
.paging_wrap .arrow img{width: 100%;}
.paging{display: flex; align-items: center; justify-content: center; gap: 1.5rem;}
.paging a{font-size: 1.125rem; color: #999;}
.paging a.on{width: 2.313rem; height: 2.313rem; border-radius: 100%; background: #000; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600;}

/* 갤러리 팝업 */
.view_pop{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 10000;}
.view_pop .pop_close{width: 2.1875rem; position: absolute; right: 1.875rem; top: 1.875rem; cursor: pointer; z-index: 10;}
.view_pop .pop_close img{width: 100%;}
.view_pop .title{margin-top: 5rem; text-align: center;}
.view_pop .title .cate{font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 1.5; font-weight: 700;}
.view_pop .title .tit{margin-top: 0.1875rem; font-size: 2.5rem; letter-spacing: -0.125rem; font-weight: 500; line-height: 1.25; color: #222;}
.view_pop .title .s_txt{margin-top: 0.1875rem;}
.view_pop .content{margin-top: 3.75rem; display: flex; align-items: flex-start; gap: 5rem;}
.view_pop .img_swiper{width: 38.75rem; overflow: hidden;}
.view_pop .img_swiper .swiper-slide{aspect-ratio: 1/1;}
.view_pop .img_swiper .swiper-slide img{width: 100%; height: 100%; object-fit:cover;}
.view_pop .txt{width: calc(100% - 38.75rem - 5rem); position: relative;}
.view_pop .txt .tit{font-size: 1.5rem;font-weight: 600; line-height: 1.16; margin-bottom: 1.25rem;}
.view_pop .txt .s_txt *{font-size: 1.25rem !important; letter-spacing: -0.025rem !important; color: rgba(0, 0, 0, 0.8) !important; line-height: 1.5 !important; font-family: var(--font-pre) !important;}
.view_pop .txt .control {margin: 6.815rem 0 0 5.75rem; display: flex; align-items: center; gap: 2.1875rem;}
.view_pop .txt .control .arrow {display: flex; align-items: center; gap: 0.9375rem;}
.view_pop .txt .control .arrow div{width: 4.375rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 1px solid #6D6D6D; transition: all 0.4s;}
.view_pop .txt .control .arrow div img{width: 1.875rem; transition: all 0.4s;}
.view_pop .txt .control .arrow div:hover{background: var(--gra); border-color: transparent;}
.view_pop .txt .control .arrow div:hover img {filter: var(--filter-white);}
.view_pop .txt .control .pagination{position: initial; display: flex; align-items: center; gap: 0.625rem; font-size: 1rem; color: rgba(0,0,0,0.2); width: auto;}
.view_pop .txt .control .swiper-pagination-current {font-size: 1.5625rem; font-weight: 700; color: #000; min-width: 2.188rem; text-align: center;}
.view_pop .txt .control .swiper-pagination-total{font-size: 1rem; color: #8E8E8E;}
.view_pop .txt .scroll {height: 23.438rem; overflow: hidden; overflow-y: auto;}
.view_pop .txt .scroll.on{height: 38.75rem;}
.view_pop .txt .scroll::-webkit-scrollbar {width: 2px;}
.view_pop .txt .scroll::-webkit-scrollbar-thumb {background: #000; border-radius: 10px;}
.view_pop .txt .scroll::-webkit-scrollbar-track {background: #8E8E8E;}

.view_pop .portfolio .txt{padding-top: 5rem;}
.view_pop .portfolio .txt dl{display: flex; gap: 1.25rem;}
.view_pop .portfolio .txt dl + dl{margin-top: 0.75rem;}
.view_pop .portfolio .txt dl dt{width: 6.5625rem; font-weight: 700;}
.view_pop .portfolio .txt dl dd{width: calc(100% - 6.5625rem - 1.25rem);}
.view_pop .portfolio .txt .control{position: absolute; top: 30.875rem; margin-top: 0;}

/* 제작문의 */
.bd_write_wrap .bd_cate{margin-bottom: 4rem;}
.bd_write_wrap .bd_cate li{width: 20%;}
.bd_write_wrap .bd_cate li a{width: 100%;}
.bd_write_wrap .cont .tp_wrap .box{background: #F6F6F6; padding: 2.15rem 2rem; margin-top: 1.875rem;}
.bd_write_wrap .cont .tp_wrap .box li{padding-left: 1rem; position: relative;}
.bd_write_wrap .cont .tp_wrap .box li + li{margin-top: 0.5rem;}
.bd_write_wrap .cont .tp_wrap .box li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius:50%; background: #333; position: absolute; left: 0; top: 0.7rem;}
.bd_write_wrap .form{margin-top: 5rem;}
.bd_write_wrap .form .section + .section{margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #E3E3E3;}
.bd_write_wrap .form .req{color: #F00; font-style: normal;}
.bd_write_wrap .form .s_tit2{margin-bottom: 1.75rem;}
.bd_write_wrap .form .wrap{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.5rem 2.5rem;}
.bd_write_wrap .form .wrap dl{width: calc(50% - (2.5rem / 2));}
.bd_write_wrap .form .wrap dl dt{margin-bottom: 0.75rem; font-weight: 600;}
.bd_write_wrap .form .wrap dl dd{}
.bd_write_wrap .form .wrap dl dd .input{width: 100%;}
.bd_write_wrap .form .sec2 .wrap{gap: 1.5rem 8rem; flex-wrap: nowrap;}
.bd_write_wrap .form .sec2 .wrap + .wrap {margin-top: 1.5rem;}
.bd_write_wrap .form .sec2 .wrap + .wrap,
.bd_write_wrap .form .sec2 .wrap + .wrap dl{width: 100% !important;}
.bd_write_wrap .form .wrap .dpp_input_file {max-width: 100%; display: flex; align-items: center; gap: .5rem; padding: 0;}
.bd_write_wrap .form .wrap .dpp_input_file::before {width: calc(100% - .5rem - 110px); height: 50px;}
.bd_write_wrap .form .wrap .file-value {top: 50%; transform: translateY(-50%); font-size: 1rem; left: 0; padding: 0 20px;}
.bd_write_wrap .form .wrap .file_chk_dp {background: #000; color: #fff; font-size: 1rem; height: 50px; line-height: 50px;}
.bd_write_wrap .form .wrap textarea{display: block;}
.bd_write_wrap .form .wrap .desc{margin-top: 1rem; font-size: 1rem; color: var(--blue);}
.bd_write_wrap .form .wrap .size{display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; width: calc(100% - 8rem - 18.875rem);}
.bd_write_wrap .form .wrap .size dl:not(.quan){width: calc((100% - (2.5rem * 2)) / 3);}
.bd_write_wrap .form .wrap .size dl.quan{width: 100%;}
.bd_write_wrap .form .wrap .img{width: 18.875rem;}
.bd_write_wrap .form .wrap .img img{width: 100%;}
.bd_write_wrap .form .privacy_box{height: 7.8125rem; padding: 0.8125rem 0.445rem 0.8125rem 0.9375rem; border: 1px solid #e7e7e7;  margin-bottom: 1.25rem;}
.bd_write_wrap .form .privacy_box .use_wrap{overflow: auto; max-height: 100%; padding-right: 0.445rem;}
.bd_write_wrap .form .privacy_box .use_wrap::-webkit-scrollbar {width: 2px;}
.bd_write_wrap .form .privacy_box .use_wrap::-webkit-scrollbar-thumb {height: 30%; background: #dedede; border-radius: 10px;}
.bd_write_wrap .form .privacy_box .use_wrap::-webkit-scrollbar-track {background: #6d6d6d; border-radius: 10px;}
.bd_write_wrap .form .privacy_box .use_wrap h5{font-size: 0.875rem; font-weight: 700; margin-bottom: 0.565rem;}
.bd_write_wrap .form .privacy_box .use_wrap li,
.bd_write_wrap .form .privacy_box .use_wrap p{font-size: 0.875rem; letter-spacing: -0.0125rem; font-weight: 300; line-height: 1.42; color: rgba(255, 255, 255, 0.50);}
.bd_write_wrap .form .privacy_box .use_wrap *{color: #000 !important;}
.bd_write_wrap .form .privacy_box .use_wrap .margin-top-30{margin-top: 1.25rem;}
.bd_write_wrap .form .privacy_agree{display: flex; align-items: center; gap: 0.625rem;}
.bd_write_wrap .form .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem; font-weight: 500; color: #000; opacity: 0.8;}
.bd_write_wrap .form .checkbox{width: 1.25rem; height: 1.25rem; display: block; border: 1px solid #bebebe; background: url(/img/main/chk_ic2.svg) no-repeat center / 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.bd_write_wrap .form .checkbox:checked{background-color: #094; border-color: #094; background-image: url(/img/main/chk_ic.svg);}
.bd_write_wrap .btn_wrap{margin-top: 3.125rem; text-align: center;}
.bd_write_wrap .submit{font-size: 1.25rem; letter-spacing: -0.0375rem; font-weight: 500; padding: 1rem 2.5rem; display: inline-block; line-height: 1.55; color: #fff; background: var(--gra); border: none;}
#captcha #captcha_key{font-size: 1rem;}
#captcha #captcha_info, #captcha #captcha_info_v3{font-size: 0.75rem !important; letter-spacing: -0.05em; display: block;}

/* 설비현황 리스트 */
.bd_list_wrap2{display: flex; align-items: flex-start; gap: 3.75rem;}
.bd_list_wrap2 .nav_wrap{width: 10rem; position: sticky; top: 7.5rem; border: 1px solid rgba(0, 0, 0, 0.20); border-radius: 0.625rem; overflow: hidden;}
.bd_list_wrap2 .nav_wrap *{width: 100%;}
.bd_list_wrap2 .nav_wrap li a{font-size: 1.25rem; letter-spacing: -0.0625rem; font-weight: 600; color: rgba(0,0,0,0.7); padding: 1rem 1.25rem; text-align: center; display: block; line-height: 1.5; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
.bd_list_wrap2 .nav_wrap li:last-child a{border: none;}
.bd_list_wrap2 .nav_wrap li a#bo_cate_on{border-color: transparent !important;}
.bd_list_wrap2 .nav_wrap li a#bo_cate_on{background: var(--gra); color: #fff;}
.bd_list_wrap2 .cont{width: calc(100% - 3.75rem - 10rem);}
.bd_list_wrap2 .search{position: relative; margin-bottom: 2.575rem;}
.bd_list_wrap2 .srh_input input{width: 100%; height: 4.3125rem; font-size: 1.25rem; font-weight: 500; padding-left: 1.875rem; padding-right: 10rem; border-radius: 0.625rem; border: 1px solid rgba(0, 0, 0, 0.20); background: #FFF;}
.bd_list_wrap2 .srh_input button{font-size: 1.125rem; padding: 0.75rem 1.25rem; gap: 0.75rem; border-radius: 0.625rem; font-weight: 500; display: flex; align-items: center; background: var(--gra); color: #fff; border: none; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%);}
.bd_list_wrap2 .srh_input button img{width: 1.25rem; filter: invert(1);}
.gal_list2{display: flex; flex-wrap: wrap; gap: 1.875rem;}
.gal_list2 li{width: calc(50% - (1.875rem / 2)); border-radius: 1.25rem; border: 1px solid rgba(0, 0, 0, 0.20); transition: all 0.3s;}
.gal_list2 li:hover{border-color: var(--blue);}
.gal_list2 li a{position: relative; display: flex; align-items: center; gap: 1.5625rem; padding: 1.875rem 1.5625rem;}
.gal_list2 li a .view{width: 2.5rem; aspect-ratio: 1/1; position: absolute; right: 0.9375rem; bottom: 0.9375rem;}
.gal_list2 li a .view::after{content: ''; display: block; background: url(/img/board/gal_plus_ic.svg) no-repeat center / contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); opacity: 0; transition: all 0.3s;}
.gal_list2 li:hover a .view::after{transform: scale(1); opacity: 1;}
.gal_list2 li a .img{width: 16.1875rem; aspect-ratio: 259/260;}
.gal_list2 li a .img img{width: 100%; height: 100%; object-fit: cover;}
.gal_list2 li a .txt{width: calc(100% - 1.5625rem - 16.1875rem); display: flex; flex-direction: column; justify-content: center; gap: 0.25rem;}
.gal_list2 li a .txt span{display: block;}
.gal_list2 li a .txt .cate{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 1.5;}
.gal_list2 li a .txt .tit{font-size: 1.375rem; font-weight: 500; color: #222; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gal_list2 li a .txt .have{font-size: 1.125rem; letter-spacing: -0.0375rem; font-weight: 500; line-height: 1.55; color: #222;}


@media screen and (max-width:1500px){
	.s_inner,
	.sub_inner{max-width: 102.5rem;}

	/* 회사 연혁 */
	.history .his_cont{gap: 0;}
	.history .his_cont .title{width: 40%;}
	.history .his_cont .right{width: 60%;}
}

@media screen and (max-width:1280px){

	/* CEO 인사말 */
	.greet .img .s_tit{left: 55%; gap: 2.25rem;}
	.greet .s_txt .tab_no{display: none;}

	/* FSC® 인증 */
	.fsc .circle_ic{width: 9.5rem;}
	.fsc .circle_ic img{width: 3rem;}
	.fsc .sec2 .box_wrap::before{width: calc(100% - 7rem); top: calc((9.5rem / 2) + 1.875rem);}
	.fsc .content .box2 .wrap .dot{width: 0.5rem; height: 0.5rem; margin-top: calc((9.5rem / 2) - 0.25rem);}
	.fsc .bot .cont{gap: 3.5rem;}
	.fsc .bot .cont .txt{width: 50%;}
	.fsc .bot .cont .txt br{display: none;}
	.fsc .bot .cont .certi{padding-left: 3.5rem;}

	/* 오시는 길 */
	.location{gap: 4rem;}
	.location .nav_wrap{width: 10.375rem;}
	.location .cont{width: calc(100% - 4rem - 10.375rem);}

	/* 갤러리 팝업 */
	.view_pop .img_swiper{width: 45%;}
	.view_pop .txt{width: calc(55% - 5rem);}
	.view_pop .txt .scroll.on{height: 43.6vw;}
	.view_pop .txt .control {margin: 4rem 0 0 0;}
	.view_pop .portfolio{align-items: stretch;}
	.view_pop .portfolio .txt{padding-top: 3rem;}
	.view_pop .portfolio .txt .control{top: initial; bottom: 2rem;}

	/* 설비현황 리스트 */
	.gal_list2 li a .img{width: 40%;}
	.gal_list2 li a .txt{width: calc(60% - 1.5625rem);}
}

@media screen and (max-width:1024px){
	
	.sub_vis_txt em{font-size: 1rem; letter-spacing: -0.025rem;}
	.sub_vis_txt h2{margin-top: 0.75rem; font-size: 3.875rem; letter-spacing: -0.0625rem;}
	.sub_vis_txt p{font-size: 1.15rem; margin-top: 1.25rem; letter-spacing: -0.025rem;}
	.s_tit em{font-size: 1rem;}
	.s_tit .tit{font-size: 2rem;}
	.s_txt{font-size: 1.125rem;}

	/* CEO 인사말 */
	.greet .img .s_tit{left: 52%; gap: 1.25rem;}
	.greet .img .s_tit .tit{font-size: 1.75rem;}
	.greet .s_tit .tab_no{display: none;}
	.greet .s_tit .tit{font-size: 1.75rem;}
	.greet .profile .wrap{flex-direction: column; gap: 2rem;}
	.greet .profile .wrap .logo{width: 18rem;}
	.greet .cont{max-width: 100%;}

	/* 회사 연혁 */
	.history .his_cont .title{width: 43%; top: 8rem;}
	.history .his_cont .title ul li{line-height: 1.5;}
	.history .his_cont .title ul li.on{font-size: 2.5rem;}
	.history .his_cont .right{width: 57%;}
	.history .his_cont .right .detail{width: 100%;}
	.history .his_cont .right .detail ul li{padding-left: 4.25rem; flex-direction: column; gap: 1.125rem; width: 100%;}
	.history .his_cont .right .detail ul li .year{width: 100%;}
	.history .his_cont .right .detail ul li .cont{width: 100%;}

	/* CI */
	.circle_ic{width: 14.75rem;}
	.circle_ic img{width: 4.625rem;}
	.ci_wrap .sec1 .cont::before{top: calc(14.75rem / 2);}
	.ci_wrap .sec1 .item{gap: 2.5rem;}
	.ci_wrap .sec1 .dot{margin-top: calc((14.75rem / 2) - 0.5rem);}
	.ci_wrap .sec2 .cont{flex-direction: column; gap: 2.15rem;}
	.ci_wrap .sec2 .item{width: 100%;}
	.ci_wrap .sec3 .item .wrap .box{height: 12.375rem;}
	.ci_wrap .sec3 .item .wrap .box img {height: 2.5rem;}

	/* FSC® 인증 */
	.s_tit2{font-size: 1.75rem;}
	.fsc{gap: 6.8125rem;}
	.fsc .wrapper{gap: 3.75rem;}
	.fsc .content{gap: 5rem;}
	.fsc .section .txt{gap: 1.875rem; margin-bottom: 2.5rem;}
	.fsc .circle_ic{width: 10.5rem; padding: 0.8215rem; margin-bottom: 1.25rem;}
	.circle_ic .circle::before{width: calc(100% + (0.8215rem * 2)); height: calc(100% + (0.8215rem * 2));}
	.fsc .circle_ic img{width: 3.25rem;}
	.fsc .box_wrap{gap: 1.875rem 1.5625rem !important; flex-wrap: wrap;}
	.fsc .sec2 .box_wrap::before{display: none;}
	.fsc .content .box{padding: 2.75rem 2rem;}
	.fsc .content .box1{width: 100%;}
	.fsc .content .box2{width: 100%;}
	.fsc .content .box2 .wrap .dot{display: none;}
	.fsc .content .box p{font-size: 1.5rem}
	.fsc .content .box .desc{height: 3.25rem; padding: 1.5rem 2.5rem; margin: 2.6215rem auto 0; width: fit-content;}
	.fsc .sec3 .box{width: calc((100% - (1.5625rem * 2)) / 3);}
	.fsc .sec3 .box b{font-size: 1.125rem; letter-spacing: -0.025rem; margin-bottom: 0.625rem;}
	.fsc .bot .cont{flex-direction: column; align-items: flex-start; gap: 1.875rem;}
	.fsc .bot .cont .txt{width: 100%;}
	.fsc .bot .cont .certi{padding-left: 0; padding-top: 1.875rem; border-left: none; border-top: 1px solid #D9D9D9; width: 100%; gap: 1.875rem;}
	.fsc .bot .cont .certi img{width: 4.8125rem;}
	.fsc .bot .box{padding: 2rem; gap: 1.75rem;}
	.fsc .bot .box .check{font-size: 1.125rem; padding: 0.75rem 1.875rem;}
	.fsc .bot .box .wrap{gap: 1.5rem; flex-direction: column;}
	.fsc .bot .box .wrap dl{width: 100%;}
	.fsc .bot .box .wrap dl dt{margin-bottom: 0.75rem;}

	/* 갤러리 게시판 리스트 */
	.bd_top .search .srh_sel{width: 10.5rem;}
	.bd_top .search .srh_input{width: 24.8545rem;}
	.bd_list_wrap .gal_list{gap: 2.125rem 1.5rem;}
	.bd_list_wrap .gal_list li{width: calc((100% - (1.5rem * 2)) / 3);}
	.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - (1.5rem * 3)) / 4);}
	.bd_list_wrap .gal_list li .txt{margin-top: 1.125rem; font-size: 1.25rem;}
	.no_data{padding: 8rem 0;}

	/* 갤러리 팝업 */
	.view_pop .content{gap: 3rem;}
	.view_pop .txt{width: calc(55% - 3rem);}
	.view_pop .txt .control {margin-top: 2.565rem; gap: 2.1875rem;}
	.view_pop .txt .control .arrow {gap: 0.75rem;}
	.view_pop .txt .control .arrow div{width: 3.125rem;}
	.view_pop .txt .control .arrow div img{width: 1.33931rem;}
	.view_pop .txt .control .pagination{gap: 0.625rem; font-size: 0.875rem;}
	.view_pop .txt .control .swiper-pagination-current {font-size: 1.5625rem;}
	.view_pop .txt .control .swiper-pagination-total{font-size: 1rem;}
	.view_pop .portfolio .txt{padding-top: 1rem;}
	.view_pop .portfolio .txt .control{bottom: 1rem;}
	.view_pop .txt .s_txt *{font-size: 1.125rem !important;}

	/* 제작문의 */
	.bd_write_wrap .bd_cate{margin-bottom: 4rem; overflow-x: auto;}
	.bd_write_wrap .bd_cate li{width: auto;}
	.bd_write_wrap .bd_cate li a{width: auto; padding: 1rem 2rem; white-space: nowrap;}
	.bd_write_wrap .cont .tp_wrap .box{padding: 2.15rem 2rem; margin-top: 1.875rem;}
	.bd_write_wrap .cont .tp_wrap .box li{padding-left: 1rem;}
	.bd_write_wrap .cont .tp_wrap .box li + li{margin-top: 0.5rem;}
	.bd_write_wrap .cont .tp_wrap .box li::before{top: 0.5rem;}
	.bd_write_wrap .form{margin-top: 5rem;}
	.bd_write_wrap .form .section + .section{margin-top: 4rem; padding-top: 4rem;}
	.bd_write_wrap .form .s_tit2{margin-bottom: 1.75rem;}
	.bd_write_wrap .form .wrap{gap: 1.5rem 2.5rem;}
	.bd_write_wrap .form .wrap dl{width: calc(50% - (2.5rem / 2));}
	.bd_write_wrap .form .wrap dl dt{margin-bottom: 0.75rem; font-weight: 600;}
	.bd_write_wrap .form .wrap dl dd .input{width: 100%;}
	.bd_write_wrap .form .sec2 .wrap{gap: 1.5rem 2.5rem;}
	.bd_write_wrap .form .sec2 .wrap + .wrap{margin-top: 1.5rem;}
    .bd_write_wrap .form .wrap .file_chk_dp {width: 80px;}
    .bd_write_wrap .form .wrap .dpp_input_file::before {width: calc(100% - .5rem - 80px);}
	.bd_write_wrap .form .wrap .desc{margin-top: 1rem; font-size: 1rem;}
	.bd_write_wrap .form .wrap .size{gap: 1.5rem 2.5rem; width: calc(50% - (2.5rem / 2));}
	.bd_write_wrap .form .wrap .size dl:not(.quan){width: 100%;}
	.bd_write_wrap .form .wrap .size dl.quan{width: 100%;}
	.bd_write_wrap .form .wrap .img{width: calc(50% - (2.5rem / 2)); text-align: center;}
	.bd_write_wrap .form .wrap .img img{width: 80%;}
	.bd_write_wrap .form .privacy_box{height: 7.8125rem; padding: 0.8125rem 0.445rem 0.8125rem 0.9375rem; margin-bottom: 1.25rem;}
	.bd_write_wrap .form .privacy_box .use_wrap h5{font-size: 0.875rem; margin-bottom: 0.565rem;}
	.bd_write_wrap .form .privacy_box .use_wrap li,
	.bd_write_wrap .form .privacy_box .use_wrap p{font-size: 0.875rem; letter-spacing: -0.0125rem;}
	.bd_write_wrap .form .privacy_box .use_wrap .margin-top-30{margin-top: 1.25rem;}
	.bd_write_wrap .form .privacy_agree{gap: 0.625rem;}
	.bd_write_wrap .form .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem;}
	.bd_write_wrap .form .checkbox{width: 1.25rem; height: 1.25rem; background-size: 1rem;}
	.bd_write_wrap .btn_wrap{margin-top: 3.125rem;}
	.bd_write_wrap .submit{font-size: 1.25rem; padding: 1rem 2.5rem;}

	/* 설비현황 리스트 */
	.bd_list_wrap2{gap: 2.5rem;}
	.bd_list_wrap2 .nav_wrap{width: 8.5rem; top: 7.5rem; border-radius: 0.625rem;}
	.bd_list_wrap2 .nav_wrap li a{font-size: 1.25rem; letter-spacing: -0.0625rem; padding: 1rem 1.25rem;}
	.bd_list_wrap2 .cont{width: calc(100% - 2.5rem - 8.5rem);}
	.bd_list_wrap2 .search{margin-bottom: 2.5rem;}
	.bd_list_wrap2 .srh_input input{height: 4.3125rem; font-size: 1.25rem; padding-left: 1.875rem; padding-right: 10rem; border-radius: 0.625rem;}
	.bd_list_wrap2 .srh_input button{font-size: 1.125rem; padding: 0.75rem 1.25rem; gap: 0.75rem; border-radius: 0.625rem; right: 0.75rem;}
	.bd_list_wrap2 .srh_input button img{width: 1.25rem;}
	.gal_list2{gap: 1.5rem;}
	.gal_list2 li{width: calc(50% - (1.5rem / 2)); border-radius: 1.25rem;}
	.gal_list2 li a{gap: 1.5625rem; padding: 1.875rem 1.5625rem; flex-direction: column;}
	.gal_list2 li a .view{width: 2.5rem; right: 0.9375rem; bottom: 0.9375rem;}
	.gal_list2 li a .img{width: 100%;}
	.gal_list2 li a .txt{width: 100%; gap: 0.25rem;}
	.gal_list2 li a .txt .cate{font-size: 1.125rem; letter-spacing: -0.025rem;}
	.gal_list2 li a .txt .tit{font-size: 1.375rem;}
	.gal_list2 li a .txt .have{font-size: 1.125rem; letter-spacing: -0.0375rem;}


}

@media screen and (max-width:768px){

	/* sub visual */
	.sub_visual{height: 31.25rem; background-image: url(/img/sub/sub_visual_m.jpg);}
	.sub_visual.bg02{background-image: url('/img/sub/설비현황_m.jpg');}
	.sub_visual.bg03{background-image: url('/img/sub/포트폴리오_m.jpg');}
	.sub_visual.bg04{background-image: url('/img/sub/커뮤니티_m.jpg');}
	.sub_visual.bg05{background-image: url('/img/sub/제작문의_m.jpg');}
	.sub_vis_txt{padding-top: 9.3815rem;}
	.sub_vis_txt em{font-size: 0.875rem;}
	.sub_vis_txt h2{margin-top: 0.625rem; font-size: 2.125rem;}
	.sub_vis_txt p{font-size: 1rem; margin-top: 1.135rem;}

	/* sub menu */
	.sub_tab_menu{display: none;}
	.sub_menu{position: absolute; bottom: 2.5rem; left: 1.25rem; right: 1.25rem; border-radius: 0.625rem; background: rgba(0, 0, 0, 0.20); height: 3.215rem;}
	.sub_menu::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.625rem; border: 1px solid rgba(255, 255, 255, 0.50);}
	.sub_menu > ul{position: relative; display: flex; align-items: center; z-index: 10; height: 100%;}
	.sub_menu > ul > li{position: relative; height: 100%;}
	.sub_menu > ul > li:nth-child(3):before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 1rem; background: rgba(255,255,255,0.5);}
	.sub_menu > ul > li > a {display: flex; align-items: center; padding: 0 0.8125rem; font-size: 0.875rem; height: 100%; font-weight: 600; color: #fff;}
	.sub_menu > ul > li.home {width: 3.125rem; border-radius: 0.625rem 0 0 0.625rem; overflow: hidden;}
	.sub_menu > ul > li.home > a {display:block; height:100%; background: var(--gra); position: relative;}
	.sub_menu > ul > li.home > a::before{content: ''; display: block; width: 1.25rem; aspect-ratio: 1/1; background: url(/img/sub/home_ic.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.sub_menu > ul > li.menu_btn {width: calc((100% - 3.125rem) / 2); position: relative;}
	.sub_menu > ul > li.menu_btn::after{content: ''; display: block; width: 0.75rem; aspect-ratio: 1/1; background: url(/img/sub/sub_menu_arrow.svg) no-repeat center / contain; position: absolute; right: 0.8125rem; top: 50%; transform: translateY(-50%); transition: all 0.5s;}
	.sub_menu > ul > li.menu_btn.on::after{transform: translateY(-50%) rotate(-180deg);}
	.sub_menu_txt {display: none; position: absolute; left: 0; top: calc(3.215rem + 0.3125rem); width: 100%; background: #fff; z-index:100; border-radius: 0.625rem; overflow: hidden;}
	.sub_menu_txt::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.625rem; border: 1px solid #E3E3E3;}
	.sub_menu_txt li {height: 2.8125rem; border-bottom: 1px solid #E3E3E3;}
	.sub_menu_txt li a {display: flex; align-items: center; padding: 0 0.8125rem; font-size: 0.875rem; color: #8E8E8E; height: 100%; font-weight: 600; position: relative; z-index: 2;}
	.sub_menu_txt li.on a, .sub_menu_txt li a:hover{color:#fff; background: var(--blue);}
	.sub_menu_txt li:last-child{border-bottom:none;}

	/* common */
	#sub_content{padding: 4.375rem 0 6.1325rem;}
	.sub_title{margin-bottom: 3.125rem;}
	.sub_title em{font-size: 0.875rem;}
	.sub_title h3{font-size: 1.75rem; letter-spacing: -0.05625rem; margin: 0.675rem 0;}
	.sub_title p{font-size: 0.875rem;}
	.s_tit em{font-size: 0.875rem; letter-spacing: -0.0225rem;}
	.s_tit .tit{font-size: 1.5rem; letter-spacing: -0.0225rem;}
	.s_txt{font-size: 0.875rem; letter-spacing: -0.025rem;}

	/* CEO 인사말 */
	.greet .img{margin-bottom: 2.75rem;}
	.greet .img .mob.s_384{display: none !important;}
	.greet .img .s_tit{top: 60%; transform: translateY(0); left: 1.75rem; gap: 1rem;}
	.greet .img .s_tit .tit{font-size: 1.5rem;}
	.greet .img .sign{gap: 1.25rem;}
	.greet .img .sign span{font-size: 0.875rem;}
	.greet .img .sign strong{font-size: 1.25rem;}
	.greet .img .sign img{width: 5.625rem;}
	.greet .s_tit .tit{font-size: 1.5rem;}
	.greet > .s_tit .tit br{display: none;}
	.greet .s_txt{margin-top: 2.15rem;}
	.greet .profile{padding-top: 2.5rem; margin-top: 2.75rem;}
	.greet .profile .tit{font-size: 1rem; letter-spacing: -0.025rem; margin-bottom: 1.25rem;}
	.greet .profile .wrap{gap: 2rem;}
	.greet .profile .wrap .logo{width: 12rem;}
	.greet .cont{gap: 0.5rem; max-width: 57.25rem;}
	.greet .cont dl{flex-direction: column; gap: 0.35rem 1.25rem; font-size: 0.875rem; padding: 1rem; border-radius: 0.625rem; width: calc(50% - 0.25rem);}
	.greet .cont dl dt{min-width: initial !important;}
	.greet .cont dl dd{width: 100% !important;}
	.greet .cont dl:last-child dd{padding-right: 3rem;}

	/* 회사 연혁 */
	.history{margin-bottom: 0;}
	.history .his_cont{display: block; margin-top: 3.125rem;}
	.history .his_cont .title{width: 100%; top: 3.75rem; background: #fff; z-index: 99; position: sticky !important;}
	.history .his_cont .title::before{content: ''; display: block; width: calc(100% + (1.25rem * 2)); height: 100%; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1;}
	.history .his_cont .title div{overflow-x: auto; padding-bottom: 0.675rem;}
	.history .his_cont .title ul{flex-direction: row; gap: 1.75rem; width: max-content;}
	.history .his_cont .title ul li{font-size: 1.45rem !important; letter-spacing: -0.065rem;}
	.history .his_cont .right{width: 100%; margin: 1.75rem 0 0 !important;}
	.history .his_cont .right::before{height: calc(100% - 3.9425rem); top: 0.9425rem;}
	.history .his_cont .right,
	.history .his_cont .right .detail ul{gap: 2.75rem;}
	.history .his_cont .right .detail ul li{padding-left: 2.25rem; gap: 1rem;}
	.history .his_cont .right .detail ul li::before{width: 0.624rem; left: calc(-0.312rem + 1px); top: 0.9425rem;}
	.history .his_cont .right .detail ul li .year{font-size: 1.25rem; letter-spacing: -0.05rem;}
	.history .his_cont .right .detail ul li .cont dl{font-size: 0.875rem; gap: 1rem;}
	.history .his_cont .right .detail ul li .cont dl + dl{margin-top: 0.5rem;}
	.history .his_cont .right .detail ul li .cont dl dt{width: 1.125rem;}
	.history .his_cont .right .detail ul li .cont dl dd{width: calc(100% - 1rem - 1.125rem);}
	.history .his_cont .right .detail ul li .cont .img{margin-top: 1.5rem; width: 100%;}

	/* CI */
	.ci_wrap{gap: 3.125rem;}
	.ci_wrap .section{gap: 1.75rem;}
	.ci_wrap .sec1 .cont{flex-direction: column; align-items: flex-start; gap: 1rem;}
	.ci_wrap .sec1 .cont::before{display: none;}
	.ci_wrap .sec1 .item{gap: 1.5rem; width: 100%; flex-direction: row; text-align: left;}
	.ci_wrap .sec1 .dot{display: none;}
	.ci_wrap .sec1 .txt{width: calc(100% - 8.125rem - 1.5rem);}
	.circle_ic{width: 8.125rem !important; padding: 0.5315rem !important;}
	.circle_ic .circle::before{width: calc(100% + (0.5315rem * 2)) !important; height: calc(100% + (0.5315rem * 2)) !important;}
	.circle_ic img{width: 2.84375rem !important;}
	.ci_wrap .txt dt{font-size: 1.05rem;}
	.ci_wrap .txt dd{font-size: 0.875rem; margin-top: 0.5rem;}
	.ci_wrap .sec2 .cont{gap: 2.15rem;}
	.ci_wrap .sec2 .item{gap: 1.5rem;}
	.ci_wrap .sec2 .item .icon{width: 8.125rem;}
	.ci_wrap .sec2 .item1 .icon img{width: 2.75rem;}
	.ci_wrap .sec2 .item2 .icon img{width: 4.5rem;}
	.ci_wrap .sec2 .item .txt{width: calc(100% - 1.5rem - 8.125rem);}
	.ci_wrap .sec3 .item{width: 100%;}
	.ci_wrap .sec3 .item strong{font-size: 1.05rem;}
	.ci_wrap .sec3 .item .wrap{gap: 1rem; margin-top: 1.25rem; flex-direction: column;}
	.ci_wrap .sec3 .item .wrap .box{height: 8.375rem; width: 100%;}
	.ci_wrap .sec3 .item .wrap .box img{height: 2rem;}
	.ci_wrap .sec3 .btn_wrap{gap: 0.625rem;}
	.ci_wrap .sec3 .btn_wrap a{font-size: 0.875rem; letter-spacing: -0.0375rem; padding: 0.75rem 1.25rem;}
	.ci_wrap .sec3 .btn_wrap a img{margin-left: 0.5rem; width: 1rem;}
	.ci_wrap .sec4 .wrap{flex-direction: column;}
	.ci_wrap .sec4 .wrap .color{width: 100%;}
	.ci_wrap .sec4 .color{height: 8.5rem; padding: 1.25rem;}
	.ci_wrap .sec4 .color strong{font-size: 1.05rem;}
	.ci_wrap .sec4 .color p{font-size: 0.875rem;}
	.ci_wrap .sec4 .color p + p{margin-top: 0.8rem;}

	/* FSC® 인증 */
	.s_tit2{font-size: 1.375rem;}
	.fsc{gap: 3.125rem;}
	.fsc .wrapper{gap: 1.75rem;}
	.fsc .content{gap: 2.75rem;}
	.fsc .section .txt{gap: 1rem; margin-bottom: 2.5rem;}
	.fsc .circle_ic{margin-bottom: 0.75rem;}
	.fsc .box_wrap{gap: 1.25rem !important;}
	.fsc .content .box2 .wrap{flex-direction: column; gap: 1.25rem;}
	.fsc .content .box{padding: 2.1415rem 2.1415rem;}
	.fsc .content .box p{font-size: 1.125rem;}
	.fsc .content .box .desc{height: 3rem; padding: 0.75rem 2rem; margin: 1.5215rem auto 0;}
	.fsc .content .box .desc p{font-size: 1rem;}
	.fsc .sec3 .txt{margin-bottom: 1rem;}
	.fsc .sec3 .box{width: 100%;}
	.fsc .sec3 .box .circle_ic{margin-bottom: 1.25rem;}
	.fsc .sec3 .box b{font-size: 0.875rem; margin-bottom: 0.625rem;}
	.fsc .bot .box{padding: 2.5rem 1.25rem; gap: 1.875rem; margin-top: 0.75rem;}
	.fsc .bot .box .check{font-size: 0.8125rem; padding: 0.5rem 1.25rem;}
	.fsc .bot .box .wrap{gap: 2.5rem;}

	/* 오시는 길 */
	.location{display: block; gap: 4rem;}
	.location .nav_wrap{width: 100%; top: 3.75rem; border-radius: 0.625rem; z-index: 99; background: #fff; border: none; border-radius: 0;}
	.location .nav_wrap *{width: 100%;}
	.location .nav_wrap ul{display: flex;}
	.location .nav_wrap li{width: 25%;}
	.location .nav_wrap li a{font-size: 0.9rem; padding: 0.75rem 0;}
	.location .nav_wrap li:last-child a{border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
	.location .cont{gap: 0; width: 100%;}
	.location .cont .section{padding-top: 3.125rem;}
	.location .cont .title{font-size: 1.5rem;}
	.location .cont .info{margin-top: 0.75rem; gap: 0.5rem;}
	.location .cont .info .flex{gap: 1rem;}
	.location .cont .info .flex.call{gap: 0.5rem; flex-direction: column; align-items: flex-start;}
	.location .cont .info .flex img{width: 1.125rem;}
	.location .cont .info .flex em{display: flex; align-items: center; gap: 0.5rem;}
	.location .cont .info .flex em b{display: block; min-width: 2.375rem;}
	.location .cont .section > .map{/* height: 20rem; */ margin-top: 2.25rem;}

	/* 갤러리 게시판 리스트 */
	.bd_cate{margin-bottom: 2.15rem;}
	.bd_cate li{width: 20%;}
	.bd_cate li a{width: 100%; padding: 0.875rem 0; font-size: 1rem;}
	.bd_top{margin-bottom: 1.5rem; flex-direction: column-reverse; align-items: flex-start; gap: 3.125rem;}
	.bd_top .total{font-size: 0.875rem;}
	.bd_top .search_form{width: 100%;}
	.bd_top .search{height: 3rem; gap: 0.875rem; width: 100%;}
	.bd_top .search .srh_sel{width: 7rem; padding: 0 0.5rem; font-size: 0.875rem; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 0.25rem center / 1.5rem;}
	.bd_top .search .srh_input{width: calc(100% - 0.875rem - 7rem);}
	.bd_top .search .srh_input input{font-size: 0.875rem; padding-left: 0; padding-right: 1.5rem;}
	.bd_top .search .srh_input button{width: 1rem;}
	.bd_list_wrap .gal_list{gap: 1.75rem 0.75rem;}
	.bd_list_wrap .gal_list li{width: calc((100% - 0.75rem) / 2) !important;}
	.bd_list_wrap .gal_list li .txt{margin-top: 1rem; font-size: 1rem;}
	.no_data{padding: 5rem 0;}
	.no_data .icon{width: 1.75rem;}
	.no_data p{margin-top: 1.125rem; font-size: .875rem;}
	/* pagination */
	.paging_wrap{margin-top: 2.5rem; gap: 1.125rem;}
	.paging_wrap .arrow{width: 1rem;}
	.paging{gap: 1.125rem;}
	.paging a{font-size: 0.875rem;}
	.paging a.on{width: 2rem; height: 2rem;}

	/* 갤러리 팝업 */
	.view_pop{overflow-y: auto; padding-bottom: 3rem;}
	.view_pop .pop_close{width: 1.5rem; right: 1.25rem; top: 1.25rem;}
	.view_pop .title{margin-top: 3rem;}
	.view_pop .title .cate{font-size: 0.875rem;}
	.view_pop .title .tit{margin: 0.1875rem 0; font-size: 1.5rem; letter-spacing: -0.0525rem;}
	.view_pop .content{margin-top: 2.25rem; gap: 2.25rem; flex-direction: column;}
	.view_pop .img_swiper{width: 100%;}
	.view_pop .txt{width: 100%;}
	.view_pop .txt .scroll.on{height: auto;}
	.view_pop .txt .tit{font-size: 1.375rem; margin-bottom: 1.125rem;}
	.view_pop .txt .s_txt *{font-size: 0.875rem !important;}
	.view_pop .txt .control {margin-top: 2.15rem !important; gap: 1.875rem; width: 100%; justify-content: center;}
	.view_pop .txt .control .arrow {gap: 0.75rem;}
	.view_pop .txt .control .arrow div{width: 2.8125rem;}
	.view_pop .txt .control .arrow div img{width: 1.20538rem;}
	.view_pop .txt .control .pagination{gap: 0.625rem; font-size: 0.875rem;}
	.view_pop .txt .control.swiper-pagination-current {font-size: 1.25rem;}
	.view_pop .txt .control .swiper-pagination-total{font-size: 0.875rem;}
    .view_pop .txt .scroll {height: auto; max-height: 12rem !important;}
	.view_pop .portfolio .txt{padding-top: 0;}
	.view_pop .portfolio .txt dl dt{width: 4.5625rem;}
	.view_pop .portfolio .txt dl dd{width: calc(100% - 4.5625rem - 1.25rem);}
	.view_pop .portfolio .txt .control{position: initial;}

	/* 제작문의 */
	.bd_write_wrap .bd_cate{margin-bottom: 4rem;}
	.bd_write_wrap .bd_cate li a{padding: 0.875rem 1.5rem;}
	.bd_write_wrap .cont .tp_wrap .box{padding: 1.25rem; margin-top: 1.5rem;}
	.bd_write_wrap .cont .tp_wrap .box li{padding-left: 0.75rem;}
	.bd_write_wrap .cont .tp_wrap .box li + li{margin-top: 0.35rem;}
	.bd_write_wrap .cont .tp_wrap .box li::before{width: 0.2rem; height: 0.2rem; top: 0.5rem;}
	.bd_write_wrap .form{margin-top: 3rem;}
	.bd_write_wrap .form .section + .section{margin-top: 3rem; padding-top: 3rem;}
	.bd_write_wrap .form .s_tit2{margin-bottom: 1.5rem;}
	.bd_write_wrap .form .wrap{gap: 1.5rem 2.5rem;}
	.bd_write_wrap .form .wrap dl{width: 100%;}
	.bd_write_wrap .form .wrap dl dt{margin-bottom: 0.65rem;}
	.bd_write_wrap .form .wrap dl dd .input{width: 100%;}
	.bd_write_wrap .form .sec2 .wrap{gap: 1.5rem 2.5rem; flex-wrap: wrap; flex-direction: column-reverse;}
	.bd_write_wrap .form .sec2 .wrap + .wrap{margin-top: 1.5rem;}    
    .bd_write_wrap .form .wrap .dpp_input_file {gap: .5rem;}
    .bd_write_wrap .form .wrap .dpp_input_file::before {width: calc(100% - .5rem - 80px); height: 2.813rem;}
    .bd_write_wrap .form .wrap .file-value {font-size: 0.875rem; padding: 0 1rem;}
    .bd_write_wrap .form .wrap .file_chk_dp {font-size: 0.875rem; height: 2.813rem; line-height: 2.813rem;}
	.bd_write_wrap .form .wrap .desc{margin-top: 1rem; font-size: 0.875rem;}
	.bd_write_wrap .form .wrap .size{gap: 1.5rem 2.5rem; width: 100%;}
	.bd_write_wrap .form .wrap .img{width: 100%;}
	.bd_write_wrap .form .wrap textarea{height: 10rem !important;}
	.bd_write_wrap .form .privacy_box{height: 10rem; padding: 0.8125rem 0.445rem 0.8125rem 0.9375rem; margin-bottom: 1.25rem;}
	.bd_write_wrap .form .privacy_box .use_wrap h5{font-size: 0.875rem; margin-bottom: 0.565rem;}
	.bd_write_wrap .form .privacy_box .use_wrap li,
	.bd_write_wrap .form .privacy_box .use_wrap p{font-size: 0.875rem; letter-spacing: -0.0125rem;}
	.bd_write_wrap .form .privacy_box .use_wrap .margin-top-30{margin-top: 1.25rem;}
	.bd_write_wrap .form .privacy_agree{gap: 0.625rem;}
	.bd_write_wrap .form .privacy_agree span{font-size: 0.875rem;}
	.bd_write_wrap .form .checkbox{width: 1rem; height: 1rem; background-size: 0.875rem;}
	.bd_write_wrap .btn_wrap{margin-top: 3.125rem;}
	.bd_write_wrap .submit{font-size: 1rem; padding: 1rem 2.5rem;}
	.dpp_captha{text-align: left !important; margin-top: 2rem;}
	#captcha #captcha_info{font-size: 0.875rem !important;}

	/* 설비현황 리스트 */
	.bd_list_wrap2{gap: 2.5rem; flex-direction: column;}
	.bd_list_wrap2 .nav_wrap{width: 100% !important; top: 0; border-radius: 0.625rem; background: #fff; position: relative;}
	.bd_list_wrap2 .nav_wrap ul{display: flex; flex-wrap: wrap;}
	.bd_list_wrap2 .nav_wrap li{width: 25%;}
	.bd_list_wrap2 .nav_wrap li a{font-size: 0.9rem; padding: 0.75rem 0;}
	.bd_list_wrap2 .nav_wrap li:nth-child(n+9) a{border-bottom: none;}
	.bd_list_wrap2 .cont{width: 100% !important;}
	.bd_list_wrap2 .search{margin-bottom: 1.5rem;}
	.bd_list_wrap2 .srh_input input{height: 3.25rem; font-size: 0.875rem; padding-left: 1.25rem; padding-right: 8rem; border-radius: 0.625rem;}
	.bd_list_wrap2 .srh_input button{font-size: 0.875rem; padding: 0.55rem 1rem; gap: 0.5rem; border-radius: 0.5rem; right: 0.75rem;}
	.bd_list_wrap2 .srh_input button img{width: 0.9rem;}
	.gal_list2{gap: 1.25rem;}
	.gal_list2 li{width: 100%; border-radius: 0.625rem;}
	.gal_list2 li a{gap: 1rem; padding: 1rem; flex-direction: row;}
	.gal_list2 li a .view{width: 2rem; right: 0.9375rem; bottom: 0.9375rem;}
	.gal_list2 li a .img{width: 40%;}
	.gal_list2 li a .txt{width: calc(60% - 1rem); gap: 0.25rem;}
	.gal_list2 li a .txt .cate{font-size: 0.875rem;}
	.gal_list2 li a .txt .tit{font-size: 1.125rem;}
	.gal_list2 li a .txt .have{font-size: 0.875rem;}


}

@media screen and (max-width:430px){
	/* CEO 인사말 */
	.greet .img .mob:not(.s_384){display: none !important;}
	.greet .img .mob.s_384{display: block !important;}
	.greet .img .s_tit{display: none;}
}