#section_01 {
	width: 100%; height: 937px;
	box-sizing: border-box;
}

#slider {
	width: 100%; height: 100%;
	box-sizing: border-box;
}

#slider .slider_item {
	width: 100%; height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}


#slider .slider_item > div {
	left: 50%;
	width: 100%; max-width: 1640px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#slider.slick-slider .slick-track, #slider.slick-slider .slick-list { height: 100%; }

#slider .slider_item > div > div {
	top: 50%; left: 0px;
	width: 100%; height: auto;

	padding: 0px 125px;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	box-sizing: border-box;
}


#slider .slider_item .txt_label { 
	width: 100%; height: auto; line-height: 1.2;
	font-size: 26px; color: #fff; text-align: left;
    word-break: break-all;
	box-sizing: border-box;
}


#slider .slider_item .txt_title { 
	width: 100%; height: auto; line-height: 1;
	font-size: 100px; color: #fff; text-align: left;
	font-family: 'GothamPro','Noto Sans KR', sans-serif;
    word-break: break-all;
	font-weight: 800;
	margin-top: 30px;
	box-sizing: border-box;
}


#arrow {
	top: 50%; left: 0px;
	width: 100%; height: auto;


    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	box-sizing: border-box;
}

#arrow > div {
	left: 50%;
	width: 100%; max-width: 1640px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#arrow button {
	width: 22px; height: 45px; 
	background: rgba(0,0,0,0);
	cursor: pointer;
	border: 0px;
	box-sizing: border-box;
}

#arrow button.arrow_prev { left: 30px; }
#arrow button.arrow_next { right: 30px; }


#arrow button img {
	width: 100%; height: 100%;
}


#scroll {
	bottom: 0px; left: 50%;
	width: 60px; height: auto;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	cursor: pointer;
	box-sizing: border-box;
}


#scroll .txt {
	width: 100%; height: auto; line-height: 1;
	font-size: 12px; color: #fff; text-align: center;
	letter-spacing: 3px;
}

#scroll .img {
	width: 100%; height: auto;
	margin-top: 10px;
	box-sizing: border-box;
}

#scroll .img img {
	left: 50%;

	width: 24px; height: 38px;

	animation: target_image 1.2s linear infinite;
	transform-origin: 50% 50%;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}


#scroll .bar {
	left: 50%;

	width: 1px; height: 70px;
	margin-top: 15px;
	background-color: #fff;

	box-sizing: border-box;
}



@keyframes target_image {
	100% { 
		transform: translate(-50%, 0%) translateY(3px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: translate(-50%, 0%) -webkit-translateY(3px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: translate(-50%, 0%) -moz-translateY(3px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: translate(-50%, 0%) -o-translateY(3px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	50% { 
		transform: translate(-50%, 0%) translateY(-6px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: translate(-50%, 0%) -webkit-translateY(-6px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: translate(-50%, 0%) -moz-translateY(-6px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: translate(-50%, 0%) -o-translateY(-6px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	0% { 
		transform: translate(-50%, 0%) translateY(3px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: translate(-50%, 0%) -webkit-translateY(3px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: translate(-50%, 0%) -moz-translateY(3px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: translate(-50%, 0%) -o-translateY(3px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}
}



#section_02 {
	width: 100%; height: auto;
	box-sizing: border-box;
}

#section_02 .contents_01 {
	width: 100%; height: auto;
	padding-top: 110px;
	padding-bottom: 290px;
	box-sizing: border-box;
}

#section_02 .contents_01 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_02 .contents_01 .txt_01 {
	width: 100%; height: auto; line-height: 1;
	font-size: 40px; color: #000; text-align: center;
	box-sizing: border-box;
}


#section_02 .contents_01 .txt_02 {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 24px; color: #333333; text-align: center;
	margin-top: 30px;
	box-sizing: border-box;
}

#section_02 .contents_01 .txt_03 {
	width: 100%; height: auto;
	margin-top: 30px;
	box-sizing: border-box;
}

#section_02 .contents_01 .txt_03 a {
	left: 50%;
	width: auto; height: 20px; line-height: 20px;
	font-size: 16px; color: #666;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
	
}


#section_02 .contents_01 .txt_03 a img {
	width: 33px; height: auto;
	vertical-align: 4px;
	margin-left: 5px;
}



#section_02 .contents_02 {
	width: 100%; height: 448px; 
	margin-top: -224px;
	overflow-x: hidden;
	z-index: 1;
	box-sizing: border-box;
}


#section_02 .contents_02 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_02 .contents_02 .bg {
	top: 0px; left: 0px;
	width: calc(1140px + ((100vw - 1140px)/2) - 30px); height: 100%;
	margin-left: 30px;
	background-image: url(../images/main_01.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box;	
	z-index: 1;
}

#section_02 .contents_02 .txt {
	top: 50%; left: 0px;
	width: 100%; height: auto; line-height: 1.5;
	font-size: 20px; color: #fff; text-align: center;
	padding: 0px 30px;
	z-index: 2;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	box-sizing: border-box;
}

#section_02 .contents_03 {
	width: 100%; height: auto;
	margin-top: -224px;
	padding-top: 300px;
	padding-bottom: 160px;
	background-color: #e9e9e9;
	box-sizing: border-box;
}



#section_02 .contents_03 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_02 .contents_03 .box {
	width: 50%; height: auto;
	box-sizing: border-box;
}

#section_02 .contents_03 .box.left { padding-right: 40px; }
#section_02 .contents_03 .box.right { padding-left: 40px; }

#section_02 .contents_03 .box .box_label {
	width: 100%; height: auto; line-height: 1;
	font-size: 30px; color: #000; text-align: center;
	box-sizing: border-box;
}


#section_02 .contents_03 .box .box_item.first { margin-top: 40px; }
#section_02 .contents_03 .box .box_item {
	width: 100%; height: auto; 
	padding: 20px 30px 20px 45px;
	margin-top: 26px;
	background-color: #fff;
	box-sizing: border-box;
}

#section_02 .contents_03 .box .box_item .box_icon {
	width: 80px; height: 80px;
	box-sizing: border-box;
}

