._fnctWrap {line-height:1.5;}

.about-popup {}

.about-popup-close {position: absolute; left: -70px; top: 0;}
.about-popup-close button {display: inline-block; width: 70px; height: 70px; background: #004E96 url("../images/btn_about_close.png") no-repeat center;}

.about-popup .title {text-align: center; font-size: 36px; line-height: 62px; color: #000000; font-family: "Roboto"; font-weight: 400; margin-bottom: 10px;}
.about-popup .title strong {font-weight: 600;}

.about-popup-link {margin-bottom: 25px; text-align: center;}
.about-popup-link li {float: left; }
.about-popup-link li a {display: block; width: 175px; height: 165px; border: 1px solid #E6E6E6; padding-top: 115px; text-align: center;}
.about-popup-link li.link1 a {background: #fff url("../images/about_icon2.png") no-repeat center 30px;}
.about-popup-link li.link2 a {background: #fff url("../images/about_icon1.png") no-repeat center 30px;}
.about-popup-link li:first-child {margin-right: 30px;}

.about-popup-link li a p {position: relative; display: inline-block; font-size: 20px; letter-spacing: -0.5px; color: #000000; font-family: "Noto DemiLight";}
.about-popup-link li a p::after {content: ""; position: absolute; left: 50%; bottom: 0; background: #000; width: 0; height: 1px; transition: all 0.5s;}
.about-popup-link li a:hover p::after {left: 0; width: 100%;}

.about-popup .slider {position:relative; z-index:1;}
.about-popup .slider li {position:relative; text-align:center;}
.about-popup .slider li img {display:inline-block; max-width:none;}
.about-popup .slider .main-slogan {position:absolute; left:50%; top:50%; z-index:1; width:100%; transform: translate(-50%,-50%); text-align:center; color:#fff; line-height:1.3; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.5);}
.about-popup .slider .main-slogan strong {display:block; padding:15px 0 35px 0; font-size: 2.6vw; font-weight:normal; font-family:'S-CoreDream-6Bold'; letter-spacing: -1px; line-height:1.2;}
.about-popup .slider .main-slogan p {font-size:1.95vw; font-family:'S-CoreDream-3Light';}
.about-popup .slider .main-slogan span {display:inline-block; font-size:1.15vw; font-family: 'S-CoreDream-1Thin'; letter-spacing:10px; padding:10px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.about-popup .slider .main-slogan span i {font-style:normal; font-family:'S-CoreDream-6Bold'; }

.about-popup .slider .slick-slide > div {margin-top: 20px;}
.about-popup .slider .slick-slide > div:first-child {margin-top: 0px;}

.about-popup .control {text-align:center; position:absolute; bottom:10px; left:0px; width:100%; z-index:1;}
.about-popup .control .paging {display:inline-block;}
.about-popup .control .paging ul {display:inline-block;}
.about-popup .control .paging li {float:left; margin:0 5px;}
.about-popup .control .paging li.slick-active button {background: #004E96; position:relative;}
.about-popup .control .paging li button {width:12px; height:12px; background: #AAAAAA; text-indent:-9999px; border-radius: 50%;}
.about-popup .control .playstop {display:inline-block; position:relative; top:-5px; margin:0 0 0 4px;}
.about-popup .control .playstop button {display:none; text-indent:-9999px;}
.about-popup .control .playstop button.on {display:inline-block;}
.about-popup .control .play {width:9px; height:12px; background:url('../images/btn_about_play.png') no-repeat center center;}
.about-popup .control .stop {width:9px; height:12px; background:url('../images/btn_about_pause.png') no-repeat center center;}
.about-popup .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.about-popup .prevnext .container {position: relative;}
.about-popup .prevnext button {position: absolute; width:70px; height:70px; text-indent: -9999px; background: rgba(0, 0, 0, 0.6) url('../images/arrow-control.png') no-repeat center center; transform: translate(0px, -50%);}
.about-popup .prevnext .prev {left: 0; background-position: left center;}
.about-popup .prevnext .next {right: 0; background-position: right center;}

@media all and (min-width:1921px) {

}

@media all and (max-width:1300px) {

}

@media all and (max-width:1055px) {
	.about-popup .title {font-size: 36px; line-height: 50px; margin-bottom: 15px;}
}

@media all and (max-width:768px) {
	.about-popup-close {left: 0;}
	.about-popup .title {font-size: 30px;}
	.about-popup-link li {width: 47.5%;}
	.about-popup-link li:first-child {margin-right: 5%;}
	.about-popup-link li a {width: 100%; height: 135px; padding-top: 95px;}
	.about-popup-link li a p {font-size: 18px;}
	.about-popup-link li.link1 a {background: #fff url("../images/about_icon2.png") no-repeat center 20px;}
	.about-popup-link li.link2 a {background: #fff url("../images/about_icon1.png") no-repeat center 20px;}
	.about-popup .slider li img {max-width: 100%;}

	.about-popup .control {bottom: 10px;}
}