@charset "utf-8";

html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

@media (min-width:1920px){

}

@media (max-width:1680px){
	.common_banner.sub_banner .con {width:100%;}
	.location-navi {right:40px;}
}

@media (max-width:1480px){
	.con {width:100%; padding:0 20px;}
	#wrap {overflow:hidden; width:100%;}
	#header {display:none;}
	#mo_header, #mo_menu {display:block;}

	.main-contents .left {left:20px;}
	.main-sw .swiper-slide .sw-text {width:100%;}
	#footer .ftop .con {padding:53px 20px;}
} /* 1480 */

@media (max-width:1280px){
	.main-contents .con {padding-left:60%;}
	.main-contents .left {width:60%;}
	.main-contents .box-list {margin:0 -1.5%;}
	.main-contents .box-list .box {width:30.3333% !important; margin:0 1.5%;}
	.main-contents .right {}
	.inform-box {display:block;}
	.inform-box ul.ul-bar li.cp-logo .logo-box {width:100%;}
}


@media (max-width:1200px){
	.company-list-board ul li{width: 30%;}
    .tbl-style-1.ov01 {
        flex-direction: column;
    }    
    .company-box {
        width: 48%;
        
    }

}

@media (max-width:1024px){	
	.main-intro-slide {margin-right:0;}
	.main-contents .con {padding:0 20px;}
	.main-contents .left {width:100%; position:static;}	
	.main-contents .right {margin-left:0; margin-top:40px;}

	#footer .ftop .con {flex-direction: column;}
	#footer .ftop .right {margin-left:0; margin-top:20px;}
	#footer .ftop .right .addr {word-break:keep-all;}
    #footer .ftop .left{padding: 30px 0;}
    #footer .ftop .center{margin-left: 0; text-align: center;}
    


	#mo_menu .logo a {font-size:4vw;}

	.bo-list table .th-5, .bo-list table tbody td:nth-child(5),
	.bo-list table .th-3, .bo-list table tbody td:nth-child(3) {display:none;}

	.bo-list table tbody td.bo-tit a {display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		text-align: left;
		word-wrap: break-word;
		line-height: 1.2em;
		height: 2.4em; word-break:break-all;}

	.gallery-list ul li {width:31.333%;}
	.logo-list ul li {width:31.333%;}

	/* .inform-box .link-box:hover {transform: translateX(-50%);     border: 1px solid #444444; background: #444444; transition:none;}
	.inform-box .link-box:hover .txt {color:#fff;}
	.inform-box .link-box:hover .arrow svg path {stroke:#FFD500 !important;} */
	.main-contents .right .notice ul {min-height:auto;}

	table .col-4.mo-1 {flex-wrap: wrap;}
	table .col-4.mo-1 .col {width:50%; margin:10px 0;}
	table .col-4.mo-1 .col:nth-child(2)::after {content:none;}
    .tbl-style-1.new2025 table {min-width: 1024px;width: max-content;}
}

@media (max-width:768px){
	.inform-box {padding:40px 20px; align-items: flex-start; flex-wrap: wrap; flex-direction: column;}
	.inform-box .left {position:relative; top:auto; left:auto; height:auto; width:100%;}
	.inform-box .left::after {content:none;}
	.inform-box .link-box {right:0; bottom:0;}
	.inform-box .right {padding-left:0; margin-top:40px;}
	.inform-box .top-txt .t1 {font-size:14px;}
	.inform-box .top-txt .t2 {font-size:18px;}
	.inform-box ul.ul-bar li {font-size:14px; line-height:1.4; margin-bottom:15px;}
	.inform-box ul.ul-bar li p.notice {font-size:13px;}

	.inform-box .late-title {font-size:14px; margin-bottom:10px;}
	.inform-box ul.ul-bar li dl dd,
	.inform-box ul.ul-bar li dl dt {font-size:12px; margin-bottom:5px;}
	.ss-1.tbl ul li a{
		padding: 10px 25px; font-size: 18px;
	}
    .inform-box ul.ul-bar.en li::before{
        left: 5px;
    }
	.ss-1.tbl ul li{
		margin: 0 1%;
	}
    .main-contents .right{min-height: auto;}
    .main-contents .right .coplogo ul {justify-content: center;}
    .company-list-board ul li{width: 47%;}
	.company-list-board ul li{width: 100%;}
	.company-head{flex-wrap: wrap; gap: 20px;}
	.company-head div{width: 100%;}
    
.part-company-section p{font-size: 0.7rem;}
.side_ev1 li a {font-size: 13px; line-height: 18px;}
.tbl-style-1.new2025 table{overflow-wrap: break-word;}
.tbl-style-1.new2025 table tr th,
.tbl-style-1.new2025 table tr td {font-size: 12px !important; word-break: break-all;}
.tbl-style-1 table tbody tr td a{font-size: 13px;}
.num {font-size: 13px;}
.tabs ul {font-size: 14px;}
.tabs ul li a{padding: 15px;}
.tabs ul li.active a{border-radius: 15px;}
.tabs ul li:hover a{border-radius: 15px;}
/* .over-img {display: none;} */
.event_form {flex-direction: column;}
.event_form .left {
    margin: 0 auto;
}
.event_form .right {
    margin-top: 30px;
    text-align: center;
    
}
.event_form .right>ul li {
    padding: 0 20px;
}
.br-cl{display: none;}

.job-list {
    flex-direction: column;
    gap: 16px;
}
.company-box {
    width: 100%;
    min-width: 0;
    padding: 12px;
}
.tbl-style-1.new2025 table {min-width: 850px;width: max-content;}

.seminar_form  div,
.event_form div{width: 100%;}
}