#section_02 .contents_03 .box .box_item .box_icon img {
	width: 100%; height: 100%;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box;	
}

#section_02 .contents_03 .box .box_item.item_01 .box_icon img { background-image: url(../images/main_icon_01.png); }
#section_02 .contents_03 .box .box_item.item_02 .box_icon img { background-image: url(../images/main_icon_02.png); }
#section_02 .contents_03 .box .box_item.item_03 .box_icon img { background-image: url(../images/main_icon_03.png); }
#section_02 .contents_03 .box .box_item.item_04 .box_icon img { background-image: url(../images/main_icon_04.png); }
#section_02 .contents_03 .box .box_item.item_05 .box_icon img { background-image: url(../images/main_icon_05.png); }
#section_02 .contents_03 .box .box_item.item_06 .box_icon img { background-image: url(../images/main_icon_06.png); }

#section_02 .contents_03 .box .box_item:hover.item_01 .box_icon img { background-image: url(../images/main_icon_01_hover.png); }
#section_02 .contents_03 .box .box_item:hover.item_02 .box_icon img { background-image: url(../images/main_icon_02_hover.png); }
#section_02 .contents_03 .box .box_item:hover.item_03 .box_icon img { background-image: url(../images/main_icon_03_hover.png); }
#section_02 .contents_03 .box .box_item:hover.item_04 .box_icon img { background-image: url(../images/main_icon_04_hover.png); }
#section_02 .contents_03 .box .box_item:hover.item_05 .box_icon img { background-image: url(../images/main_icon_05_hover.png); }
#section_02 .contents_03 .box .box_item:hover.item_06 .box_icon img { background-image: url(../images/main_icon_06_hover.png); }


#section_02 .contents_03 .box .box_item:hover { background-color: #00aaef; }



#section_02 .contents_03 .box .box_item:hover .box_desc,
#section_02 .contents_03 .box .box_item:hover .box_desc > div span,
#section_02 .contents_03 .box .box_item:hover .box_desc > div { color: #fff; }

#section_02 .contents_03 .box .box_item .box_desc {
	width: calc(100% - 80px); height: 4.5em;
	font-size: 18px; color: #000; text-align: left;
    box-sizing: border-box;	
}

#section_02 .contents_03 .box .box_item .box_desc > div {
	top: 50%; left: 0px;
	width: 100%; height: auto; line-height: 1.5;
	font-size: 18px; color: #000; text-align: left;
	padding-left: 30px;
	word-break: keep-all;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	box-sizing: border-box;
}

#section_02 .contents_03 .box .box_item .box_desc > div span {
	line-height: 2;
	font-size: 16px; color: #999999;
}





#section_03 {
	width: 100%; height: auto;
	padding: 0px 20px;
	padding-top: 110px;
	padding-bottom: 160px;
	box-sizing: border-box;
}

#section_03 .contents_01 {
	width: 100%; height: auto;

	box-sizing: border-box;
}

#section_03 .contents_01 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_03 .contents_01 .txt_01 {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 40px; color: #000; text-align: center;
	box-sizing: border-box;
}

