

@media screen and (max-width:1799px) {

	.sub_cate ul a {font-size: 16px;}
	
	#header .header_inner .nav_top {width:70%;}
	#header .header_inner .nav_top > li {padding:0 20px;}
	#header .header_inner .nav_top > li > a {font-size: 16px;}
	.menu .sub_menu ul > li > a {font-size: 15px;}



	/* .main_sec_tit .big {font-size: 50px;}
	.main_sec_tit .small {font-size: 16px;}
	
	.main_sec1 .sec1_tit img {width:55%;}
	.main_sec2 .sec2_box li .txt {font-size: 18px;}
	.main_sec2 .sec2_box li .number {font-size: 18px;}
	.main_sec4 .sec4_box .swiper ul li .tit {font-size: 14px;}
	.main_sec4 .sec4_box .swiper ul li .date {font-size: 12px;}
	.main_sec4 .sec4_box .more_btn a {font-size: 14px;} */

	.mento_inner {width: 1000px;}

	.lib_sec2 .box p .sort {width: 35%;}
	.lib_sec2 .box p .cont {width: 65%;}

	.guide1_sec1 .box li {width:18%; margin-right: 2.5%}
	.guide1_sec1 .box li:after {display: none;}
	.guide2_sec1 .box li:after {display: none;}
	.guide2_sec2-3 .txt_box {font-size: 16px; line-height: 22px;}
	.guide2_sec2-3 .box .img {width:35%;}
	.guide2_sec2-3 .box .txt {width: 63%}
	.guide2_sec2-3 .box .txt .sort {width: 10%; text-align: center; margin-right: 2%;}
	.guide2_sec2-3 .box .txt .cont {width: 88%}

	.dev_det_sec2 .box2 .tit .big {font-size: 35px;}
	.dev_det_sec2 .box2 .tit .small {font-size: 18px;}
	.dev_det_sec2 .box2 .infor .sort {font-size: 16px; width: 25%; margin-right: 2%}
	.dev_det_sec2 .box2 .infor .cont {font-size: 16px; width: 73%;}
	.dev_det_sec2 .box2 .infor .cont2 {font-size: 16px;}
	.dev_det_sec2 .box2 .infor .gauge span {font-size: 16px;}

	.dev_det_sec4 .box1 .img {float:unset; width: 100%; margin-right: 0;}
	.dev_det_sec4 .box1 .txt {float:unset; width: 100%; margin-top:30px;}
	.dev_det_sec4 .box1 .txt .big {font-size: 24px;}
	.dev_det_sec4 .box1 .txt .small {font-size: 16px;}
	.dev_det_sec4 .box1 .txt .adress,
	.dev_det_sec4 .box1 .txt .homepage {font-size: 16px;}
	.dev_det_sec4 .box1 .intro {float:unset; width: 100%; font-size: 16px; margin-top:40px;}
	.dev_det_sec4 .box2 .sort {font-size: 15px}
	.dev_det_sec4 .box2 .cont {font-size: 15px}
	.dev_det_sec5 .box li span {font-size: 15px;}

	.board_faq_top .box .tit {font-size: 24px;}
	.board_faq_top .box .tit:before {width: 29px; height: 25px;}
	.board_faq_top .box .information .txt .sort {font-size:16px;}
	.board_faq_top .box .information .txt .cont {font-size: 18px;}


}

@media screen and (max-width:1440px) {
	.dev_det_sec4 .box2 > li {flex-direction: column; gap: 10px;}
	.dev_det_sec4 .box2 .sort {flex-basis: auto;}
	.intro_cp3 .box li {width: calc(33.333% - 27px);}
}


