@charset "utf-8";

/*반응형*/
@media(max-width: 1700px){
	/*common*/

	/*header*/
	.t216 .header > .inner{max-width: 100%;padding-left: 50px;padding-right: 50px;}

	/*index*/

	/*footer*/
	.go_portfolio{right: 20px;}

	/*sub*/
}

@media(max-width: 1640px){
	/*common*/

	/*header*/

	/*index*/

	/*footer*/

	/*sub*/
}

@media(max-width: 1500px){
	/*common*/
	.inner{max-width: 100%;padding-left: 50px;padding-right: 50px;}

	/*header*/

	/*index*/
	.t216 .main3 .main_tit{right: 50px;}

	/*footer*/
	.t216 .footer .ft_top .flex{display: block;}
	.t216 .footer .sns_wrap{margin-top: 30px;}
	.t216 .footer .sns_wrap > a:first-child{margin: 0;}
	.t216 .footer .ft_btm{flex-flow: column;align-items: baseline;justify-content: flex-start;gap: 30px;}
	.t216 .footer .ft_term{order: -1;}
	.t216 .footer .ft_term > a:first-child{margin: 0;}

	.go_portfolio{width: 170px;bottom: 70px;}
	.go_portfolio:after{right: 9%;}
	.go_portfolio .tit{font-size: 18px;}

	/*sub*/
	#sub_div > .inner{padding-top: 150px;padding-bottom: 170px;}

	/*about*/
	.t216 .about .tit2{font-size: 28px;}
	.t216 .about .desc1{font-size: 18px;}
	.t216 .about2_ul > li{padding: 60px 0 60px 30px;}
	.t216 .about2_ul .tit2{margin-top: 24px;margin-bottom: 40px;}

	.t216 .about4 .flex .txt .desc1{margin-top: 30px;}

	.t216 .about6 .map{right: 50px;width: calc(100% - 620px);}

	/*게시판 공통*/
	.t216 #bo_list .td_cate{width: 160px;}
	.t216 #bo_list .td_num2{width: 60px;}
	.t216 #bo_list .td_name{width: 100px;}
	.t216 #bo_list .td_datetime{width: 120px;}
	.t216 #bo_list .td_num{width: 80px;}

	/*recriut*/
	.t216 .bo_v_recruit_top{font-size: 28px;}
}

@media(max-width: 1440px){
	/*common*/
	.t216 .header > .inner,
	.inner{max-width: 100%;padding-left: 20px;padding-right: 20px;}

	/*header*/
	.t216 .header .logo{margin-left: 0;}

	/*index*/
	.t216 .main_vd .scroll_down{right: 20px;}

	.t216 .main3 .main_tit{right: 20px;}

	/*footer*/
	.go_portfolio{right: 10px;bottom: 20px;}

	/*sub*/

	/*about*/
	.t216 .about4 .flex{margin-top: 80px;}

	.t216 .about5 .thum{width: 90%;}
	.t216 .about5 .desc1 + .desc1{text-align: left;}

	.t216 .about6 .map{right: 20px;width: calc(100% - 560px);}

	/*works*/
	.t216 .works_ul > li{gap: 40px;}
	.t216 .works_ul .desc1{margin-top: 16px;}
	.t216 .works_ul .desc2{margin-top: 24px;}
	.t216 .works_ul .more_wrap{margin-top: 80px;gap: 20px;}

	/*포트폴리오 팝업*/
	.t216 .pop_close{top: 14px;right: 14px;}
	.t216 .pop_cont{padding: 0 10px;}
	.t216 .pop_wrap.pop_wrap_portfolio{}
	.t216 .pop_wrap.pop_wrap_portfolio .pop{width: 640px;padding: 50px 40px;}
	.t216 .popGall_txt .pop_sbj{font-size: 150%;padding: 24px 0;}
	.t216 .popGall_txt .pop_info{margin-top: 24px;}
	.t216 .popGall_txt .pop_info > li{margin-bottom: 24px;}
	.t216 .popGall_txt .pop_info .c_60{margin-bottom: 6px;line-height: 1;}
	.t216 #popGall_swiper .swp_nav{}
	.t216 #popGall_swiper .swp_nav img{width: 24px;}
	.t216 #popGall_swiper .swp_prev{left: 10px;}
	.t216 #popGall_swiper .swp_next{right: 10px;}
	.t216 #pop_pager{bottom: 4%;}
	.t216 #pop_pager .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
	.t216 #pop_pager .swiper-pagination-bullet-active{width: 16px;}

	/*contact*/
	.bo_w_ct_top{margin: 0 -10px;}
	.bo_w_ct_top > .write_div{padding: 0 10px;}
	.t216 #bo_w.contact .flex{gap: 20px;}
	.t216 #bo_w.contact .bo_w_ct_btm.partnership .flex .write_div{width: calc(50% - 10px);}

	/*apply*/
	.t216 .frm_wrap{}
	.t216 .frm_wrap .gap50{gap: 20px;}
	.t216 .frm_wrap .gap20{gap: 10px;}
}