@media (max-width:640px){
	.con {padding:0 10px;}
	
	#mo_header .con {height:70px;}
	#mo_header .logo {width:170px; width:auto;}
	#mo_header .logo a {font-size:5vw;}
	#mo_header .menu {margin-right:0px; font-size:30px;}
	#mo_header .mo-lang {right:50px; width:20vw;}

	#menu_ul {margin-top:25px;}
	#menu_ul li .main_menu .link a,
	#menu_ul .lan_of a{font-size:16px; line-height:60px;}
	
	#menu_ul li .main_menu .link {height:60px; padding-right:60px;}
	#menu_ul li .main_menu .more a {line-height:60px; padding:0 20px;}
	#menu_ul li .main_menu {height:60px;}
	#mo_menu .logo {padding:15px 0; padding:0;}
	#mo_menu .logo a {height:61px;}
	#mo_menu .logo .logo_img {width:200px;}
	#mo_menu .mo_close {width:24px; top:20px; right:20px;}
	#menu_ul li .main_menu .more img {width:25px; width:5vw;}
	#mo_menu .etc_menu ul li .link_box .img img {max-width: 50px; max-height:50px; width: auto; height: auto;}
	#mo_menu .etc_menu ul li .link_box .txt {font-size:16px; height:30px;}
	#mo_menu .etc_menu ul li .link_box .img {height:80px;}
	#mo_menu .etc_menu {margin-top:50px;}
	#mo_menu .mo_copyright {line-height:1.4; font-size:10px; text-align:left; margin-top:20px;}

	#menu_ul li .sub_menu li a {font-size:14px;  line-height:45px; padding-left:35px;}
	
	.container {padding-top:70px;}

    

	.main-intro-slide {margin-right:20px;}
	.main-intro-slide .swiper-pagination {display:none;}
	.sw-control {display:none;}
	.main-sw .swiper-slide {height:75vw;}
	/* .main-sw .swiper-slide.swiper-slide1 .bg {background-position:74% 20%;} */
	.main-sw .swiper-slide .sw-text {padding-left:20px; justify-content: start; padding-top: 20px;}
	.main-sw .swiper-slide .sw-text .t1 {text-align:left; margin-top:0;}
	.main-sw .swiper-slide .sw-text .t1 .pc {display:none;}
	.main-sw .swiper-slide .sw-text .t1 .mo {display:inline; width:73%;}
	.main-sw .swiper-slide .sw-text .t2 {margin-top:20px; padding-right:20px;}
    .main-sw .swiper-slide.swiper-slide1 .bg {background-image: url('/assets/images/main-banner-m011.jpg'); 
        /* background-position: 25% 100%; */ background-size: contain;
    }
    .main-sw .swiper-slide.swiper-slide2 .bg {background-image: url('/assets/images/main-banner-m02.jpg');}
    .main-sw .swiper-slide.swiper-slide3 .bg {background-image: url('/assets/images/main-banner-m03.jpg');}
    .main-sw .swiper-slide.swiper-slide4 .bg {background-image: url('/assets/images/main-banner-m04.jpg');}
    .main-sw .swiper-slide.swiper-slide5 .bg {background-image: url('/assets/images/main-banner-m05.jpg');}
    .main-sw.en .swiper-slide.swiper-slide1 .bg{background-image: url('/assets/images/main-banner-m06.jpg'); background-size: contain;}

	.main-contents .box-list .box.overview .icon {width:50%;}
	.main-contents .box-list .box.overview .txt {font-size:12px;}
	.main-contents .box-list .box.conference .txt {font-size:17px; position:absolute; bottom:5px; left:5px; width:100%; color:#fff; font-weight:600;}
	.main-contents .box-list .box.conference .txt span {font-size:20px; color:#FFD500;}
	.main-contents .right .link-col-2 .col .txt .t1 {font-size:22px;}
	.main-contents .right .link-col-2 .col .txt .t2 {font-size:16px;}
	.main-contents .right .notice .tit .t1 {font-size:16px;}
	.main-contents .right .notice .tit a.more {font-size:12px;}
	.main-contents .right .notice ul li .bo-tit {font-size:14px;}
	.main-contents .right .notice ul li .bo-date {font-size:12px;}

    .main-contents .right .coplogo .col .txt{padding-right: 30px;}
    .main-contents .right .coplogo .col .txt .t1{font-size: 22px; line-height: 28px; word-break: keep-all;}
    .main-contents .right .coplogo .col .txt .t2{font-size: 16px;}

	.main-contents .box-list {margin:0; display: flex; flex-direction: inherit; flex-wrap: wrap; height: 300px;}
	.main-contents .box-list .box {margin:0;}
	.main-contents .box-list .box.overview {width:35% !important; height:200px; border-radius:10px 0 0 10px;}
	.main-contents .box-list .box.conference {width:100% !important; height:100px; overflow:hidden; position:relative;}
	.main-contents .box-list .box.conference.c1 {border-radius:10px 10px 0 0;}
	.main-contents .box-list .box.conference.c3 {border-radius:0 0 10px 10px;}
	.main-contents .box-list .box.conference .thumb {height:100%; border-radius:0;}
	.main-contents .box-list .box.conference::before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgb(0 0 0 / 39%);}

	.main-contents {padding:15px 0 60px;}
	.main-contents .left .bot {margin-top:15px;}
	.main-contents .right .link-col-2 {flex-wrap: wrap; }
	.main-contents .right .link-col-2 .col {width:100%; border-radius:10px !important; height:35vw;}
	.main-contents .right .link-col-2 .col.white {margin-bottom:15px;}
	.main-contents .right .link-col-2 .col:last-child {margin-top:15px;}
	.main-contents .right .link-col-2 .col:last-child .bg img {transform:none; object-position:-1 -60px;}

	.common_banner.sub_banner {margin-right:20px;}
	.common_banner.sub_banner .con {height:50vw;}
	.location-navi {bottom:20px; right:20px;}
	.location-navi > div a, .location-navi > span {font-size:12px;}
	img.h30 {height:auto;}

	table * {word-break:keep-all;}
	.overview-wrap .sub-section th, .export-conference-wrap .sub-section th {width:100px;}
	.conference-wrap .sub-section th{width: 100px;}
	.tbl-style-1 table tbody th.r15 {font-size:12px; word-break: keep-all;}
	.tbl-style-1 table tbody td {font-size:12px; word-break: keep-all;}
	.tbl-style-1 table tbody th {font-size:12px; word-break: break-all;}
	table .col-2 .col, table .col-3 .col, table .col-4 .col, table .col-5 .col  {padding:0 10px;}
	table .col-2 .col .blue {display:block;}
	table .col-2 .col .mr20 {margin-right:0;}
	.part-company-wrap .sub-section .con .tbl-style-1 table tbody th{font-size: 13px;}
	.part-company-wrap .sub-section th{width: 150px;}
	.stu-tit{margin-bottom: 50px;}
	.stu-txt1{font-size: 18px;}
	.stu-txt2{font-size: 17px;}
    .tab-container.kr table tbody tr th:not(:nth-child(3)),
    .tab-container.en .tbl-style-1.booth table tbody tr th:not(:nth-child(3)){width: 18%;}

	.tbl-style-1 .tbl-tit2{padding-left: 1%;}
    .tbl-style-1.re{overflow-x: scroll;}

    .tbl-style-con1{width: 100px!importent;}
    .tbl-style-con2{width: 150px;}
	.tbl-style-con3{width: 300px;}


	.sub-page-wrap {padding-top:30px; padding-bottom:25px;}
	.sub-page-wrap .tit {font-size: 16px; padding-left:29px; margin-bottom:20px;}
	.gu_view{font-size: 16px; margin-bottom:20px;}
	.sub-page-wrap .tit::before,
	.gu_view::before {top:16px; width:18px; height:8px;}
	.sub-page-wrap .sub-tit {font-size:16px;}
	.sub-page-wrap .tit .date .day, .sub-page-wrap .tit .date .num  {font-size:15px;}
	.sub-page-wrap .tit .date {margin-left:10px; top:12px;}

    .booth-box {width: 100%;}
    .booth-box .link-box {width: 100%;}

	.bo-list table thead th {height:50px;}
	.bo-list table tbody td, .bo-list table thead th {font-size:14px;}
	.bo-list table tbody td.bo-tit a {font-size:14px;}
	.bo-list table tbody td:nth-child(4), .bo-list table .th-4,
	.bo-list table tbody td:nth-child(4), .bo-list table .th-1 {width:80px;}

	.gallery-list ul li {width: 48%; margin-bottom:32px;}
	.gallery-list ul li .thumb {height:35vw;}
	.gallery-list ul li .txt {padding-left:15px; height:7vw; margin-top:3vw; display:flex;     align-items: center;}
	.gallery-list ul li .txt::before {width:8px; height:16px;}
	.gallery-list ul li .txt p {font-size:3vw;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		text-align: left;
		word-wrap: break-word;
		line-height: 3.5vw;
		max-height: 7vw; 
	}
    .seminar_form {justify-content: space-between; padding: 0 30px;}
    .seminar_form .left {font-size: 15px;}

	.company-head .company-head-add{flex-wrap: wrap; gap: 20px; padding: 15px 40px; height: auto;}
	.company-head .company-head-add div:nth-child(1) p{padding-bottom: 10px;}
	.company-head .company-head-add>div{width: 100%;}
	.company-head .company-head-add span{display: none;}
	.company-content-list .company-content-list-tx3{flex-wrap: wrap; gap: 20px;}
	.company-content-list .company-content-list-tx3 div{width: 100%;}

	.logo-list ul li {width: 48%; margin-bottom:32px;}
	.logo-list ul li .thumb {height:35vw;}
	.logo-list ul li .txt {padding-left:15px; height:7vw; margin-top:3vw; display:flex;     align-items: center;}
	.logo-list ul li .txt::before {width:8px; height:16px;}
	.logo-list ul li .txt p {font-size:3vw;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		text-align: left;
		word-wrap: break-word;
		line-height: 3.5vw;
		max-height: 7vw; 
	}

	.bo-view table {display:block;}
	.bo-view table * {display:block;}
	.bo-view table .bo-contents img {max-width:100% !Important; margin-bottom:10px;}
	.bo-view table thead tr {padding:10px; position:relative; min-height:50px; padding-right:75px;}
	.bo-view table .th-1 {display:inline-block; height:auto; line-height:20px; font-size:14px; padding:5px; display:none;}
	.bo-view table .th-2 {display:block; padding:5px; font-size:14px; height:auto;}
	.bo-view table .th-3 {display:block; height:auto; font-size:12px; position:absolute; right:5px; top:50%; transform: translateY(-50%); width:auto; padding:0 10px;}

	.scrolltop {right:15px;}

	.inform-box ul.ul-bar li {padding-left:18px;}

	.notice-wrap .button-wrap {margin:20px auto 0; text-align:center;}

	.qn-tbl table th {width:auto; font-size:12px; padding:10px; width:65px;}
	.qn-tbl table td {font-size:12px;}
	.qn-tbl textarea.input-default.input-term {font-size:12px;}
	.ss-1.tbl ul li{
		margin: 0 1%;
	}
	.ss-1.tbl ul li a{
		padding: 5px 10px; font-size: 16px;
	}

	.lo_img{width: 100%;}
	.lo_en th, td{font-size: 12px;}

    #footer .ftop .center.en .ti:not(:nth-child(2)){ align-items: flex-start;}
    #footer .ftop .center.en .ti:not(:nth-child(2)) p{ margin-top: 10px;}
    #footer .ftop .con .center img{height: 23px;}
    #footer .ftop .con .center.en img{height: 33px;}
    #footer .ftop .con .center.en .ti:nth-child(2) img{height: 36px;}
} /* 640 */


@media (max-width:480px){
	.inform-box .link-box {right:auto; left:50%; bottom:20px; transform:none !Important;}
	.inform-box {padding-bottom:100px;}
	.inform-box .left {position:static;}
	.ss-1.tbl ul li{
		margin: 3% 1%;
	}
	.ss-1.tbl ul li a{
		padding: 5px 5px; font-size: 12px;
	}
    .company-popup-local {
        min-width: 310px;
    }
}


@media (max-width:400px){
}