#section_03 .contents_01 .txt_03 {
	width: 100%; height: auto;
	margin-top: 30px;
	box-sizing: border-box;
}

#section_03 .contents_01 .txt_03 a {
	left: 50%;
	width: auto; height: 20px; line-height: 20px;
	font-size: 16px; color: #666;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
	
}


#section_03 .contents_01 .txt_03 a img {
	width: 33px; height: auto;
	vertical-align: 4px;
	margin-left: 5px;

}

#section_03 .contents_02 {
	width: 100%; height: auto;
	margin-top: 65px;
	box-sizing: border-box;
}

#section_03 .contents_02 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_03 .contents_02 .bg {
	width: 100%; height: auto;
	box-sizing: border-box;
}

#section_03 .contents_02 .icon{
	top: 50%; left: 50%;
	
	width: 105px; height: 105px;
	
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	opacity: 0.7;
	
	cursor: pointer;
	z-index: 1;
	box-sizing: border-box;
}






#section_04 {
	width: 100%; height: auto;
	padding-top: 110px;
	padding-bottom: 160px;
	background-color: #0e2842;
	box-sizing: border-box;
}

#section_04 .contents_01 {
	width: 100%; height: auto;

	box-sizing: border-box;
}

#section_04 .contents_01 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_04 .contents_01 .txt_01 {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 40px; color: #fff; text-align: center;
	box-sizing: border-box;
}

#section_04 .contents_01 .txt_02 {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 20px; color: #fff; text-align: center;
	margin-top: 30px;
	box-sizing: border-box;
}

#section_04 .contents_01 .txt_03 {
	width: 100%; height: auto;
	margin-top: 30px;
	box-sizing: border-box;
}

#section_04 .contents_01 .txt_03 a {
	left: 50%;
	width: auto; height: 20px; line-height: 20px;
	font-size: 16px; color: #fff;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
	
}


#section_04 .contents_01 .txt_03 a img {
	width: 33px; height: auto;
	vertical-align: 4px;
	margin-left: 5px;
}



#section_04 .contents_02 {
	width: 100%; height: auto;
	margin-top: 65px;

	box-sizing: border-box;
}

#section_04 .contents_02 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#map {
	width: 100%; height: 605px; 
	background-color: rgba(0,0,0,.5);
	box-sizing: border-box;
}



#section_04 .contents_03 {
	width: 100%; height: auto;
	margin-top: 40px;

	box-sizing: border-box;
}

#section_04 .contents_03 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto; line-height: 1.8;
	padding: 0px 30px;

	font-size: 20px; color: #fff; text-align: center;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}
#section_04 .contents_03 > div img { vertical-align: middle; }
#section_04 .contents_03 > div .email { width: 20px; height: auto; margin-right: 8px; }
#section_04 .contents_03 > div .phone { width: 11px; height: auto; margin-left: 0px; margin-right: 8px; }