@media(max-width: 1280px){
	/*common*/
	.gap300{gap: 280px;}

	/*header*/
	.t216 .header .logo{width: 280px;}
	.t216 .menu{gap: 50px;font-size: 17px;}
	.t216 .menu > li{padding: 12px 0;}
	.t216 .menu > li.point{padding: 12px 14px;}
	.t216 .submenu > li > a{padding: 12px 24px;}

	/*index*/
	.t216 .main_wrap{padding-bottom: 280px;}
	.t216 .main1 .m1_img{max-width: 800px;width: 90%;}
	.t216 .main1 .desc1{margin-bottom: 120px;}
	.t216 .m2_wrap{flex-flow: column;width: fit-content;margin: 0 auto;}
	.t216 .m2_wrap > li{width: 100%;}
	.t216 .main3 .m3_ul > li{width: calc(50% - 16.66px);}
	.t216 .main3 .m3_ul > li:nth-child(1){margin-right: 16.66px;}
	.t216 .main3 .m3_ul > li:nth-child(2){margin-right: 0;}
	.t216 .main3 .m3_ul .thum{max-width: 260px;}
	.t216 .yw_btn{padding: 16px 32px;}
	.t216 .main5 .partner_logo{margin: 0 -10px;}
	.t216 .main5 .partner_logo > li{width: 20%;padding: 0 10px;}
	.t216 .main5 .partner_logo > li:nth-child(6){margin-left: 1px;}

	/*footer*/

	/*sub*/
	#sub_div > .inner{padding-top: 100px;padding-bottom: 120px;}

	/*about*/
	.t216 .about .tit2{font-size: 28px;}

	.t216 .about2_ul > li{padding: 40px 20px;}
	.t216 .about2_ul .tit2{margin-bottom: 28px;}
	.t216 .about2_ul .desc1 .nbsp{display: none;}

	.t216 .about3 .sub_tit{text-align: center;}

	.t216 .about4 .sub_tit{text-align: center;}
	.t216 .about4 .flex{flex-flow: column;text-align: center;gap: 60px;}
	.t216 .about4 .flex .thum{order: -1;}

/*	.t216 .about5 .thum{width: 850px;max-width: 70%;}*/
	.t216 .about5 .tit{font-size: 50px;}

	.t216 .about6 > .inner{height: 440px;}

	/*works*/
	.t216 .works_ul > li{gap: 24px;}
	.t216 .works_ul .right{padding-top: 24px;max-width: calc(50% - 24px);}
	.t216 .works_ul .tit{font-size: 32px;}
	.t216 .works_ul .desc1{font-size: 18px;}
	.t216 .works_ul .desc2{font-size: 16px;}
	.t216 .works_ul .more_wrap{gap: 16px;}
	.t216 .see_more{font-size: 18px;}

	/*portfolio*/
	.t216 #bo_gall.portfolio .gall_txt{padding: 30px;}
	.t216 #bo_gall.portfolio .bo_tit{font-size: 20px;}
	.t216 #bo_gall.portfolio .bo_client{font-size: 16px;}

	/*게시판 공통*/
	.t216 #bo_cate #bo_cate_ul > li{margin-right: 40px;}

	.t216 #bo_gall .sub_tit2,
	.t216 #bo_list .sub_tit2{font-size: 26px;}
	.t216 .bo_flex_top + .sub_tit2,
	.t216 .bo_flex_top + .sub_tit2{margin-top: -20px;}

	.t216 .bo_v_flex_hd{padding: 24px 16px;margin-bottom: 16px;}
	.t216 #bo_v_title .bo_v_tit{font-size: 28px;}
	.t216 .bo_v_flex_hd .if_date, .t216 #bo_v_info{font-size: 16px;}

	/*apply*/
	.t216 .apply_top .tit{font-size: 50px;}
	.t216 .apply_top .desc{font-size: 28px;}
}

@media(max-width: 1080px){
	/*about*/
	.t216 .about5 .sub_tit{text-align: left;}
	.t216 .about5 .tit{font-size: 45px;text-align: center;}
	.t216 .about5 .thum{position: relative;right: -5%;width: 120%;max-width: none;margin-bottom: 24px;}
	.t216 .about5 .desc{margin: 0 auto;text-align: center;}
	.t216 .about5 .desc1 + .desc1{text-align: center;}

	.t216 .about6{}
	.t216 .about6 > .inner{display: block;height: auto;}
	.t216 .about6 .sub_tit{margin-bottom: 40px;text-align: center;}
	.t216 .about6 .map{position: static;width: 100%;max-width: 100%;height: 400px;}
	.t216 .about6 .location_ul{width: fit-content;margin: 40px auto 0;}
	.t216 .about6 .location_ul > li{}
	.t216 .about6 .location_ul > li + li{margin-top: 20px;}
}

