@charset "utf-8";


@media (min-width:1920px){
	.main-st-1 .txt-cover .txt .t2 {margin-top:20px; font-size:84px;}
	.main-st-1 .txt-cover .txt .t3 {margin-top:40px; font-size:24px;}
	.main-st-1 .txt-cover .txt button {height:54px; font-size:18px;}
}

@media (max-width:1600px){
	/* 공통 */
	/* #header .gnb {margin-right:150px;} */
}

@media (max-width:1500px){
	/* 공통 */
	.con {width:100%;}
	header .logo {margin-left:20px;}
	.header-section-1 .sns-link {margin-right:0;}
	.header-section-2 .lang {margin-right:0;}
	.header-section-2 .gnb {margin-left:-20px;}
    .sub_header{left: 13px;}
	/* 인트로 */


	/* 메인 */
	.main-st-1 .txt-cover {width:100%;}
	.support-sw {width:100%;}
	.main-st-1 .txt-cover .txt {padding-left:20px;}
	section .con {width:100%; padding:0 20px;}
	.main-sw-bar .con {padding:0;}
	section.main-st-3 .con {padding:0 40px;}
	section.main-st-3 .swiper-next {right:15px;}
	section.main-st-3 .swiper-prev {left:15px;}
	#footer .con {padding:0 20px;}

	/* 서브 */
	.common-banner .location-box .con {padding:0 20px;}
	.sub-page-wrap .con {padding:0 20px;}
	.list-img-txt ul li {}
	.list-img-txt ul li .img {height:260px;}
	.list-img-txt ul li .img img {width:100%; height:100%; object-fit: cover;}
	.list-step ul li {width:20vw;}
	/* .map-img-info .info {top:0; transform: translateY(0);} */
	/* .map-img-info {padding-left:50%; padding-right:0;}
	.map-img-info .map {position:absolute; left:0; top:0; width:45%;} */
	.map-img-info .info {position:static; transform: none; width:auto;}
}/* 1500 */