br.type_01 { display: none; }
br.type_02 { display: none; }
@media (max-width: 479px){ 
	br.type_01 { display: block; }
	br.type_02 { display: block; }
	span.none { display: none; }

	#section_01 { height: 460px; }
	#slider .slider_item > div { padding: 0px 15px; }
	#slider .slider_item .txt_label { font-size: 18px; }
	#slider .slider_item .txt_title { font-size: 38px; line-height: 1; margin-top: 5px; }

	#arrow button.arrow_prev { left: 15px; }
	#arrow button.arrow_next { right: 15px; }
	#arrow button { width: 12px; height: 24px; }
	#slider .slider_item > div > div { padding: 0px 50px; }

	#scroll { display: none; }

	#section_02 .contents_01 { padding-top: 45px; padding-bottom: 30px; }
	#section_02 .contents_01 > div { padding: 0px 15px; }
	#section_02 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }
	#section_02 .contents_01 .txt_02 { font-size: 16px; margin-top: 15px; }
	#section_02 .contents_01 .txt_03 { margin-top: 15px;  }
	#section_02 .contents_01 .txt_03 a { font-size: 12px; }
	#section_02 .contents_01 .txt_03 a img { width: 19px; vertical-align: 3px; }
	#section_02 .contents_02 { height: 224px; margin-top: 0px; }
	#section_02 .contents_02 > div { padding: 0px 15px; }
	#section_02 .contents_02 .txt { font-size: 14px; padding: 0px 15px; }
	#section_02 .contents_02 .bg { margin-left: 0px; }

	#section_02 .contents_03 { margin-top: 0px; padding-top: 30px; padding-bottom: 60px; }

	#section_02 .contents_03 > div { padding: 0px 15px; }
	#section_02 .contents_03 .box { width: 100%; }
	#section_02 .contents_03 .box.left { padding-right: 0px; }
	#section_02 .contents_03 .box.right { padding-left: 0px; margin-top: 40px; }
	#section_02 .contents_03 .box .box_label { font-size: 18px; }
	#section_02 .contents_03 .box .box_item.first { margin-top: 20px; }
	#section_02 .contents_03 .box .box_item { padding: 20px 15px 20px 4.5vw; margin-top: 10px; }

	#section_02 .contents_03 .box .box_item .box_desc { width: calc(100% - 45px); }
	#section_02 .contents_03 .box .box_item .box_icon { width: 45px; height: 45px; margin-top: 10px; }
	#section_02 .contents_03 .box .box_item .box_desc > div { padding-left: 4.5vw; font-size: 14px; letter-spacing: -0.5px; }
	#section_02 .contents_03 .box .box_item .box_desc { font-size: 14px; } 
	#section_02 .contents_03 .box .box_item .box_desc > div span { font-size: 12px; }

	#section_03 { padding-top: 45px; padding-bottom: 60px; }
	#section_03 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }
	#section_03 .contents_01 .txt_03 { margin-top: 15px; }
	#section_03 .contents_01 .txt_03 a { font-size: 12px; }
	#section_03 .contents_01 .txt_03 a img { width: 19px; vertical-align: 3px; }

	#section_03 .contents_02 { margin-top: 20px; }
	#section_03 .contents_02 > div { padding: 0px 15px; }
	#section_03 .contents_02 .icon { width: 65px; height: 65px; }
	#section_04 .contents_03 { margin-top: 20px; }

	#section_04 { padding-top: 45px; padding-bottom: 60px; }
	#section_04 .contents_01 .txt_01 { font-size: 22px; }
	#section_04 .contents_01 .txt_02 { font-size: 14px; margin-top: 15px; word-break: keep-all; }
	#section_04 .contents_01 .txt_03 { margin-top: 15px; }
	#section_04 .contents_01 .txt_03 a { font-size: 14px; }
	#section_04 .contents_01 .txt_03 a img { width: 25px; vertical-align: 3px; }

	#section_04 .contents_02 { margin-top: 20px; }
	#section_04 .contents_02 > div { padding: 0px 15px; }
	#map { height: 190px; }
	#section_04 .contents_03 > div { font-size: 14px; padding: 0px 15px; }
	#section_04 .contents_03 > div .email { width: 14px; }
	#section_04 .contents_03 > div .phone { width: 8px; margin-left: 0px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	br.type_01 { display: block; }
	span.none { display: none; }

	#section_01 { height: 500px; }
	#slider .slider_item > div { padding: 0px 20px; }
	#slider .slider_item .txt_label { font-size: 18px; }
	#slider .slider_item .txt_title { font-size: 48px; margin-top: 10px; }

	#arrow button.arrow_prev { left: 20px; }
	#arrow button.arrow_next { right: 20px; }
	#arrow button { width: 12px; height: 24px; }
	#slider .slider_item > div > div { padding: 0px 75px; }

	#scroll { display: none; }

	#section_02 .contents_01 { padding-top: 60px; padding-bottom: 30px; }
	#section_02 .contents_01 > div { padding: 0px 20px; }
	#section_02 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }
	#section_02 .contents_01 .txt_02 { font-size: 16px; margin-top: 15px; }
	#section_02 .contents_01 .txt_03 { margin-top: 15px;  }
	#section_02 .contents_01 .txt_03 a { font-size: 12px; }
	#section_02 .contents_01 .txt_03 a img { width: 19px; vertical-align: 3px; }
	#section_02 .contents_02 { height: 224px; margin-top: 0px; }
	#section_02 .contents_02 > div { padding: 0px 20px; }
	#section_02 .contents_02 .txt { font-size: 14px; padding: 0px 20px; }
	#section_02 .contents_02 .bg { margin-left: 0px; }

	#section_02 .contents_03 { margin-top: 0px; padding-top: 30px; padding-bottom: 90px; }

	#section_02 .contents_03 > div { padding: 0px 20px; }
	#section_02 .contents_03 .box { width: 100%; }
	#section_02 .contents_03 .box.left { padding-right: 0px; }
	#section_02 .contents_03 .box.right { padding-left: 0px; margin-top: 40px; }
	#section_02 .contents_03 .box .box_label { font-size: 18px; }
	#section_02 .contents_03 .box .box_item.first { margin-top: 20px; }
	#section_02 .contents_03 .box .box_item { padding: 20px 20px 20px 45px; margin-top: 10px; }

	#section_02 .contents_03 .box .box_item .box_desc { width: calc(100% - 60px); }
	#section_02 .contents_03 .box .box_item .box_icon { width: 60px; height: 60px; }
	#section_02 .contents_03 .box .box_item .box_desc > div { padding-left: 30px; font-size: 14px; }
	#section_02 .contents_03 .box .box_item .box_desc { font-size: 14px; } 
	#section_02 .contents_03 .box .box_item .box_desc > div span { font-size: 12px; }

	#section_03 { padding-top: 60px; padding-bottom: 90px; }
	#section_03 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }
	#section_03 .contents_01 .txt_03 { margin-top: 15px; }
	#section_03 .contents_01 .txt_03 a { font-size: 12px; }
	#section_03 .contents_01 .txt_03 a img { width: 19px; vertical-align: 3px; }

	#section_03 .contents_02 { margin-top: 30px; }
	#section_03 .contents_02 > div { padding: 0px 20px; }
	#section_03 .contents_02 .icon { width: 65px; height: 65px; }


	#section_04 { padding-top: 60px; padding-bottom: 90px; }
	#section_04 .contents_01 .txt_01 { font-size: 22px; }
	#section_04 .contents_01 .txt_02 { font-size: 14px; margin-top: 15px; }
	#section_04 .contents_01 .txt_03 { margin-top: 15px; }
	#section_04 .contents_01 .txt_03 a { font-size: 14px; }
	#section_04 .contents_01 .txt_03 a img { width: 25px; vertical-align: 3px; }

	#section_04 .contents_02 { margin-top: 45px; }
	#section_04 .contents_02 > div { padding: 0px 20px; }
	#map { height: 250px; }
	#section_04 .contents_03 > div { font-size: 14px; padding: 0px 20px; }
	#section_04 .contents_03 > div .email { width: 14px; }
	#section_04 .contents_03 > div .phone { width: 8px; margin-left: 0px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	#section_01 { height: 600px; }
	#slider .slider_item > div { padding: 0px 20px; }
	#slider .slider_item .txt_label { font-size: 18px; }
	#slider .slider_item .txt_title { font-size: 60px; margin-top: 15px; }

	#arrow button.arrow_prev { left: 20px; }
	#arrow button.arrow_next { right: 20px; }
	#arrow button { width: 18px; }
	#slider .slider_item > div > div { padding: 0px 75px; }
	
	#scroll .img img { width: 20px; height: 32px; }
	#scroll .bar { height: 45px; }
	#section_02 .contents_01 > div { padding: 0px 20px; }

	#section_02 .contents_01 { padding-top: 90px; padding-bottom: 200px; }
	#section_02 .contents_01 .txt_01 { font-size: 28px; }
	#section_02 .contents_01 .txt_02 { font-size: 18px; }
	#section_02 .contents_01 .txt_03 a { font-size: 14px; }
	#section_02 .contents_01 .txt_03 a img { width: 25px; vertical-align: 3px; }
	#section_02 .contents_02 { height: 280px; margin-top: -140px; }
	#section_02 .contents_02 > div { padding: 0px 20px; }
	#section_02 .contents_02 .txt { font-size: 16px; padding: 0px 20px; }
	#section_02 .contents_02 .bg { margin-left: 20px; }

	#section_02 .contents_03 { margin-top: -140px; padding-top: 230px; padding-bottom: 120px; }

	#section_02 .contents_03 > div { padding: 0px 20px; }
	#section_02 .contents_03 .box.left { padding-right: 20px; }
	#section_02 .contents_03 .box.right { padding-left: 20px; }
	#section_02 .contents_03 .box .box_label { font-size: 22px; }
	#section_02 .contents_03 .box .box_item.first { margin-top: 30px; }
	#section_02 .contents_03 .box .box_item { padding: 20px 20px 20px 20px; }

	#section_02 .contents_03 .box .box_item .box_desc { width: calc(100% - 50px); }
	#section_02 .contents_03 .box .box_item .box_icon { width: 50px; height: 50px; }
	#section_02 .contents_03 .box .box_item .box_desc > div { padding-left: 15px; font-size: 14px; }
	#section_02 .contents_03 .box .box_item .box_desc { font-size: 14px; } 
	#section_02 .contents_03 .box .box_item .box_desc > div span { font-size: 12px; }

	#section_03 { padding-top: 90px; padding-bottom: 120px; }
	#section_03 .contents_01 .txt_01 { font-size: 28px; }
	#section_03 .contents_01 .txt_03 a { font-size: 14px; }
	#section_03 .contents_01 .txt_03 a img { width: 25px; vertical-align: 3px; }

	#section_03 .contents_02 { margin-top: 45px; }
	#section_03 .contents_02 > div { padding: 0px 20px; }
	#section_03 .contents_02 .icon { width: 75px; height: 75px; }


	#section_04 { padding-top: 90px; padding-bottom: 120px; }
	#section_04 .contents_01 .txt_01 { font-size: 28px; }
	#section_04 .contents_01 .txt_02 { font-size: 16px; }
	#section_04 .contents_01 .txt_03 a { font-size: 14px; }
	#section_04 .contents_01 .txt_03 a img { width: 25px; vertical-align: 3px; }

	#section_04 .contents_02 { margin-top: 45px; }
	#section_04 .contents_02 > div { padding: 0px 20px; }
	#map { height: 350px; }
	#section_04 .contents_03 > div { font-size: 16px; padding: 0px 20px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	#section_01 { height: 750px; }
	#slider .slider_item > div { padding: 0px 20px; }
	#slider .slider_item .txt_label { font-size: 22px; }
	#slider .slider_item .txt_title { font-size: 80px; margin-top: 20px; }

	#arrow button.arrow_prev { left: 20px; }
	#arrow button.arrow_next { right: 20px; }
	#arrow button { width: 18px; }
	#slider .slider_item > div > div { padding: 0px 90px; }
	
	#scroll .img img { width: 20px; height: 32px; }
	#scroll .bar { height: 45px; }
	#section_02 .contents_01 > div { padding: 0px 20px; }

	#section_02 .contents_01 { padding-top: 90px; padding-bottom: 235px; }
	#section_02 .contents_01 .txt_01 { font-size: 32px; }
	#section_02 .contents_01 .txt_02 { font-size: 20px; }
	#section_02 .contents_01 .txt_03 a { font-size: 14px; }
	#section_02 .contents_01 .txt_03 a img { width: 28px; vertical-align: 3px; }
	#section_02 .contents_02 { height: 350px; margin-top: -175px; }
	#section_02 .contents_02 > div { padding: 0px 20px; }
	#section_02 .contents_02 .txt { font-size: 16px; padding: 0px 20px; }
	#section_02 .contents_02 .bg { margin-left: 20px; }

	#section_02 .contents_03 { margin-top: -175px; padding-top: 265px; padding-bottom: 120px; }

	#section_02 .contents_03 > div { padding: 0px 20px; }
	#section_02 .contents_03 .box.left { padding-right: 20px; }
	#section_02 .contents_03 .box.right { padding-left: 20px; }
	#section_02 .contents_03 .box .box_label { font-size: 26px; }
	#section_02 .contents_03 .box .box_item.first { margin-top: 30px; }
	#section_02 .contents_03 .box .box_item { padding: 20px 30px 20px 45px; }

	#section_02 .contents_03 .box .box_item .box_desc { width: calc(100% - 70px); }
	#section_02 .contents_03 .box .box_item .box_icon { width: 70px; height: 70px; }
	#section_02 .contents_03 .box .box_item .box_desc > div { padding-left: 20px; font-size: 16px; }
	#section_02 .contents_03 .box .box_item .box_desc { font-size: 16px; } 
	#section_02 .contents_03 .box .box_item .box_desc > div span { font-size: 14px; }
	#section_03 { padding-top: 90px; padding-bottom: 120px; }
	#section_03 .contents_01 .txt_01 { font-size: 32px; }
	#section_03 .contents_01 .txt_03 a { font-size: 14px; }
	#section_03 .contents_01 .txt_03 a img { width: 28px; vertical-align: 3px; }

	#section_03 .contents_02 { margin-top: 45px; }
	#section_03 .contents_02 > div { padding: 0px 20px; }
	#section_03 .contents_02 .icon { width: 90px; height: 90px; }


	#section_04 { padding-top: 90px; padding-bottom: 120px; }
	#section_04 .contents_01 .txt_01 { font-size: 32px; }
	#section_04 .contents_01 .txt_02 { font-size: 18px; }
	#section_04 .contents_01 .txt_03 a { font-size: 14px; }
	#section_04 .contents_01 .txt_03 a img { width: 28px; vertical-align: 3px; }

	#section_04 .contents_02 { margin-top: 45px; }
	#section_04 .contents_02 > div { padding: 0px 20px; }
	#map { height: 400px; }
	#section_04 .contents_03 > div { font-size: 18px; padding: 0px 20px; }

}