@media(max-width: 992px){
	/*hover 제거*/
	.t216 .m4_swiper .item:before,
	.t216 .m4_swiper .item .txt{opacity: 1;}
	.go_portfolio:hover:before{width: 0;height: 0;opacity: 0;}
	.go_portfolio:hover .tit{color: #fff;}
	.t216 .download_btn:hover:before{transform: scale(0);opacity: 0;}
	.t216 .see_more:hover{background: transparent;border: solid 2px rgba(255,255,255,.15);color: #fff;}
	.t216 .see_more:hover img{filter: none;}
	/*common*/

	/*header*/
	.t216 .header{height: 100px;}
	.t216 .header .logo{max-width: 100%;aspect-ratio: auto;width: 240px;}
	.t216 .header .logo img{width: 100%;max-width: 100%;height: auto;}
	.t216 .menu{display: none;}
	.t216 .ham{display: block;}

	.t216 .mo_menu_wrap{position: absolute;top: 0;right: 0;width: 100%;height: 100vh;opacity: 0;visibility: hidden;pointer-events: none;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all .3s ease-out;z-index: 200;}
	.t216 .mo_menu_wrap .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);backdrop-filter: blur(2px);}
	.t216 .mo_menu{opacity: 0;transform: translateX(-100%);transition: all .3s ease-out;padding: 0 20px 100px;overflow-x: hidden;overflow-y: auto;position: absolute;top: 0;left: 0;width: fit-content;height: 100%;background: var(--05);width: 300px;max-width: 85%;}
	.t216 .mo_menu::-webkit-scrollbar{background: transparent;width: 4px;height: 4px;}
	.t216 .mo_menu::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(255,255,255,0.3);}
	.t216 .mo_menu::-webkit-scrollbar-track{background: transparent;border-radius: 10px;}
	.t216 .mo_menu > li.logo{margin-bottom: 24px;}
	.t216 .mo_menu > li.logo > a{padding: 25px 0;}
	.t216 .mo_menu > li{}
	.t216 .mo_menu > li > a{font-size: 36px;font-weight: 700;line-height: 1;transition: all .2s;display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 24px;cursor: pointer;padding: 16px 0;}
	.t216 .mo_menu > li > a .arr{transition: all .2s;}
	.t216 .mo_menu li:hover > a{color: var(--point);}
	.t216 .mo_submenu{display: none;background: var(--15);}
	.t216 .mo_submenu > li{}
	.t216 .mo_submenu > li + li{}
	.t216 .mo_submenu > li > a{display: block;font-size: 18px;opacity: .9;transition: all .2s;padding: 10px;}

	.t216 .menu_on .mo_menu_wrap{opacity: 1;visibility: visible;pointer-events: auto;}
	.t216 .menu_on .mo_menu{opacity: 1;transform: translateX(0);}
	.t216 .mo_menu > li.on > a{}
	.t216 .mo_menu > li.on > a .arr{transform: rotate(180deg);}
	.t216 .mo_menu > li.on .mo_submenu{}

	/*index*/
	.t216 .main_vd .scroll_down{right: 10px;bottom: 10px;}
	.t216 .main_vd .scroll_down img{width: 23px;}

	/*footer*/
	.t216 .footer{padding: 40px 0;}

	.go_portfolio{width: 150px;}
	.go_portfolio .tit{font-size: 16px;}
	.go_portfolio .desc{font-size: 11px;margin-top: 12px;}

	/*sub*/
	.t216 #sub_div{margin-top: 100px;}
	#sub_div > .inner{padding-top: 80px;padding-bottom: 100px;}

	.sub_top{font-size: 70px;margin-bottom: 60px;}
	.sub_top_tit{font-size: 32px;}
	.sub_top_desc{font-size: 18px;margin-top: 40px;}

	/*about*/
	.t216 .about .tit2{font-size: 24px;}
	.t216 .about .desc1{font-size: 16px;}

	.t216 .about2_ul{display: block;width: fit-content;margin: 0 auto;}
	.t216 .about2_ul:before{display: none;}
	.t216 .about2_ul > li{width: 100%;border-bottom: solid 1px var(--30);}

	.t216 .about6 .map{height: 360px;}
	.t216 .about6 .location_ul{font-size: 16px;}
	.t216 .about6 .location_ul .tit{gap: 18px;width: 130px;}
	.t216 .about6 .location_ul .tit img{width: 30px;}

	/*works*/
	.t216 .see_more{font-size: 16px;gap: 2px;padding: 5px;min-width: 120px;}
	.t216 .works3 .flex{flex-flow: column;margin-bottom: 80px;}
	.t216 .works3 .thum{order: -1;}
	.t216 .works3 .tit1{font-size: 36px;}

	/*portfolio*/
	.t216 #bo_gall.portfolio .sub_tit{font-size: 36px;}
	.t216 #bo_gall.portfolio .gall_txt{padding: 24px;}
	.t216 #bo_gall.portfolio .bo_tit{font-size: 18px;}
	.t216 #bo_gall.portfolio .bo_client{font-size: 14px;}

	.t216 #bo_w.portfolio .write_div.flex .bo_w_label{height: 54px;}

	/*게시판 공통*/
	.t216 .bo_w_label{font-size: 16px;}
	.t216 .frm_input,
	.t216 #bo_w .frm_input,
	.t216 #bo_w .bo_w_tit .frm_input,
	.t216 .frm_select,
	.t216 #bo_w .bo_w_select select{height: 54px;}
	.t216 #bo_w .write_div{margin-bottom: 24px;}

	.t216 #bo_gall .sub_tit2,
	.t216 #bo_list .sub_tit2{font-size: 24px;}

	.t216 .bo_v_flex_hd{padding: 16px 5px;gap: 16px;}
	.t216 #bo_v_title .bo_v_tit{font-size: 24px;}
	.t216 .bo_v_flex_hd .if_date, .t216 #bo_v_info{font-size: 15px;}

	.t216 #bo_list .td_cate{width: 120px;}
	.t216 #bo_list .td_num2{width: 60px;}
	.t216 #bo_list .td_name{width: 90px;}
	.t216 #bo_list .td_datetime{width: 100px;}
	.t216 #bo_list .td_num{width: 60px;}

	.t216 .bo_fx,
	.t216 .board_search{margin-top: 60px;}
	.t216 .btn_write.user{font-size: 15px;width: 100px;height: 44px;}

	/*버튼 공통*/
	.t216 #bo_w .btn_round_wrap{margin: 60px auto 0;gap: 16px;}
	.t216 #bo_w .btn_round_wrap .btn{max-width: 140px;height: 54px;font-size: 17px;}

	/*contact*/
	.pg_wrap{margin-top: 60px;}
	.t216 .contact .sub_tit{margin-bottom: 60px;}
	.t216 #bo_list.contact .pg_wrap{margin: 60px auto 0;transform: none;}

	.bo_w_ct_btm{padding: 24px;}
	.t216 #bo_w.contact .bo_w_label{margin-bottom: 10px;}
	.t216 .file_noti{margin-top: 60px;font-size: 15px;}

	/*recruit*/
	.t216 .bo_v_recruit_top{margin-bottom: 45px;}
	.t216 .bo_v_recruit_top .tit{font-size: 180%;}
	.t216 #bo_v.recruit .yw_btn, .t216 .apply .yw_btn{margin: 60px auto 0;padding: 16px 36px;}

	/*apply*/
	.t216 .apply_top{margin-bottom: 60px;padding-bottom: 60px;}
	.t216 .apply_top .tit{font-size: 40px;}
	.t216 .apply_top .desc{font-size: 26px;}

	.t216 .frm_wrap .bo_w_label{margin-bottom: 10px;}
	.t216 .frm_textarea{height: 400px;}
}

