@media screen and (max-width: 1780px) {
	#header .inner a.logo {
		left: 20px;
	}
	#header .inner .lang {
		right: 20px;
	}
	#header .inner {
		padding: 0 300px 0 281px;
	}
	#footer .inner {
		padding-left: 142px;
		padding-right: 20px;
	}
	#footer .inner a.logo {
		left: 20px;
	}
	.main_top .main_slider .nav button.nav_next {
		right: calc(5% + 78px);
	}
	section.sc01.about .layout_zig > .zig_row > div + div {
		margin-left: 40px;
	}
	section.sc03.about .prlx_tit_wrap .right > div {
		padding-right: 20px;
	}
	.borad_wrap,
	.article_wrap {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media screen and (max-width: 1440px) {
	section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	section.sc01.apply .layout_col_dl dl dd .step {
		margin-left: 0;
		white-space: normal;
		display: flex;
		justify-content: space-between;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div {
		width: auto;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div + div {
		margin-left: 0;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div p {
		font-size: 16px;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div + div::before {
		left: -35px;
	}
	.popup_wrap .popup {
		right: 60px;
	}
}

@media screen and (max-width: 1400px) {
	section.sc01.about .layout_zig > .zig_row > div p {
		font-size: 16px;
		line-height: 22px;
	}
	section.sc02.about .cont_col .inner_cont > div p {
		font-size: 16px;
		line-height: 22px;
	}
	section.sc02.about .cont_col .inner_cont > div em {
		font-size: 30px;
		line-height: 36px;
	}
	section.sc04.about .cont_col > div {
		justify-content: center;
	}
	section.sc04.about .cont_col > div:last-child {
		justify-content: center;
	}
	section.sc04.about .cont_col > div > div {
		padding: 0;
	}
	section.sc04.about .cont_col > div:last-child > div {
		padding: 0;
	}
	section.sc04.about .cont_col > div p {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin-bottom: 20px;
	}
	section.sc05.about .tit > div p {
		font-size: 16px;
		line-height: 22px;
	}
	section.sc07.design .bottom_slider li {
		display: flex;
		align-items: center;
	}
	section.sc07.design .bottom_slider li .profile {
		width: 300px;
		height: 300px;
	}
	section.sc07.design .bottom_slider li .review {
		width: 100%;
		padding-left: 0;
		margin-left: 40px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: translateY(0);
		-webkit-flex: 1;
		flex: 1;
	}
	section.sc01_1.design .profile {
		max-width: 300px;
	}
	section.sc01_1.design .name {
		max-width: 300px;
	}
	section.sc03.about ul li p {
		font-size: 14px;
		line-height: 22px;
	}
}

@media screen and (max-width: 1024px) {
	.clip > div {
		padding-top: 0;
	}
	.clip {
		height: calc(100vh - 50px);
	}
	.clip > div > .intro_clip {
		position: relative;
		right: 0;
		object-fit: fill;
	}
	.intro_bg {
		height: calc(100vh - 50px);
	}
	.main_top .main_slider .nav {
		display: none;
	}

	section.about.sc02 {
		background-color: #f7f7f7;
		padding: 100px 0;
	}
	section.sc02.about .cont_col .inner_cont {
		min-height: auto;
		display: block;
		margin-bottom: 40px;
		height: auto;
	}
	section.sc02.about .cont_col .inner_cont > div {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: none;
	}
	section.sc02.about .cont_col .left {
		width: 100%;
	}
	section.sc02.about .cont_col .slider_cont {
		width: 100%;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	section.sc02.about .cont_col .slider_cont .nav {
		width: 100%;
		top: 50%;
		left: 0;
		z-index: 1;
	}
	section.sc02.about .cont_col .slider_cont .nav button {
		position: absolute;
		top: 0;
		transform: translateY(-50%);
	}
	section.sc02.about .cont_col .slider_cont .nav button.nav_prev {
		left: 10px;
	}

	section.sc02.about .cont_col .slider_cont .nav button.nav_next {
		right: 10px;
	}
	section.sc03.about .bg::before {
		display: none;
	}
	section.sc03.about .bg {
		height: 100%;
	}
	section.sc03.about .bg::after {
		right: 0;
		top: 0;
		width: 300px;
		height: 300px;
		background-size: cover;
		background-position: left bottom;
	}
	section.sc03.about .prlx_tit_wrap {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		padding-top: 0;
		height: auto;
		margin-bottom: 80px;
	}
	section.sc03.about .prlx_tit_wrap::after {
		display: none;
	}
	section.sc03.about .prlx_tit_wrap .right {
		padding: 0 20px;
	}
	section.sc03.about .prlx_tit_wrap .right > div {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	section.sc03.about .prlx_cont_wrap .left {
		width: 100%;
	}
	section.sc03.about .prlx_cont_wrap .left ul {
		padding-top: 0;
	}
	section.sc04.about .cont_col {
		display: block;
		padding: 0 20px;
	}
	section.sc04.about .cont_col > div {
		/* display: block; */
		width: 100%;
	}

	section.sc04.about .cont_col > div:last-child {
		width: 100%;
	}

	section.sc04.about .cont_col > div + div {
		margin-top: 100px;
	}

	section.sc04.about .cont_col > div + div::before {
		height: 1px;
		width: 100%;
		left: 0;
		top: -50px;
	}

	section.sc05.about .tit {
		padding-left: 0;
		text-align: left;
	}

	section.sc05.about .tit h2 {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}
	section.sc05.about .tit > div {
		text-align: left;
		margin-top: 50px;
	}
	.content_modal .scroll_wrap .inner {
		padding: 10px;
	}
	#header .inner .gnb > ul {
		margin-right: 0;
	}
	.winner_modal .scroll_wrap .inner {
		padding: 10px;
	}
}

@media screen and (max-width: 1023px) {
	.mobile_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	#header .btn_menu {
		display: flex;
		z-index: 40;
	}
	.main_top .main_slider .copy_wrap img {
		width: 80%;
	}
	.main_top .main_slider .copy_wrap p.title {
		font-size: 36px;
		color: #fff;
		line-height: 1em;
		max-width: 100%;
	}
	.main_top .main_slider .copy_wrap p.title span {
		font-weight: bold;
		color: #fff;
	}
	.main_top .main_slider .copy_wrap p {
		font-size: 16px;
		line-height: 25px;
		letter-spacing: -0.02em;
	}
	.clip > div.center > .intro_clip.responsive {
		/* transform: translateX(10px); */
	}
	/* .main_top .main_slider .copy_wrap {
        padding-left: 6%;
    } */
	.btn_round {
		margin-top: 40px;
		font-size: 15px;
		line-height: 45px;
		height: 47px;
	}
	#header .inner {
		padding: 0;
	}
	#header .inner .gnb {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 30;
		display: none;
		align-items: center;
		justify-content: center;
		padding-top: 50px;
		-webkit-animation: 'showUp' 0.2s ease-out forwards;
		animation: 'showUp' 0.2s ease-out forwards;
	}

	#header .inner .gnb.open {
		display: flex;
		padding-bottom: 120px;
	}

	#header .inner .gnb > ul {
		text-align: center;
	}

	#header .inner .gnb > ul > li {
		display: block;
	}

	#header .inner .gnb > ul > li::after {
		content: none;
	}

	#header .inner .gnb > ul > li + li {
		margin-left: 0;
		margin-top: 30px;
	}

	#header .inner .gnb > ul > li > ul {
		display: block;
		margin-top: 10px;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		transform: none;
		animation: none;
		padding: 0;
	}

	#header .inner .gnb > ul > li > ul li a {
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		color: #000;
	}

	#header .inner .gnb > ul > li > ul li + li {
		margin-top: 10px;
	}
	#header .inner .gnb > ul > li a {
		color: #000;
		line-height: 1em;
	}

	#header .inner .gnb::before {
		content: '';
		display: block;
		width: 100%;
		height: 50px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.side_btn {
		display: none;
		position: fixed;
		bottom: 60px;
		z-index: 60;
		top: auto;
		right: 50%;
		height: 40px;
		transform: translateX(50%);
	}

	.side_btn.open {
		display: block;
	}

	#header .inner .lang {
		display: none;
		position: fixed;
		bottom: 20px;
		z-index: 60;
		height: 30px;
		top: auto;
		right: 50%;
		transform: translateX(50%);
	}

	#header .inner .lang.open {
		display: block;
	}
	#header .inner .lang .lang_option {
		bottom: 30px;
	}
	#header .inner a.logo {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		height: 48px;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		width: 171px;
		margin-top: 2px;
		z-index: 40;
	}
	.main_top {
		padding-top: 50px;
		margin-left: -20px;
	}
	.main_top .main_slider .dots {
		bottom: 37px;
		margin-left: 20px;
	}
	.sub_top {
		height: 270px;
		margin-top: 50px;
	}
	.sub_top .inner .breadcrumbs {
		display: none;
	}
	.sub_top .inner h1 {
		font-weight: 500;
		font-size: 26px;
		line-height: 33px;
		margin-top: 0;
	}
	.sub_nav ul li + li {
		margin-left: 20px;
	}
	.sub_nav ul li a {
		font-size: 14px;
		line-height: 18px;
	}
	.sub_nav {
		bottom: 36px;
	}
	section.about.sc01 {
		padding-top: 100px;
		padding-bottom: 130px;
	}
	section.sc01 em {
		font-size: 26px;
		line-height: 36px;
		letter-spacing: -0.02em;
	}
	section.sc01.about .layout_zig {
		margin-top: 50px;
	}
	.layout_zig > .zig_row {
		flex-direction: column;
	}
	section.sc01.about .layout_zig > .zig_row > div.left {
		max-width: 100%;
	}
	section.sc01.about .layout_zig > .zig_row > div.right {
		max-width: 100%;
	}
	section.sc01.about .layout_zig > .zig_row > div + div {
		margin-left: 0;
		margin-top: 60px;
	}
	section.sc01.about .layout_zig .zig_row + .zig_row {
		margin-top: 60px;
	}
	section.sc01.about .layout_zig .zig_row + .zig_row > div:first-child {
		order: 2;
		margin-top: 60px;
	}
	section.sc01.about .layout_zig .zig_row + .zig_row > div:last-child {
		order: 1;
		margin-top: 0;
	}
	section.sc01.about .prlx_cont.moving_l {
		bottom: -93px;
		left: auto;
		right: -30px;
	}

	section.sc01.about .prlx_cont.moving_l i {
		font-size: 63px;
		line-height: 63px;
		letter-spacing: 0;
		text-align: right;
	}
	section.sc01.about .prlx_cont.moving_l i span {
		display: block;
	}
	section.sc01_1.design {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	section.sc01_1.design .inner.wrap1400 {
		z-index: 1;
	}
	section.sc01_1.design .tit {
		margin-bottom: 45px;
		text-align: center;
	}
	section.sc01_1.design .profile {
		max-width: 240px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	section.sc01_1.design .profile i {
		width: 96px;
		height: 96px;
		font-weight: 500;
		font-size: 14px;
		line-height: 18px;
		text-align: center;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		color: #ffffff;
		transform: translate(40px, 48px);
	}
	section.sc01_1.design .name {
		margin: 0 auto;
	}
	section.sc01_1.design .name p {
		font-weight: 500;
		font-size: 22px;
		line-height: 28px;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		color: #ffffff;
		margin-bottom: 6px;
	}
	section.sc01_1.design .name span {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: #ffffff;
	}
	section.sc01_1.design .winner_right {
		margin-top: 60px;
	}
	section.sc01_1.design .winner_right em {
		font-weight: 500;
		display: block;
		font-size: 20px;
		line-height: 25px;
		text-align: center;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		color: #ffffff;
	}

	section.sc01_1.design .winner_right em br {
		display: block;
	}

	section.sc01_1.design .winner_right .toggle_cont {
		/*
		height: 242px;
		overflow: hidden;
		position: relative;
		*/
	}

	section.sc01_1.design .winner_right .toggle_cont p {
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
		text-align: justify;
		color: #ffffff;
	}

	section.sc01_1.design .winner_right .toggle_cont.open {
		height: auto;
		overflow: visible;
	}

	section.sc01_1.design .winner_right .toggle_cont.open + button {
		display: none;
	}

	section.sc01_1.design .winner_right .toggle_cont::after {
		/*
		content: '';
		display: block;
		width: 100%;
		height: 38px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: -moz-linear-gradient(top, rgba(15, 165, 209, 0) 0%, rgba(15, 165, 209, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(15, 165, 209, 0) 0%, rgba(15, 165, 209, 1) 100%);
		background: linear-gradient(to bottom, rgba(15, 165, 209, 0) 0%, rgba(15, 165, 209, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000fa5d1', endColorstr='#0fa5d1',GradientType=0 );
		pointer-events: none;
		*/
	}

	section.sc01_1.design .winner_right .toggle_cont.open::after {
		display: none;
	}

	section.sc01_1.design .winner_right > .btn_wave {
		/*
		display: block;
		margin-top: 60px;
		*/
	}

	section.sc01_1.design .winner_right .btn_wrap > * {
		display: block;
		width: 200px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}

	section.sc01_1.design .winner_right .btn_wrap > * + * {
		margin-top: 10px;
	}

	section.sc01_2.design {
		padding: 100px 0;
	}

	section.sc01_2.design .review_slider li dl {
		display: block;
		padding: 0 60px;
	}

	section.sc01_2.design .review_slider li dl dt {
		text-align: center;
		margin: 0;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: #fff;
	}

	section.sc01_2.design .review_slider li dl dt i {
		font-weight: 500;
		font-size: 20px;
		line-height: 25px;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		color: #fff;
		margin-right: 8px;
		display: block;
	}

	section.sc01_2.design .review_slider li dl dt br {
		display: none;
	}

	section.sc01_2.design .review_slider li dl dd {
		width: 100%;
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		color: #fff;
		word-break: break-all;
	}
	section.sc01_2.design .review_slider .nav button {
		width: 40px;
		height: 40px;
		background-size: 10px auto;
	}
	section.sc01_2.design .review_slider .pagination {
		margin-top: 50px;
	}

	section.sc01_2.design .review_slider .nav {
		top: calc(50% - 30px);
	}

	section.sc01_3.design {
		padding-top: 100px;
	}

	section.sc01_3.design .inner .nav {
		display: none;
	}

	section.sc01_3.design .winner_slider .nav {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		z-index: 5;
		transform: translateY(-50%);
	}

	section.sc01_3.design .winner_slider .nav button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	section.sc01_3.design .nav button.nav_prev {
		left: 10px;
		background-image: url(../img/assets/ico-circle-prev-m.svg);
	}

	section.sc01_3.design .nav button.nav_prev:hover {
		left: 10px;
		background-image: url(../img/assets/ico-circle-prev-m.svg);
	}

	section.sc01_3.design .nav button.nav_next {
		right: 10px;
		background-image: url(../img/assets/ico-circle-next-m.svg);
	}
	section.sc01_3.design .nav button.nav_next:hover {
		right: 10px;
		background-image: url(../img/assets/ico-circle-next-m.svg);
	}
	section.sc02.about .cont_col .inner_cont > div em {
		font-size: 24px;
		line-height: 34px;
		text-align: left;
	}
	section.sc02.about .cont_col .inner_cont > div p {
		margin-top: 20px;
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
		text-align: justify;
	}
	section.sc02.about .cont_col {
		padding-bottom: 0;
	}
	section.about.sc03 {
		padding: 100px 0;
	}
	section.sc03.about .prlx_tit_wrap .right {
		padding: 0;
	}
	section.sc03.about .prlx_tit_wrap .right span {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 14px;
	}
	section.sc03.about .prlx_tit_wrap .right em {
		font-size: 26px;
		line-height: 36px;
		letter-spacing: -0.02em;
	}
	section.sc03.about .prlx_cont_wrap .left ul li {
		width: 160px;
		height: 160px;
	}
	section.sc03.about .prlx_cont_wrap .left ul li i {
		font-size: 12px;
		line-height: 24px;
	}
	section.sc03.about .prlx_cont_wrap .left ul li p {
		font-size: 15px;
		line-height: 24px;
	}
	section.sc03.about .prlx_cont_wrap .left ul li + li {
		margin-top: -14px;
	}
	section.sc03.about .bg::after {
		width: 167px;
		height: 167px;
	}
	section.about.sc04 {
		padding: 100px 0;
	}
	section.sc04.about .tit {
		margin-bottom: 50px;
	}
	section.sc04.about .tit h2,
	section.sc03.about em {
		font-size: 26px;
		line-height: 33px;
		letter-spacing: -0.02em;
	}
	section.sc04.about .cont_col > div p {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	section.sc04.about .cont_col > div li {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc04.about .cont_col > div button {
		display: block;
		margin: 0 auto;
		margin-top: 30px;
	}
	section.sc04.about .cont_col > div {
		display: block;
	}
	section.about.sc05 {
		padding: 100px 0;
	}
	section.sc05.about .tit h2 img {
		width: 265px;
	}
	section.sc05.about .tit > div em {
		font-size: 20px;
		line-height: 25px;
	}
	section.sc05.about .tit > div em i {
		display: block;
	}
	section.sc05.about .tit > div em span {
		display: none;
	}
	section.sc05.about .tit > div p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 16px;
	}
	section.sc05.about .inner + .inner {
		margin-top: 50px;
	}
	section.sc05.about .inner + .inner a {
		margin-top: 30px;
	}
	.content_modal .cont_col {
		display: block;
	}
	.content_modal .cont_col > div.tit {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.content_modal .modal_inner_slider .nav button {
		width: 34px;
		height: 34px;
	}
	.content_modal .modal_inner_slider .nav button.nav_prev {
		left: 10px;
	}

	.content_modal .modal_inner_slider .nav button.nav_next {
		right: 10px;
	}

	.winner_modal .scroll_wrap .inner > div {
		padding: 60px;
	}

	.winner_modal .nav_part button.nav_part_prev {
		left: 14px;
	}

	.winner_modal .nav_part button.nav_part_next {
		right: 14px;
	}

	section.design .layout_col {
		display: block;
	}

	section.sc01.design .inner {
		padding-top: 120px;
		padding-bottom: 100px;
	}
	#header .inner .lang {
		padding: 0;
	}
	section.design .layout_col > div.col_40 {
		width: 100%;
		margin-bottom: 40px;
	}

	section.design .layout_col > div.col_60 {
		width: 100%;
	}

	section.design .sec_tit_sub {
		font-size: 16px;
		line-height: 20px;
	}
	section.sc01.design .theme_tit h2 {
		font-size: 40px;
		line-height: 51px;
		margin-top: 10px;
		margin-bottom: 4px;
	}
	section.sc01.design .theme_tit i {
		font-size: 20px;
		line-height: 25px;
	}
	section.sc01.design .theme_tit {
		margin-bottom: 40px;
	}
	section.sc01.design p {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc02.design {
		padding-top: 100px;
	}
	section.design .tit h2 {
		font-size: 26px;
		line-height: 33px;
	}
	section.design .person_list {
		margin-top: 30px;
	}
	section.design .person_list ul li {
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
	}
	section.design .person_list ul li:nth-child(2n) {
		margin-right: 0;
	}
	section.design .person_list ul li:nth-child(5n) {
		margin-right: 10px;
	}
	section.design .person_list ul li:nth-child(n+3) {
		margin-top: 10px;
	}
	section.design .person_list ul li .name {
		padding: 10px;
	}
	section.design .person_list ul li .name p {
		font-size: 16px;
		line-height: 20px;
		margin-right: 4px;
		white-space: nowrap;
	}
	section.design .person_list ul li .name span {
		font-size: 13px;
		line-height: 16px;
		margin-left: 0;
	}
	section.sc03.design {
		padding: 100px 0;
	}
	section.design .person_list ul li:hover .dimed {
		display: none;
	}
	section.design .person_list ul li:hover .name {
		opacity: 1;
		transform: translateY(0);
	}
	section.sc04.design {
		padding: 100px 0;
	}
	section.design .tit_center span {
		font-size: 16px;
		line-height: 20px;
	}
	section.design .tit_center h2 {
		font-size: 26px;
		line-height: 33px;
	}
	section.sc04.design p {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc05.design .inner {
		padding: 100px 0 222px;
	}
	section.sc05.design .moderator p {
		padding-right: 0;
		font-size: 14px;
		line-height: 22px;
	}
	section.sc05.design .moderator::after {
		bottom: 0;
		right: -30px;
		width: 198px;
		height: 202px;
	}
	section.sc05.design .moderator em {
		position: absolute;
		bottom: 86px;
		left: 0;
	}
	section.sc06.design {
		padding: 100px 0;
	}
	section.sc06.design .session_wrap .session_tit {
		margin-bottom: 30px;
	}
	section.sc06.design .session_wrap .session_tit h2 {
		font-size: 26px;
		line-height: 33px;
	}
	section.sc06.design .session_wrap p {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc06.design .session_clip {
		margin-top: 30px;
	}
	section.sc06.design .session_clip .thumb {
		padding-top: 71.875%;
	}
	section.sc06.design .session_clip .inner_tit {
		top: 15px;
		left: 15px;
	}
	section.sc06.design .session_clip .inner_tit > div {
		padding: 10px 0;
		max-width: 262px;
	}
	section.sc06.design .session_clip .inner_tit > div span {
		font-size: 10px;
		line-height: 13px;
	}
	section.sc06.design .session_clip .inner_tit > div em {
		font-size: 16px;
		line-height: 20px;
		margin-top: 4px;
		margin-bottom: 0;
	}
	section.sc06.design .session_clip .inner_tit > div i {
		font-size: 13px;
		line-height: 16px;
	}
	section.sc06.design .session_clip .inner_tit > p {
		font-size: 13px;
		line-height: 16px;
		margin-top: 6px;
	}
	section.sc06.design .session_clip .inner_tit > p i {
		font-size: 10px;
		line-height: 13px;
		margin-right: 4px;
	}
	section.sc06.design .session_clip .play_clip {
		width: 30px;
		height: 30px;
		right: 10px;
		bottom: 10px;
	}
	section.sc06.design .session_clip .inner_tit > div em br {
		display: block;
	}
	section.sc06.design .session_clip .inner_tit > div i br {
		display: none;
	}
	section.sc06.design .session_wrap + .session_wrap {
		margin-top: 60px;
	}
	section.sc07.design {
		/* background-color: #0FA5D1; */
		padding: 100px 0;
	}
	section.sc07.design .bottom_slider li {
		padding: 0;
		display: block;
	}
	section.sc07.design .bottom_slider li .review {
		margin-left: 0;
		margin-top: 30px;
	}
	section.sc07.design .bottom_slider li .review em {
		display: block;
		text-align: center;
		font-size: 22px;
		line-height: 28px;
	}
	section.sc07.design .bottom_slider li .review em i {
		font-size: 16px;
		line-height: 20px;
	}
	section.sc07.design .bottom_slider li .profile {
		margin: 0 auto;
		width: 230px;
		height: 230px;
	}
	section.sc07.design .bottom_slider {
		margin-top: 60px;
	}
	section.sc07.design .bottom_slider li .review p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
		text-align: center;
	}
	section.sc07.design .bottom_slider .pagination {
		margin-top: 30px;
	}
	section.sc07.design .bottom_slider .nav {
		top: 115px;
	}

	section.sc07.design .bottom_slider .nav button {
		width: 40px;
		height: 40px;
		background-size: 10px auto;
	}
	.content_modal .cont_col > div.interview_profile {
		max-width: 100%;
		margin-right: 0;
	}
	.content_modal .cont_col > div.interview_profile .tag {
		padding: 25px 19px 25px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.content_modal .cont_col > div.interview_profile .name {
		text-align: left;
	}
	.content_modal .cont_col > div.interview_profile p {
		font-size: 24px;
		line-height: 30px;
	}
	.content_modal .cont_col > div.interview_profile i {
		font-size: 20px;
		line-height: 25px;
	}

	.interview_cont > div {
		order: 1;
	}

	.interview_cont > div.interview_clip {
		order: 2;
		margin-top: 30px;
	}
	.content_modal .cont_col .cont.interview_cont .cont_row + .cont_row {
		margin-top: 20px;
	}
	.borad_wrap {
		padding-bottom: 100px;
	}
	.borad_wrap .tit {
		padding-top: 50px;
	}
	.borad_wrap .tit h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.borad_wrap .borad_search {
		margin-top: 50px;
	}
	.borad_wrap .borad_search input[type='search'] {
		height: 54px;
		line-height: 52px;
		padding: 0 90px 0 30px;
		font-size: 14px;
	}
	.borad_wrap .borad_search button {
		width: 70px;
		height: 54px;
	}
	.borad_wrap .borad_search button i {
		font-size: 14px;
		line-height: 18px;
	}
	.borad_wrap .board_list {
		margin-top: 50px;
	}
	.borad_wrap .title_wrap {
		display: none;
	}
	.borad_wrap .board_list ul li {
		display: block;
		padding: 20px 0;
	}
	.borad_wrap .board_list .list_wrap ul li p {
		width: 100%;
		text-align: left;
		padding: 0;
		font-size: 14px;
		line-height: 18px;
	}

	.borad_wrap .board_list .list_wrap ul li p:nth-child(1) {
		padding-bottom: 10px;
	}

	.borad_wrap .board_list .list_wrap ul li p:nth-child(5),
	.borad_wrap .board_list .list_wrap ul li p:last-child {
		display: none;
	}
	.borad_wrap .board_list .list_wrap ul li p.title {
		margin-bottom: 4px;
	}
	.borad_wrap .board_list .list_wrap ul li p a {
		font-size: 16px;
		line-height: 20px;
		font-weight: 300px;
	}
	.article_wrap {
		padding-bottom: 100px;
	}
	.article_wrap .title {
		margin-top: 50px;
		padding-bottom: 20px;
	}
	.article_wrap .title span {
		display: block;
		font-weight: 500;
		font-size: 30px;
		line-height: 38px;
		text-align: center;
		color: #000000;
	}
	.article_wrap .title h2 {
		margin-top: 50px;
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.article_wrap .title > div i {
		font-size: 14px;
		line-height: 18px;
	}
	.article_wrap .title > div i + i {
		margin-left: 10px;
	}
	.article_wrap .detail .attach {
		margin-bottom: 20px;
	}
	.article_wrap .detail .attach li a {
		font-size: 14px;
		line-height: 22px;
	}
	.article_wrap .detail .attach li a::before {
		width: 13px;
		background-size: 13px auto;
		margin-right: 8px;
	}
	.article_wrap .detail {
		padding: 20px 0;
		margin-bottom: 30px;
	}
	.article_wrap .detail .desc * {
		font-size: 14px;
		line-height: 22px;
	}
	.tube_modal button {
		width: 50px;
		height: 50px;
		background-size: 20px;
	}
	section.sc03.about ul {
		display: block;
		padding-top: 40px;
	}
	section.sc03.about ul li {
		width: 100%;
		max-width: 140px;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	section.sc03.about ul li + li {
		margin: 0 auto;
		margin-top: 70px;
	}

	section.sc03.about ul li + li::before {
		left: 64px;
		top: -41px;
		transform: rotate(90deg);
	}
	.sub_nav {
		padding-top: 40px;
	}
	section.sc01_3.design .winner_slider .dots {
		bottom: auto;
		top:52vw;
	}
	section.sc01_3.design .winner_slider .nav {
		display: none;
	}
	section.sc02.about .cont_col .slider_cont .nav {
		display: none;
	}
	section.sc02.about .cont_col .slider_cont .dots {
		bottom: 20px;
	}
	.content_modal .modal_inner_slider .nav {
		display: none;
	}
	.content_modal .modal_inner_slider .dots {
		bottom: 20px;
	}
	section.sc01.apply {
		padding: 100px 0;
	}
	section.sc01.apply .layout_col_dl dl {
		display: block;
	}
	section.sc01.apply .layout_col_dl dl dt,
	section.sc01.apply .layout_col_dl dl.vert dt {
		margin-bottom: 10px;
		font-size: 26px;
		line-height: 33px;
	}
	section.sc01.apply .layout_col_dl dl dd strong + p {
		margin-top: 6px;
	}
	section.sc01.apply .layout_col_dl dl dd strong {
		font-size: 16px;
		line-height: 20px;
	}
	section.sc01.apply .layout_col_dl dl dd p,
	section.sc01.apply .layout_col_dl dl dd > i,
	section.sc01.apply .layout_col_dl dl dd .text_box ul li,
	section.sc01.apply .layout_col_dl dl dd p.single,
	section.sc01.apply .layout_col_dl dl dd .step > div p {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div p i {
		font-size: 13px;
	}
	section.sc01.apply .layout_col_dl dl dd p + a,
	section.sc01.apply .layout_col_dl dl dd p + button {
		margin-top: 30px;
	}
	section.sc01.apply .layout_col_dl dl + dl {
		margin-top: 40px;
	}
	section.sc01.apply .layout_col_dl dl dd .text_box {
		padding: 10px 15px;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div + div::before {
		width: 7px;
		left: -40px;
		top: 33px;
	}
	section.sc01.apply .layout_col_dl dl .jury_list li {
		width: calc((100% - 10px) / 2);
	}
	section.sc01.apply .layout_col_dl dl .jury_list li + li {
		margin-left: 10px;
	}
	section.sc01.apply .layout_col_dl dl .jury_list li:nth-child(n + 3) {
		margin-top: 20px;
	}
	section.sc01.apply .layout_col_dl dl .jury_list li:nth-child(2n + 1) {
		margin-left: 0;
	}
	section.sc01.apply .layout_col_dl dl .jury_list li p,
	section.sc01.apply .layout_col_dl dl .jury_list li p i,
	section.sc01.apply .layout_col_dl dl .jury_list li span,
	section.sc02.apply .speaker p {
		font-size: 14px;
		line-height: 22px;
	}
	section.sc01.apply .layout_col_dl dl .jury_list li span {
		margin-top: 0;
	}
	section.sc02.apply {
		padding: 100px 0;
	}
	section.sc02.apply .tit_center h2 {
		font-size: 26px;
		line-height: 33px;
	}
	section.sc02.apply .tit_center p {
		font-size: 16px;
		line-height: 20px;
		margin-top: 15px;
	}
	section.sc02.apply .session_clip {
		margin-top: 45px;
	}
	section.sc02.apply .session_clip .inner_tit {
		top: 15px;
		left: 15px;
	}
	section.sc02.apply .session_clip .inner_tit > div {
		padding: 10px 0;
	}
	section.sc02.apply .session_clip .inner_tit > div em {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
	}
	section.sc02.apply .session_clip .inner_tit > div i {
		font-size: 13px;
		line-height: 16px;
	}
	section.sc02.apply .session_clip .inner_tit > p {
		font-size: 13px;
		line-height: 16px;
		margin-top: 6px;
	}
	section.sc02.apply .session_clip .inner_tit > p i {
		font-size: 10px;
		line-height: 13px;
		margin-right: 4px;
	}
	section.sc02.apply .speaker em,
	section.sc02.apply .speaker em i {
		font-size: 22px;
		line-height: 28px;
	}
	section.sc02.apply .session_clip .play_clip {
		width: 30px;
		height: 30px;
		right: 10px;
		bottom: 10px;
	}

	.design2022 section.sc02.apply .col_60 p {
		font-size: 14px;
		line-height: 22px;
	}


	.layout_line_item .tit {
		float: none;
		margin-bottom: 40px;
		width: auto;
	}
	.layout_line_item .cap_wrap {
		float: none;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
	}

	.layout_line_item .tit span {
		font-size: 16px;
	}
	section.sc03.about span {
		font-size: 16px;
	}
	section.sc04.about .tit span {
		font-size: 16px;
	}

	.design2022 section.sc02.apply .col_40 h2 {
		font-size: 26px;
		line-height: 33px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.popup_wrap .popup {
		right: 60px;
		top: 51px;
	}
}

@media screen and (max-width: 767px) {
	.container {
		padding-bottom: 244px;
	}
	#footer .inner {
		text-align: center;
	}
	/* #footer .inner::before {
        content: "";
        display: block;
        width: calc(100% - 40px);
        height: 1px;
        position: absolute;
        top: 0;
        left: 20px;
        background-color: #E5E5E5;
    } */
	#footer {
		padding: 0;
	}
	#footer .inner {
		padding: 30px 20px;
	}
	#footer .inner a.logo {
		display: inline-block;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: translateY(0);
		margin-bottom: 30px;
	}
	#footer .inner > p {
		font-size: 13px;
		line-height: 16px;
		margin-top: 8px;
	}
	#footer .inner > span {
		font-size: 13px;
		line-height: 20px;
	}
	#footer .inner > i {
		font-size: 10px;
		line-height: 20px;
		margin-top: 20px;
	}
	#footer .inner ul li + li {
		margin-left: 19px;
	}
	#footer .inner ul li + li::before {
		left: -9px;
	}
	.main_top .main_slider .copy_wrap p i,
	.main_top .main_slider .copy_wrap p span {
		display: block;
	}
	.main_top .main_slider .copy_wrap p br {
		/* display: none; */
	}
	section.sc02.about .cont_col .slider_cont .slider_about ul li {
		width: 100%;
	}
	section.sc02.about .cont_col .slider_cont .slider_about ul li img {
		width: 100%;
	}
	section.sc02.about .cont_col .slider_cont .nav button {
		width: 34px;
		height: 34px;
	}
	section.design.sc06 .inner .session_wrap {
		display: flex;
		flex-direction: column;
	}
	section.design.sc06 .inner .session_wrap .session_clip {
		width: 100%;
	}
	.content_modal .scroll_wrap .inner > div {
		padding: 30px 20px;
	}

	.content_modal .cont_col > div.tit img {
		max-width: 200px;
	}
	.content_modal .cont_col .cont .cont_row + .cont_row {
		margin-top: 50px;
	}
	.content_modal .cont_col .cont .cont_row .inner_tit {
		margin-bottom: 20px;
	}
	.content_modal .cont_col .cont .cont_row .inner_tit h4 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -0.02em;
	}
	.content_modal .cont_col .cont .cont_row .inner_tit h4 span {
		display: block;
		font-size: 20px;
		line-height: 25px;
		letter-spacing: -0.02em;
	}
	.content_modal .cont_col .cont .cont_row p {
		font-size: 14px;
		line-height: 22px;
	}
	.content_modal .col_full {
		margin-top: 30px;
	}
	.content_modal .btn_wrap {
		margin-top: 30px;
	}
	.content_modal .col_full img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	.content_modal .modal_inner_slider li > div {
		padding-top: 67.3333%;
	}
	.winner_modal .cont_col .cont .part_cont {
		margin-top: 20px;
	}
	.winner_modal .cont_col .cont {
		margin-top: 10px;
	}
	.winner_modal .cont_col .cont .part_cont p {
		font-size: 13px;
		line-height: 20px;
		margin-top: 8px;
	}
	.winner_modal .scroll_wrap .inner > div {
		padding: 48px 20px 30px;
	}
	.winner_modal .btn_close {
		width: 20px;
		height: 20px;
		background-size: 18px auto;
		top: 18px;
		right: 18px;
	}
	.winner_modal .cont_col .tit h3 {
		font-size: 26px;
		line-height: 33px;
	}
	.winner_modal .cont_col .cont .btn_brochure {
		display: inline-block;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin-bottom: 20px;
	}
	.winner_modal .cont_col .cont .part_cont h4 {
		font-size: 18px;
		line-height: 23px;
	}
	.winner_modal .nav_part {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		transform: none;
		text-align: center;
		margin-top: 20px;
	}
	.winner_modal .nav_part button,
	.winner_modal .nav_part button.nav_part_next,
	.winner_modal .nav_part button.nav_part_prev {
		display: inline-block;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		transform: none;
	}
	.winner_modal .nav_part button + button {
		margin-left: 60px;
	}
	.winner_modal .cont_col .btn_wrap button {
		margin-top: 40px;
		margin-left: 0;
	}
	.winner_modal .cont_col .cont .dots {
		bottom: 8px;
	}
	.winner_modal .cont_col .cont .dots span {
		width: 5px;
		height: 5px;
	}
	.winner_modal .cont_col .cont .dots span + span {
		margin-left: 5px;
	}
	section.sc01_3.design .winner_slider li {
		width: 100%;
	}

	section.sc01_3.design .winner_slider li .slide_title .pull-left {
		line-height: 20px;
		font-size: 16px;
	}
	section.sc01_3.design .winner_slider li .slide_title .pull-right {
		line-height: 20px;
		font-size: 16px;
	}
	section.sc01_3.design .nav button {
		width: 34px;
		height: 34px;
		opacity: 1;
	}
	section.sc01.apply .layout_col_dl dl dd .step {
		display: block;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div {
		width: 100%;
		background-color: #fff;
		padding: 20px 0;
	}
	section.sc01.apply .layout_col_dl dl dd .step > div + div {
		margin-top: 30px;
	}

	section.sc01.apply .layout_col_dl dl dd .step > div + div::before {
		transform: translateX(-50%) rotate(90deg);
		top: -26px;
		left: 50%;
	}
	section.sc02.apply .session_clip .thumb {
		padding-top: 71.875%;
	}
	.popup_wrap .popup {
		left: 20px;
		right: 20px;
		width: auto;
		top: 51px;
	}
	.popup_wrap .popup .cont p {
		font-size: 16px;
	}
	.popup_wrap .popup .cont em {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.popup_wrap .popup .cont span {
		font-size: 15px;
		margin: 20px 0;
	}
	.popup_wrap .popup .close button::before {
		content: none;
	}
	.popup_wrap .popup .close button::after {
		content: none;
	}
	.popup_wrap .popup .close button {
		top: auto;
		left: auto;
		right: 0;
		bottom: 0;
		width: 50%;
		height: 40px;
		background-color: #fff;
		font-size: 13px;
		color: #bbbbbb;
		border-left: 1px solid #f1f1f1;
	}
	.popup_wrap .popup .close input[type='checkbox'] + label {
		width: 50%;
		padding-left: 0;
		text-align: center;
		background-image: none;
	}
	.popup_wrap .popup .close input[type='checkbox']:checked + label {
		background-image: none;
	}
	section.sc01.apply .layout_col_dl dl dd ol.bullet > li > p {
		text-indent: -10px;
		padding-left: 10ox;
	}
	section.sc01.apply .layout_col_dl dl dd ol.bullet > li > p {
		text-indent: -18px;
		padding-left: 18ox;
	}

	.layout_line_item .vis_wrap img {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 670px) {
	.container {
		padding-bottom: 264px;
	}
}