@media screen and (max-width:1199px) {

	.cate_top .top_tit {font-size: 40px;}
	
	.sub_cate ul a {font-size: 14px;}
	.sub_cate ul li {border-bottom: 3px solid transparent;}
	.sub_cate ul li.active {border-bottom: 3px solid #11238c}
	.sub_cate_tit .tit {font-size: 30px;}
	.sub_tit {font-size: 24px;}
	.sub_tit:before {width: 30px; height: 25px; margin-bottom: 5px;}

	.list_guide3 li {width: 100%; margin-right: 0;}
	.list_guide4 li {width: 49%; margin-right: 2%; margin-bottom:20px;}
	.list_guide4 li:nth-child(2n) {margin-right: 0;}

	.m_submenu > a {pointer-events: none;}
	#header {height: 85px;}
	#header .header_inner {transform: unset; position: unset;}
	#header .header_inner .logo_top {width:30%; transform: unset; top:20px; left:30px;}
	#header .header_inner .nav_top > li > a {color:#000;}
	#header .header_inner .nav_right {transform: unset; position: unset; order: 1; padding: 25px 20px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center;}
	#header .header_inner .nav_right a {color:#000; margin: 0;}
	#header .header_inner .nav_top {width: 100%; position: unset;transform: unset; border-top:10px solid #f1f1f1; order: 2;}
	#header .header_inner .nav_top > li {display: block; text-align: left; line-height: 20px; border-bottom:1px solid #ededed; padding:0; margin: 0;}
	#header .header_inner .nav_top > li:after {display: block; clear:both; content: ""}
	#header .header_inner .nav_top > li > a {padding:25px; display: block;}
	#header .header_inner .nav_top > li:hover > a {color: #000;}
	#header .header_inner .nav_top > li:hover::after {display: none;}
	#header .header_inner .nav_top .gga {padding: 20px;}
	#header .header_inner .nav_top .gga a {color: #fff; display: inline-block; padding: 10px 12px 7px;}
	

	.menu .sub_menu {position: unset; transform: unset; box-shadow: none; border-top:1px solid #f8f8f8; background: #f8f8f8;}
	.menu .sub_menu ul > li {width: 100%;}
	.menu .sub_menu ul > li a {padding:10px 25px;}


	.m_menu {display:block; position:absolute; right:1%; top:50%; width:35px; height:35px; transform: translate(-50%,-50%);
		text-decoration:none; z-index: 999;}

	.m_menu span {display:block; width:100%; height:3px; background:#fff;
		color:transparent; position:absolute; top:50%; transform: translate(0,-50%); transition:all 0.5s;}

	.m_menu span:before,
	.m_menu span:after {content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:#fff; transition:all 0.5s;}

	.m_menu span:before {top:-13px;}
	.m_menu span:after {top:13px;}

	.m_menu.on span, #header.active .m_menu.on span {background:rgba(225,245,136,0);}
	.m_menu.on span:before{top:0px; transform : rotate(45deg);}
	.m_menu.on span:after {top:0px; transform : rotate(-45deg);}

	#header.active .m_menu span,
	#header.active .m_menu span:before,
	#header.active .m_menu span:after,
	#header:hover .m_menu span,
	#header:hover .m_menu span:before,
	#header:hover .m_menu span:after {background:#11238c;}

	#header.active .m_menu.on span:before,
	#header.active .m_menu.on span:after,
	#header:hover .m_menu.on span:before,
	#header:hover .m_menu.on span:after {background: #fff;}  



	.aside {
		width:500px; height:100%; background:rgba(255,255,255,1); position:fixed; top:0; left:-500px; bottom:0; transition:all 0.5s; z-index: 999; overflow: scroll;
		display: flex; flex-direction: column;
	}
	.aside.on {width:500px; height:100%; background:rgba(255,255,255,1); position:fixed; top:0; left:0; bottom:0; transition:all 0.5s;}

	.aside .logo_top {display:block;}
	.aside.on img.on {display:inline-block !important;}
	.aside.on img.off {display: none;}

	.aside_bg {position:fixed; }
	.aside_bg.on {position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); z-index: 998; }

	#footer .footer_box1 p {font-size: 16px;}
	#footer .footer_box1 p img {height: 40px;}

	.main_box_1 {background: url('../img/b2b/bg_main_01_m.jpg') no-repeat center center / cover;}
	.main_box_1 .box_list {flex-direction: column; gap: 40px;}
	.main_box_1 .box_list li {height: auto;}
	.main_box_1 .box_list a {flex-direction: row;}

	.intro1_sec1 .box2 .summary .sort {font-size: 14px;}
	.intro1_sec1 .box2 .summary .cont {font-size: 18px; line-height: 24px;}
	.intro1_sec1 .box2 .summary .cont span {font-size: 14px; line-height: 20px;}
	.intro1_sec1 .box2 .summary .icon {width: 40px; height: 40px;}
	.intro1_sec1 .box2 .host p .sort {font-size: 14px;}
	.intro1_sec1 .box2 .host p .cont img {height: 40px;}
	.intro1_sec2 .box li {padding:20px; height: 200px;}
	.intro1_sec2 .box li .txt .small {font-size: 14px;}
	.intro1_sec2 .box li .txt .big {font-size: 20px;}
	.intro1_sec2 .box li.blue_bg .txt .btn {font-size: 14px; padding:13px 7px 7px;}
	.intro1_sec3 .box .box_cont {padding:100px 0;}
	.intro1_sec3 .box .box_cont .icon img {width: 70px;}
	.intro1_sec3 .box .box_cont .time {font-size: 20px;}
	.intro1_sec3 .box .box_cont .place {font-size: 16px;}
	.intro2_sec1 .box p {font-size: 16px;}
	.intro2_sec1 .box p .sort, .intro2_sec1 .box p .sort2 {line-height: 25px;}
	

	.traffic_s .traffic_tab {top: 85px; padding-bottom: 30px;}
	.traffic_s .traffic_tab li a {font-size: 16px;}
	.traffic_s .img_box {top: 180px;}
	.traffic_s .img_box p {font-size: 16px;}
	.traffic_s .table_box p {font-size: 16px;}
	.traffic_s .table_box tr th,
	.traffic_s .table_box tr td {font-size: 14px;}
	.traffic_s .table_box ul li {font-size: 14px;}


	.guide1_sec1 .box li {width:48%; margin-right: 4%; margin-bottom: 20px;}
	.guide1_sec1 .box li:nth-child(2n) {margin-right: 0;}
	.guide1_sec2 .box:after {width:29px; height: 22px;}
	.guide1_sec2 .box .icon {width: 50px;}
	.guide1_sec2 .box .txt .big {font-size: 18px;}
	.guide1_sec2 .box .txt .small {font-size: 14px;}
	.guide1_sec3 li a {font-size: 16px; padding:20px 10px;}
	.guide1_sec3 li:after {right: 20px;}
	.guide1_sec3 li.move:after {width: 7px; height: 7px;}
	.guide2_sec1 .box li {width:48%; margin-right: 4%; margin-bottom: 20px;}
	.guide2_sec1 .box li:nth-child(2n) {margin-right: 0;}
	.guide2_sec2-3 .box table tr th, .guide2_sec2-3 .box table tr td {font-size: 13px; line-height: 18px;}
	.guide2_sec2-3 .comment li {font-size: 13px;}
	.mento_sec1 ul li {width: 20%; margin:0 2% 20px;}
	.mento_sec1 ul li:nth-child(8n) {margin:0 2% 20px;}
	.mento_inner {width: 90%;}
	.mento_det_sec1 .box1 .mento_det_btn1, .mento_det_sec1 .box1 .mento_det_btn2 {font-size: 16px;}

	.lib_sec2 .box p .sort {width: 25%;}
	.lib_sec2 .box p .cont {width: 75%;}

	.intro_cp2 .select {width: 20%;}

	.dev_det_sec1 .box1 .dev_det_btn1, .dev_det_sec1 .box1 .dev_det_btn2 {font-size: 16px;}
	.dev_det_sec3 .box {width: 90%}
	.dev_det_sec4 .box2 {width: 100%; margin-top: 60px;}

	.dev_det_sec6 .box {width: 90%}

	.buy_sec2 .box1 .all_cont {margin-top:0;}
	.buy_sec2 .box2 .list_box tr th, .buy_sec2 .box2 .list_box tr td {font-size: 14px; line-height: 20px;}

	.board_view .box1 {padding:20px;}
	.board_view .box1 .tit {font-size: 18px; line-height: 26px;}
	.board_view .box1 .date {font-size: 14px;}
	.board_view .box2 {padding:20px;}
	.board_view .box2 .file {font-size: 14px;}
	.board_view .box2 .file a {font-size:14px;}
	.board_view .box2 .count {font-size: 14px;}
	.board_view .box3 {font-size: 14px; padding:20px;}
	.board_view .box4 > div > span {font-size: 14px;}
	.board_view .box4 .sort {width: 20%;}
	.board_view .box4 .cont {width: 80%}

	.board_view .box5 .move_list {font-size: 14px;}

	.member_sort {font-size: 14px;}
	.member_sort label input[type="checkbox"] {width: 15px; height: 15px;}
	.member_sort label input[type="radio"] {width: 15px; height: 15px;}

	.my_box input[type="text"],
	.my_box input[type="password"],
	.my_box input[type="tel"],
	.my_box input[type="email"],
	.my_box input[type="date"],
	.my_box select  {font-size: 14px;}
	.my_box tr th, .my_box tr td {font-size: 14px; word-break: keep-all;}
	.my_box tr td .cmnt {font-size: 13px; line-height: 16px;}
	.my_box tr td .cmnt:before {width: 16px; height: 16px; line-height: 16px;}
	.my_box tr td .idpw {max-width: unset;}
	.my_box tr td .idpw a {font-size: 14px;}
	.my_box tr td .userK {width: 48%; margin-right: 3%;}
	.my_box tr td .userE {width: 48%;}
	.my_box tr td .number input[type="tel"]:first-child {width: 20%;}
	.my_box tr td .number input[type="tel"]:last-child {width: 40%;}
	.my_box tr td .email input[type="email"]{width: 30%;}
	.my_box tr td .email select {width: 30%; margin-left: 1%; font-size: 14px}
	.my_box tr td .comm_box p span {font-size: 14px;}
	.my_box tr td .comm_box .cmnt {font-size: 13px;}
	.my_box tr td .comm_box .cmnt:before {width: 17px; height: 17px; line-height: 17px;}


	.my_list_box tr th, .my_list_box tr td {font-size: 14px; padding:10px;}
	.my4_sec2 .box .my_list_box tr td .cscan,
	.my4_sec2 .box .my_list_box tr td .csbooth,
	.my4_sec2 .box .my_list_box tr td .counseling a {font-size: 12px; line-height: 16px;}

	.my4_sec2 .box .my_list_box tr td .state_confirm {font-size: 12px; }
	.my4_sec2 .box .my_list_box tr td .state_refuse {font-size: 12px; }
	.my4_sec2 .box .my_list_box tr td .time_setting {font-size: 12px; }
	.my4_sec2 .box .my_list_box tr td .state_dday {font-size: 14px;}

	.my4_sec2 .skd_tb tr th,
	.my4_sec2 .skd_tb tr td {font-size: 14px; line-height: 20px;}
	.my4_sec2 .skd_tb .view {font-size: 12px; line-height: 16px;}
	.my4_sec2 .skd_tb .enter {font-size: 12px; line-height: 16px;}

	.join_type_sec .inner {font-size: 0;}
	.join_type_sec .join_dev_btn {width: 48%; margin:0 4% 0 0;}
	.join_type_sec .join_buyer_btn {width: 48%; margin:0;}

	
	.join_sec1 .box .member_sort, .join_sec2 .box .member_sort {padding:15px;}
	.join_sec3 .box {padding-bottom: 30px;}
	.join_sec3 .box .top_txt .txt1 {font-size: 18px;}
	.join_sec3 .box .top_txt .txt2 {font-size: 14px;}


	.my4_sec1 .btn {width: 70%}

	.part_box {flex-direction: column;}
	.part_box .part_off {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.part_box .part_on {width: 100%;}
	.part_box .part_tit {font-size: 14px;}
	.part_box .box_tit {font-size: 14px;}
	.part_box .both, .part_box .lounge, .part_box .online {padding: 20px;}
	.part_box .box_cont {margin-top: 20px;}
	.part_box .box_cont .box_stit {font-size: 14px; line-height: 18px;}
	.part_box .box_cont .box_stit:before {width: 4px; height: 4px; border-width: 4px; top:3px;}
	.part_box .box_cont li {font-size: 13px; line-height: 17px; margin: 7px 0;}
	.part_box .box_cont li p {font-size: 12px; line-height: 16px; margin:3px 0;}

	.cons_box .cons_time select {font-size: 14px; height: 35px;}
	.cons_box .cons_btn a {width: 35px; height: 35px; line-height: 35px;}
	.cons_ckbox .cons_time label {font-size: 13px; line-height: 17px !important; padding-left: 25px;}
	.cons_ckbox .cons_time label input {top: -2px;}

	.map_view .next_map {right: -30px;}
	.map_view .prev_map {left: -30px;}
	.map_view .next_map:after,
	.map_view .prev_map:after {width: 25px; height: 25px;}

	.guide2_map .next_map, .guide2_map .prev_map {width: 50px; height: 50px;}
	.guide2_map .next_map {right: -60px;}
	.guide2_map .prev_map {left: -60px;}
	.guide2_map .next_map:after,
	.guide2_map .prev_map:after {width: 20px; height: 20px;}

	.cons_ckbox {flex-direction:column;}
	.cons_ckbox .ckbox {padding:20px 10px; width: 100%; border-bottom: 1px solid #ddd;}
	.cons_ckbox .ckbox:last-child {border: 0;}
	.cons_ckbox .ckbox:nth-child(odd) {border-right: 0;}


	/* 마이페이지 상담스케줄 레이아웃변경 20240131 */
	.my_matching_list .list_item {font-size: 14px;}
	.my_matching_list .number_box {flex-basis: 40px;}
	.my_matching_list .state_box {flex-basis: 80px;}
	.my_matching_list .state_box > div {padding: 5px;}
	.my_matching_list .state_box .reaction:after {width: 10px; height: 10px; top: -5px;}
	.my_matching_list .info_box {gap: 10px 30px;}
	.my_matching_list .btn_box {flex-basis: 190px;}
	.my_matching_list .btn_box .btn a {max-width: 90px;}

	.my_matching_table {overflow: auto;}
	.my_matching_table .table {min-width: 800px;}
	.my_matching_table li > div {font-size: 12px;}
	.my_matching_table .time {flex-basis: 120px;}
	.my_matching_table .table_content .day .item_box {width: 100%;}
	.admin_notice_wrap {font-size: 14px;}
	
	.intro_cp3 .box li {width: calc(50% - 20px);}

}


@media screen and (max-width:899px) {

	#layerPopup .popupBox {width:90%;}

	.cate_top {height: 250px;}
	.cate_top .top_tit {font-size: 30px; bottom: 69px;}
	.sub_cate ul {width: 100%; flex-wrap: wrap; justify-content: flex-start;}
	.sub_cate ul li {width: 33.333% !important; border-bottom: 1px solid #ddd; height: 60px; border-right: 1px solid #ddd;}
	.sub_cate ul li:nth-child(n+4) {border-bottom: 0;}
	.sub_cate ul li.active {background: #11238c; }
	.sub_cate ul li.active a {color: #fff;}

	.sub_cate_tit {padding: 60px 0 30px;}

	.form_box .sort {width: 15%; font-size: 14px;}
	.form_box .check {width: 85%; font-size: 14px;}

	.all_cont {font-size: 16px;}

	/* 2024 행사 종료 ver */
	.main_top .inner {flex-direction: column; padding: 100px 0;}
	.main_top_tit {width: 100%;}
	.main_top_tit img {max-width: 400px;}
	.main_top_video {width: 100%; flex-direction: row;}
	.main_top_video .text .day {font-size: 14px;}

	.intro2_sec1 .box p {font-size: 14px; line-height: 20px;}
	.intro2_sec2 {padding-bottom: 40px;}

	.intro2_sec1 {padding-bottom: 40px;}
	.intro1_sec1 .box1, .intro1_sec1 .box2 {float: unset; width: 100%;}


	.traffic_s .traffic_tab li a {font-size: 14px;}
	.traffic_s .img_box {width: 100%; margin-right: 0; margin-bottom: 20px; position: unset;}
	.traffic_s .info_box {width: 100%;}
	.traffic_s .table_box {margin-top: 20px;}
	.traffic_s .table_box table {margin-top: 20px;}

	.intro1_sec5 .pc_img {display:none;}
	.intro1_sec5 .m_img {display:block;}

	.guide1_sec1 .box li {width: 100%; margin-right: 0;}
	.guide1_sec1 .box li .txt {font-size: 14px;}
	.guide1_sec2 .box {width: 100%; margin-right: 0;}
	.guide1_sec2 .box:last-child {margin-top: 20px;}
	.guide1_sec3 li {width: 100%; margin-top:20px;}
	.guide2_sec1 .box li {height: 300px}
	.guide2_sec2-3 .box {overflow-x: scroll;}

	.mento_sec1 ul li {width: auto; margin:5px;}
	.mento_sec1 ul li:nth-child(8n) {margin:5px;}
	.mento_sec1 ul li a {font-size: 16px; padding:7px 15;}
	.mento_sec2 {padding: 20px 0 60px;}

	.mento_det_sec1 .box1, .mento_det_sec1 .box2 {width: 100%}
	.mento_det_sec1 .box2 {text-align: right; margin-top:20px;}
	.mento_det_sec1 .box2 .like_b {font-size: 14px; padding:10px 10px 10px 33px; width: 80px;}
	.mento_det_sec1 .box2 a {margin-left: 5px;}
	.mento_det_sec1 .box2 a img {width: 35px; }
	.mento_det_sec1 .box1 .mento_det_btn1, .mento_det_sec1 .box1 .mento_det_btn2 {font-size: 14px;}
	.mento_det_sec2 .box1 {width: 100%; margin-right: 0;}
	.mento_det_sec2 .box2 {width: 100%;}
	.mento_det_sec2 .box2 .mento_sort {font-size: 16px;}
	.mento_det_sec2 .box2 .tit {font-size: 20px;}
	.mento_det_sec2 .box2 .name {font-size: 16px; margin-top:20px;}
	.mento_det_sec2 .box2 .dep {font-size: 14px;}
	.mento_det_tit {font-size: 18px;}
	.mento_det_sec3 .box, .mento_det_sec4 .box {font-size: 14px; line-height: 20px;}

	.lib_view .view_box {width: 90%;}

	.dev_det_sec1 .box1, .dev_det_sec1 .box2 {width: 100%; margin-right: 0;}
	.dev_det_sec1 .box2 {text-align: right; margin-top:20px;}
	.dev_det_sec1 .box1 .dev_det_btn1, .dev_det_sec1 .box1 .dev_det_btn2 {font-size: 14px;}
	.dev_det_sec1 .box2 .like_b {font-size: 14px; padding:10px 10px 10px 33px; width:100px;}
	.dev_det_sec1 .box2 a {margin-left: 5px;}
	.dev_det_sec1 .box2 a img {width: 35px; }
	.dev_det_sec2 .box1 {float:unset; width: 99%; margin-right: 0;}
	.dev_det_sec2 .box2 {float:unset; width: 100%; margin-top:40px;}
	.dev_det_sec4 .box1 {float:unset; width: 100%; margin-right: 0;}
	.dev_det_sec4 .box2 {float:unset; width: 100%; margin-top:40px;}

	.buy_sec2 .box2 {padding:0 ; overflow-x: scroll; }
	.buy_sec2 .box2 .list_box {min-width: 700px;}

	.board_faq_top .box .information > div {width: 100%; margin-right: 0;}
	.board_faq_top .box .information .txt .cont {margin-top:0;}
	.board_faq_top .box .information .mail {margin-top:20px;}


	.member_sec {padding:50px 0;}
	.member_sec .box {width:90%;}
	.member_sec .box .top_txt {font-size: 16px;}
	.member_sec .box .box_cont .member_sort {font-size: 16px;}

	.login_sec .box .box_cont .id input, .login_sec .box .box_cont .pw input {font-size: 16px;}
	.login_sec .box .box_cont .find a {font-size: 14px;}
	.login_sec .box .box_cont .btn_login button, .login_sec .box .box_cont .btn_join {font-size: 16px;}
	.find_sec .box .box_cont .sort a {font-size: 14px; padding:15px;}
	.find_sec .box .box_cont .name input, .find_sec .box .box_cont .phone input,
	.find_sec .box .box_cont .tel input, .find_sec .box .box_cont .mail input {font-size: 16px;}
	.find_sec .box .box_cont .btn_check button {font-size: 16px;}

	.my_box tr td .userK {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.my_box tr td .userE {width: 100%;}
	.my_box tr td .comm_box {width: 100%;}

	.my_list_box tr th, .my_list_box tr td {font-size: 12px;}
	.my4_sec2 {overflow: hidden;overflow-x: scroll; margin:0 7.25%;}
	.my4_sec2 .inner {width:100%;}


	.join_type_sec .join_dev_btn {width: 100%; margin: 0 0 20px 0;}
	.join_type_sec .join_buyer_btn {width: 100%;}
	.join_type_sec a {padding:40px 30px;}
	.join_type_sec a .tit {font-size: 18px;}
	.join_type_sec a .txt {font-size: 14px;}

	.mypage_tit {padding:60px 0 30px;}
	.mypage_tit .tit {font-size: 24px;}
	.mypage_tit .txt {font-size: 14px; margin-top: 10px;}
	.mypage_tit .line {margin:15px auto 0;}

	.my_cate li a {font-size: 14px; padding:10px;}

	.my1_sec .txt {font-size: 14px;}
	.my1_sec .txt:before {width: 17px; height: 17px; line-height: 17px;}
	.my4_sec1 .print {display: none;}

	.my4_sec1 .btn {width: 100%;}
	.my4_sec1 .btn li {font-size: 14px; padding:10px;}
	.my4_sec3 p {font-size: 14px; line-height: 20px;}


	.footer_view .view_box {width: 90%;}

	.part_box .both, .part_box .lounge {width: 100%;}
	.part_box .both {border-right: 0; border-bottom: 1px solid #ddd;}

	.map_view .next_map,
	.map_view .prev_map {transform: unset; top: -45px;}
	.map_view .next_map {right: 10px;}
	.map_view .prev_map {right: 50px; left: unset;}
	.map_view .next_map:after, .map_view .prev_map:after {width: 20px; height: 20px;}

	.guide2_map .swiper_box {width: 100%;}
	.guide2_map .next_map,
	.guide2_map .prev_map { bottom: -65px; top: unset; width: 40px; height: 40px;}
	.guide2_map .next_map {right: 40%;}
	.guide2_map .prev_map {left: 40%;}
	.guide2_map .next_map:after, .guide2_map .prev_map:after {width: 15px; height: 15px; border-width: 3px;}

	/* 마이페이지 상담스케줄 레이아웃변경 20240131 */
	.my_matching_list .list_item {flex-direction: column; align-items: flex-start; padding: 20px 20px 20px 15px; gap: 15px;}
	.my_matching_list .number_box {flex-basis: auto; margin-left: 5px; display: none;}
	.my_matching_list .state_box {flex-basis: auto; margin-left: 5px;}
	.my_matching_list .state_box > div {width: 80px; border-radius: 5px;}
	.my_matching_list .info_box {margin: 0;}
	.my_matching_list .btn_box {flex-basis: auto; margin-left: 5px;}
	.my_matching_list .btn_box .btn a {max-width: unset; width: 120px;}

	.my_matching_table .table_content .day .naeyong {flex-direction: column;}
	.my_matching_table .table_content .day .naeyong p:after {display: none;}

	.my_matching_wrap .list_number_wrap .print {display: none;}

	.my_matching_utc .select_wrap select {font-size: 13px;}
	.my_matching_utc .select_wrap .utc_btn {font-size: 13px;}
	.my_matching_utc .select_wrap .hover_text .hidden {font-size: 13px;}

	.my_matching_time_tit {margin-bottom: 10px;}
	.my_matching_time_tit .title {font-size: 16px;}
	.my_matching_time {font-size: 13px;}
	.my_matching_time .switch_label {width: 40px; height: 22px;}
	.my_matching_time .onf_btn {width: 14px; height: 14px;}
	.my_matching_time .switch_wrap input[type="checkbox"]:checked+.switch_label .onf_btn {left: 20px;}
	.my_matching_time .time_list {font-size: 13px;}
	.my_matching_time .time_list li .gubun {width: 100px;}
	.my_matching_time .time_list li .gubun p {font-size: 11px;}

	.admin_notice_wrap .inner {flex-direction: column;}
	.admin_notice_tit {flex-basis: auto; padding: 10px;}
	.admin_notice_tit .tit {height: auto;}
	.admin_notice_tit .alarm {width: 22px; height: 22px; font-size: 10px; line-height: 18px;}
	.admin_list_wrap .admin_list_view {width: 30px;}
	.admin_list_wrap .admin_list_view:after {width: 7px; height: 7px;}
	.admin_list_wrap .admin_list {padding: 0 30px 0 10px;}

	.my_matching_utc {position: relative;}
	.my_matching_time_tit .hover_text {position: unset;}
	.my_matching_time_tit .hover_text .hidden {width: 100%; max-width: unset; top: 40px;}

	.buy_view .view_box .box2 {}
	.buy_view .view_box .box3 {padding: 0 20px 20px}
	.buy_view .view_box .box4 {padding: 20px;}
	.buy_view .view_box .list_btn {width: auto; margin:0 20px;}
	
	.time_list_wrap .tab_btn {margin: 0;}
	.time_list_wrap .tab_btn li {font-size: 12px; padding: 7px 3px;}
	.time_list_wrap .tab_content {min-height: 135px; padding: 10px 20px; margin: 0;}
	.time_list_wrap .tab_content .time_list_box p {font-size: 12px;}
	.time_list_wrap .time_list_arr {width: calc(100% + 30px); transform: translate(-50%,25%);}
	.time_list_wrap .time_list_arr > div {width: 30px; height: 30px;}
	.time_list_wrap .time_list_arr > div:after {width: 10px; height: 10px;}
	.time_list_wrap .no_time {height: 115px;}
	.time_list_wrap .no_time .icon {width: 50px;}

	.intro_cp3_swiper {padding: 60px 0 80px;}

}


@media screen and (max-width:599px) {
	.sub_tit {font-size: 20px;}
	.sub_tit:before {width: 25px; height: 21px; margin-bottom:3px;}

	.sub_tit_2 {font-size: 18px;}
	.sub_tit_2:before {width: 20px; height: 20px;}

	.paging ol li {font-size: 14px;}
	.paging ol li a {width: 40px; height: 40px; line-height: 40px;}

	.form_box .sort {width: 100%; font-size: 14px;}
	.form_box .check {width: 100%; font-size: 14px;}
	.form_box .search input {width: 100%; font-size: 14px;}
	.form_box .search button {margin-left:0; width: 100%; margin-top:20px;}

	#header {height: 70px;}	
	#header .header_inner .logo_top {width: auto; height: 35px;}
	#header .header_inner .logo_top img {height: 100%;}
	#header .header_inner .nav_top > li > a {padding:20px 25px; font-size: 16px;}
	#header .header_inner .nav_right {width: 100%; left:0;}

	.m_menu {width: 30px; height: 30px; }
	.m_menu span {height: 2px;}
	.m_menu span:before {top:-11px; height: 2px;}
	.m_menu span:after {top:11px; height: 2px;}

	.aside {width:80%; left:-80%;}
	.aside.on {width:80%;}
	.aside .logo_top {display: none;}

	#footer .footer_box1 p {margin-right: 0; display: block;}
	#footer .footer_box2 .move_top {width: 40px; height: 40px;}
	#footer .footer_box2 .move_top:after {width: 10px; height: 10px;}
	#footer .footer_box2 .ft_btn {padding: 20px 0;}
	#footer .footer_box2 .ft_btn a {font-size: 14px;}
	#footer .footer_box2 .ft_info .name {font-size: 14px;}
	#footer .footer_box2 .ft_info .info p {margin-top: 5px; margin-right: 10px;}
	#footer .footer_box2 .ft_info .info span {font-size: 14px;}
	#footer .footer_box2 .ft_copy {font-size: 13px; line-height: 1.4; width: calc(100% - 60px);}

	/* 2024 행사 종료 ver */
	.main_top .inner {gap: 40px; padding: 100px 0 60px;}
	.main_top_video {flex-direction: column;}
	.main_top .main_top_scroll {display: none;}

	/* 배경에 비디오 있을 경우 - 2024 행사 ver	
	.main_top .main_top_tit {max-width: 280px;}
	.main_top .main_top_tit .dday {gap: 10px;}
	.main_top .main_top_tit .dday .text {font-size: 18px;}
	.main_top .main_top_tit .dday .day_count {font-size: 35px;}
	.main_top .main_top_scroll {font-size: 14px;} */	

	.main_box_1 {padding: 70px 0;}
	.main_box_1 .box_list {gap: 20px;}
	.main_box_1 .box_list a {flex-direction: column; gap: 10px; padding: 25px;}
	.main_box_1 .box_list .text_box .big {font-size: 20px;}
	.main_box_1 .box_list .text_box .small {font-size: 14px;}
	.main_box_1 .box_list .icon_box .icon {width: 60px;}

	.list_guide4 li {width: 100%; margin-right: 0;}
	.intro1_sec2 .box li {width: 100%;}
	.intro1_sec2 .box li:nth-child(2) {margin-left: 0; margin-top: 20px;}
	.intro1_sec3 .box .box_cont {width: 100%; margin-right: 0; padding:50px 0;}
	.intro3_sec .map .map_box1 iframe {height: 300px;}
	.intro3_sec .box .box_cont li {margin-bottom:10px;}
	.intro3_sec .box .box_cont li .txt .cont p {padding-bottom: 20px;}
	.intro3_sec .box .box_cont li .icon {width: 40px; height:40px}

	.traffic_s .traffic_tab {top: 70px;}
	.traffic_s .traffic_tab li {height: 65px;}
	.traffic_s .traffic_tab li a {font-size: 12px;}
	.traffic_s .img_box p {padding: 10px; font-size: 14px;}
	.traffic_s .img_box p span {font-size: 12px;}


	.guide1_sec1 {padding:0 0 40px;}
	.guide2_sec1 .box li .tit {font-size: 16px;}
	.guide2_sec1 .box li .txt {font-size: 13px;}
	.guide1_sec2 {padding:50px 0;}
	.guide1_sec2 .box {padding:30px;}
	.guide1_sec2 .box:after {display: none;}
	.guide1_sec3 {padding:40px 0 60px;}
	.guide2_sec1 {padding:0 0 60px;}
	.guide2_sec1 .box li {width: 100%; height: auto; margin-right: 0;}
	.guide2_sec1 .box li .icon {margin-top:0;}
	.guide2_sec2 {padding:60px 0 30px;}
	.guide2_sec3 {padding:70px 0 30px;}
	.guide2_sec2-3 .txt_box {font-size: 14px; line-height: 20px;}

	.intro_cp2 .download {float: unset; width: 100%;}
	.intro_cp2 .download a {text-align: center;}
	.intro_cp2 .select {width: 50%; margin-top:20px;}
	.intro_cp3 .box li {width: 100%;}
	.intro_cp3 .box li:hover {display: block}

	.intro_cp3_swiper .swiper-btn-wrap {
		position: absolute; top: 80px; right:0; 
		display: flex; align-items: center; gap: 10px; width:50%; height: 24px; justify-content: flex-end;
	}
	.intro_cp3_swiper .swiper-btn-wrap > div {position: unset; width: 24px; height: 24px;}
	.intro_cp3_swiper .swiper-btn-wrap > div:after {font-size: 24px; font-weight: 700;}


	.lib_sec2 .box .company {font-size: 16px;}
	.lib_view .view_box .box1 .img {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.lib_view .view_box .box1 .txt {width: 100%;}
	.lib_view .view_box .box1 .txt .company {font-size: 20px;}
	.lib_view .view_box .box1 .txt p .sort,
	.lib_view .view_box .box1 .txt p .cont {display: block; width: 100%;}
	.lib_view .view_box .view_tit {font-size: 18px;}
	.lib_view .view_box .box2 .txt li {padding:10px 0;}
	.lib_view .view_box .box2 .txt li .sort {width: 100%}
	.lib_view .view_box .list_btn {font-size: 16px;width: 85%;}

	.dev_det_sec1 .box1 .dev_det_btn1, .dev_det_sec1 .box1 .dev_det_btn2 {padding:15px 0;}
	.dev_det_sec1 .box1 .dev_det_btn1 {width:100%; margin-right:0; margin-bottom: 10px;}
	.dev_det_sec1 .box1 .dev_det_btn2 {width:100%;}
	.dev_det_sec2 {margin-bottom: 60px;}
	.dev_det_sec2 .box2 .tit .big {font-size: 24px;}
	.dev_det_sec2 .box2 .tit .small {font-size: 16px;}
	.dev_det_sec2 .box2 .infor .sort {width: 100%; margin-right: 0; display: block;}
	.dev_det_sec2 .box2 .infor .cont {width: 100%; margin-top:10px; display: block;}
	.dev_det_sec3 {padding:60px 0;}
	.dev_det_sec4 {padding:60px 0;}
	.dev_det_sec4 .box1 .intro {font-size: 14px; line-height: 20px;}
	.dev_det_sec4 .box2 .sort, .dev_det_sec4 .box2 .cont {display: block; font-size: 14px; width: 100%; margin-right: 0;}
	.dev_det_sec4 .box2 > li {gap: 5px;}
	.dev_det_sec5 .box li span {font-size: 14px;}

	.mento_sec1 ul li a {font-size: 14px;}
	.mento_det_sec1 .box1 .mento_det_btn1, .mento_det_sec1 .box1 .mento_det_btn2 {padding:15px 0;}
	.mento_det_sec1 .box1 .mento_det_btn1 {width:100%; margin-right:0; margin-bottom: 10px;}
	.mento_det_sec1 .box1 .mento_det_btn2 {width:100%;}


	.buy_sec2 {overflow: hidden; }
	.buy_sec2 .box1 .download {width: 100%; float:unset; text-align: center;}
	.buy_sec2 .box1 .all_cont {margin-top: 20px;}
	.buy_sec2 .box2 .list_box tr th,
	.buy_sec2 .box2 .list_box tr td {font-size: 12px; line-height: 16px;}
	.buy_sec2 .box2 .list_box .list_number {width: 7%;}
	

	.buy_view .view_box .view_tit {font-size: 18px;}
	.buy_view .view_box .box2 {font-size: 0;}
	.buy_view .view_box .box2 a {display: inline-block;}
	.buy_view .view_box .box2 .like_b {width: 100%; margin: 0;}
	.buy_view .view_box .box2 .interest {width: 100%; margin-top:10px; margin-left: 0;}
	.buy_view .view_box .box2 .biz {width:100%; margin-top:10px; margin-left: 0; margin-bottom:30px; text-align: center;}
	.buy_view .view_box .box2 a {display: inline-block; font-size: 14px; text-align: center;}
	.buy_view .view_box .box3 .txt > li, .buy_view .view_box .box4 .txt > li {font-size: 14px; line-height: 18px; padding:10px 0;}
	.buy_view .view_box .box3 .txt > li .sort, .buy_view .view_box .box4 .txt > li .sort {display: block; width: 100%; position: unset; margin:5px 0}
	.buy_view .view_box .box3 .txt > li .cont, .buy_view .view_box .box4 .txt > li .cont {display: block; width: 100%; margin:5px 0}
	.buy_view .view_box .list_btn {font-size: 16px;}

	.board_top .inner .search_box {width: 100%; margin-top: 20px; font-size: 0;}
	.board_top .inner .search_box .select {width: 30%; margin-right: 5%;}
	.board_top .inner .search_box .select select {width: 100%;}
	.board_top .inner .search_box .search {width: 65%; margin-left: 0;}
	.board_top .inner .search_box .search input {width: 100%;}
	.board_faq {padding:10px 0 60px;}
	.board_faq_top .box .information > div > p {display: block;}
	.board_faq_top .box .information .txt .sort {margin-left: 0;}
	.board_faq_top .box .information .txt .cont {font-size: 16px; line-height: 20px; margin-top:5px; margin-left: 0;}
	.board_faq_top .box .information .icon {margin-bottom:10px;}
	.board_faq_top .box .information .txt .cont {}
	.board_faq .box li > div {padding:20px 50px 20px 65px;}
	.board_faq .box li > div:before {left: 15px; font-size: 20px; width: 35px; height: 35px; line-height: 35px; top:14px;}
	.board_faq .box .ask {font-size: 14px; line-height: 20px;}
	.board_faq .box .answer {font-size: 14px; line-height: 20px;}
	.board_list .box .board_box tr th, .board_list .box .board_box tr td {font-size: 14px;}

	.board_gallery .box li .tit {font-size: 16px;}
	.board_gallery .box li .date {font-size: 13px;}

	.board_view .box4 .sort {width: 35%;}
	.board_view .box4 .cont {width: 65%}

	.my_box tr td .member_sort input[type="text"] {width: 100%;}
	.member_sec .box .box_cont {padding:30px;}
	.member_sec .box .top_txt {font-size: 14px;}
	.login_sec .box .box_cont .pw {margin-bottom: 10px;}
	.login_sec .box .box_cont .id input, .login_sec .box .box_cont .pw input {font-size: 14px;}
	.login_sec .box .box_cont .find a {font-size: 12px;}
	.find_sec .box .box_cont .name input, .find_sec .box .box_cont .phone input,
	.find_sec .box .box_cont .tel input, .find_sec .box .box_cont .mail input {font-size: 14px;}

	.my_box tr th, .my_box tr td {padding:10px;}
	.my_box tr td .idpw input{width: 100%;}
	.my_box tr td .idpw a {width: 100%; margin-left: 0; margin-top:5px;}
	.my_box tr td .userK span, .my_box tr td .userE span {margin-right: 2%;}
	.my_box tr td .addressK span, .my_box tr td .addressE span {margin-right: 2%}
	.my_box tr td .homepage span {margin-right: 2%;}
	.my_box tr td .homepage input {width: 80%;}
	.my_box tr td .number input[type="tel"]:first-child {width: 60%;}
	.my_box tr td .number input[type="tel"]:last-child {width: 100%; margin-top:5px;}
	.my_box tr td .email input[type="email"] {width: 90%}
	.my_box tr td .email input[type="email"]:first-child {margin-bottom: 5px;}
	.my_box tr td .email select {width: 100%; margin-left: 0; margin-top: 5px;}
	.my_box tr td .file_box .upload_name {width: 100%;}
	.my_box tr td .comm_box p .sort {margin-right: 0}
	.my_box tr td .comm_box p .cont > input[type="date"] {width: 100%;}

	.join_step > div {text-align: center;}
	.join_step .step .icon {width: 60px;}
	.join_step .step .txt {font-size: 16px;}
	.join_sec3 .box .top_txt .txt1 span {font-size: 13px; line-height: 18px;}
	.join_sec3 .box .top_txt .txt2 {font-size: 13px;}
	.join_sec4 .join_next_btn {width: 100%; font-size: 16px; padding-bottom: 20px;}


	.my_check_btn {width: 100%; font-size: 16px; padding-bottom: 20px;}

	.com_sec {padding:70px 0;}
	.com_sec .box .tit {font-size: 20px; line-height: 24px;}
	.com_sec .box .login_btn {font-size: 16px; padding:15px; margin: 20px auto;}
	.com_sec .box .txt {font-size: 14px; line-height: 20px;}

	.my_cate ul {flex-wrap: wrap; gap:10px;}
	.my_cate li {width: calc(50% - 5px); border-right: 1px solid #11238c;}
	

	.my_list_box tr td:last-child {text-align: left}
	.my_list_box tr th, .my_list_box tr td img{width: 25px;}
	.my2_sec1 .box {padding-bottom: 40px;}
	
	.my4_sec2 {margin:0 5%;}
	.my4_sec2 .box .my_list_box .list_message {text-align: left;}
	.my4_sec2 .box .my_list_box tr td .time_txt span {display: block;}
	.my4_sec2 .box .my_list_box tr td .time_setting {display: block;}

	.my4_sec2 .skd_tb tr th,
	.my4_sec2 .skd_tb tr td {font-size: 12px; line-height: 16px;}

	.my_skd_view .box td {font-size: 13px; line-height: 17px;}
	.my_skd_view .box .tb_hd {width: 90px;}
	.my_skd_view .box .meetEnter {font-size: 12px; display: block; margin-left: 0; text-align: center; margin-top: 10px;}
	.my_skd_view .box .closebtn {font-size: 14px; padding:15px;}

	.my5_sec {overflow: hidden;}
	.my5_sec .box {overflow-x: scroll;}
	.my5_sec .box .my_list_box tr td:last-child {text-align: center;}
	.my5_sec .box .my_list_box .my_buyer_remove {font-size: 20px; }



	.schedule_view .view_box {width: 90%; }
	.my_time_sett_view .view_box {width: 90%; }
	.my_refuse_view .view_box {width: 90%; }

	.cons_box {border-top: 1px solid #ddd; padding-top: 10px; align-items:stretch;}
	.cons_box.first {border-top: 0; padding-top: 0;}
	.cons_box .cons_time {width: 100%;}
	.cons_box .cons_time select {font-size: 13px; padding: 0; width: 100%;}
	.cons_box .cons_time select:first-child {margin-bottom: 5px;}
	.cons_box .cons_time span {text-align: center; display: block;}
	.cons_box .cons_btn a {height: 100%;}

	.map_view .next_map,
	.map_view .prev_map {transform: unset; top: -35px;}
	.map_view .next_map {right: 10px;}
	.map_view .prev_map {right: 40px; left: unset;}
	.map_view .next_map:after,
	.map_view .prev_map:after {
		width: 15px; height: 15px; border-width: 3px;
	}

	.guide2_map .prev_map {left: 35%;}
	.guide2_map .next_map {right: 35%;}
	.guide2_map .next_map, .guide2_map .prev_map {width: 35px; height: 35px;}
	.guide2_map .next_map:after, .guide2_map .prev_map:after {width: 12px; height: 12px;}

	.popBc .close {background:#11238c; text-align:right; padding:15px; }
	.popBc .close img {width: 20px;}

	/* 마이페이지 상담스케줄 레이아웃변경 20240131 */
	.my_matching_list .list_item {font-size: 12px;}
	.my_matching_list .btn_box {width: 100%;}
	.my_matching_list .btn_box .text {text-align: left;}
	.my_matching_list .btn_box .btn {width: 100%; justify-content:flex-start;}
	.my_matching_list .btn_box .btn a {line-height: 30px; height: 30px; width: 100%; max-width: 160px;}

	.admin_notice_wrap {font-size: 12px;}

	.my_matching_time .time_list_save {flex-direction: column; gap: 20px; }
	.my_matching_time .time_list_save .save_btn {width: 100%;}
	

}