@media(max-width: 768px){
	/*common*/
	.gap300{gap: 240px;}

	.fz_26{font-size: 24px;}
	.fz_24{font-size: 22px;}
	.fz_22{font-size: 20px;}
	.fz_20{font-size: 18px;}
	.fz_18{font-size: 16px;}
	.fz_16{font-size: 14px;}

	.desc1{font-size: 18px;}
	.desc2{font-size: 16px;}
	.desc3{font-size: 14px;}

	/*header*/
	.t216 .mo_menu{}
	.t216 .mo_menu > li > a{}
	.t216 .mo_submenu > li > a{}

	/*index*/
	.t216 .main_wrap{padding-bottom: 240px;}

	.t216 .main1 .m1_img{max-width: 500px;}
	.t216 .main1 .desc1{margin-top: 40px;margin-bottom: 80px;}
	.t216 .main1 .desc2 .nbsp{display: block;}

	.t216 .m2_wrap > li{gap: 16px;}
	.t216 .m2_wrap .thum{width: 100px;}
	.t216 .m2_wrap .tit{margin-bottom: 24px;}

	.t216 .main3 .main_tit{position: static;text-align: center;margin-bottom: 80px;}
	.t216 .main3 .m3_ul{font-size: 14px;gap: 100px 20px;}
	.t216 .main3 .m3_ul > li{width: calc(50% - 10px);}
	.t216 .main3 .m3_ul > li:nth-child(1){margin-right: 0;}
	.t216 .main3 .m3_ul .thum{max-width: 240px;}

	.t216 #m4_pager .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;}
	.t216 .m4_prev, .t216 .m4_next{width: 16px;}
	.t216 .m4_swiper .txt{font-size: 16px;}

	.t216 .main5 .partner_logo{margin: 0;}
	.t216 .main5 .partner_logo > li{padding: 0;width: 25%;}
	.t216 .main5 .partner_logo > li:nth-child(5){margin-left: 1px;}
	.t216 .main5 .partner_logo > li:nth-child(6){margin: 0;}

	/*footer*/

	/*sub*/

	/*about*/
	.t216 .about1 .sub_top_desc .nbsp2{display: block;}

	.t216 .about5 .sub_tit{padding-bottom: 24px;margin-bottom: 80px;}
	.t216 .about5 .tit{font-size: 40px;}
	.t216 .about5 .thum{width: 140%;right: 0;}

	/*works*/
	.gap200{gap: 150px;}
	.t216 .works_ul{gap: 150px;}
	.t216 .works_ul > li{flex-flow: column;}
	.t216 .works_ul > li > .thum{order: -1;aspect-ratio: auto;flex: inherit;width: 100%;height: 400px;}
	.t216 .works_ul .right{max-width: 100%;padding-top: 0;}
	.t216 .works_ul .tit br{display: none;}
	.t216 .works_ul .more_wrap{width: 500px;max-width: 100%;margin-top: 60px;}

	.t216 .works_ul > li:nth-child(even){}
	.t216 .works_ul > li:nth-child(even) .more_wrap{margin-left: auto;}
	.t216 .works_ul > li:nth-child(even) .more_wrap .see_more{order: inherit;}

	.t216 .works_ul .desc2 .slash_br{display: none;}
	.t216 .works_ul .desc2 .slash_br + .slash{display: inline-block;}

	.t216 .works3 .tit3{font-size: 22px;}

	/*포트폴리오 팝업*/
	.t216 .pop_cont{padding: 0 10px;}
	.t216 .pop_wrap.pop_wrap_portfolio{font-size: 16px;}
	.t216 .pop_wrap.pop_wrap_portfolio .pop{width: 500px;padding: 40px 28px;border-radius: 20px;}
	.t216 .pop_close{top: 8px;right: 8px;}
	.t216 .pop_close img{width: 28px;}
	.t216 .popGall_txt .pop_info{margin-top: 16px;}
	.t216 .popGall_txt .pop_info > li{margin-bottom: 16px;}
	.t216 .popGall_txt .pop_sbj{font-size: 133.33%;padding: 16px 0;}
	.t216 #popGall_swiper .swp_nav img{width: 18px;}
	.t216 #pop_pager{bottom: 3%;}
	.t216 #pop_pager .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
	.t216 #pop_pager .swiper-pagination-bullet-active{width: 12px;}

	/*포트폴리오*/
	.t216 #bo_w.portfolio .write_div.flex{display: block;}
	.t216 #bo_w.portfolio .write_div.flex .bo_w_label{height: auto;margin-bottom: 4px;}
	.t216 #bo_w.portfolio .bo_w_label br{display: none;}

	/*게시판 공통*/
	.t216 #bo_gall.portfolio .sub_tit{margin-bottom: 60px;}
	.t216 .bo_flex_top{margin-bottom: 60px;gap: 40px;}
	.t216 #bo_cate #bo_cate_ul > li{margin-right: 20px;}
	.t216 #bo_gall .sub_tit2,
	.t216 #bo_list .sub_tit2{font-size: 22px;margin-bottom: 60px;}

	.t216 .tbl_head01 thead th{font-size: 16px;height: 60px;}
	.t216 .tbl_head01 td{font-size: 15px;padding: 16px 4px;height: 60px;}
	.t216 #bo_list .td_subject{padding-left: 10px;}

	.t216 .board_search #bo_sch > form{gap: 10px;}

	/*버튼 공통*/
	.t216 #bo_w .btn_round_wrap{margin: 50px auto 0;gap: 12px;}
	.t216 #bo_w .btn_round_wrap .btn{max-width: 120px;height: 54px;font-size: 16px;}
	.pg_wrap{margin-top: 60px;}

	/*contact*/
	.t216 .btn_write.user{font-size: 14px;width: 80px;height: 40px;}
	.t216 .bo_v_ct_ul{font-size: 17px;}
	.bo_w_ct_btm{padding: 16px;}
	.t216 .frm_textarea{height: 300px;}
}

