@charset "UTF-8";

/* 공통 - 버튼, 폰트, 색상 등등 */
*::selection {background:#28409a; color:#fff;text-shadow:none;}
*::-moz-selection {background:#28409a; color:#fff;text-shadow:none;}

/* LAYOUT */
.row {
	--bs-gutter-x: 0px;
}

.page-wrapper {
	position: relative;
}
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/*--- HEADER ---*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.header {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 26px;
	background: #fff;
}

	/* LOGO */
	.logo {
		/*position: absolute;
		top: 0;
		left: 26px;*/
		margin: 0;
	}

	/* GNB */
	/* 유료테마 메뉴 텍스트 컬러변경 */
	.header.navbar-transparent {
    background: #fff;
	}

	.header.navbar-transparent.navbar-sm {
    background-color: #fff;
		
	}

	.header.navbar-transparent .navbar-nav .nav-item .nav-link {
    color: #111; 
		font-family: 'NEXONLv1Gothic'; 
		font-size: 17px; 
		padding: 28px 15px 22px 15px;
		letter-spacing: 0.5px;
		outline: 0;
	}
	.nav-link:hover, .nav-link:focus, .nav-link.active { 
		color: #2e69cf !important;
	}

	.nav-btn { margin-top: 26px;}

	*:focus { border: 0; outline: none;/* expression(this.hideFocus=true); */}

	.nav-btn .etc a {
		padding: 5px 27px 6px 27px;
		margin-left: 20px;
		font-size: 17px;
		/* color: #cf1717; */
		/* color:#f05423; */
		color: #2e69cf;
		line-height: 17px;
		text-decoration: none;
		border: 2px solid #2e69cf;
		border-radius: 5em;
	}
	.nav-btn .etc a:hover,
	.nav-btn .etc a:focus {
		background: #2e69cf;
		color: #fff;
	}

	/* 메뉴 토글바 */
	.header .navbar-toggle .icon-bar + .icon-bar {
		margin-top: 12px;
	}
	.header .navbar-toggle {
    position: relative;
    padding: 9px 10px;
    margin: 0px;
	}

	.header.navbar-transparent.navbar-sm .navbar-toggle {
    border: 0;
    background: none;
	}
	.header.navbar-transparent.navbar-sm {
    background: #fff;
	}
	.header.navbar-transparent .navbar-toggle .icon-bar {
    background: #111;
	}
	.header .navbar-toggle .icon-bar {
		display: block;
		width: 34px;
		height: 2px;
		border-radius: 4px;
    border-radius: 4px;
	}

	
	/* nav .gnb-list {
		display: flex;
	}
	nav .gnb-list li {
		padding: 0 25px;
	}
	nav .gnb-list li a {
		font-size: 1.1em;
		font-weight: 600;
		color: #222;
	}
	nav .gnb-list li a:hover,
	nav .gnb-list li a:focus {
		color: #cf1717;
		text-decoration: none;
	}
	nav .gnb-list .etc a {
		padding: 5px 27px;
		color: #cf1717;
		border: 1px solid #cf1717;
		border-radius: 5em;
	}
	nav .gnb-list .etc a:hover,
	nav .gnb-list .etc a:focus {
		background: #cf1717;
		color: #fff;
	}
	.gnb {
		float: right;
	} */



/*--- VISUAL ---*/
	.widget-visual {
		position: relative;
		height: 100vh;
		/* max-height: 900px; */
		margin-top: 70px;
		background-color: #000;
		color: #fff;
		text-align: center;
		z-index: 0;
	}
	.widget-visual .item {
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	/* .widget-visual-slider { width: 100%; height: 100vh; display: flex; flex-direction: row; justify-content: center; align-items: center;} */
	/* 	.tablet_hand {
		position: absolute;
		bottom: 0;
		left:0;
	} */



	.widget-visual .item .slide-text {
		padding-top: 12vh;
	}
	.widget-visual .item .slide-text h3 {
		font-family: 'KoddiUDOnGothic';
		font-size: 5.2em;
		color: #fff;
		margin-top: 5.2rem;
		letter-spacing: -1.2px;
	}
	.widget-visual .item .slide-text span {
		font-family: 'KoddiUDOnGothic';
		font-size: 1.2em;
		letter-spacing: 18px;
		opacity: .8;
	}
	.widget-visual .item .slide-text p { margin-bottom:0;}
	.widget-visual .item .slide-text p.tit_red {
		font-family: 'NEXONLv1Gothic';
		font-size: 3.2rem;
		line-height: 4.2rem;
		font-weight: 600;
		color: #ae0909;
		padding-top: 0;
	}
	.white_bold { font-size: 3.2rem; line-height: 3.2rem;}
	.widget-visual .item .slide-text p.sub_txt01 {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.6rem;
		letter-spacing: -1px;
		color:#000;
		opacity: 0.7;
	}
	/* 2번째 비쥬얼 이미지단 */
	/* .widget-visual .item.two_item {
		display: flex; flex-direction: column; justify-content: center; align-items: center;
	}
	.widget-visual .item.two_item .stxt_group2 { display: flex; flex-direction: column; justify-content: center; align-items: center;} */
	.widget-visual .item .slide-text h3.main_copy02 {
		font-family: 'KoddiUDOnGothic';
		font-size: 4.4em;
		color: #fff;
		line-height: 4.6rem;
		letter-spacing: -1.2px;
	}
	.white_bold2 { 
		font-family: 'Montserrat'; 
		font-size: 4.6rem; 
		line-height: 4.8rem; 
		font-weight: normal;
		letter-spacing: 0px;
		margin-top: 20px;
	}
	.widget-visual .item .slide-text p span {
		font-family: 'Montserrat';
		font-size: 4.6rem;
		line-height: 4.8rem;
		font-weight: bold;
		color: #fff;
		padding-top: 0;
		letter-spacing: 0px;
		opacity: 1;
	}
	.subtxt_2nd { margin-top: 20px;}
	.related_word { margin-top: 30px;}
	.widget-visual .item .slide-text .related_word .stxt { letter-spacing: 0px; text-align: center; border:1px solid #fff; border-radius: 5px; padding: 4px 20px; margin-right: 4px;}
	.related_word .stxt:last-child { margin-right: 0;}
	/* 3번째 비쥬얼 이미지단 */
	.three_item { padding-top: 0vh;}
	.stxt_group3 { display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.txt03_area { text-align: center;}
	.widget-visual .item .slide-text p.tit_red {
		font-family: 'NEXONLv1Gothic';
		font-size: 3.2rem;
		line-height: 3.6rem;
		font-weight: 600;
		/* color: #f05423; */
		color: #2c65c6;
		padding-top: 0;
	}
	.widget-visual .item .slide-text h3.main_copy03 { 
		font-family: 'Montserrat'; font-size: 4.0rem; line-height: 4.0rem; color: #111; margin-top: 0px;}
	.subtxt_3nd { font-size: 16px; font-weight: 700; color: #333; padding: 0 30px;}
	.sympo_v_img { width: 50%; margin-top: 40px;}

	.widget-visual .item [class*="bg"] {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat;
		background-position: 50% 0;
		z-index: -1;
		background-size: cover;
	}
	.widget-visual-control {
		display: flex;
    flex-direction: row;
    justify-content: center;
	}
	.widget-visual-control .slick-arrow {
		position: absolute;
		top: 47%;
		width: 38px;
		height: 74px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.widget-visual-control .slick-arrow.prev {
		left: 8em;
		background-image: url("../img/arrow-left.png");
	}
	.widget-visual-control .slick-arrow.next {
		right: 8em;
		background-image: url("../img/arrow-right.png");
	}
	.widget-visual-pagination {
		position: relative;
		bottom: 3em;
		transform: translateY(-50%);
	}
	.widget-visual-pagination .slick-dots {
		display: flex;
	}
	.widget-visual-pagination .slick-dots li {
		width: 55px;
		height: 4px;
		margin: 0 5px;
		background: #fff;
	}
	.widget-visual-pagination .slick-dots li button {
		position: relative;
		border: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: #fff;
		text-indent: -99999px;
	}
	.widget-visual-pagination .slick-dots li.slick-active button {
		background: #2e69cf;
	}
	.line_br {display: none;}



/*--- SECTION ---*/
.section-title {
	padding: 0 0 10px;
	text-align: center;
}
.section-title h3 {
	font-family: 'NEXONLv1Gothic';
	font-size: 2rem;
	font-weight: 600;
	color: #111;
}

	/* inner version */
	.section-title.inner {
		text-align: left;
	}


/*--- etc ---*/
.control-label {
	font-size: 1.2em;
}
	.control-label.required span {
		position: relative;
	}
	.control-label.required span::after {
		content: "*";
		display: block;
		width:5px;
		height: 5px;
		position: absolute;
		top: 5px;
		right:  -11px;
		color: #cf1717;
	}
.form-control {
	margin-bottom: 1em;
}


/*--- SECTION WORKS ---*/
.section-works {
	padding: 130px 0 80px 0;
}
	/* .works-wrap {
		display: flex;
	} */

.section-works  .ol, ul {
    padding-left: 0rem;
}

	/* .row.works-wrap { max-width: none;} */

/* 	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	} */

	/* .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
	} */

/* 	.row > * {
		width: auto;
	} */
	.works-wrap { padding: 0 20px;}

	.works-wrap .item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* width: calc(100%/4); */
		padding: 50px 20px 20px 20px;
	}
	.works-wrap .item:hover {
		background: #f9f9f9;
	}
	.works-wrap .item .icon-box {
		width: 210px;
		height: 210px;
		background-color: #2c4c7e;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 10em;
	}
	.works-wrap .item .icon-box.works01 {
		background-image: url("../img/ico-works01.png");
		background-size: 50%;
	}
	.works-wrap .item .icon-box.works02 {
		background-image: url("../img/ico-works02.png");
		background-size: 50%;
	}
	.works-wrap .item .icon-box.works03 {
		background-image: url("../img/ico-works03.png");
		background-size: 50%;
	}
	.works-wrap .item .icon-box.works04 {
		background-image: url("../img/ico-works04.png");
		background-size: 50%;
	}
	.works-wrap .item .works-box {
		padding-top: 2.5em;
	}
	.works-wrap .item .works-box strong {
		font-family: 'NEXONLv1Gothic';
		font-size: 2.1em;
	}
	.works-wrap .item .works-box p {
		font-size: 1.4em;
	}
	.works-wrap .item .works-box ul li {
		color: #999;
	}


/*--- TECHNOLOGY ---*/
.section-technology {
	padding: 110px 0;
	background: #f6f6f6;
}
.section-technology .row >* {
	width: auto;
}

/* 	.technology-wrap {
		display: flex;
		justify-content: center;
		padding: 1em 0;
	}
	.technology-wrap .item {
		margin-right: 20px;
	}
	.technology-wrap .item:last-child {
		margin-right: 0;
	}
 */

/*--- SOLUTION ---*/
.section-solution {
	padding: 110px 0 0;
}
	.solution-wrap {
		display: flex;
		height: 744px;
		margin-top: 1.5em;
	}

	.section-title p{
		padding: 0 15px;
	}

	.solution-wrap .item {
		position: relative;
		width: calc(100%/2);
		height: 100%;
		overflow: hidden;
	}
	.solution-wrap .item.left {}
	.solution-wrap .item.right {}
	.solution-wrap .item .dim {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 4em;
		color: #fff;
		background: rgba(0,0,0,.3);
		z-index: 10;
	}
	.solution-wrap .item .dim span {
		font-size: 1.4em;
		font-weight: 600;
		color: #6fc5e5;
	}
	.solution-wrap .item .dim h5 {
		font-family: 'NEXONLv1Gothic';
		font-size: 3em;
		font-weight: 600;
		color: #fff;
		padding: 15px 0;
	}
	.solution-wrap .item .dim p {}
	.solution-wrap .item .solution-bg {
		width: 100%;
		height: 100%;
		transition: all 1s ease;
	}
	.solution-wrap .item.left .solution-bg {
		background: url("../img/solution_img01.jpg") no-repeat center;
		background-size: cover;
	}
	.solution-wrap .item.right .solution-bg {
		background: url("../img/solution_img02.jpg") no-repeat center;
		background-size: cover;
	}
	.solution-wrap .item:hover .solution-bg {
		transform: scale(1.1);
	}


/*--- PORTFOLIO ---*/
.section-portfolio {
	padding: 110px 0;
}
	.portfolio-wrap {}
	.portfolio-wrap .portfolio {
		display: flex;
		flex-wrap: wrap;
	}
	.portfolio-wrap .portfolio .item {
		position: relative;
		width: calc(100%/4);
		overflow: hidden;
	}
	.portfolio-wrap .portfolio .item .dim {
		position: absolute;
		bottom: -200px;
		left: 0;
		padding: 2em 1.5em;
		width: 100%;
		min-height: 200px;
		color: #fff;
		background: rgba(0,0,0,.5);
		transition: all 0.5s ease;
	}
	.portfolio-wrap .portfolio .item:hover .dim {
		bottom: 0;
	}
	.portfolio-wrap .portfolio .item .dim p {
		font-family: 'NEXONLv1Gothic';
		font-size: 1.5em;
		font-weight: 600;
		padding-bottom: 15px;
	}
	.portfolio-wrap .portfolio .item .dim .box {
		height: 56px;
		overflow: hidden;
		line-height: 1.3;
		text-overflow: ellipsis;
		white-space: normal;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.portfolio-wrap .portfolio .item .portfolio-bg img {
		width: 100%;
	}
	.portfolio-wrap a.btn-more {
		display: block;
		width: 10%;
		margin: 0 auto;
		padding: 1em;
		font-family: 'NEXONLv1Gothic';
		font-size: 1.5em;
		color: #999;
		text-align: center;
	}
	.portfolio-wrap a.btn-more:hover {
		text-decoration: none;
		color: #cf1717;
	}
	.portfolio-wrap a.btn-more::after {
		content: "+";
		display: inline-block;
		padding-left: 10px;
		font-size: 1.3em;
		vertical-align: middle;
	}


/*--- CONTACT US ---*/
.section-contact {
}
	.contact-wrap {
		display: flex;
	}
	.contact-wrap > div {
		width: calc(100%/2);
		padding: 4em 4.1em;
	}
	.contact-left {
		color: #fff;
		background: #666;
	}
		.contact-left .section-title h3 {
			margin: 0;
			color: #fff;
		}
		.contact-left .box {
			font-size: 1.5em;
			font-weight: 300;
			line-height: 1.3;
		}
		.contact-left address {
			margin: 5em 0 0;
		}
		.contact-left address p.tit {
			margin-bottom: 1em;
			font-size: 2em;
			font-weight: 500;
		}
		.contact-left address p {
			margin-bottom: 10px;
			font-size: 1.4em;
			font-weight: 300;
			line-height: 1;
		}
	.contact-right {
		background: #f2f3f4;
	}
		.contact-right .section-title h3 {
			margin: 0;
			color: #333;
		}
		.contact-right .input-wrap {}
		.contact-right .btn-wrap {
			text-align: right;
		}
		.contact-right .btn-wrap .btn_submit {
			border: 0;
			border-radius: 6px;
			padding: 8px;
			min-width: 160px;
			font-size: 1.4em;
			color: #fff;
			background: #2c4c7e;
		}

	/*--- FOOTER ---*/
	.footer-wrap .row {
/* 		display: flex;
		justify-content: space-between;
		align-items: center; */
		padding: 2em;
		background: #444343;

	}

	.footer-wrap .footer-logo .foot_logo {
		width: 167px;
	}
	.footer-wrap .footer-logo span {
		color: #fff;
		padding-left: 13px;
		vertical-align: middle;
		text-align: left;
	}
	.footer-wrap .footer-logo span em {
		font-style: normal;
		color: #6fc5e5;
	}
	.footer-wrap .footer-copy {
		color: #fff;
		text-align: right;
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 1440px;
		}
	}

	@media (max-width: 1200px) {	
		.sympo_v_img { width: 58%; margin-top: 40px;}
	}

	@media (max-width: 1024px) {
		.sympo_v_img { width: 70%; margin-top: 40px;}
	}
	
	@media (max-width: 991px) {
		.logo {
			margin-left: 20px;
		}

		.tw_logo_img {
			width: 80%;
		}

		.widget-visual {
			margin-top: 56px;
		}

		.container {
			max-width: 960px;
		}
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
			width: 100%;
			padding-right: var(--bs-gutter-x, 0px);
			padding-left: var(--bs-gutter-x, 0px);
			margin: 0 0px;
	}
		.header {
			padding: 0 0;
		}
		.header.navbar-transparent {
			background: #fff;
		}
		.header .navbar-toggle {
			margin-right: 12px;
		}

		.header.navbar-transparent.navbar-sm .navbar-toggle .icon-bar {
			background: rgba(var(--app-component-color-rgb), 1);
		}

		.nav {
			padding: 0 0 40px 0;
		}
		.header .nav.navbar-nav {
			margin: 20px 0;
			text-align: center;
		}
		.navbar-collapse {
			border-top: solid 1px #ddd;
		}

		.header.navbar-transparent .navbar-nav .nav-item .nav-link {
			color: #111;
			font-family: 'NEXONLv1Gothic';
			font-size: 20px;
			padding: 15px 50px 15px 50px;
			letter-spacing: 0.5px;
			outline: 0;
		}

		.nav-btn .etc a {
			margin-left: 0px;
		}

		.widget-visual .item .slide-text {
			padding-top: 12vh;
		}
		.widget-visual .item .slide-text h3 {
			font-family: 'KoddiUDOnGothic';
			font-size: 4.0rem;
			color: #fff;
			margin-top: 4rem;
			letter-spacing: -1.2px;
			padding: 0 30px;
		}
		.widget-visual .item .slide-text span {
			font-family: 'KoddiUDOnGothic';
			font-size: 1.0rem;
			letter-spacing: 18px;
			opacity: .8;
		}

		.widget-visual .item .slide-text p { margin-bottom:0;}
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 3.2rem;
			line-height: 4.2rem;
			font-weight: 600;
			color: #ae0909;
			padding-top: 0;
		}
		.widget-visual .item .slide-text p.sub_txt01 {
			font-size: 1.2rem;
			font-weight: bold;
			line-height: 1.6rem;
			letter-spacing: -1px;
			color:#000;
			opacity: 0.7;
		}
		
		.widget-visual .item .slide-text p.tit_red .white_bold { font-size: 3.2rem; line-height: 3.2rem;}



		.portfolio-wrap .portfolio .item {
			width: calc(100%/2);
		}
		.works-wrap .item {
			padding: 15px;
		}
		.contact-wrap {
			display: flex;
			flex-direction: column;
		}
		.contact-wrap > div {
			width: calc(100%/1);
			padding: 4em 4.1em;
		}

		.footer-wrap .row { padding: 3em 2rem;}

		.footer-logo span { margin-top: 10px;}

		.footer-wrap .footer-copy {
			color: #fff;
			text-align: center;
			margin-top: 20px;
		}
	}
	
	@media (max-width: 768px) {
		.container {
			max-width: 720px;
		}
	}
	
	@media (max-width: 700px) {
		.works-wrap .item .works-box {
      text-align: center;
		}
	}

	@media (max-width: 576px) {
		.container {
			max-width: 540px;
		}

		.sympo_v_img { width: 80%; margin-top: 40px;}

		.solution-wrap {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}

		.solution-wrap .item {
				width: calc(100%/1);
		}
		.portfolio-wrap .portfolio .item {
			width: calc(100%/1);
		}

		.works-wrap .item .works-box ul li {
			font-size: 18px;
		}
	}

	@media (max-width: 540px) {
		.line_br {display: inline-block;}

		.widget-visual .item .slide-text {
			padding-top: 10vh;
		}
		.widget-visual .item .slide-text h3 {
			font-family: 'KoddiUDOnGothic';
			font-size: 3.2em;
			color: #fff;
			margin-top: 2rem;
			letter-spacing: -1.2px;
			padding: 0 50px;
		}
		.widget-visual .item .slide-text span {
			font-family: 'KoddiUDOnGothic';
			font-size: 0.85em;
			letter-spacing: 4px;
			opacity: .8;
		}
		.widget-visual .item .slide-text p { margin-bottom:0;}
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 2.6rem;
			line-height: 3.0rem;
			font-weight: 600;
			color: #ae0909;
			padding-top: 0;
		}
		.widget-visual .item .slide-text p.sub_txt01 {
			font-size: 1.2rem;
			font-weight: bold;
			line-height: 1.4rem;
			letter-spacing: -1px;
			color:#000;
			opacity: 0.7;
			padding: 0 40px;
		}
		/* 2번째 비쥬얼 이미지단 */
		.widget-visual .item .slide-text.stxt_group2 {
			padding-top: 10vh;
		}
		.widget-visual .item .slide-text h3.main_copy02 {
			font-family: 'Montserrat';
			font-size: 3.0em;
			color: #fff;
			line-height: 3.3rem;
			letter-spacing: -1.2px;
		}
		.white_bold2 { 
			font-family: 'Montserrat'; 
			font-size: 2.9em; 
			line-height: 3.0rem; 
			font-weight: normal;
			letter-spacing: 0px;
			margin-top: 20px;
		}
		.widget-visual .item .slide-text p span {
			font-family: 'Montserrat';
			font-size: 3.1rem;
			line-height: 3.3rem;
			font-weight: bold;
			color: #fff;
			padding-top: 0;
			letter-spacing: 0px;
			opacity: 1;
		}
		.subtxt_2nd { margin-top: 20px; padding:0 20px;}
		.related_word { margin-top: 30px;}
		.widget-visual .item .slide-text .related_word .stxt { font-size: 0.8rem;line-height: 0.9rem; letter-spacing: 0px; text-align: center; border:1px solid #fff; border-radius: 5px; padding: 4px 20px; margin-right: 4px;}
		.related_word .stxt:last-child { margin-right: 0;}
		/* 3번째 비쥬얼 이미지단 */
		.three_item { padding-top: 4vh;}
		.stxt_group3 { display: flex; flex-direction: column; justify-content: center; align-items: center;}
		.txt03_area { text-align: center;}
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 2.6rem;
			line-height: 3.0rem;
			font-weight: 600;
			color: #ae0909;
			padding: 0 20px;
		}
		.widget-visual .item .slide-text h3.main_copy03 { 
			font-family: 'Montserrat'; font-size: 3.0rem; line-height: 3.2rem; color: #111; margin-top: 0px;}
		.subtxt_3nd { font-size: 16px; font-weight: 700; color: #333; padding: 0 30px;}

		.slick-arrow {
			display: none;
		}

		.widget-visual-control .slick-arrow.prev {
			display: none !important;
		}
		.widget-visual-control .slick-arrow.next {
			right: 8em;
			display: none !important;
		}

		.contact-wrap > div {
			width: calc(100%/1);
			padding: 2rem 2rem;
		}
	}

	@media (max-width: 360px) {
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 1.9rem;
			line-height: 2.4rem;
			font-weight: 600;
			color: #ae0909;
			padding-top: 0;
		}
		.widget-visual .item .slide-text h3 {
			font-family: 'KoddiUDOnGothic';
			font-size: 2.4em;
			color: #fff;
			margin-top: 2rem;
			letter-spacing: -1.2px;
		}
		/* 2번째 비쥬얼 이미지단 */
		.widget-visual .item .slide-text.stxt_group2 {
			padding-top: 18vh;
		}
		.widget-visual .item .slide-text h3.main_copy02 {
			font-family: 'Montserrat';
			font-size: 2.2rem;
			color: #fff;
			line-height: 2.8rem;
			letter-spacing: -1.2px;
		}
		.white_bold2 { 
			font-family: 'Montserrat'; 
			font-size: 2.4rem; 
			line-height: 2.4rem; 
			font-weight: normal;
			letter-spacing: 0px;
			margin-top: 20px;
		}
		.widget-visual .item .slide-text p span {
			font-family: 'Montserrat';
			font-size: 2.5rem;
			line-height: 2.5rem;
			font-weight: bold;
			color: #fff;
			padding-top: 0;
			letter-spacing: 0px;
			opacity: 1;
		}
		.subtxt_2nd { font-size: 0.5rem;}
		.related_word { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; padding: 0 20px;}
		.related_word .stxt {  margin-top:4px;}
		.subtxt_2nd { padding: 0 30px;}

		.three_item { padding-top: 2vh;}
		.stxt_group3 { display: flex; flex-direction: column; justify-content: center; align-items: center;}
		.txt03_area { text-align: center;}
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 2.2rem;
			line-height: 2.4rem;
			font-weight: 600;
			color: #ae0909; 
			padding: 0 20px;
		}
		.widget-visual .item .slide-text h3.main_copy03 { 
			font-family: 'Montserrat'; font-size: 2.4rem; line-height: 2.4rem; color: #111; margin-top: 0px;}
		.subtxt_3nd { font-size: 16px; font-weight: 700; color: #333; padding: 0 30px;}
		.sympo_v_img { width: 90%; margin-top: 40px;}
	}

	@media (max-width: 280px) {
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 1.8rem;
			line-height: 2.4rem;
			font-weight: 600;
			color: #ae0909;
			padding-top: 0;
		}

		.widget-visual .item .slide-text h3 {
			font-family: 'KoddiUDOnGothic';
			font-size: 2.2em;
			color: #fff;
			margin-top: 2rem;
			letter-spacing: -1.2px;
		}
		/* 2번째 비쥬얼 이미지단 */
		.widget-visual .item .slide-text.stxt_group2 {
			padding-top: 10vh;
		}
		.widget-visual .item .slide-text h3.main_copy02 {
			font-family: 'Montserrat';
			font-size: 1.8rem;
			color: #fff;
			line-height: 2.4rem;
			letter-spacing: -1.2px;
		}
		.white_bold2 { 
			font-family: 'Montserrat'; 
			font-size: 2.2rem; 
			line-height: 2.2rem; 
			font-weight: normal;
			letter-spacing: 0px;
			margin-top: 20px;
		}
		.widget-visual .item .slide-text p span {
			font-family: 'Montserrat';
			font-size: 2.5rem;
			line-height: 2.5rem;
			font-weight: bold;
			color: #fff;
			padding-top: 0;
			letter-spacing: 0px;
			opacity: 1;
		}.subtxt_2nd { font-size: 0.5rem;}
		.related_word { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; padding: 0 20px;}
		.related_word .stxt {  margin-top:4px;}
		.subtxt_2nd { padding: 0 30px;}

		.three_item { padding-top: 4vh;}
		.stxt_group3 { display: flex; flex-direction: column; justify-content: center; align-items: center;}
		.txt03_area { text-align: center;}
		.widget-visual .item .slide-text p.tit_red {
			font-family: 'NEXONLv1Gothic';
			font-size: 1.8rem;
			line-height: 2.0rem;
			font-weight: 600;
			color: #ae0909; 
			padding: 0 20px;
		}
		.widget-visual .item .slide-text h3.main_copy03 { 
			font-family: 'Montserrat'; font-size: 2.2rem; line-height: 2.4rem; color: #111; margin-top: 0px;}
		.subtxt_3nd { font-size: 12px; font-weight: 700; color: #333; padding: 0 40px;}
	}