#section_05 {
	width: 100%; height: auto;
	padding: 0px 20px;
	padding-top: 110px;
	padding-bottom: 160px;
	background-color: #e9e9e9;
	box-sizing: border-box;
}

#section_05 .contents_01 {
	width: 100%; height: auto;

	box-sizing: border-box;
}

#section_05 .contents_01 > div {
	left: 50%;
	width: 100%; max-width: 1140px; height: auto;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_05 .contents_01 .txt_01 {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 40px; color: #000; text-align: center;
	box-sizing: border-box;
}


#section_05 .hub_containner {
	width: 100%; height: auto;
	margin-top: 65px;
	box-sizing: border-box;
}


#section_05 .hub_containner .hub_item {
	width: calc(50% - 40px); height: auto;
	margin-left: 80px;
	padding: 75px 0px;
	cursor: pointer;
	background-color: #fff;
	box-sizing: border-box;
}

#section_05 .hub_containner .hub_item:first-child { margin-left: 0px; }

#section_05 .hub_containner .hub_item:hover .hub_on { opacity: 1; }
#section_05 .hub_containner .hub_item .hub_on {
	top: 0px; left: 0px; 
	width: 100%; height: 100%;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
	opacity: 0;
	z-index: 1;
	box-sizing: border-box;
}
#section_05 .hub_containner .hub_item .hub_on img { display: none; width: 100%; }