@media(max-width: 580px){
	/*common*/
	.gap300{gap: 240px;}

	.fz_26{font-size: 22px;}
	.fz_24{font-size: 20px;}
	.fz_22{font-size: 19px;}
	.fz_20{font-size: 17px;}
	.fz_18{font-size: 15px;}
	.fz_16{font-size: 13px;}

	.desc1{font-size: 17px;}
	.desc2{font-size: 15px;}
	.desc3{font-size: 13px;}

	.t216 .yw_btn{font-size: 16px;}

	/*header*/
	.t216 .header{height: 80px;}
	.t216 .logo{width: 200px;}
	.t216 .ham{width: 24px;aspect-ratio: 24/16;}
	.t216 .mo_menu{padding: 0 20px 100px;}
	.t216 .mo_menu > li > a{font-size: 30px;}
	.t216 .mo_menu > li > a .arr{width: 20px;}
	.t216 .mo_submenu > li > a{font-size: 16px;}

	/*index*/
	.t216 .main_wrap{padding-bottom: 240px;}

	.t216 .main1{padding: 0 20px;}
	.t216 .main1 .m1_img{max-width: 450px;width: 100%;}
	.t216 .main1 .desc1{margin-bottom: 60px;}

	.t216 .m2_wrap{text-align: center;}
	.t216 .m2_wrap > li{flex-flow: column;}

	.t216 .main3 .m3_ul{font-size: 13px;}
	.t216 .main3 .m3_ul > li{width: 100%;}

	.t216 .m4_swiper .txt{font-size: 15px;}

	.t216 .main5 .partner_logo{}
	.t216 .main5 .partner_logo > li{width: 33.33%;}
	.t216 .main5 .partner_logo > li:nth-child(5){margin-left: 0;}
	.t216 .main6 .thum{right: 50%;transform: translate(50%,-50%);min-width: 470px;}

	.t216 .main6{text-align: center;}
	.t216 .main6 > .inner{justify-content: center;}
	.t216 .main6 .tit{margin-top: 24px;}
	.t216 .main6 .yw_btn{margin: 80px auto 0;}

	/*footer*/
	.t216 .footer .ft_top{font-size: 14px;}
	.t216 .footer .ft_top .logo{width: 200px;}
	.t216 .ft_ul > li{margin-top: 30px;}
	.t216 .footer .ft_btm{font-size: 13px;}

	.go_portfolio{width: 140px;}
	.go_portfolio .tit{font-size: 14px;}
	.go_portfolio .desc{font-size: 10px;margin-top: 10px;}

	/*sub*/
	.t216 #sub_div{margin-top: 80px;}

	.sub_top{font-size: 60px;}
	.sub_top_tit{font-size: 26px;}
	.sub_top_desc{font-size: 16px;}

	/*about*/
	.t216 .about .desc1{font-size: 15px;}

	.t216 .about1{padding: 0 20px;}
	.t216 .about1 .sub_top_desc .nbsp3{display: block;}
/*	.t216 .about1 .sub_top_desc .d_none{display: none;}*/
	.t216 .download_btn{font-size: 15px;margin-top: 40px;}

	.t216 .about2_ul > li{padding: 30px 10px;}

	.t216 .about4 .flex .txt .desc1 .nbsp2{display: block;}

	.t216 .about5 .tit{font-size: 7vw;}
	.t216 .about5 .desc .desc1{word-break: keep-all;}

	.t216 .about6 .map{height: 300px;}
	.t216 .about6 .location_ul{margin-top: 30px;}
	.t216 .about6 .location_ul > li{}
	.t216 .about6 .location_ul > li + li{margin-top: 16px;}
	.t216 .about6 .location_ul .tit{gap: 16px;width: 110px;}
	.t216 .about6 .location_ul .tit img{width: 26px;}
	.t216 .about6 .location_ul{font-size: 14px;}

	/*works*/
	.t216 .works_ul > li > .thum{height: 300px;}
	.t216 .works3 .tit1{font-size: 32px;}
	.t216 .works3 .tit3{font-size: 20px;}

	/*portfolio*/
	.t216 #bo_gall.portfolio .sub_tit{font-size: 32px;}
	.t216 #bo_gall.portfolio .gall_txt{padding: 24px 16px;}
	.t216 #bo_gall.portfolio .bo_tit{font-size: 16px;}
	.t216 #bo_gall.portfolio .bo_client{font-size: 13px;}
	.t216 .adm_edit_btn{font-size: 14px;padding: 6px 8px;}

	/*게시판 공통*/
	.t216 #bo_cate #bo_cate_ul > li{margin-right: 12px;}
	.t216 #bo_cate #bo_cate_ul > li > a{font-size: 16px;}
	.t216 #bo_gall .sub_tit2,
	.t216 #bo_list .sub_tit2{font-size: 20px;margin-top: -40px;margin-bottom: 40px;}

	.t216 #bo_v_title .bo_v_tit{font-size: 20px;}
	.t216 .bo_v_flex_hd .if_date, .t216 #bo_v_info{font-size: 14px;}
	.t216 .contact .sub_tit{margin-bottom: 40px;}
	.t216 #bo_v #bo_v_con,
	.t216 .bo_v_ct_ul{font-size: 16px;}
	.t216 .bo_v_nb{font-size: 14px;}

	.t216 .tbl_head01 thead th{font-size: 15px;height: 50px;}
	.t216 .tbl_head01 td{font-size: 14px;padding: 10px 2px;height: 50px;}
	.t216 .bo_notice .notice{padding: 6px 8px;}
	.t216 #bo_list .td_cate{width: 100px;}
	.t216 #bo_list .td_name{width: 70px;}
	.t216 #bo_list .td_datetime{width: 80px;}
	.t216 #bo_list .td_num{width: 50px;}
	.t216 #bo_list .td_subject{padding-left: 6px;}

	/*contact*/
	.t216 .bo_fx,
	.t216 .board_search{margin-top: 30px;}
	.pg_wrap{margin-top: 30px;}
	.t216 .contact .sub_tit{margin-bottom: 30px;}
	.t216 #bo_list.contact .pg_wrap{margin: 30px auto 0;}

	/*recruit*/
	.t216 .bo_v_recruit_top{font-size: 26px;margin-bottom: 30px;}
	.t216 .bo_v_recruit_top .tit{font-size: 160%;margin-top: 24px;}

	/*apply*/
	.t216 .apply_top{margin-bottom: 40px;padding-bottom: 40px;}
	.t216 .apply_top .tit{font-size: 36px;}
	.t216 .apply_top .desc{font-size: 22px;}
	.t216 .frm_wrap .gap50{flex-flow: column;gap: 0;}
}

