section {width: 100%; height: 100vh; position: relative; overflow: hidden;}
/*네비게이션*/
#fullpage_menu {position: fixed; z-index: 1001; right: 20px;top: 50%; transform: translateY(-50%); text-align: right;}
#fullpage_menu>li>a>h6 {display: inline-block; vertical-align: middle; font-weight: 700; font-size: 12px; color: #6d6e71; opacity: 0; transition: .5s}
#fullpage_menu>li>a>div {display: inline-block;width: 6px; height: 6px; background-color: #b7b7b7; vertical-align: middle; border-radius: 50%; position: relative; margin-left: 20px; transition: .5s}
#fullpage_menu>li>a>div>div {width: 6px; height: 6px; position: absolute; border: 1px solid #b7b7b7; border-radius: 50%; top:50%; left: 50%; transform: translate(-50%,-50%); transition: .5s}
#fullpage_menu>li>a>div>div>div {width: 6px; height: 6px; position: absolute; background-color: #b7b7b7; border-radius: 50%; top:50%; left: 50%; transform: translate(-50%,-50%); transition: .5s}

#fullpage_menu>li.active {margin: 5px 0;}
#fullpage_menu>li.active>a>h6 {opacity: 1;}
#fullpage_menu>li.active>a>div {width: 6px; height: 6px;}
#fullpage_menu>li.active>a>div>div {width: 30px; height: 30px;}
#fullpage_menu>li.active>a>div>div>div {width: 12px; height: 12px;}

#fullpage_menu.on>li>a>h6 {color: #fff;}
#fullpage_menu.on>li>a>div {background-color: #fff;}
#fullpage_menu.on>li>a>div>div {border: 1px solid #fff;}
#fullpage_menu.on>li>a>div>div>div {background-color: #fff;}