#section_05 .hub_containner .hub_item:nth-child(1) .hub_on {
	background-image: url(../images/hub_img_01.png);
}

#section_05 .hub_containner .hub_item:nth-child(2) .hub_on {
	background-image: url(../images/hub_img_02.png);
}


#section_05 .hub_containner .hub_item .hub_off {
	width: 100%; height: auto;
	box-sizing: border-box;
}

#section_05 .hub_containner .hub_item .hub_off .hub_icon {
	width: 100%; height: 75px; line-height: 75px;
	box-sizing: border-box;
}

#section_05 .hub_containner .hub_item .hub_off .hub_icon img {
	left: 50%;
	width: auto; height: 100%;


    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#section_05 .hub_containner .hub_item .hub_off .hub_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 30px; color: #000; text-align: center;
	margin-top: 45px;
	box-sizing: border-box;
}

#section_05 .hub_containner .hub_item .hub_off .hub_sub {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 24px; color: #00aaef; text-align: center;
	box-sizing: border-box;
}


#section_05 .hub_containner .hub_item .hub_off .hub_desc {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 22px; color: #666666; text-align: center;
	margin-top: 30px;
	box-sizing: border-box;
}


.type_hub { display: none; }
.type_hub2 { display: none; }


@media (max-width: 479px){ 
	.type_hub2 { display: block; }
	#section_05 { padding-top: 60px; padding-bottom: 90px; }
	#section_05 .contents_01 > div { padding: 0px 0px; }
	#section_05 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }

	#section_05 .hub_containner { margin-top: 30px; }
	#section_05 .hub_containner .hub_item { width: 100%;  margin-left: 0px; padding: 0px; margin-top: 20px; } 
	#section_05 .hub_containner .hub_item:first-child { margin-top: 0px; }
	#section_05 .hub_containner .hub_item .hub_on { position: relative; opacity: 1; }
	#section_05 .hub_containner .hub_item .hub_on img { display: inline-block; }
	#section_05 .hub_containner .hub_item .hub_off { padding: 30px 0px;  }
	#section_05 .hub_containner .hub_item .hub_off .hub_icon { height: 45px; line-height: 45px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_title { font-size: 18px; margin-top: 15px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_sub { font-size: 16px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_desc { font-size: 14px; margin-top: 15px; }


}