@media (max-width:1300px){
	/* 공통 */
	#wrap {overflow:hidden; width:100%;}
	header {display:none;}
	#mo_header, #mo_menu {display:block;}
	.container {padding-top:80px;}

	/* 메인 */
	.main-sw .swiper-slide, .main-st-1 .txt-cover {height:calc(100vh - 80px);}
	.main-sw-bar .con {padding-left:0;}
	.main-sw-bar .left {display:none;}
	.board-list-type ul li > div {height:70px;}
	.board-list-type ul li .tit {font-size:16px;}
	.board-list-type ul li .date {font-size:16px;}
	section.main-st-2 {padding:100px 0;}
	.board-gallery-main .tit {display:block;}
	.board-gallery-main .tit .tab-menu-bar {display:flex; justify-content: flex-end; margin-left:0;}
	.board-gallery-main .tab-menu-bar ul li.on span {background:#f79200; color:#fff; display:inline-block; padding:10px; border-radius:5px;}
	.board-gallery-main .tab-menu-bar ul {margin:0 -10px;}
	.board-gallery-main .tab-menu-bar ul li {margin:0 10px;}

	/* 인트로 */
	.flex-space {padding-left:0; padding:60px 0 80px;}
	.flex-space .earth {width:50vw; text-align:center;}
	.flex-space .earth img {max-width:100%;}
	.flex-space .intro-logo {width:50vw; text-align:center;}
	.flex-space .intro-logo img {max-width:100%;}
	.flex-space .intro-txt {font-size:2.9vw;}
	.flex-space .intro-link-box {width:50vw;}
	.intro-page {height:auto;}
	#intro {display:flex; padding-right:0; flex-direction: column-reverse;}
	#intro .right {position:static; min-width:auto;}
	#intro .left {margin-top:-40px; background:none;}
	.rotate-txt {flex:0 0 50px; width:50px; overflow:visible;}
	.intro-movie {height:auto; position:relative; width:100%; margin-left:0; margin-right:50px; margin-bottom:50px; padding-bottom:56.29%;}
	.rotate-txt ul {top:-6vw; bottom:auto;}
	.rotate-txt ul li {height:20vw;}
	.rotate-txt ul li .txt {font-size:1.5vw;}

	/* 서브 */
	.tab-menu-bar {position:static; transform:none; margin-top:20px;}
    .tbl-tx table {width: 100%;}
    .no-data.h170 {margin-right: 0;}
} /* 1300 */



@media (max-width:1025px){
	/* 공통 */

	/* 메인 */
	.main-sw-bar {margin-top:0;}
	.main-sw-bar .right {height:auto;}
	.main-st-1 .txt-cover {background: rgb(0 0 0 / 30%);}
	.main-st-1 .txt-cover .txt {align-items: center; padding:0;}
	.main-st-1 .txt-cover .txt button {margin-top:5vw;}
	.main-sw-bar .right ul {}
	.main-sw-bar .right ul li {width:48%; margin:2% 1%; border-radius:5px; border:1px solid #EEEEEE;}
	.main-sw-bar .right ul li a {flex-direction: column; font-size:14px;}
	.main-sw-bar .right ul li a i {margin-right:0; margin-bottom:5px;}
	.business .main-sw-bar .right ul li:last-child {width:98%;}
	.main-sw .swiper-slide, .main-st-1 .txt-cover {height:60vw;}
	.public section.main-st-4 {padding:0 0 50px;}
    .tbl-st-1.c1 {width: auto;}

	/* 서브 */
	.list-box-link ul li {width:calc(100% - 20px); background-size:cover !important; margin-bottom:10px;}
	.procedure-box {flex-direction: column;}
	.list-step ul {margin:0;}
	.list-step ul li {width:100%; margin:0 auto 20px;}
	.list-step ul li:last-child {margin-bottom:0;}
	.list-step ul li::after {content:none;}
	.dots {flex-direction: column; height:auto; padding:20px 0;}
	.dots .dot {margin-right:0; margin-bottom:10px;}
	.list-step.single ul li .txt > div {display:inline;}
	.list-step.single ul li .txt > div:last-child {margin-left:10px;}
	.list-board-st-1 ul li {width:48%;}
	.b2b-txt {padding:0 40px;}
	.b2b-txt h2 {font-size:24px;}
	.b2b-txt p {font-size:16px; line-height:1.6;}
	table .w560 {width:auto;}
	.map-img-info {padding-right:0;}
	.map-img-info .map {position:static; width:auto; text-align:center; margin-right:0;}
	.map-img-info .map img {width:auto; max-height:300px;}
	.map-img-info .info {margin-top:20px;}

	/* 동영상팝업*/
	.popup-movie .video {width:90%; height:auto; margin:0 auto; transform: translate(-50%,-50%);}
	.popup-movie .close {margin:0 auto; transform: translate(-50%,-50%); display:none;}

}/* 1025 */

@media (max-width:820px){
	/* 서브 */
	.list-img-txt ul li {width:calc(100% - 30px); margin:0 15px 50px;}
	.tbl-st-1 table th {font-size:3.5vw;  padding-left:15px; padding-right:15px;}
	.tbl-st-1 table td {font-size:3vw; padding:0 15px; line-height:1.6;}
	.tbl-st-1 table tbody.t-seminar a {font-size:3vw; line-height:1.6;}
    .tbl-st-1.c1 {overflow-x: auto;}
	table .w200 {width: 30vw;}
	table .w315 {width:auto;}
	table .w235 {width:auto;}
	.tbl-st-1 {overflow-x:scroll;}
	.tbl-st-1.tbl-board-1, .tbl-st-1.tbl-st-notice {overflow-x:visible;}
	.tbl-st-1 table {min-width:640px;}
	.tbl-st-1.tbl-board-1 table, .tbl-st-1.tbl-st-notice table {min-width:auto;}
	.tbl-tit {margin-bottom:20px;}
	.tbl-tit h3 {font-size:5vw;}
	.tbl-tit h3::before {top:50%; transform: translateY(-50%);}
	.tbl-st-1 table th, .tbl-st-1 table td {height:70px; word-break:break-all; padding:20px; width: 200px;}
    tbl-st-1 table td:nth-child(2){width: 200px;}
    .link-blue{width: 200px;}
	dl.dl-bar dt {font-size:15px;}
	dl.dl-bar dd {font-size:12px; line-height:1.4;}
	figure p, .tbl-st-1 p.tbl-foot-txt {font-size:14px;}
	.list-img-only ul li {width:48%; height:29vw;}
	.page-1-5 .tbl-st-1 table tbody td {font-size:12px;}
	.gall-top {position: static; transform: none; justify-content: left; margin-top: 20px;}
	.list-step ul li {border-radius:30px;}
	.list-step ul li .flex-middle, .list-step ul li {height:150px;}
	.list-step ul li .flex-middle {}
	.list-step ul li .icon {height:50px;}
	.list-step ul li .icon svg {height:50px;}
	.list-step ul li .txt .t1 {font-size:14px;}
	.list-step ul li .txt .t2 {font-size:16px;}
	.list-step.single ul li .icon {height:auto;}
	.list-step.single ul li .txt .t1, .list-step.single ul li .txt .t2 {font-size:18px;}
	.tbl-tit p,
    .tbl-tit2 p {font-size:12px;}
	.list-box-link ul li {padding:40px 20px; height:225px;}
	.list-box-link ul li .txt h2 {font-size:20px;}
	.list-box-link ul li .txt p {font-size:14px;}
	.list-box-link ul li .link {left:20px; bottom:20px;}
	.no-data {font-size:16px;}
	.tab-menu-bar {width:100%; overflow-x:scroll; position:relative;}
	.tab-menu-bar ul {width:auto; margin:0 -10px;}
	.tab-menu-bar ul li {margin:0 10px;}
	.tab-menu-bar ul li span {white-space:nowrap; font-size:14px;}
	.tab-menu-bar .line-bar {display:none;}
	.tab-menu-contents {padding-top:0;}
	.tbl-st-1.tbl-st-notice table th:last-child, .tbl-st-1.tbl-st-notice table td:last-child {display:none;}
	.tbl-st-1.tbl-st-notice table tbody td a {font-size:3.5vw;}
	.tbl-st-1.tbl-st-notice table tbody td {height:auto; padding:10px;}
	.tbl-st-1.tbl-st-notice table thead th {height:auto; padding:15px 10px;}
	.tbl-st-1.tbl-st-notice table .w105 {width:80px;}
	.bo-view table thead th {height:auto;}
	.bo-view table .th-1 {font-size:12px; width:60px;}
	.bo-view table .th-2 {font-size:14px;}
	.bo-view table .th-3 {font-size:11px; width:80px;}
	.media-list ul li {width:48%;}
	section.main-st-4 .swiper-slide {width:50vw; margin:0;}
	section.main-st-4 .swiper-slide .img {height:33vw;}
	section.main-st-4 .tab-menu-contents {margin-top:15px; min-height:auto;}

	/* 배너 */
	article {margin-top:40px;}
	.common-banner {height:auto;}
	.common-banner .location-box .con {flex-direction: column; align-items: flex-start;}
	.location-navi > div a {font-size:12px; padding:0;}
	.common-banner .location-box .location-tit {font-size:7vw; margin-bottom:10px;}
	.common-banner .banner-img {margin-top:20px; height:40vw;}
	article section:last-child {margin-bottom:0;}
	.common-banner.no-banner {}
	.common-banner.no-banner .location-box {margin-top:40px;}


} /* 820 */


@media (max-width:680px){
	
	/* 공통 */
	.set_nav_btn {font-size:21px;}
	#mo_header .logo {width:60vw;}
	#mo_header .menu {width:40px; margin-top:19px;}
	#mo_header .menu img {max-width:100%;}
	#menu_ul {margin-top:0px;}
	#menu_ul li .main_menu .link 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:20px 20px 0;}
	#menu_ul li .main_menu {height:60px;}
	#menu_ul li .main_menu_2 .link a {font-size:16px; line-height:60px;}
	#menu_ul li .main_menu_2 .link {height:60px; padding-right:60px;}
	#menu_ul li .main_menu_2 .more a {line-height:60px; padding:0 20px;}
	#menu_ul li .main_menu_2 {height:60px;}
	#mo_menu .logo {padding:0;}
	#mo_menu .logo .logo_img {width:30vw;}
	#mo_menu .mo_close {width:18px; top:21px; right:20px;}
	#menu_ul li .main_menu .more img {width:25px;}
	#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:40px; font-size:10px;}
	
	#mo_menu .lang {margin-right:60px;}
	#mo_menu .lang a {font-size:14px;}
	#menu_ul li .sub_menu li a {font-size:14px;  line-height:45px; padding-left:35px;}
	#mo_menu .etc_menu ul li .link_box .img {font-size:16px;}

	#footer .footer-1 .con {flex-direction: column; align-items: center;}
	#footer .footer-1 .right .txt-1, #footer .footer-1 .right .txt-2 {font-size:12px; text-align:center;}
	#footer .footer-1 .left {text-align:center;}
    #footer .txt-1-2{margin: 0 auto;}
	.scrolltop {right:20px; bottom:20px;}

	/* 메인 */
	.main-sw-bar {margin-top:15px;}
	.main-st-1 .txt-cover .txt .t1 {font-size:5vw;}
	.main-st-1 .txt-cover .txt .t2 {font-size:10vw; margin-top:1vw;}
	.board-notice-main .tit .name {font-size:24px;}
	section.main-st-2 {background:none; padding:50px 0;}
	.board-list-type {margin-top:20px;}
	.board-list-type ul li {padding-right:0;}
	.board-list-type ul li .date {display:none;}
	.main-sw-bar .con {padding:0 20px;}
	.main-sw .swiper-slide, .main-st-1 .txt-cover {height: 70vw;}
	section.main-st-3 {padding: 0px 0 50px;}
	#footer .footer-1 .right {margin-top:20px;}
	.board-list-type ul li {padding-left:85px;}
	.board-list-type ul li .type {width:70px;}
	.main-st-1 .txt-cover .txt .t3 {margin-top:2.2vh;}
	.main-st-1 .txt-cover .txt button {height:5vh;}
	.board-gallery-main .tit .name {font-size:24px;}

	/* 인트로 */
	.flex-space .earth {width:60vw;}
	.flex-space .intro-logo {width:65vw;}
	.flex-space .intro-txt {font-size:3.8vw;}
	.flex-space .intro-link-box {width:67vw;}
	.flex-space .intro-link-box ul li.b-link .t1 {font-size:16px; line-height:1.6; padding:10px 0;}
	.flex-space .intro-link-box ul li.b-link .t1 p {display:block;}
	#intro .left {padding:0 20px; flex-direction: column;}
	.intro-footer {margin-top:20px; position:static; margin-bottom:20px;}
	.rotate-txt {display:none;}
	.intro-movie {margin:0 auto;}


	/* 서브 */
	.tbl-tit a.right-link {position: static; transform: none; margin-top:20px; font-size:14px; line-height:35px; padding:0 15px;}
	.list-board-st-1 ul li {width:98%; margin-bottom:20px;}
	.list-board-st-1 ul li .contxt .info dl dd {font-size:12px;}
	.b2b-txt h2 {font-size:18px; line-height:1.4;}
	.b2b-txt p {font-size:12px;}
	.list-row-txt ul li {font-size:14px;}
	.list-download ul li {padding:30px 10px;}
	.list-download ul li .name {margin-right:20px; font-size:13px;}
	.list-download ul li .down-txt {white-space:nowrap; font-size:10px;}
	.list-bar-txt ul li {font-size:14px; line-height:1.6;}
	.media-list ul li {height:30vw;}
	.ann-list ul li .contents-list .name, .ann-list ul li .contents-view .value {font-size:12px; line-height:1.4; padding:10px 25px 10px 42px;}
	.ann-list ul li .contents-list .name span, .ann-list ul li .contents-view .value span {left:0; top:9px; font-size:10px; width:30px; height:20px; line-height:20px;}
	.ann-list ul li .contents-list .arr {font-size:12px; width:30px;}
    .tbl-st-img img{max-width: 48%;}

	.bg-txt2{
		font-size: 3vw;
	}
	.b2b-child div strong span{
		font-size: 2.5vw; letter-spacing: -1px;
	}
	.b2b-child.txt1{
		font-size: 4vw;
	}
	.b2b-child.txt2{
		font-size: 2vw;
	}
	.b2b-panel ul li{
		padding: 3% 0;
	}
} /* 680 */