@media(max-width: 480px){
	/*header*/
	.t216 .header .logo{width: 200px;}

	/*sub*/
	.sub_tit{font-size: 36px;}

	/*about*/
	.t216 .about5 .tit{font-size: 8vw;}
	.t216 .about5 .desc .desc1 .nbsp{display: none;}

	.t216 .about6 .location_ul{text-align: center;}
	.t216 .about6 .location_ul > li{display: block;}
	.t216 .about6 .location_ul > li + li{margin-top: 26px;}
	.t216 .about6 .location_ul .tit{gap: 10px;width: auto;justify-content: center;margin-bottom: 10px;}
	.t216 .about6 .location_ul .tit img{width: 22px;}

	/*works*/
	.t216 .works3 .desc1 .nbsp{display: none;}

	/*포트폴리오 팝업*/
	.t216 .pop_wrap.pop_wrap_portfolio{font-size: 14px;}
	.t216 .pop_wrap.pop_wrap_portfolio .pop{width: 400px;padding: 36px 10px;}
	.t216 #popGall_swiper .swp_nav img{width: 14px;}

	/*contact*/
	.t216 .contact .sub_tit{font-size: 32px;}

	.bo_w_ct_top.estimate > .write_div{width: 100%;}
	.t216 #bo_w.contact .flex{flex-flow: column;gap: 24px;}
	.t216 #bo_w.contact .bo_w_ct_btm.partnership .flex .write_div{width: 100%;}

	/*apply*/
	.t216 .apply_top .tit{font-size: 30px;}
	.t216 .apply_top .desc{font-size: 18px;}
}