@media (max-width: 749px) and (min-width: 480px) { 
	.type_hub { display: block; }
	.type_hub2 { display: block; }
	#section_05 { padding-top: 60px; padding-bottom: 90px; }
	#section_05 .contents_01 > div { padding: 0px 0px; }
	#section_05 .contents_01 .txt_01 { font-size: 22px; line-height: 1.5; }

	#section_05 .hub_containner { margin-top: 30px; }
	#section_05 .hub_containner .hub_item { width: calc(50% - 10px);  margin-left: 20px; padding: 0px; } 
	#section_05 .hub_containner .hub_item .hub_on { position: relative; opacity: 1; }
	#section_05 .hub_containner .hub_item .hub_on img { display: inline-block; }
	#section_05 .hub_containner .hub_item .hub_off { padding: 30px 0px;  }
	#section_05 .hub_containner .hub_item .hub_off .hub_icon { height: 45px; line-height: 45px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_title { font-size: 18px; margin-top: 15px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_sub { font-size: 16px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_desc { font-size: 14px; margin-top: 15px; }


}

@media (max-width: 1023px) and (min-width: 750px) { 
	#section_05 { padding-top: 90px; padding-bottom: 120px; }
	#section_05 .contents_01 > div { padding: 0px 0px; }
	#section_05 .contents_01 .txt_01 { font-size: 28px; }

	#section_05 .hub_containner { margin-top: 45px; }
	#section_05 .hub_containner .hub_item { width: calc(50% - 15px);  margin-left: 30px; padding: 0px; } 
	#section_05 .hub_containner .hub_item .hub_on { position: relative; opacity: 1; }
	#section_05 .hub_containner .hub_item .hub_on img { display: inline-block; }
	#section_05 .hub_containner .hub_item .hub_off { padding: 30px 0px;  }
	#section_05 .hub_containner .hub_item .hub_off .hub_icon { height: 60px; line-height: 60px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_title { font-size: 22px; margin-top: 15px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_sub { font-size: 18px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_desc { font-size: 16px; margin-top: 15px; }
}



