/*2024.08.07 이다혜 반응형 작업*/

/****************common*********************/
#header .header_cont,
.header_gnb_cont,
.index #container .inner, #footer .inner {max-width:1200px; width:100%}

.header_cont .util {display:flex}
.header_cont .util .util-right > .lang_m{display:none}

#header h1 .burger_menu {display:none}

.header_gnb_m {display:none}
.gnb_bg {display:none; position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);}
.gnb_bg.on {display:block; z-index:999999}

/*********************메인 페이지**********************/

.index_mov .bnr a span.m_none {display:inline}

/*main section5*/
.index .company_wrap .company_slide li a {width:100%}
.index .company_wrap .company_slide li a .thum {width:100%}
.index .company_wrap .company_slide li a .thum img {width:100%}
.company_wrap .company_control > span {display:flex}
.main_host .host_control > span {display:flex}
.main_host .main_host_slide .host_control {top:-50px}

.index .main_host {max-width:1200px; width:100%}
.index .main_host .host_slide {max-width:1200px; width:100%}


/*********************footer**********************/
.mailing_wrap {max-width:480px; width:100%}

/*****media query*****/

/*pc 이상*/
@media all and (max-width:1279px) {
	/*common*/
	/*rem 기준*/
	html {font-size:10px}
	body {font-size:16px}

	img {max-width:100%}
	#header .header_cont,
	.header_gnb_cont,
	.index #container .inner,
	#footer .inner,
	#wrap.index{max-width:100%; width:100%; min-width: auto;}

	#wrap {width:100%; max-width:100%; min-width: auto}

	#header {height: auto; background:#fff}
	#header .header_cont {display: grid; height: auto}
	#header h1 {order:2; margin-top:0; padding:0 2.5%; display: flex; height: 50px; align-items: center; justify-content: space-between; background:#fff; box-sizing:border-box}
	#header h1.fixed {position:fixed; top: 0; left: 0; width: 100%; z-index: 999999}
	#header h1 a {display:block; width:150px}
	#header h1 .burger_menu {display:block; width: 38px; height: 38px; background: url(/ko/images/common/btn_allcate.png) no-repeat center center; background-size: 18px}
	.header_cont .util {order:1; float:none; margin-top:0; background:#223078; padding:0 0 0 2.5%; display:flex; justify-content:space-between}
	.header_cont .util .util-right {display:flex; gap:1rem}
	.header_cont .util .util-right > * {position:relative}
	.header_cont .util .util-right > *::after{content:''; display:block; width:1px; height:1rem; background:rgba(255,255,255,0.5); position:absolute; right:-0.7rem; top:16px}
	.header_cont .util .util-right > *:last-child::after {display:none}
	.header_cont .util .util-right > .util03::after {display:none}
	.header_cont .util .util-right > .lang_m{display:block; width:30px; background:#000; color:#fff; font-size:13px}
	.header_cont .util p {color:#fff; font-size:13px; margin-right:0}
	.header_cont .util a {width: auto; background: transparent; border: 1px solid transparent}
	.header_cont .util a > span {font-size:13px; padding-left:0}
	.header_cont .util a.util01 {background: transparent; border-color: transparent; width:auto!important}
	.header_cont .util a.util02 > span {background:none}
	.header_cont .util a.util03 {margin-left: 0; background: transparent; border-color: transparent; width:auto!important}
	.header_cont .util a.util03 > span {color:#fff; background:none}
	.header_cont .util a > span > span {display:none}

	.header_gnb {display:none}
	.header_gnb_m.left_gnbWrap {display:block; height: 100vh; width: 302px; position: fixed; right: -302px; top: 0; background-color: #4d4c4b; padding-top: 50px; z-index: 9999999; transition: all 0.3s; overflow-y:auto}

	.header_gnb_m.on {right:0}
	
	.left_gnb {width:100%; overflow-x:hidden}
	.left_gnb>li{
		width: 100%;
		border-top:1px solid #5a5856;
	}
	.left_gnb>li:last-child{border-bottom:1px solid #5a5856;}

	.left_gnb>li>a{
		display: block; text-align: left; line-height: 50px;
		width: 100%; height: 50px; background-color: #4d4c4b;
		color: #fff; font-size:16px;
		padding:0 15px; font-weight:600; font-size:17px;
	}
	.left_gnb>li>a.on{
		background-color: rgba(255,255,255,0.2);
	}
	.left_gnb>li>ul{
		display: none;
	}

	.left_gnb>li>ul>li>a{
		display: block; text-align: left; line-height: 50px;
		width: 100%; height: 50px; background-color: #eee;
		color: #222; font-size:15px;
		padding:0 15px;
	}

	.left_gnb>li>ul>li>ul>li{padding:10px 20px; font-size:14px;}

	.left_gnb>li>span{display: block;
		text-align: left;
		line-height: 50px;
		width: 100%;
		height: 50px;
		background-color: #fff;
	}
	.left_gnb>li>span a{ color: #214ba0; font-size: 16px; display:block; width:100%; padding:0 15px; font-weight: 600}
	.close_gnb {display:block; width:24px; position:absolute; top:13px; right:10px}

	/*main*/
	.main #container, .index #container, #container {margin:0}

	.main_vis .main_vis_txt {width:100%}
	.index_count {top: auto; bottom:0; width:100%; height:auto}
	.index_count dl {padding: 1rem 2.5%; display: grid; grid-template-columns: repeat(5, 1fr)}
	.index_count dt {margin:0; align-self:center; font-size:2.2rem}
	.index_count dd {margin:0; font-size:1.6rem}
	.index_count strong {font-size:6rem; line-height:6rem}
	
	.main_vis .main_vis_txt strong {margin-bottom:0}
	.main_vis .main_vis_txt strong .m_br {display:block}

	.main_vis .control {width: auto; left: auto; margin-right:0}
	.main_vis .control a {width:1.6rem; height:1.6rem; margin-left:0.4rem}

	/*main section2*/
	.index_topbtn {padding:12rem 2.5%; height: auto}
	.index_topbtn .txt {padding-left:0; padding-bottom:4rem}
	.index_topbtn .txt span {font-size:2.2rem; margin-bottom:2rem}
	.index_topbtn .txt strong {font-size:3rem; line-height:3rem}
	.index_topbtn .topbtn_aside {top:-1rem}
	.index_topbtn .topbtn_aside .btn {height:5rem; line-height:5rem}
	.index_topbtn .inner > ul {display:grid; grid-template-columns: repeat(4, 1fr); margin-top:3rem}
	.index_topbtn li {margin: 0 -1.25vw; width: 25.96vw; height: 18.69vw}
	.index_topbtn li a {height: 100%}
	.index_topbtn li a span {font-size:1.09vw; line-height:1.8; margin-left:-3.13vw}
	.index_topbtn li a strong {padding-top: 12.90vw; font-size: 1.88vw; margin-left: -3.13vw}
	.index_topbtn .topbtn01 {background: url("../images/index/topbtn01.png") no-repeat 0 0 / contain}
	.index_topbtn .topbtn02 {background:url("../images/index/topbtn02.png") no-repeat 0 0 / contain}
	.index_topbtn .topbtn03 {background: url("../images/index/topbtn03.png") no-repeat 0 0 / contain}
	.index_topbtn .topbtn04 {background: url("../images/index/topbtn05.png") no-repeat 0 0 / contain}

	/*main section3*/
	.index_notice {margin-top:0; padding-bottom:12rem}
	.notice_latest {padding:4rem 2.5%; margin-bottom:5rem}
	.notice_latest a {padding:0}
	.notice_latest .thum {float:none; max-width:380px; width:85%; margin:0 auto}
	.notice_latest .txt {float:none; width:100%; margin-left:0; margin-top:4rem; padding-top:0}
	.notice_latest .txt strong {height: auto; font-size:3.5rem; line-height:4rem}
	.notice_latest .txt .txt_detail {height: auto}
	.notice_latest .txt .date {margin-top:1.5rem; font-size:1.9rem}

	.notice_list {padding:0 2.5%}
	.notice_list h2 {font-size:6rem}
	.notice_list h2 {float:none; width:100%}
	.notice_list > ul {float:none; width:100%}
	.notice_list > ul > li {padding:2.2rem 0rem 1.8rem 0rem}
	.notice_list > ul > li a {font-size:1.9rem; line-height:2.4rem}
	.notice_list > ul > li .date {font-size:1.9rem; line-height:2.4rem}
	.notice_list.add {margin-top:12rem}
	.notice_list h2 a {margin-bottom:6rem; padding-bottom:0; font-size:6rem; display:block; background:url("../images/index/btn_more.png") no-repeat right}

	/*main section4*/
	.index_mov {padding:11rem 0 8rem 0}
	.index_mov h2 {font-size:6rem; margin-bottom:4rem}
	.index_mov .bnr {max-width:1200px; width:95%; display: grid; min-height: auto; grid-template-columns: repeat(2, 50%); margin: 6rem auto 4rem}
	.index_mov .bnr li {width:100%; background: #1785cd; float:none; min-height:100px; height: auto}
	.index_mov .bnr a {padding:1rem 8rem 1rem 3rem; display: flex; flex-direction: column; justify-content: center; min-height:100px; height: auto; background: url("../images/index/bnr_bg01.png") no-repeat 95% 2rem; background-size:4rem}
	.index_mov .bnr a strong {font-size:2.7rem; padding-top:0.6rem}
	.index_mov .bnr a span {margin-top:1rem; font-size:1.6rem}
	.index_mov .bnr .bnr02 a {background: url("../images/index/bnr_bg02.png") no-repeat 95% 2rem; background-size:4rem}
	.index_mov .bnr a span.m_none {display:none}

	/*main section5*/
	.company_wrap {padding:0 2.5%; margin-bottom:9rem}
	.company_wrap .company_control {right:2.5%}
	.index .company_wrap .company_slide {max-width:1200px; width:100%; margin:0 auto}
	.index .company_wrap .company_slide li a {height: auto}
	.index .company_wrap .company_slide li a .thum {height: 276px; position:relative}
	.index .company_wrap .company_slide li a .thum img {height:100%; position:absolute; left:0; top:0; object-fit:cover}

	.index .main_mb {padding:12rem 0}
	.index h2 {margin-bottom:4rem; font-size:4rem}

	.index .main_host {max-width:100%; padding:0 2.5%; box-sizing:border-box}

	.main_host .host_slide ul li {height:60px; display:table; padding:4px; text-align:center}
	.main_host .host_slide ul li img { display:table-cell; vertical-align:middle; margin:0 auto}

	.index .main_host .host_slide {max-width:100%}

	/*footer*/
	.footer_info {padding:0 2.5%}
	.footer_info .inner .logo {float:none; width:100%; padding-top:3rem}
	.footer_info .inner > ul {float:none; border-left:none; box-sizing:border-box; overflow:hidden; padding:3rem 0}
	.footer_info .inner > ul > li {float:none}
	.footer_info .inner .logo > * {box-sizing:border-box}
	.footer_info .inner .logo img {margin:0 auto}
	.footer_info .inner h4 {font-size:1.7rem}

	.footer_copy {height: auto; width:100%; padding:4rem 0 0; box-sizing:border-box}
	.footer_copy .copy {float:none; width:100%; padding:0 2.5%; box-sizing:border-box; text-align:center}
	.footer_copy .sns {margin-top:3rem; padding-bottom:3rem; overflow:hidden; display:flex; justify-content:center; gap:10px}
	.mailing_wrap {max-width:100%; float:none; height: auto; box-sizing: border-box; padding:4rem 2.5%; text-align:center}
	.mailing_wrap .mailing_inp {display:flex; justify-content: center}
	.mailing_wrap .mailing_inp input[type=text] {float:none}
	.mailing_wrap .btn {float:none}
	.footer_copy .sns li {float:none; margin-right:0}
}

/*메인 유튜브 비디오 반응형*/
@media all and (max-width:880px) {
	/*main section4*/
	.index_mov .mov {width:95%; position:relative; padding-bottom:51.25%}
	.index_mov .mov iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%}
}

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (min-width:1024px) and (max-width:1279px) {
	/*main*/
	.main_vis,
	.main_vis > ul li{height:62.54vw}
	.main_vis .control {top:3rem; right:2.5%}
	.main_vis .main_vis_txt {top:5.47vw; right:2.5%; margin-right:0}
	.main_vis .main_vis_txt strong {font-size:5.86vw; line-height:7.03vw}
	.main_vis .main_vis_txt > span {margin-top:2vw}
	.main_vis .main_vis_txt > span img{max-width:35.18vw}
} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 
	/*common*/
	html {font-size: 9px}

	/*main*/
	.main_vis,
	.main_vis > ul li{height:62.54vw}
	.main_vis .control {top:3rem; right:2.5%}
	.main_vis .main_vis_txt {top:6.47vw; right:2.5%; margin-right:0}
	.main_vis .main_vis_txt strong {font-size:4.86vw; line-height:6.03vw}
	.main_vis .main_vis_txt > span {margin-top:3vw}
	.main_vis .main_vis_txt > span img{max-width:31.18vw}

	.index_count strong {font-size:4rem; line-height:4rem}
	.index_count dt {font-size:1.8rem}

	/*main section2*/
	.index_topbtn li a strong {padding-top:11.9vw}

	/*main section3*/
	.notice_latest .thum {margin:3rem auto 0}

	/*footer*/
	.footer_info .inner > ul > li.host03 {width:100%}
	.footer_info .inner h4 {margin:6px 0; min-width:88px}
	.footer_info .inner > ul > li.host p {width:calc(100% - 88px); gap: 15px 2rem}
	.footer_info .inner > ul > li.host img {margin-right:0}
}


/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*common*/
	html {font-size: calc(1000vw/500)}

	/*main*/
	.main_vis,
	.main_vis > ul li{height:83.33vw}
	.main_vis .control {top:2rem; right:2.5%}
	.main_vis .control a {width:8px; height:8px}
	.main_vis .main_vis_txt {top:10.47vw; right:2.5%; margin-right:0}
	.main_vis .main_vis_txt strong {font-size:6.86vw; line-height:8.03vw}
	.main_vis .main_vis_txt > span {margin-top:5vw}
	.main_vis .main_vis_txt > span img{max-width:41.18vw}

	.index_count strong {font-size:3rem; line-height:3rem}
	.index_count dt {font-size:1.8rem}
	.index_count span {margin-top:4px; font-size:1.3rem}

	/*main section2*/
	.index_topbtn {padding:6rem 2.5%}
	.index_topbtn .topbtn_aside {position:static; display:flex}
	.index_topbtn .topbtn_aside .btn {float:none; height:50px; line-height:50px}
	.index_topbtn .inner > ul {grid-template-columns:repeat(2, 1fr); gap:3rem 0; margin-top:4rem}
	.index_topbtn li {width:100%; height:32.69vw; margin: 0 0.75vw}
	.index_topbtn li a strong {padding-top:20.9vw; font-size:3.88vw; margin-left:-6.13vw}
	.index_topbtn li a span {font-size:3vw; margin-left:-8.13vw}

	/*main section3*/
	.index_notice {padding-bottom:6rem}
	.notice_latest {margin-bottom:0}
	.notice_latest .thum {margin:5rem auto 0}
	.notice_latest .txt strong {font-size:2.5rem}
	.notice_latest .txt .date {font-size:1.3rem}

	.notice_list.add {margin-top:6rem}
	.notice_list h2 {font-size:2.5rem}
	.notice_list h2 a {font-size:2.5rem; margin-bottom:3rem}
	.notice_list > ul > li {padding:2.2rem 0rem 1.8rem 0rem}
	.notice_list > ul > li a {max-width:80%; font-size:1.3rem; line-height:1.8rem}
	.notice_list > ul > li .date {font-size:1.3rem; line-height:1.8rem}

	/*main section4*/
	.index_mov {padding:5rem 0 2rem 0}
	.index_mov .bnr {margin:3rem auto 4rem}
	.index_mov h2 {font-size:2.5rem; margin-bottom:2rem}
	.index_mov .bnr li {min-height:auto}
	.index_mov .bnr a {padding: 1rem 4rem 1rem 1.5rem; background: url("../images/index/bnr_bg01.png") no-repeat 95% 1rem; background-size:2rem; min-height: auto; height:auto}
	.index_mov .bnr a strong {font-size:1.6rem; padding-top:0.6rem}
	.index_mov .bnr a span {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem; line-height:1.5}
	.index_mov .bnr .bnr02 a {background:url("../images/index/bnr_bg02.png") no-repeat 95% 1rem; background-size:2rem}

	/*main section5*/
	.index .main_mb {padding:6rem 0}
	.index h2 {font-size:2.5rem; margin-bottom:2rem}

	.company_wrap {margin-bottom:3rem}

	/*footer*/
	.footer_info .inner .logo {padding-top:2rem}
	.footer_info .inner > ul {padding:2rem 0; width:100%}
	.footer_info .inner > ul > li {width:100%}
	.footer_info .inner h4 {float:none; width:100%; margin:0 0 2rem; font-size:1.6rem}
	.footer_info .inner > ul > li.host img {margin-right:0}
	.footer_info .inner > ul > li.host03 {width:100%; padding-top:3rem}
	.footer_info .inner > ul > li.host p {width:100%; gap:15px 1rem}
} 

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*common*/
	html {font-size: calc(1000vw/500)}

	.header_cont .util a > span {display:block; font-size:11px}
	.header_cont .util p {font-size:9px}
	.header_cont .util .util-right {gap:0.5rem}
	.header_cont .util .util-right > .lang_m {width:26px}
	.header_cont .util .util-right > *::after {right:-0.4rem; top:15px}

	/*main*/
	.main_vis,
	.main_vis > ul li{height:104.33vw}
	.main_vis .control {top:2rem; right:5%}
	.main_vis .control a {width:8px; height:8px}
	.main_vis .main_vis_txt {top:14.47vw; right:5%; margin-right:0}
	.main_vis .main_vis_txt strong {font-size:8.86vw; line-height:10.03vw}
	.main_vis .main_vis_txt > span {margin-top:5vw}
	.main_vis .main_vis_txt > span img{max-width:48.18vw}

	.index_count strong {font-size:3rem; line-height:3rem}
	.index_count dt {font-size:2rem}
	.index_count span {margin-top:4px; font-size:1.8rem; line-height:1.2}

	/*main section2*/
	.index_topbtn .txt {padding-bottom:2rem}
	.index_topbtn {padding:8rem 2.5%}
	.index_topbtn .topbtn_aside {position:static; display:flex}
	.index_topbtn .topbtn_aside .btn {float:none; height:40px; line-height:40px; padding:0 10px; font-size:13px}
	.index_topbtn .inner > ul {grid-template-columns:repeat(2, 1fr); gap:3rem 0; margin-top:4rem}
	.index_topbtn li {width:100%; height:32.69vw; margin: 0 0.75vw}
	.index_topbtn li a strong {padding-top:19.9vw; font-size:3.88vw; margin-left:-6.13vw}
	.index_topbtn li a span {font-size:3vw; margin-left:-8.13vw; line-height:1}

	/*main section3*/
	.notice_latest {margin-bottom:0}
	.notice_latest .thum {margin:5rem auto 0}
	.notice_latest .txt strong {font-size:3rem}
	.notice_latest .txt .date {font-size:2rem}
	.notice_latest a {background: url("../images/index/btn_more.png") no-repeat right top / 18px}

	.notice_list h2 {font-size:3rem}
	.notice_list h2 a {font-size:3rem; margin-bottom:4rem; background: url("../images/index/btn_more.png") no-repeat right / 18px}
	.notice_list.add {margin-top:8rem}
	.notice_list > ul > li {padding: 2rem 0rem 1.6rem 0rem}
	.notice_list > ul > li a {max-width:75%; font-size:2rem; line-height:1.5}
	.notice_list > ul > li .date {font-size:2rem; line-height:1.2}

	.index_notice {padding-bottom:8rem}

	/*main section4*/
	.index_mov {padding:8rem 0 5rem 0}
	.index_mov h2 {font-size:3rem; margin-bottom:3rem}
	.index_mov .bnr {margin:3rem auto 4rem}
	.index_mov .bnr li {min-height:auto}
	.index_mov .bnr a {padding: 1rem 4rem 1rem 1.5rem; background: url("../images/index/bnr_bg01.png") no-repeat 95% 1rem; background-size:2.8rem; min-height: auto; height:auto}
	.index_mov .bnr a strong {font-size:2rem; padding-top:0.6rem}
	.index_mov .bnr a span {margin-top:0.5rem; margin-bottom:0.5rem; font-size:1.6rem; line-height:1.5}
	.index_mov .bnr .bnr02 a {background:url("../images/index/bnr_bg02.png") no-repeat 95% 1rem; background-size:2.8rem}

	/*main section5*/
	.index .main_mb {padding: 8rem 0}
	.index h2 {font-size:3rem; margin-bottom:3rem}
	.index h2 > span {font-size:16px; margin-left:2px}
	.company_wrap {margin-bottom:2rem}
	.company_wrap .company_slide li {height:328px}
	.company_wrap .company_slide li a .info {padding:14px 20px 0}
	.company_wrap .company_slide li a .info > strong {font-size:16px}
	.company_wrap .company_control > span {width:26px; height:20px}
	.company_wrap .company_control a {width:26px; height:20px}
	.company_wrap .company_control .bx-prev {background: url('../images/index/btn_go_prev.png') no-repeat 50% 50% / cover}
	.company_wrap .company_control .bx-next {background: url('../images/index/btn_go_next.png') no-repeat 50% 50% / cover}

	.main_host .host_control > span {width:26px; height:20px}
	.main_host .host_control a {width:26px; height:20px}
	.main_host .main_host_slide .host_control {top:-6rem}
	.main_host .host_control .bx-prev {background: url('../images/index/btn_go_prev.png') no-repeat 50% 50% / cover}
	.main_host .host_control .bx-next {background: url('../images/index/btn_go_next.png') no-repeat 50% 50% / cover}

	/*footer*/
	.footer_info .inner > ul {padding:3rem 0; width:100%}
	.footer_info .inner .logo {padding-top:2rem}
	.footer_info .inner > ul > li {width:100%}
	.footer_info .inner h4 {float:none; width:100%; margin:0 0 2rem; font-size:2rem}
	.footer_info .inner > ul > li.host img {margin-right:0}
	.footer_info .inner > ul > li.host02 {width:100%}
	.footer_info .inner > ul > li.host03 {width:100%; padding-top:3rem}
	.footer_info .inner > ul > li.host p {width:100%; gap:15px 1rem}

	.footer_copy h2 {font-size:16px!important}
	.footer_copy p {font-size:12px; line-height:20px}
	.footer_copy .copy span {margin:0 6px}
	.footer_copy .copy .copyright {font-size:12px; margin-top:15px}
	.mailing_wrap .btn {width:95px; font-size:13px}
	.mailing_wrap .mailing_agree {font-size:13px}
	.mailing_wrap .mailing_agree .side {margin-left:10px}
}


/*********************서브 페이지**********************/

/***sub common***/
.lnb_wrap .lnb, .lnb_wrap2 .lnb {max-width:1080px; width:100%}
.lnb_wrap .lnb_tit h2, .lnb_wrap2 .lnb_tit h2 {max-width:1080px; width:100%}
.content {max-width:1000px; width:100%}

.content h2, .tit_area h2 {word-break:keep-all; line-height:1.3}

.content h3.m {line-height:1.3}

/*pc 이상*/
@media all and (max-width:1279px) {
	/*sub common*/
	.sub_visual {height: auto}

	.quick.fixed {margin-top:70px}
}

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (min-width:1024px) and (max-width:1279px) {
}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) {
	/*sub common*/
	.quick {width:50px}
}

@media all and (max-width:1080px) {
	/*sub common*/
	.lnb_wrap .lnb, .lnb_wrap2 .lnb {max-width:100%; height:auto!important}
	.lnb_wrap .lnb > ul, .lnb_wrap2 .lnb > ul {display:grid; grid-template-columns: repeat(3, 1fr)}
	.lnb_wrap .lnb > ul > li, .lnb_wrap2 .lnb > ul > li {float:none; margin:0; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:5px; height:40px; background:#fff}
	.lnb_wrap .lnb > ul > li:nth-child(3n), .lnb_wrap2 .lnb > ul > li:nth-child(3n) {border-right:none}
	.lnb_wrap .lnb > ul > li > a, .lnb_wrap2 .lnb > ul > li > a {font-size:1.6rem; line-height:1.3; height:100%; text-align:center; display:flex; width:100%; align-items:center; justify-content:center}
}

/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*sub common*/
	.tit_area {margin-bottom:3rem}
	.content h2 {font-size:3.6rem}
	.content {padding:6rem 2.5%; box-sizing:border-box}
	.content h3.m {font-size: 2.7rem; padding: 0 0 0 2rem; margin-bottom: 2rem}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*sub common*/
	.sub_visual .pc {display:none}
	.sub_visual .m {display:block}

	.lnb_wrap .lnb_tit, .lnb_wrap2 .lnb_tit {padding:4rem 0 2rem 0}
	.lnb_wrap .lnb_tit h2, .lnb_wrap2 .lnb_tit h2 {font-size:2.5rem}
	.lnb_wrap .lnb > ul > li > a, .lnb_wrap2 .lnb > ul > li > a {font-size:1rem}

	.content {padding:4rem 2.5%}
	.tit_area {margin-bottom:2rem}
	.tit_area h2 {font-size:2.5rem}

	.content h3.m {font-size: 2rem; line-height: 2.3rem; padding: 0 0 0 1.5rem}

	.quick {width:50px}
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*sub common*/
	.sub_visual .pc {display:none}
	.sub_visual .m {display:block}

	.lnb_wrap .lnb_tit, .lnb_wrap2 .lnb_tit {padding:4rem 0 2rem 0}
	.lnb_wrap .lnb_tit h2, .lnb_wrap2 .lnb_tit h2 {font-size:3rem}
	.lnb_wrap .lnb, .lnb_wrap2 .lnb {overflow-x:auto; overflow-y:hidden}
	.lnb_wrap .lnb > ul > li > a, .lnb_wrap2 .lnb > ul > li > a {font-size:1.7rem}

	.content h2 {font-size:3rem}
	.tit_area {margin-bottom:2rem}

	.content h3.m {background: url(../images/common/bl_h3.gif) no-repeat 0 0 / 1rem 1rem}

	.quick {width:50px; transform:translateY(10px)}
	.quick.fixed {margin-top:60px}
}


/***행사소개***/

/*행사개요*/

/*pc 이상*/
/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*행사소개*/

	/*행사개요*/
	.logo_box_txt {margin-left: 0 !important; display: flex; justify-content: center; font-size:2rem!important}

	.tbl_type01.m colgroup col {width:100%}
	.tbl_type01.m colgroup col + col {display:none}
	.tbl_type01.m th{display:block; padding:1.2rem 0 1rem 1rem; font-size:1.8rem}
	.tbl_type01.m td{display:block; padding:1.2rem 0 1rem 1rem; font-size:1.8rem}
	.tbl_type01.m .txa_c{text-align:left!important}

	/*공식행사*/
	.schedule_wrap li {width:100%; padding:3.5rem 2.5% 3rem 2.5%; box-sizing:border-box}
	.schedule_wrap li dt {height: auto; font-size:4rem; padding-bottom:1.7rem}
	.schedule_wrap li .date {font-size:1.8rem}

	/*온라인 디렉토리*/
	.search_initial {padding:3rem 2rem}
	.search_initial strong {font-size:1.8rem; margin-bottom:1rem}
	.search_initial li {margin:0.5rem 1rem 0.5rem 0}
	.search_initial a {width:4rem; height:4rem; font-size:1.4rem; line-height:4rem}
	.search_area {padding:3rem 0}

	.board_list thead tr th {font-size:1.6rem}
	.board_list .sbj, .board_list .txt_corp {font-size:1.7rem}
	.board_list tbody tr td {font-size:1.7rem}

	.list_info {float:none; width:100%; box-sizing:border-box; padding: 3rem 2.5%}
	.list_info h3 {margin:0 0 3rem 0}
	.list_info h3 strong {font-size:2.5rem; line-height:3.5rem}
	.list_info h3 span {display:none}
	.list_info ul li {padding:1.2rem 0}
	.list_info ul li > span {font-size:1.8rem; width:11rem; height:4rem; line-height:4rem}
	.list_info ul li > p {padding-left:13rem; line-height:4rem; font-size:1.8rem}
	.list_detail {float:none; width:100%; box-sizing:border-box; padding:7rem 2.5% 1rem 2.5%}
	.list_info .btn_area_l{padding:0}
	.list_info .btn_area_l .btn	{font-size:1.5rem; padding:0 2.5rem; min-width:6rem; height:4.2rem; line-height:4.2rem}
	.list_detail .bx {width:100%; margin-bottom:3rem; padding-bottom:3rem}
	.list_detail h4 {font-size:2.2rem; line-height:2.2rem; margin-bottom:2rem}
	.list_detail .bx_con {font-size:1.8rem}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*행사소개*/

	/*행사개요*/
	.logo_box_txt {font-size:1.4rem!important; line-height:1.5!important}

	.tbl_type01.m th {font-size:1.3rem}
	.tbl_type01.m td {font-size:1.3rem}

	/*공식행사*/
	.schedule_wrap li {padding: 2.5rem 2.5% 2rem 2.5%}
	.schedule_wrap li dt {font-size:2.5rem}
	.schedule_wrap li .date {font-size:1.3rem}

	/*온라인 디렉토리*/
	.search_area {padding:3rem}
	.search_area > * {display: flex; justify-content: center; gap: 0.3rem}
	.search_initial {padding:2rem 1.5rem}
	.search_initial a {width:3rem; height:3rem; font-size:1.4rem; line-height:3rem}
	.search_initial li {margin:0.5rem 0.5rem 0.5rem 0}

	.board_list thead tr th {font-size:1.3rem; white-space:nowrap}
	.board_list .sbj, .board_list .txt_corp {font-size:1.2rem}
	.board_list tbody tr td {font-size:1.2rem}

	.list_info h3 {margin:0 0 2rem 0}
	.list_info h3 strong {font-size:1.8rem}
	.list_info ul li > span {font-size:1.3rem; width:8rem; height:3rem; line-height:3rem}
	.list_info ul li > p {line-height:1.5; font-size:1.3rem; padding-left:9rem; padding-top:0.5rem}
	.list_detail {padding:3rem 2.5% 0rem 2.5%}
	.list_detail h4 {font-size:2rem}
	.list_detail .bx {padding-bottom:2rem; margin-bottom:2rem}
	.list_detail .bx_con {font-size:1.3rem; line-height:1.7}
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*행사소개*/

	/*행사개요*/
	.logo_box_txt {font-size:1.8rem!important; line-height:1.8!important}
	.box_type02.m{padding:3.5rem 3rem 3rem}
	.tbl_type01.m th {font-size:2rem; padding:2.2rem 0 2rem 2rem}
	.tbl_type01.m td {font-size:2rem; padding:2.2rem 0 2rem 2rem; line-height:1.7}

	/*공식행사*/
	.schedule_wrap li dt {font-size:3rem}
	.schedule_wrap li .date {font-size:2rem; line-height:1.7; margin-top:10px}

	/*온라인 디렉토리*/
	.search_area {padding:3rem}
	.search_area > * {display: flex; justify-content: center; gap: 0.3rem}
	.search_area select{min-width:80px}
	.search_initial {padding:2rem 1.5rem}
	.search_initial a {width:3rem; height:3rem; font-size:1.4rem; line-height:3rem}
	.search_initial li {margin:0.5rem 0.5rem 0.5rem 0}

	.board_list thead tr th {font-size:2rem; white-space:nowrap}
	.board_list colgroup col:nth-child(1){width:30%!important}
	.board_list colgroup col:nth-child(2){width:45%!important}
	.board_list colgroup col:nth-child(3){width:14%!important}
	.board_list .sbj, .board_list .txt_corp {font-size:2rem}
	.board_list tbody tr td {font-size:2rem; padding:12px 3px}

	.list_info ul li > span {font-size:2.1rem}
	.list_info ul li > p {font-size:2rem; line-height:1.7; padding-left:12rem; padding-top:0.4rem}
	.list_info .btn_area_l .btn {font-size:2rem}
	.list_detail {padding:3rem 2.5% 0rem 2.5%}
	.list_detail h4 {font-size:2.7rem}
	.list_detail .bx {padding-bottom:3rem; margin-bottom:3rem}
	.list_detail .bx_con {font-size:2rem; line-height:1.7}

	/*지난행사 결과*/
   	.btn_area_c a.btn_g {padding: 0 2.5rem; font-size: 2rem; width: 100%; box-sizing: border-box}
	.report_wrap li.total {padding:2rem 1.5rem 1.8rem 1.5rem; font-size:2.2rem}
	.report_wrap li.total strong {font-size:3.2rem}
}

/***참가안내***/
/*pc 이상*/
/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*참가안내*/

	/*WHY EXHIBIT*/
	.box_type03.m {padding:2.5rem 2.5%; box-sizing:border-box}
	.box_type03.m.f_16px {font-size:1.6rem!important}
	.box_type03.m strong {font-size:2.6rem!important}
	.box_type03.m .m_img {margin-left:-2.5%!important; width:calc(100% + 5%)}

	.dl_list02 {margin-bottom:2.5rem; padding-left:1.5rem; padding-bottom:1.5rem}
	.dl_list02 dt {background: url("../images/common/bl_gr01.gif") no-repeat 0 0.8rem!important; padding:0 0 0.5rem 1rem!important; font-size:1.6rem!important}
	.dl_list02 dd {padding:0 0 0.2rem 0.7rem!important; margin-left:0.8rem!important; margin-bottom:1rem!important; font-size:1.6rem!important; line-height:2.6rem!important}

	.content h3.m span {display:block; margin-top:1rem; font-size: 1.5rem!important; line-height: 1.8rem;}
	.terms_wrap {padding:3.5rem 2.5% 3rem 2.5%}


	/*전시참가신청*/
	.content h4.m {font-size:1.8rem; line-height:1.5; margin-bottom:1.5rem}
	.terms_wrap .term_cont {margin-bottom:4rem}
	.terms_wrap .term_cont > ul > li,
	.terms_wrap .term_cont > ul > li > ul li{margin-top:0.5rem; margin-left:1.4rem; text-indent:-1.4rem; font-size:1.6rem}
	.terms_wrap .term_cont p {font-size:1.6rem}

	.tbl_type02.m thead th{padding:1.4rem 0 1.2rem 0; font-size:1.6rem}
	.tbl_type02.m.txt_c tbody th, .tbl_type02.m.txt_c tbody td {padding:1.2rem 0 1rem 0; font-size:1.6rem; line-height:1.7}

	.tbl_write.m colgroup{display:none}
	.tbl_write.m tbody th,
	.tbl_write.m .add_th,
	.tbl_write.m tbody td{font-size:1.8rem; display:flex; align-items:center; padding:1.2rem 1rem; font-weight:bold}
	.tbl_write.m tbody td input:not([type="checkbox"]) {box-sizing:border-box; height:35px; width:100%!important}
	.tbl_write.m tbody th br {display:none}
	.tbl_write.m .add_th {font-weight:normal; font-size:14px}
	.tbl_write.m .add_th.line {border-left:none}
	.tbl_write.m .add_top{margin-bottom:0}
	.tbl_write.m .line {border-left:none}
	.tbl_write.m tbody td{border-left:none}
	.tbl_write.m tbody td.add_wrap {flex-direction:column; gap:5px}
	.tbl_write.m tbody td.add_wrap.select[name="country_eng"] {max-width:80%; width:100%!important}
	.tbl_write.m tbody td.add_wrap .add_top {display: flex; width: 100%; gap: 5px; align-items: center}
	.tbl_write.m .add_bm {width:100%}
	.tbl_write.m tbody td[colspan="3"] .tit {width:40px; font-size:14px; flex-shrink:0}
	.tbl_write.m tbody td[colspan="3"] .tit + input {width:100%}
	.tbl_write.m .chk_list04 {display: grid; grid-template-columns: repeat(2, 1fr); width:100%}
	.tbl_write.m .chk_list04 li{float:none; width:100%; display:flex; align-items:center}
	.tbl_write.m .chk_list04 li label {white-space:nowrap; font-size:14px}

	.tbl_write.m.ex_table .chk_list04 {grid-template-columns: repeat(3, 1fr); gap:0 5px}
	.tbl_write.m.ex_table .chk_list04 li label{font-size:16px}
	
	.tbl_write.m tbody td[colspan="3"] input[name="zipcode"] {width:187px!important}
	.tbl_write.m tbody td .mb5,
	.tbl_write.m tbody td .mb5 + * {width:50%; display:flex; align-items:center}
	.tbl_write.m tbody td .mb5 + * .tit {margin-left:10px}
	
	.tbl_write.txt_c.ver_m th, .tbl_write.txt_c.ver_m td {padding:1.2rem 0 1rem 0; font-size:1.6rem}

	.ul_type02.m li {font-size:1.6rem}

	/*참가안내*/
	.step_wrap ol {display:flex}
	.step_wrap.step3 li {width:calc(100% / 3)}
	.step_wrap.step3 li {height:auto}
	.step_wrap li {padding:0 5rem 0 0; float:none}
	.step_wrap li .step_num {padding:1rem 0 0 1.5rem; width:3rem; height:3.5rem; font-size:2rem; line-height:3rem}
	.step_wrap li .step_bx {padding:3rem 0; height:6.9rem; border:0.5rem solid #a8c174}
	.step_wrap li .step_bx p {font-size:1.7rem; line-height:2.3rem}
	.txt_bm.m {font-size:1.6rem; line-height:1.7}
	.dl_booth dt {float:none; font-size:1.6rem; line-height:1.7}
	.dl_booth dd {float:none; padding-left:0; font-size:1.6rem; line-height:1.7}
	.ul_type01 li {font-size:1.6rem; line-height:1.7!important}

	/*전시품목*/
	.item_wrap > ul > li {box-sizing:border-box; width:100%; padding:3.5rem 2.5% 3rem 2.5%}
	.item_wrap .item_cont {display:flex; align-items:center}
	.item_wrap > ul > li .item_tit {float:none; margin-right:3rem; width:12rem; height:13.9rem; font-size:1.7rem; line-height:1.4; background:url("../images/exhibit/item_bg.png") no-repeat center / cover; flex-shrink:0; display: flex; justify-content: center; align-items: center}
	.item_wrap > ul > li .item_cont ul {margin-top:1.8rem!important; float:none; max-width:700px; width:100%}
	.item_wrap > ul > li .item_tit strong {margin-top:0!important}
	.item_wrap > ul > li.item01 .item_tit strong, .item_wrap > ul > li.item04 .item_tit strong {margin-top:0}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*참가안내*/
	/*WHY EXHIBIT*/
	.box_type03.m strong {font-size:2rem!important}
	.box_type03.m.f_16px {font-size: 1.3rem!important; line-height: 1.7!important}

	.dl_list02 dt {font-size:1.3rem!important}
	.dl_list02 dd {font-size:1.1rem!important; line-height:1.7!important}

	/*전시참가신청*/
	.content h3.m span {font-size: 1.1rem!important; line-height: 1.3}
	.terms_wrap {padding:2.5rem 2.5% 2rem 2.5%}
	.content h4.m {font-size:1.6rem}
	.terms_wrap .term_cont > ul > li, .terms_wrap .term_cont > ul > li > ul li {font-size:1.3rem; line-height:1.7}
	.terms_wrap .term_cont > ul > li > ul li {margin-left:0}
	.terms_wrap .term_cont p {font-size:1.3rem; line-height:1.7}

	.table_scroll_wrap {overflow-x:auto}
	.table_scroll_wrap::-webkit-scrollbar-track
	{
		background-color: #F5F5F5;
	}
	.table_scroll_wrap::-webkit-scrollbar
	{
		height: 5px;
		background-color: #F5F5F5;
	}

	.table_scroll_wrap::-webkit-scrollbar-thumb
	{
		background-color: #5e763c;
	}

	.table_scroll_wrap > * {width:1000px}

	.tbl_type02.m thead th {font-size:1.3rem; word-break:keep-all}
	.tbl_type02.m.txt_c tbody th, .tbl_type02.m.txt_c tbody td {font-size:1.3rem; word-break:keep-all}

	.tbl_write.m tbody th, .tbl_write.m .add_th, .tbl_write.m tbody td {font-size:1.3rem}
	.tbl_write.m tbody td {padding:0.8rem}
	.tbl_write.m .chk_list04 {gap:0 5px; grid-template-columns:repeat(2, 1fr)}
	.tbl_write.m .chk_list04 li label {white-space:inherit; word-break:keep-all}

	.tbl_write.txt_c.ver_m th, .tbl_write.txt_c.ver_m td {font-size: 1.3rem; line-height: 1.3; word-break: keep-all}

	.ul_type02.m li {font-size:1.3rem}

	.tbl_write.m.ex_table .chk_list04 {grid-template-columns: repeat(2, 1fr)}

	/*참가안내*/
	.step_wrap li {background:none}
	.step_wrap li .step_bx {border-top:0.5rem solid #a8c174; border-left:0.5rem solid #a8c174; border-right:0.5rem solid #a8c174; border-bottom:none}
	.step_wrap ol {flex-direction:column}
	.step_wrap li .step_num {padding:0rem 0 0 1rem}
	.step_wrap li:last-child {border-bottom:0.5rem solid #a8c174}
	.step_wrap.step3 li {width:100%; padding-right:0}

	.txt_bm.m {font-size:1.3rem}
	.dl_booth dt {font-size:1.3rem}
	.dl_booth dd {font-size:1.3rem}

	.ul_type01 li {font-size:1.3rem}

	/*전시품목*/
	.item_wrap > ul > li .item_tit {margin-right:1.5rem; width:10rem; height:11.9rem; font-size:1.4rem; line-height:2rem; margin-right:0}
	.item_wrap .item_cont {flex-direction:column}
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*참가안내*/
	/*WHY EXHIBIT*/
	.box_type03.m strong {font-size:2.7rem!important}
	.box_type03.m.f_16px {font-size: 2rem !important; line-height: 1.7 !important}

	.dl_list02 {padding-left:1rem}
	.dl_list02 dt {font-size:2.3rem!important}
	.dl_list02 dd {font-size: 1.8rem !important; line-height: 1.7 !important}

	/*전시참가신청*/
   	.content h4.m {font-size:2.5rem}
	.terms_wrap .term_cont > ul > li, .terms_wrap .term_cont > ul > li > ul li {font-size: 2rem; line-height:1.7}
	.terms_wrap .term_cont > ul > li > ul li {margin-left:0}
	.terms_wrap .term_cont p {font-size: 2rem; line-height:1.7}

	.table_scroll_wrap {overflow-x:auto}
	.table_scroll_wrap::-webkit-scrollbar-track
	{
		background-color: #F5F5F5;
	}
	.table_scroll_wrap::-webkit-scrollbar
	{
		height: 5px;
		background-color: #F5F5F5;
	}

	.table_scroll_wrap::-webkit-scrollbar-thumb
	{
		background-color: #5e763c;
	}

	.table_scroll_wrap > * {width:700px}

	.tbl_type02.m thead th {font-size:2rem; word-break:keep-all}
	.tbl_type02.m.txt_c tbody th, .tbl_type02.m.txt_c tbody td {font-size:2rem; word-break:keep-all}

	.tbl_write.m tbody th, .tbl_write.m .add_th, .tbl_write.m tbody td {font-size:2rem; padding:2.2rem 2rem}
	.tbl_write.m tbody td {padding:1.5rem 2rem!important}
	.tbl_write.m tbody td input {height:40px}

	.tbl_write.m .chk_list04 {gap:0 5px; grid-template-columns:repeat(2, 1fr)}
	.tbl_write.m .chk_list04 li label {white-space:inherit; word-break:keep-all}

	.tbl_write.txt_c.ver_m th, .tbl_write.txt_c.ver_m td {font-size: 2rem; line-height: 1.3; word-break: keep-all}

	.ul_type02.m li {font-size:2rem}

	.tbl_write.m.ex_table .chk_list04 {grid-template-columns: 100%}

	/*참가안내*/
	.step_wrap li {background:none}
	.step_wrap li .step_bx {border-top:0.5rem solid #a8c174; border-left:0.5rem solid #a8c174; border-right:0.5rem solid #a8c174; border-bottom:none; padding:2rem 0 3rem; height: auto}
	.step_wrap li .step_bx p {font-size:2.1rem; line-height:1.5}
	.step_wrap ol {flex-direction:column}
	.step_wrap li .step_num {padding:0.6rem 0 0 1.8rem}
	.step_wrap li:last-child {border-bottom:0.5rem solid #a8c174}
	.step_wrap.step3 li {width:100%; padding-right:0}

	.txt_bm.m {font-size:2rem}

	.dl_booth dt {font-size:2rem}
	.dl_booth dd {font-size:2rem}

	.ul_type01 li {font-size:2rem}

	/*전시품목*/
	.item_wrap .item_cont {flex-direction:column}
	.item_wrap > ul > li .item_tit {font-size:2.1rem; margin-right:0; width:16rem; height:18.8rem}
}

/*********************바이어 비즈니스 매칭**********************/
/*pc 이상*/
/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*바이어 등록*/
	.tbl_write.m tbody td textarea {width:100%}
	.tbl_write.m .chk_list02 li label .m_br {display:block}

	.btn_area {padding:0}

	.tbl_write.m .chk_list02 {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%}
	.tbl_write.m .chk_list02 li {float: none; width: 100%; display: flex; align-items: center; font-size:14px}

	.tbl_write.m.ex_table .chk_list02 {grid-template-columns: repeat(3, 1fr)}
	.tbl_write.m.ex_table .chk_list02 li {font-size:16px}

	.tbl_write.m.ex_table .chk_list01,
	.tbl_write.m.ex_table .chk_list06{grid-template-columns: repeat(3, 1fr); display:grid; width:100%}

	.box_type05.m {padding:12rem 3rem 3rem; line-height:3.5rem; font-size:2.2rem}
	.box_type05.m strong {font-size:2.5rem; line-height:4rem}
	.box_type05.m.ico_notice {background: #fafafa url("../images/common/ico_notice03.png") no-repeat 50% 3rem / 8rem 8rem}

	.login_bm p {font-size:1.6rem; line-height:1.7}

	.btn_area_c.m {padding:0}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*바이어 등록*/
	.tbl_write.m.ex_table .chk_list02 {grid-template-columns: repeat(2, 1fr)}

	.tbl_write.m.ex_table .chk_list01,
	.tbl_write.m.ex_table .chk_list06{grid-template-columns: repeat(2, 1fr); display:grid; width:100%}

	.box_type05.m {font-size:1.8rem}
	.box_type05.m strong {font-size:2.2rem}
	.login_bm p {font-size:1.3rem}

	/*바이어 관리*/
	.tab.type2 li a {font-size:1.2rem}
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*바이어 등록*/
	.tbl_write.m .chk_list02 {gap: 0 5px; grid-template-columns: repeat(3, 1fr)}

	.tbl_write.m.ex_table .chk_list02 {grid-template-columns: 100%}

	.tbl_write.m.ex_table .chk_list01,
	.tbl_write.m.ex_table .chk_list06 {grid-template-columns: 100%; display:grid; width:100%}

	/*바이어 등록 완료*/
	.btn_area_c.m .btn_gr {padding: 0 2.5rem; font-size: 2rem; width: 100%; box-sizing: border-box; margin-top:10px}

	.box_type05.m {font-size:2.6rem}
	.box_type05.m strong {font-size:2.9rem}
	.login_bm p {font-size:2rem}

	/*바이어 관리*/
	.tab.type2 li a {font-size: 1.5rem; word-break: keep-all; line-height: 1.2; display: flex; align-items: center; justify-content: center}
}

/*********************관람안내**********************/

/*pc 이상*/
/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*사전등록 확인*/
	.box_type04.m2 {padding:3.5rem 2.5% 3rem}
	.tbl_write.m tbody td.flex_col {flex-direction:column; align-items:flex-start}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) { 
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
}

/*********************부대행사**********************/
/*pc 이상*/
/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*학술회의 및 세미나*/
	.program_wrap li {width:100%; box-sizing:border-box; padding:3.5rem 2.5% 3rem 2.5%}
	.program_wrap li dt {height: auto; font-size: 4rem; padding-bottom: 1.7rem}
	.program_wrap li .date {font-size:1.8rem}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) { 
	.program_wrap li dt {font-size:2.5rem}
	.program_wrap li .img {margin-top:0}
	.program_wrap li .date {font-size:1.3rem; margin-top: 5px}


}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	.program_wrap li dt {font-size:3rem}
	.program_wrap li .img {margin-top:0}
	.program_wrap li .date {font-size: 2rem; line-height: 1.7; margin-top: 5px}
}

/*********************마이페이지**********************/
/*pc 이상*/
@media (max-width: 1024px) {
	/*참가업체 공지사항*/
	.renew2 .board_list tbody tr td {overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
}

/*☆☆ 서브콘텐츠 분기점 ☆☆*/
@media all and (max-width:1000px) {
	/*참가업체 공지사항*/
	.renew2 .board_view tr td [alt="file"] {width:auto}
	.renew2 .board_view tr td img {height: auto !important; width: 100%;}
	.renew2 .board_view tr td.board_cont div.board_cont_in.iframe_wrap {position: relative; height: 0; padding-top: 56.25%; min-height: 0;}
	.renew2 .board_view tr td.board_cont div.board_cont_in.iframe_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

	.board_view + .btn_area {margin-top:20px}

	/*회사소개서*/
	.tit_area .btn_left {display:block; float:none}
	.add_btn.etc.m {float:none}

	/*참가업체 출입증 신청서*/
	.tbl_type02.txt_c.ver_m th, .tbl_type02.txt_c.ver_m td {padding:1.2rem 0 1rem 0; font-size:1.6rem}

	/*초청장 신청*/
	.tbl_write.m tbody td input[name="ticket"] {width:45%!important}

	/*위험물 및 중량물 반입 신고*/
	.tbl_write.ver_m.qua_table td {padding:1.2rem}
	.tbl_write.ver_m.qua_table input {width:100%!important; box-sizing:border-box; height:35px}

	/*천장 트러스공사 신고*/
	.tbl_write .flex_wrap {display:flex; align-items:center}
}

@media all and (max-width:767px) {
	/*참가업체 공지사항*/
	.renew2 .board_view tr th {padding: 12px 10px 10px 20px;}
	.renew2 .table_wrap {width: 100%; overflow-x: scroll;}
	.renew2 .table_wrap table {width: 800px;}

	.renew2 .board_view colgroup col:nth-child(1) {width:20%}
	.renew2 .board_view colgroup col:nth-child(2) {width:30%}
	.renew2 .board_view colgroup col:nth-child(3) {width:20%}
	.renew2 .board_view colgroup col:nth-child(4) {width:30%}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	/*참가업체 공지사항*/
	.myp_new .board_top {display:flex; flex-direction:column}
	.myp_new .board_top > * {display:flex; float:none; flex-direction:column}
	.myp_new .board_search {float:none; display:flex; text-align:left}

	/*온라인 참가신청*/
	.btn_area.m_left {flex-wrap: wrap; gap: 8px 2px; justify-content: flex-start}

	/*회사소개*/
	.box_type04.m.ico_notice.v2 {padding: 10.5rem 2.5% 3rem 12rem; padding-left:2.5%; background: #fafafa url("../images/common/ico_notice02.png") center 3rem / 5rem 5rem no-repeat}

	/*참가업체 출입증 신청서*/
	.tbl_type02.txt_c.ver_m th, .tbl_type02.txt_c.ver_m td {font-size: 1.3rem; line-height: 1.3; word-break: keep-all}
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	/*참가업체 공지사항*/
	.renew2 .board_view tr th {padding:10px 6px; font-size: 15px}
	.board_view_prenext tbody tr th {font-size:15px; padding: 11px 0 9px 6px}

	.renew2 .table_wrap table {width: 650px;}
	.renew2 .board_search .input_search {width: 150px;}

	.myp_new .board_top {display:flex; flex-direction:column}
	.myp_new .board_top > * {display:flex; float:none; flex-direction:column}
	.myp_new .board_search {float:none; display:flex; text-align:left}

	/*온라인 참가신청*/
	.btn_area.m_left {flex-wrap: wrap; gap: 8px 2px; justify-content: flex-start}

	/*회사소개*/
	.box_type04.m.ico_notice.v2 {padding: 14.5rem 2.5% 3rem 12rem; padding-left:2.5%; background: #fafafa url("../images/common/ico_notice02.png") center 3.5rem / 8rem 8rem no-repeat}

	/*참가업체 출입증 신청서*/
	.tbl_type02.txt_c.ver_m th, .tbl_type02.txt_c.ver_m td {font-size: 2rem; line-height: 1.3; word-break: keep-all}
}

@media (max-width: 380px) {
	/*참가업체 공지사항*/
	.renew2 .board_search .input_search {width: 120px;}
}


/*********************popup**********************/
@media all and (max-width:767px) {
	[id*="apDiv"] {width:100%!important; top:90px!important}
	[id*="apDiv"] img {width:100%}
}


/*********************LDH 25.04.29 메인 슬라이더 수정**********************/
#header {position:relative}
.main_vis_slider_new_wrap {overflow:hidden}
.main_vis_slider_new_wrap .main_vis_slider_new {background:#1A266E}
.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] {position:relative}
.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] {overflow:hidden}
.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] .slideText {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%}
.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] .slideText .inner {height:100%; color:#fff; display:flex; align-items:center}
.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] .slideText .inner .text_vis {max-width:100%}
.main_vis_slider_new_wrap .main_vis_slider_new .item .vis_bg {max-width:100%; display:block; position:relative; z-index:1}

/* 슬라이드별 */
.main_vis_slider_new_wrap .main_vis_slider_new.slick-dotted.slick-slider {margin-bottom:0}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner {gap:0 65px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner::after {display:none}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .text_vis {flex-shrink:0}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap {display:flex; flex-direction:column; gap: 45px 0; width:100%}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap .vis_video {border:4px solid #fff; position:relative; width:100%; padding-bottom:56.2%}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap .vis_video iframe {position:absolute; left:0; top:0; width:100%; height:100%}

.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText {display:flex; align-items:center; height:100%}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner {gap:0 55px; align-items:flex-end; height:auto}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner::after {display:none}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .info_wrap {width:100%; max-width: 594px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .maps_vis_wrap {width:100%; display:flex; flex-direction:column; gap: 35px 0}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .maps_vis_wrap img {max-width:100%}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title {font-size: 18px; font-weight:600; padding-bottom:15px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title span {font-size: 14px; font-weight:400}

.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .form_outer_wrap {display:flex; align-items:flex-end}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .text {font-size:19px; flex-shrink:0}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .caption {font-size: 15px; color: #FBA71B; padding-top:10px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"] {width:100%; margin-top:50px; color:#fff; display:block; height:55px; border: 2px solid #5D67A1; background:transparent; padding:0 20px; font-size:15px; font-weight:600; box-sizing:border-box}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]::placeholder {color:#fff!important; opacity:1}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]::-webkit-input-placeholder {color:#fff!important; font-size:15px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]::-ms-input-placeholder {color:#fff!important; font-size:15px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]:-mos-input-placeholder {color:#fff!important; font-size:15px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk {display:block; margin-top: 20px; position:relative; padding-left: 34px; font-size:15px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk label {cursor:pointer}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk label::before {content:''; display:block; width:22px; height:22px; border:2px solid #5D67A1; position:absolute; left:0; top:2px; box-sizing:border-box}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk input[type="checkbox"]:checked + label::before {border:none; background: #3E9CD4}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk input[type="checkbox"]:checked + label::after {content:''; display:block; width:16px; height:10px; background:url(../images/index/vis_form_chk.svg) no-repeat center / cover; position:absolute; left:3px; top:8px; z-index:2}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap button {display:block; margin-top: 50px; height: 60px; background: #3E9CD4; color:#fff; text-align:center; width:100%; border:none; font-size:20px; font-weight:bold; cursor:pointer}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap button:hover {background:#2289c6}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner {gap:0 55px}
.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner::after {display:none}

.main_vis_slider_new_wrap .main_vis_slider_new .slick-dots {position:absolute; left:0; bottom:30px; z-index:2}
.main_vis_slider_new_wrap .main_vis_slider_new .slick-dots li button:before {content:''; width:10px; height:10px; background:rgba(255, 255, 255, 0.8); border-radius:50%; font-size:20px; font-weight:bold; text-align:center}
.main_vis_slider_new_wrap .main_vis_slider_new .slick-dots li.slick-active:before {background:rgba(255, 255, 255, 1)}

/* 슬라이드 4 로고 슬라이더 */
.vis_logo_slider_wrap {padding-right:84px}
.vis_logo_slider {visibility: hidden;  opacity: 0; transition: opacity 0.3s ease; height:100px}
.vis_logo_slider.slick-initialized {visibility: visible; opacity: 1}
.vis_logo_slider .slick-prev, .vis_logo_slider .slick-next {width:24px; height:24px}
.vis_logo_slider .slick-prev:before, .vis_logo_slider .slick-next:before {font-size:0; color:transparent}
.vis_logo_slider .slick-prev {background:url(../images/main/slick_prev.svg) no-repeat center / cover; transform: translate(-10px, -50%); opacity:1}
.vis_logo_slider .slick-next {background:url(../images/main/slick_next.svg) no-repeat center / cover; transform: translate(5px, -50%); opacity:1}
.vis_logo_slider .slick-prev:hover {opacity:1; background:url(../images/main/slick_prev.svg) no-repeat center / cover}
.vis_logo_slider .slick-next:hover {opacity:1; background:url(../images/main/slick_next.svg) no-repeat center / cover}
.vis_logo_slider .slick-slide{margin-right:10px}

@media all and (max-width:1919px) {
	.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] .slideText .inner {max-width:62.53vw!important}

	/* 슬라이드별 */
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_1 .slideText .inner .text_vis {width:35.17vw}

	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner {gap:0 3.38vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .text_vis {width:35.36vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap {gap:2.34vw 0}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap .vis_video {border: 0.20vw solid #fff}

	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_3 .slideText .inner .text_vis {width:42.62vw}

	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner {gap:0 2.86vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .info_wrap {max-width:30.95vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .info_wrap > img {width:30.95vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .maps_vis_wrap {gap: 1.82vw 0}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title {font-size: 0.93vw; padding-bottom: 0.78vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title span {font-size:0.72vw}

	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .text {font-size:0.9901vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .caption {font-size: 0.7817vw;  padding-top:0.5211vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"] {margin-top:2.6055vw;   height:2.8661vw; border: 0.1042vw solid #5D67A1; padding:0 1.0422vw; font-size:0.7817vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]::-webkit-input-placeholder {font-size:0.7817vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]::-ms-input-placeholder {font-size:0.7817vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap input[type="email"]:-mos-input-placeholder {font-size:0.7817vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk { margin-top: 1.0422vw;  padding-left: 1.7718vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk label {font-size: 0.78vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk label::before {  width:1.1464vw; height:1.1464vw; top:0.1042vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap .news_chk input[type="checkbox"]:checked + label::after {  width:0.8338vw; height:0.5211vw; left:0.1563vw; top:0.4169vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap button { margin-top: 2.6055vw; height: 3.1266vw; font-size:1.0422vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner {gap:0 2.8661vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .text_vis {width: 31.16vw}

	
	.vis_logo_slider_wrap {padding-right: 4.37vw}
	.vis_logo_slider {height:5.21vw}
	.vis_logo_slider .slick-slide{margin-right:0.52vw}
}

@media all and (max-width:1024px) {
	.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] {height: 80vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item [class *= "slide_"] .slideText .inner {max-width:95%!important}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .vis_bg {width:100%; height:100%; object-fit:cover; object-position:center}

	/* 슬라이드별*/
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_1 .slideText .inner .text_vis {width:65.91vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .text_vis {width:65.91vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_2 .slideText .inner .vis_video_wrap {display:none}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_3 .slideText .inner .text_vis {width:79.88vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .maps_vis_wrap {display:none}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .info_wrap {max-width:58vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .info_wrap > img {width: 58vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title {font-size: 1.75vw; padding-bottom:1.46vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_4 .slideText .inner .org_title span {font-size: 1.36vw}
	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .text_vis {width: 58.39vw}

	.main_vis_slider_new_wrap .main_vis_slider_new .item .slide_5 .slideText .inner .form_wrap {display:none}

	.vis_logo_slider {height: 9.76vw}
}