@media(max-width: 450px){
	/*common*/

	/*header*/

	/*index*/
	.t216 .m4_top{display: block;margin-bottom: 24px;text-align: center;}
	.t216 .m4_top .m4_nav{margin-top: 80px;justify-content: center;}

	.t216 .main5 .partner_logo > li{width: 50%;}
	.t216 .main5 .partner_logo > li:first-child{margin: 0 1px;}

	/*footer*/

	/*sub*/
	.sub_top{font-size: 50px;}
}

@media(max-width: 400px){
	/*common*/

	/*header*/
	.t216 .mo_menu{}
	.t216 .mo_menu > li > a{font-size: 24px;}
	.t216 .mo_menu > li > a .arr{width: 16px;}
	.t216 .mo_submenu > li > a{font-size: 14px;}

	/*index*/
	.t216 .m2_wrap .nbsp{display: none;}

	/*footer*/

	/*sub*/

	/*about*/
	.t216 .about .desc1{font-size: 14px;}

	/*works*/
	.t216 .works_ul > li > .thum{height: 240px;}
	.t216 .works_ul .tit{font-size: 28px;}
	.t216 .works_ul .tit br{display: block;}
	.t216 .works_ul .desc2 .nbsp{display: none;}
	.t216 .works_ul .right{position: relative;}
	.t216 .works_ul .more_wrap{width: 120px;position: absolute;top: 0;margin: 0;}
	.t216 .works_ul .more_wrap .thum{display: none;}
	.t216 .works_ul > li:nth-child(odd) .more_wrap{right: 0;}
	.t216 .works_ul > li:nth-child(even) .more_wrap{left: 0;}
	.t216 .works_ul .desc2{margin-top: 30px;}

	/*게시판 공통*/
	.t216 .frm_input,
	.t216 #bo_w .frm_input,
	.t216 .frm_select,
	.t216 #bo_w .bo_w_select select,
	.t216 .frm_textarea{font-size: 15px;}
	.t216 .board_search #bo_sch select, .t216 .board_search #bo_sch .sch_input{font-size: 15px;}

	.t216 .tbl_head01 thead th{font-size: 14px;}
	.t216 .tbl_head01 td{font-size: 12px;padding: 5px 2px;}
	.t216 #bo_list .td_cate{width: 90px;}
	.t216 #bo_list .td_name{width: 60px;}
	.t216 #bo_list .td_datetime{width: 70px;}
	.t216 #bo_list .td_num{width: 40px;}
	.t216 #bo_list .td_subject{padding-left: 4px;}

	.t216 #bo_v_title .bo_v_tit{font-size: 18px;}
	.t216 #bo_v #bo_v_con,
	.t216 .bo_v_ct_ul{font-size: 15px;}
	.t216 .bo_v_nb{font-size: 13px;}

	/*contact*/
	.t216 .file_noti{margin-top: 40px;font-size: 14px;}

	/*apply*/
	.t216 .apply_top .tit{font-size: 26px;}
	.t216 .apply_top .desc{font-size: 16px;}
	.t216 .frm_textarea{height: 240px;}
}