@media (max-width: 1279px) and (min-width: 1024px) { 
	#section_05 { padding-top: 90px; padding-bottom: 120px; }
	#section_05 .contents_01 > div { padding: 0px 0px; }
	#section_05 .contents_01 .txt_01 { font-size: 32px; }

	#section_05 .hub_containner { margin-top: 45px; }
	#section_05 .hub_containner .hub_item { width: calc(50% - 30px);  margin-left: 60px; padding: 45px 0px; } 
	#section_05 .hub_containner .hub_item .hub_off .hub_icon { height: 60px; line-height: 60px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_title { font-size: 26px; margin-top: 30px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_sub { font-size: 20px; }
	#section_05 .hub_containner .hub_item .hub_off .hub_desc { font-size: 18px; }
}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/














#popup_bg {
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #101010;
	z-index: 99999;
	opacity: 0.4;
}

#popup_containner {
	display: none;
	top: 50%; left: 50%;
	max-width: 975px; width: 100%; height: auto; 
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 999999;
}
#popup_containner > div {
	width: 100%; height: auto;
	padding: 0px 120px;
	box-sizing: border-box;
}

#popup_slider {	width: 100%; max-width: 100%; height: auto; }
#popup_slider > img { width: 100%; max-width: 100%; height: auto;}
#popup_slider_item {
	top: 0px; left: 0px;
	width: 100%; height: calc(100% - 40px);
	margin-bottom: 0px;
}

#popup_slider_item img { width: 200%; height: 100%; max-height: calc(100vh - 200px); }
#popup_info {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0px 12px;
	background-color: #fff;
	box-sizing: border-box;
}
#popup_info .check {
	font-size: 15px; color: #101010; 
	top: 50%; left: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	cursor: pointer; 
	z-index: 1;
}
#popup_info span { font-family: "dotum" !important; font-size: 13px; color: #101010; margin-left: 20px; cursor: pointer; }
#popup_info .close { 
	cursor: pointer; 
	font-size: 20px; color: #101010; 
	top: 50%; right: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: 1;

}

#popup_slider_item .slick-prev, #popup_slider_item .slick-next { display: none !important; }

#popup_containner .popup_arrow {
	top: 50%; 
	width: auto; height: auto;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
#popup_containner .popup_arrow i { font-size: 80px; color: #fff; margin-top: -40px; }

#popup_prev { left: 40px; }
#popup_next { right: 40px; }

#popup_slider_item .slick-dots { bottom: 2%; }

#popup_slider_item  .slick-dots li { width: 12px; height: 12px; background-color: #fff; border-radius: 100%; opacity: 0.6; }
#popup_slider_item  .slick-dots li * { display: none; }
#popup_slider_item  .slick-dots li.slick-active { opacity: 1;  }

@media (max-width: 479px){ 
	#popup_containner > div { padding: 0px 30px; }
	#popup_containner .popup_arrow i { font-size: 25px; font-weight: bold; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 3%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#popup_containner > div { padding: 0px 45px; }
	#popup_containner .popup_arrow i { font-size: 45px; }
	#popup_prev { left: 0px; }
	#popup_next { right: 0px; }
	#popup_slider_item .slick-dots { bottom: 5%; }
	#popup_slider_item .slick-dots li { width: 10px; height: 10px; }
	#popup_info span { font-size: 12px; }
	#popup_info .close { font-size: 18px; }
	#popup_info .check { font-size: 15px; }
	#popup_info { height: 35px; line-height: 35px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#popup_containner > div { padding: 0px 90px; }
	#popup_containner .popup_arrow i { font-size: 60px; }
	#popup_prev { left: 30px; }
	#popup_next { right: 30px; }
}

@media (max-width: 1279px) and (min-width: 1024px) { 
	
}