/*메인비쥬얼*/
.visual_text {width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;color: #fff;text-align: center;}
.visual_text>h1 {font-size: 50px; font-weight: 700; line-height: 1; text-shadow: 2px 2px 4px rgba(0,0,0,.15);}
.visual_text>p {font-size: 18px; text-shadow: 5px 5px 5px rgba(0,0,0,.2);}
.visual_slide {width: 100%; height: 100vh;}
.visual_slide .slick-arrow {position: absolute; top: 70%; transform: translateY(-50%); z-index: 1000; color: #fff; font-size: 60px; opacity: .1;}
.visual_slide .slick-arrow:hover {opacity: 1;}
.visual_slide .prev_arrow {right: 50%; margin-right: 300px;}
.visual_slide .next_arrow {left: 50%; margin-left: 300px;}
.visual_slide .slick-dots {position: absolute; z-index: 999; top: 70%; transform: translate(-50%,-50%); width: auto;left: 50%; }
.visual_slide .slick-dots li {display: inline-block; font-size: 0; width: 60px; height: 4px; background-color: #fff; margin: 0 5px; transition: .2s;}
.visual_slide .slick-dots li.slick-active {background-color: #929497;}

/*비지니스*/
#business {}
.business {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1400px; text-align: center; padding-top: 90px;}
.business h1 {font-size: 50px; font-weight: 700; line-height: 1;}
.business h4 {font-size: 18px; font-weight: 600;}
.business p {width: 40%; margin: 0 auto; font-size: 14px;}
.business_img {width: 100%;}
.business_img li {width: 25%; float: left; transition: .2s; margin:30px 0; border-radius: 20px; padding-bottom: 20px;}
.business_img li img {width: 80%;}
.business_img li:hover {transform: scale(1.05); box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
.business_img li h5 {font-weight: 700; font-size: 18px;}
.business a {display: block; width: 170px; margin: 0 auto; border: 1px solid #999; padding: 8px; font-weight: 500; letter-spacing: 3px; font-size: 14px; transition: .2s;}
.business a:hover {background-color: #004097; letter-spacing: 4px; color: #fff;}

/*제품*/
#product {}
.product {width: 100%; height: 50%; background-image: url(../img/main_product_back.jpg); color: #fff; text-align: center; position: relative; vertical-align: middle;}
.product_text {width: 1400px; position: absolute; top:60%; left: 50%; transform: translate(-50%,-50%);}
.product_text h1 {font-size: 50px; font-weight: 700; line-height: 1;}
.product_text h4 {font-size: 18px; font-weight: 600;}
.product_text p {width: 40%; margin: 0 auto; font-size: 14px;}
.product_list {width: 100%; height: 50%; padding-top: 5%; position: relative;}
.product_list>div>div>li {width: 350px; margin: 30px 100px;}
.product_list>div>div>li>a {text-align: center;}
.product_list>div>div>li>a>img {width: 100%; transition: .2s;}
.product_list>div>div>li:hover>a>img {transform: scale(1.1); box-shadow: 3px 3px 15px rgba(0,0,0,.1);}
.product_list>div>div>li>a>h6 {font-size: 14px; font-weight: 600; color: #595757;}
.product_list>div>div>li>a>h5 {font-size: 14px; color: #213b94; font-weight: 600;}
.product_list>div>div>li:hover>img {transform: scale(1.1);}
.product_list .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; color: #000; font-size: 30px; background-color: #fff;border-radius: 50%; padding: 10px; opacity: .5;}
.product_list .slick-arrow:hover {opacity: 1;}
.product_list .prev_arrow {left: 100px;}
.product_list .next_arrow {right: 100px;}
.product_list .slick-dots li.slick-active {background-color: #929497;}

/*어플리케이션*/
#application {}
.application {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1400px; text-align: center; padding-top: 90px;}
.application h1 {font-size: 50px; font-weight: 700; line-height: 1;}
.application h4 {font-size: 18px; font-weight: 600;}
.application p {width: 40%; margin: 0 auto; font-size: 14px;}
.application_img {width: 100%;}
.application_img li {width: 25%; margin: 30px 0; float: left; border-radius: 20px; transition: .2s; padding-bottom: 30px;}
.application_img li:hover {transform: scale(1.05); box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
.application_img li img {width: 80%;}
.application_img li h5 {font-weight: 700; font-size: 30px;}
.application a {display: block; width: 170px; margin: 0 auto; border: 1px solid #999; padding: 8px; font-weight: 500; letter-spacing: 3px; font-size: 14px; transition: .2s;}
.application a:hover {background-color: #004097; letter-spacing: 4px; color: #fff;}

/*글로벌네트워크*/
#network {width: 100%; height: 100hv; background: linear-gradient(#ededed, #fff, #ededed);position: relative;}
.network {width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); padding: 150px;}
.network h1 {font-size: 30px;font-weight: 700; margin-bottom: 50px;}
.network_map {width: 50%; height: 100%; position: relative; float: left;}
.network_map>img {width: 100%;}
.map_marker {position: absolute; padding: 10px 0; transition: .2s; cursor: pointer;}
.map_marker span {color: #61a60e; font-size: 20px; font-weight: 800;}
.map_marker p {color: #777; font-size: 12px;}
.map_marker .point {width: 5px; height: 5px; background-color: #2e3191; border-radius: 50%; position: absolute;}
.map_marker .point div {animation: point_scale 2s infinite; width: 100%; height: 100%; background-color: #2e3191; opacity: .5;border-radius: 50%; transition: .2s;}

@keyframes point_scale {
	0% {transform: scale(1);opacity: .5;}
	100% {transform: scale(10);opacity: 0;}
}

.map_marker.mm_01 {border-bottom: 1px solid #999; width: 230px; left: 85.5%; bottom: 66.3%;}
.map_marker.mm_01>div {float: right;}
.map_marker.mm_01 .point {left: 0; bottom: -3px;}

.map_marker.mm_02 {border-bottom: 1px solid #999; width: 200px; right: 24.7%; bottom: 46.5%;}
.map_marker.mm_02>div {}
.map_marker.mm_02 .point {right: 0; bottom: -3px;}

.map_marker.mm_03 {border-bottom: 1px solid #999; width: 350px; left: 71%; bottom: 6.3%;}
.map_marker.mm_03>div {float: right;}
.map_marker.mm_03 .point {left: 0; bottom: -3px;}

.map_marker.mm_04 {border-top: 1px solid #999; width: 400px; right: 28%; top: 68%;}
.map_marker.mm_04>div {}
.map_marker.mm_04 .point {right: 0; top: -3px;}

.map_marker:hover {padding: 20px; background-color: rgba(255,255,255,.5); border: none; box-shadow: 5px 5px 5px rgba(0,0,0,.1)}
.map_marker:hover .point div {transform: scale(8);opacity: .3; animation:none;}

.network_address {width: 50%; float: right; padding-left: 150px;}
.network_address>ul>li {width: 100%; height: auto; background-color: rgba(0,0,0,.02); margin: 10px 0; padding: 10px;}
.network_address>ul>li>ul {}
.network_address>ul>li>ul>li {width: 32%; display: inline-block; vertical-align: top; padding-right: 15px}
.network_address span {color: #61a60e; font-size: 16px; font-weight: 800; display: inline-block; vertical-align: bottom; margin-bottom: 5px}
.network_address h6 {color: #717073; font-size: 12px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 5px}
.network_address p {color: #98979b; font-size: 10px;}

@media(max-width:1400px) {
	/*메인비쥬얼*/
	.visual_text {padding: 0 150px;}
	.visual_slide .slick-arrow {top: 80%;}
	.visual_slide .prev_arrow {right: inherit; left: 150px; margin-right: 0;}
	.visual_slide .next_arrow {left: inherit; right: 150px; margin-left: 0;}
	.visual_slide .slick-dots {top: 80%;}
	
	/*비지니스*/
	.business {width: 100%; padding: 0 50px;}
	
	/*어플리케이션*/
	.application {width: 100%; padding: 0 50px;}
	
	/*글로벌네트워크*/
	.network {padding: 0 70px;}
	.network_address {padding-left: 50px;}
	.network_address>ul>li>ul>li {width: 100%;}
	.map_marker.mm_01 {width: auto;}
	.map_marker.mm_02 {width: auto;}
	.map_marker.mm_03 {width: auto;}
	.map_marker.mm_04 {width: auto;}
	.network_address p {display: none;}
}

@media(max-width:768px) {
	/*네비게이션*/
	#fullpage_menu {opacity: .5; transform: scale(.7); right: 10px;}
	#fullpage_menu>li>a>h6 {display: none;}
	#fullpage .section {position: relative;}
	
	/*메인비쥬얼*/
	.visual_text {padding: 0 50px;}
	.visual_text>h1 {font-size: 32px;}
	.visual_text>p {font-size: 14px;}
	.visual_slide .slick-arrow {font-size: 30px;}
	.visual_slide .prev_arrow {right: inherit; left: 50px; margin-right: 0;}
	.visual_slide .next_arrow {left: inherit; right: 50px; margin-left: 0;}
	.visual_slide .slick-dots li {width: 30px;}
	
	/*비지니스*/
	.business {position: static; transform: none; padding: 50px;}
	.business h1 {font-size: 2em;}
	.business h4 {font-size: 1em;}
	.business p {width: 100%; font-size: .7em}
	.business_img li {width: 50%; margin: 15px 0;}
	.business_img li img {width: 100%;}
	
	/*제품*/
	#product { margin: 50px 0;}
	.product_text {position: static; width: 100%; transform: none; padding: 50px;}
	.product_text h1 {font-size: 2em;}
	.product_text h4 {font-size: 1em;}
	.product_text p {width: 100%; font-size: .7em;}
	.product_list .slick-arrow {top:85%}
	.product_list .prev_arrow {left: 0;}
	.product_list .next_arrow {right: 0;}
	
	/*어플리케이션*/
	.application {position: static; transform: none;}
	.application h1 {font-size: 2em;}
	.application h4 {font-size: 1em;}
	.application p {width: 100%; font-size: .7em}
	.application li {width: 50%; margin: 15px 0;}
	.application li img {width: 100%;}
	.application_img li h5 {font-size: 18px;}
	
	/*글로벌네트워크*/
	.network {position: static; transform: none; padding: 150px 0;}
	.network_map {width: 200%; float: right;}
	.map_marker p {font-size: .5em}
	.network_address>ul>li>ul>li {margin-top: 10px;}
	.network_address {width: 100%; padding: 30px;}
	.network_address p {display: block;}
}