@media(max-width: 360px){
	/*common*/
	.fz_26{font-size: 20px;}
	.fz_24{font-size: 18px;}
	.fz_22{font-size: 17px;}
	.fz_20{font-size: 15px;}
	.fz_18{font-size: 14px;}
	.fz_16{font-size: 12px;}

	.desc1{font-size: 16px;}
	.desc2{font-size: 15px;}
	.desc3{font-size: 12px;}

	.t216 .yw_btn{font-size: 15px;}

	.t216 .main_tit{font-size: 40px;}

	/*header*/

	/*index*/
	.t216 .main1 .desc1{max-width: 164px;margin-left: auto;margin-right: auto;}
	.t216 .main1 .desc2 .nbsp2{display: block;}
	.t216 .main1 .desc2 > span + span .nbsp{display: none;}

	.t216 .main6 .tit{font-size: 18px;}

	/*footer*/
	.t216 .footer .ft_btm{gap: 18px;}

	.go_portfolio{width: 114px;bottom: 94px;}
	.go_portfolio .tit{font-size: 12px;}
	.go_portfolio .desc{font-size: 9px;}
	.go_portfolio .desc br{display: block;}

	/*sub*/
	.sub_top{font-size: 45px;margin-bottom: 50px;}
	.sub_top_tit{font-size: 22px;}
	.sub_top_desc{font-size: 14px;margin-top: 30px;}

	.sub_tit{font-size: 32px;}

	.t216 .download_btn{font-size: 14px;margin-top: 30px;padding: 16px 24px;gap: 20px;}

	/*about*/
	.t216 .about4 .flex .txt .desc1 .nbsp3{display: block;}

	.t216 .about5 .tit{font-size: 7.5vw;}

	/*works*/
	.t216 .works3 .tit1{font-size: 26px;}

	.t216 .works_ul .more_wrap{width: 100px;}
	.t216 .works_ul .more_wrap .see_more{font-size: 12px;min-width: auto;}
	.t216 .works_ul .more_wrap .see_more img{width: 20px;}

	.t216 .popGall_txt .pop_info > li{width: 100%;}

	/*게시판 공통*/
	.t216 .bo_flex_top .sub_top{flex: inherit;}
	.t216 #bo_cate #bo_cate_ul > li > a{font-size: 14px;}
	.t216 #bo_gall .sub_tit2,
	.t216 #bo_list .sub_tit2{font-size: 18px;}
}

@media(max-width: 320px){
	/*sub*/
	.sub_top{font-size: 38px;}

	/*works*/
	.t216 .works_ul > li > .thum{height: auto;aspect-ratio: 1;}
	.t216 .works_ul .tit{font-size: 24px;}
	.t216 .works_ul .more_wrap{width: 96px;top: -10px;}
	.t216 .works_ul > li:nth-child(odd) .more_wrap{right: -5px;}
	.t216 .works_ul > li:nth-child(even) .more_wrap{left: -5px;}

	/*apply*/
	.t216 .apply_top .tit{font-size: 24px;}
	.t216 .apply_top .desc{font-size: 14px;}
	.t216 .frm_wrap .gap20{flex-flow: column;}
}

@media (orientation: portrait) {
	/* Portrait 모드일 때 적용할 CSS */
	.t216 .main_vd .vd_wrap{width: 200%;}
}

@media (orientation: landscape) {
	/* Portrait 모드일 때 적용할 CSS */
	.t216 .main_vd .vd_wrap{max-height: calc(100% - 150px);}
}