@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2017-05-30
******************************************************** */

/* ******************  메인 컨텐츠 ********************** */
#mainContainer {width:100%; background-color:#fff; overflow:hidden;}

/* ******************  MAIN :: VISUAL ********************** */
#mainVisual {width:100%; position:relative;}
.icon-scroll{position:absolute; left:50%; bottom:100px; margin-left:-35px;}
.visual-img{width:100%;}
.visual-img-inner{width:100%; position:relative; padding-top:937px;}
.visual-img-inner > span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.visual-img-inner > span img{position:relative; left:50%; margin-left:-960px;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2,1.2);
	-webkit-transition:transform 3500ms  ease-in-out ; /* Safari */
	-moz-transition:transform 3500ms ease-in-out ; /* Safari */
	-o-transition:transform 3500ms ease-in-out ; /* Safari */
	-ms-transition:transform 3500ms ease-in-out ; /* Safari */
    transition:transform 3500ms ease-in-out ;
}
.visual-inner{width:100%; height:100%; position:absolute; top:0; left:0;}
.visual-txt {/*margin-top:213px;*/ position:relative; top:213px; z-index:1;}
.visual-txt:before{display:inline-block; content:""; position:absolute; top:3px; left:-16px; width:1px; /*height:100%;*/height:0; background-color:#fff; background-color:rgba(255,255,255,0.37);
	-moz-transition:height 0.7s, opacity 1.5s;
	-ms-transition:height 0.7s, opacity 1.5s;
	-webkit-transition:height 0.7s, opacity 1.5s;
	-o-transition:height 0.7s, opacity 1.5s;
	transition:height 0.7s, opacity 1.5s;	
}
.visual-txt > h2{font-size:35px; line-height:49px; color:#fff; font-weight:400; letter-spacing:-0.3px;
	position:relative; top:-50px; opacity:0;filter:Alpha(opacity=0);
	-moz-transition:top 0.7s, opacity 1.0s;
	-ms-transition:top 0.7s, opacity 1.0s;
	-webkit-transition:top 0.7s, opacity 1.0s;
	-o-transition:top 0.7s, opacity 1.0s;
	transition:top 0.7s, opacity 1.0s;
}
.visual-txt > h2 span{color:#ed4e17; font-weight:400;}
.visual-txt > strong{display:block; font-size:18px; line-height:33px; color:#fff; font-weight:400; letter-spacing:4px;
	position:relative; top:-50px; opacity:0;filter:Alpha(opacity=0);
	-moz-transition:top 0.7s, opacity 1.0s;
	-ms-transition:top 0.7s, opacity 1.0s;
	-webkit-transition:top 0.7s, opacity 1.0s;
	-o-transition:top 0.7s, opacity 1.0s;
	transition:top 0.7s, opacity 1.0s;
}
.visual-txt > p{font-size:15px; line-height:26px; color:#fff; color:rgba(255,255,255,0.6); letter-spacing:-1.5px;
	position:relative; top:-50px; opacity:0;filter:Alpha(opacity=0);
	-moz-transition:top 0.7s, opacity 1.0s;
	-ms-transition:top 0.7s, opacity 1.0s;
	-webkit-transition:top 0.7s, opacity 1.0s;
	-o-transition:top 0.7s, opacity 1.0s;
	transition:top 0.7s, opacity 1.0s;
}
#visualList{position:absolute; top:0; left:0; width:100%; height:100%;}
#visualList li{position:absolute;}
#visualList li.v-list01{top:460px; left:50%; margin-left:-437px;}
#visualList li.v-list02{top:358px; left:50%; margin-left:-64px;}
#visualList li.v-list03{top:505px; left:50%; /*margin-left:55px;*/margin-left:295px;}

.visual-img li.pc-none{display:none;}

/* -------- ACTIVE -------- */
.visual-img-inner > span img.active , .visual-img li.active .visual-img-inner > span img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
	-webkit-transition:transform 3500ms  ease-in-out ; /* Safari */
	-moz-transition:transform 3500ms ease-in-out ; /* Safari */
	-o-transition:transform 3500ms ease-in-out ; /* Safari */
	-ms-transition:transform 3500ms ease-in-out ; /* Safari */
    transition:transform 3500ms ease-in-out ;
}
.visual-txt.active:before{height:100%;}
.visual-txt.active > h2, .visual-txt.active > strong, .visual-txt.active > p{opacity:1.0;filter:Alpha(opacity=100); top:0;}

@media all and (max-width:1560px){
	/* ******************  MAIN :: VISUAL ********************** */
	#visualList{width:94%; left:50%; margin-left:-47%;}
	.visual-animation-list{max-width:1560px; width:100%; height:100%;}
	#visualList li.v-list01{margin-left:0; left:20%;}
	#visualList li.v-list02{margin-left:0; /*left:26%;*/left:48%;}
	#visualList li.v-list03{margin-left:0; left:auto; /*right:23%;*/right:22%;}
}

@media all and (max-width:1220px){
	/* ******************  MAIN :: VISUAL ********************** */
	#visualList li.v-list01{top:48%; left:12%;}
	#visualList li.v-list02{top:32%; left:48%;}
	#visualList li.v-list03{top:54%; left:72%;}
}

@media all and (max-width:900px){
	/* ******************  MAIN :: VISUAL ********************** */
	#visualList li.v-list01{top:48%; left:0%;}
	#visualList li.v-list02{top:32%;  left:48%;}
	#visualList li.v-list03{top:54%; left:72%;}
}

@media all and (max-width:768px){
	/* ******************  MAIN :: VISUAL ********************** */
	#mainVisual{max-height:534px; overflow:hidden;}
	.visual-txt{top:13%; text-align:center;}
	.visual-txt:before{display:none;}
	.visual-txt > h2{font-size:30px; line-height:40px;}
	.visual-txt > strong{line-height:30px;}
	.visual-txt > p{display:none;}
	.icon-scroll{bottom:5%; margin-left:-25px;}
	.icon-scroll img{width:50px;}
	#visualList{display:none;}
	.visual-img{max-height:534px; overflow:hidden;}
	.visual-img-inner{padding-top:69.6%; overflow:hidden;}
	.visual-img-inner > span img{left:0; margin-left:0; width:100%;}
	.visual-img li.pc-none{display:block;}
	.visual-img .slick-prev, .visual-img .slick-next{position:absolute; top:50%; margin-top:-29px; z-index:2;}
	.visual-img .slick-prev{left:0;}
	.visual-img .slick-next{right:0;}

}

@media all and (max-width:480px){
	/* ******************  MAIN :: VISUAL ********************** */
	.visual-txt{top:14%;}
	.visual-txt > h2{font-size:20px; line-height:34px;}
	.visual-txt > strong{font-size:16px; line-height:22px; letter-spacing:0px;}
	.icon-scroll{display:none;}
	.visual-img .slick-prev img, .visual-img .slick-next img{width:48px; margin-top:10px;}
}


/* MAIN :: VISUAL :: 스크롤 아이콘 */
.main-scroll-simbol{width:100%; display:block;}
.main-scroll-simbol.message{width:auto; bottom:5%; left:auto; right:-40px;}
.circle-animation{height:86px; width:86px; margin:0px auto;}
.circle-animation:after{
	position:absolute; left:50%; bottom:50%;
	-moz-transition:height 0.5s, opacity 1.0s;
	-ms-transition:height 0.5s, opacity 1.0s;
	-webkit-transition:height 0.5s, opacity 1.0s;
	-o-transition:height 0.5s, opacity 1.0s;
	transition:height 0.5s, opacity 1.0s;
}
.circle-animation > span{display:block; position:absolute; top:50%; left:50%; }
.circle-animation > span img{cursor:pointer;}
.circle-animation > .list-box{display:block; position:relative; width:100%; height:100%;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transition:all 0.5s, opacity 1.0s;
	-ms-transition:all 0.5s, opacity 1.0s;
	-webkit-transition:all 0.5s, opacity 1.0s;
	-o-transition:all 0.5s, opacity 1.0s;
	transition:all 0.5s, opacity 1.0s;
}
.list-txt-thum{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:2; display:table;}
.list-txt-thum .txt-inner{display:none; vertical-align:middle; position:relative;}
.list-box:hover .list-txt-thum img{display:none;}
.list-box:hover .list-txt-thum .txt-inner{display:block;}
.list-txt-thum h3{font-size:26px; line-height:26px; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75); font-weight:400; letter-spacing:-0.85px;
position:absolute; top:40%; left:50%; margin-left:-180px; width:360px;}
.list-txt-thum p{font-size:13px; line-height:26px; color:#fff; font-weight:300;}
.list-bg{position:absolute; top:50%; left:50%; z-index:1;}
.list-bg img{opacity:0;filter:Alpha(opacity=0);}
.list-box:hover .list-txt-thum .txt-inner{display:table-cell;}
.list-box:hover .list-bg, .list-box:focus .list-bg{background:none;}
.list-box:hover .list-bg img, .list-box:focus .list-bg img{opacity:1.0;filter:Alpha(opacity=100);}

@media all and (max-width:1220px){
	.list-txt-thum h3{font-size:22px; line-height:22px;}
}

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

}

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

}

@keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.3);
        transform: scale(0.3);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

@-webkit-keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.3);
        transform: scale(0.3);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

.ball-scale-multiple {position: relative; opacity:0;filter:Alpha(opacity=0);
	-moz-transition:all 0.7s, opacity 1.0s;
	-ms-transition:all 0.7s, opacity 1.0s;
	-webkit-transition:all 0.7s, opacity 1.0s;
	-o-transition:all 0.7s, opacity 1.0s;
	transition:all 0.7s, opacity 1.0s;
}
.ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s; 
}
.ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; 
}
.ball-scale-multiple > div {
    border-radius: 100%;
    position: absolute;
    top: 0px;
	left:-3px;
    opacity: 0;
    margin: 0;
    width: 86px;
    height: 86px;
	border:2px solid #fff;
    -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
    animation: ball-scale-multiple 3s 0s linear infinite;
}

#visualList li.v-list01 .circle-animation{width:230px; height:230px;}
#visualList li.v-list01 .circle-animation:after{display:block; content:""; width:1px; /*height:131px;*/height:0; margin:0px auto; background-color:#fff; background-color:rgba(255,255,255,0.45); margin-bottom:-180px; transition-delay:1.0s;}
#visualList li.v-list01 .ball-scale-multiple > div{width:230px; height:230px;}
#visualList li.v-list01 .list-txt-thum{line-height:230px;}
#visualList li.v-list01 .list-bg{margin:-45px 0 0 -47px; width:94px; height:94px; border-radius:94px; -moz-border-radius:94px; -webkit-border-radius:94px; background:#11459d;}
#visualList li.v-list01 .list-bg img{width:94px; height:94px;}
#visualList li.v-list01 .list-box:hover .list-bg, #visualList li.v-list01 .list-box:focus .list-bg{width:361px; height:361px; margin:-180px 0 0 -180px;  border-radius:361px; -moz-border-radius:361px; -webkit-border-radius:361px;}
#visualList li.v-list01 .list-box:hover .list-bg img, #visualList li.v-list01 .list-box:focus .list-bg img{width:361px; height:361px;}

@media all and (max-width:1220px){
	#visualList li.v-list01 .list-box:hover .list-bg, #visualList li.v-list01 .list-box:focus .list-bg{width:300px; height:300px; margin:-150px 0 0 -150px;  border-radius:300px; -moz-border-radius:300px; -webkit-border-radius:300px;}
	#visualList li.v-list01 .list-box:hover .list-bg img, #visualList li.v-list01 .list-box:focus .list-bg img{width:300px; height:300px;}

}

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

}

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

}

#visualList li.v-list02 .circle-animation{width:173px; height:173px;}
#visualList li.v-list02 .circle-animation:after{display:block; content:""; width:1px; /*height:195px;*/height:0; margin:0px auto; background-color:#fff; background-color:rgba(255,255,255,0.45); margin-bottom:-225px; transition-delay:1.2s;}
#visualList li.v-list02 .ball-scale-multiple > div{width:173px; height:173px;}
#visualList li.v-list02 .list-txt-thum{line-height:173px;}
#visualList li.v-list02 .list-bg{margin:-35px 0 0 -35px; width:70px; height:70px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; background:#11459d;}
#visualList li.v-list02 .list-bg img{width:70px; height:70px;}
#visualList li.v-list02 .list-box:hover .list-bg, #visualList li.v-list02 .list-box:focus .list-bg{width:361px; height:361px; margin:-180px 0 0 -180px;  border-radius:361px; -moz-border-radius:361px; -webkit-border-radius:361px;}
#visualList li.v-list02 .list-box:hover .list-bg img, #visualList li.v-list02 .list-box:focus .list-bg img{width:361px; height:361px; }

@media all and (max-width:1220px){
	#visualList li.v-list02 .list-box:hover .list-bg, #visualList li.v-list02 .list-box:focus .list-bg{width:300px; height:300px; margin:-150px 0 0 -150px;  border-radius:300px; -moz-border-radius:300px; -webkit-border-radius:300px;}
	#visualList li.v-list02 .list-box:hover .list-bg img, #visualList li.v-list02 .list-box:focus .list-bg img{width:300px; height:300px;}

}

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

}

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

}

#visualList li.v-list03 .circle-animation{width:200px; height:200px;}
#visualList li.v-list03 .circle-animation:after{display:block; content:""; width:1px; /*height:235px;*/height:0; margin:0px auto; background-color:#fff; background-color:rgba(255,255,255,0.45); margin-bottom:-275px; transition-delay:1.4s;}
#visualList li.v-list03 .ball-scale-multiple > div{width:200px; height:200px;}
#visualList li.v-list03 .list-txt-thum{line-height:200px;}
#visualList li.v-list03 .list-bg{margin:-42px 0 0 -43px; width:85px; height:85px; border-radius:85px; -moz-border-radius:85px; -webkit-border-radius:85px; background:#11459d;}
#visualList li.v-list03 .list-bg img{width:85px; height:85px;}
#visualList li.v-list03 .list-box:hover .list-bg, #visualList li.v-list03 .list-box:focus .list-bg{width:361px; height:361px; margin:-180px 0 0 -180px;  border-radius:361px; -moz-border-radius:361px; -webkit-border-radius:361px;}
#visualList li.v-list03 .list-box:hover .list-bg img, #visualList li.v-list03 .list-box:focus .list-bg img{width:361px; height:361px; }

@media all and (max-width:1220px){
	#visualList li.v-list03 .list-box:hover .list-bg, #visualList li.v-list03 .list-box:focus .list-bg{width:300px; height:300px; margin:-150px 0 0 -150px;  border-radius:300px; -moz-border-radius:300px; -webkit-border-radius:300px;}
	#visualList li.v-list03 .list-box:hover .list-bg img, #visualList li.v-list03 .list-box:focus .list-bg img{width:300px; height:300px;}
}

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

}

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

}


/* -------- ACTIVE -------- */
#visualList li.v-list01.active .circle-animation:after{height:131px;}
#visualList li.v-list02.active .circle-animation:after{height:195px;}
#visualList li.v-list03.active .circle-animation:after{height:235px;}
#visualList li.active .ball-scale-multiple,
#visualList li.active .circle-animation > .list-box{opacity:1.0;filter:Alpha(opacity=100);}

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

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

}

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

}


/* ******************  MAIN :: CONTENT :: 공통 ********************** */
#mainContent {width:100%;}
.main-title-type1{font-size:28px; font-weight:500; color:#000; letter-spacing:-0.75px; text-align:center; padding:70px 0 50px 0;}
.main-title-type1 > span{font-weight:300;}
.main-title-type1 > p{font-size:16.5px; line-height:30px; color:#383737; font-weight:300; letter-spacing:-0.45px;}
.main-title-type2{font-size:38px; color:#000; font-weight:400; letter-spacing:-0.2px; text-align:center; padding:90px 0 70px 0;}
.main-title-type2 > span{color:#ed4e17;}

@media all and (max-width:1220px){
	/* ******************  MAIN :: CONTENT :: 공통 ********************** */
	.main-title-type1{padding:6% 0 5% 0;}
	.main-title-type2{padding:8% 0 6% 0;}
}

@media all and (max-width:768px){
	/* ******************  MAIN :: CONTENT :: 공통 ********************** */
	.main-title-type1{font-size:24px;}
	.main-title-type1 > p{font-size:16px; line-height:28px;}
	.main-title-type2{font-size:32px;}
}

@media all and (max-width:480px){
	/* ******************  MAIN :: CONTENT :: 공통 ********************** */
	.main-title-type1{font-size:20px;}
	.main-title-type1 > p{font-size:14px; line-height:26px;}
	.main-title-type2{font-size:26px;}
}

/* ******************  MAIN :: CONTENT :: mainBusiness ********************** */
#mainBusiness{width:100%;}
.business-list{width:100%; max-width:1535px; margin:0px auto; display:table;}
.business-list li{display:table-cell; vertical-align:top; width:20%; text-align:center; border-left:1px solid #dbdbdb; background-color:#fff; padding:45px 0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.business-list li:first-child{border-left:0;}
.business-list li:hover, .business-list li:focus{background-color:#ececec;}
.business-img-thum{position:relative; padding-top:133px; margin-bottom:38px;}
.business-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.business-img-thum > span img{max-width:100%;}
.business-list li a p strong{display:block; font-size:23px; line-height:26px; color:#1f1f1f; letter-spacing:-0.85px; margin-bottom:10px; font-weight:400;}
.business-list li a p span{display:block; font-size:13px; line-height:26px; color:#767676;}

@media all and (max-width:1220px){
	/* ******************  MAIN :: CONTENT :: mainBusiness ********************** */
	.business-list li{padding:3% 0;}
	.business-img-thum{margin-bottom:28px; padding-top:57%;}
	.business-img-thum > span img{height:100%;}
	.business-list li a p{padding:0 2%;}
	.business-list li a p strong{letter-spacing:-1px; margin-bottom:3%; font-size:21px;}
}

@media all and (max-width:900px){
	/* ******************  MAIN :: CONTENT :: mainBusiness ********************** */
	.business-list{display:block;}
	.business-list li{display:block; width:100%; border-left:0; border-bottom:1px solid #dbdbdb;}
	.business-list li:first-child{border-top:1px solid #dbdbdb;}
	.business-list li > a{display:table; width:94%; padding:0 3%; overflow:hidden;}
	.business-img-thum, .business-list li a p{display:table-cell; vertical-align:middle;}
	.business-img-thum{width:30%; margin-bottom:0; padding-top:133px;}
	.business-list li a p{width:70%; padding:0; text-align:right;}
	.business-img-thum > span img{height:auto;}

}

@media all and (max-width:768px){
	/* ******************  MAIN :: CONTENT :: mainBusiness ********************** */
}

@media all and (max-width:480px){
	/* ******************  MAIN :: CONTENT :: mainBusiness ********************** */
	.business-img-thum{/*padding-top:29.5%;*/padding-top:25%;}
	.business-img-thum > span img{max-width:85%;}
	.business-list li a p strong{font-size:18px;}
	.business-list li a p span{line-height:24px;}
}

/* ******************  MAIN :: CONTENT :: mainHistory ********************** */
#mainHistory{width:100%;}
.main-history-container{width:100%;}
.history-list-box{width:100%; background:url(/images/main/main_history_bg.jpg) no-repeat center top; position:relative;}
.history-list-box:before{display:block; content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#fff; background-color:rgba(255,255,255,0.23);}
.history-list{/*display:table;*/display:block;}
.history-list li{/*display:table-cell;*/float:left; width:20%; vertical-align:top; text-align:center; cursor:pointer;}
.history-list li strong, .history-list li span{display:block; line-height:26px; letter-spacing:-0.75px; padding:20px 0;}
.history-list li strong{font-size:18px; color:#fff; color:rgba(255,255,255,0.75); font-weight:400; position:relative;}
.history-list li span{font-size:22px; color:#fff; color:rgba(255,255,255,0.7); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);}
.history-list li.slick-current strong{color:#fff; font-weight:600; font-size:26px;}
.history-list li.slick-current strong:after{display:block; content:""; width:155px; height:7px; background-color:#fff; position:absolute; bottom:-4px; left:50%; margin-left:-77px;}
.history-list li.slick-current span{color:#fff; color:rgba(255,255,255,0.95);}
.history-content-box{width:100%; background-color:#f3f3f3; overflow:hidden;}
.history-content{position:relative;}
.history-content .slick-prev, .history-content .slick-next{position:absolute; top:50%; margin-top:-24px;}
.history-content .slick-prev{left:-150px;}
.history-content .slick-next{right:-140px}
.history-content-box .history-content dl{width:100%; display:table;}
.history-content dl dt, .history-content dl dd{display:table-cell; width:50%; vertical-align:middle; padding:100px 0;}
.history-content dl dt .history-thum{width:100%; position:relative; padding-top:364px;}
.history-content dl dt .history-thum > span{position:absolute; top:0; left:0; bottom:0; right:0; text-align:center;}
.history-content dl dt .history-thum > span img{max-width:100%; display:block; margin:0px auto;}
.history-content dl dd > h3{font-size:53px; color:#1e1e1e; font-weight:400; letter-spacing:-0.75px; margin-bottom:34px;}
.history-content dl dd > h3 b{font-weight:500;}
.history-content dl dd > h3 span{display:block; font-size:18px; line-height:26px; color:#ec4e18; padding-top:15px;}
.history-content dl dd > ul{margin-bottom:39px;}
.history-content dl dd > ul li{font-size:16px; line-height:30px; font-weight:300; color:#333; letter-spacing:-0.25px;}
.history-content dl dd > ul .bol{font-size:17px; line-height:30px; font-weight:400; color:#000; letter-spacing:-0.25px; padding-left:15px; position:relative;}
.history-content dl dd > ul .bol:before{display:inline-block; content:""; vertical-align:middle; position:absolute; top:12px; left:0; width:5px; height:5px; border:2px solid #ed4e17; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.history-content dl dd > strong{display:block; font-size:18px; line-height:30px; color:#000; font-weight:400;}
.history-content dl dd > p{font-size:16px; line-height:30px; color:#000; font-weight:300;}
.history-content dl dd > a.business-more{display:inline-block; font-size:16px; color:#000; float:right;}
.history-content dl dd > a.business-more em{display:inline-block; padding-bottom:10px;}
.history-content dl dd > a.business-more:before{display:inline-block; vertical-align:middle; content:""; width:72px; height:3px; background-color:#ed4e17; margin-right:10px;}

@media all and (max-width:1520px){
	/* ******************  MAIN :: CONTENT :: mainHistory ********************** */
	.history-content .slick-prev{left:-2%}
	.history-content .slick-next{right:-2%;}
}

@media all and (max-width:1220px){
	/* ******************  MAIN :: CONTENT :: mainHistory ********************** */
	.history-list-box{background-size:cover;}
	.history-list li strong, .history-list li span{padding:15px 0;}
	.history-content{width:90%;}
	.history-content .slick-prev{left:-4%;}
	.history-content .slick-next{right:-4%;}
	.history-content .slick-prev img, .history-content .slick-next img{width:53px;}
	.history-content dl dt, .history-content dl dd{padding:5% 0;}
	.history-content dl dd > h3{font-size:46px; letter-spacing:-1px;}
	.history-content dl dt .history-thum{padding-top:85.7%;}
	.history-content dl dt .history-thum > span img{height:100%;}
	.history-content dl dd > ul li{letter-spacing:-0.5px; word-break:keep-all;}
	.history-content dl dd > p{margin-bottom:10px;}
}

@media all and (max-width:768px){
	/* ******************  MAIN :: CONTENT :: mainHistory ********************** */
	.history-list li.slick-current strong{font-size:22px;}
	.history-list li.slick-current strong:after{height:4px; bottom:-2px;}
	.history-list li span{font-size:20px;}
	.history-content-box .history-content dl{display:block;}
	.history-content dl dt, .history-content dl dd{padding:0; display:block; width:100%;}
	.history-content dl dt{padding:5% 0;}
	.history-content dl dd{margin-bottom:5%;}
	.history-content .slick-prev, .history-content .slick-next{top:28%;}
	.history-content .slick-prev img, .history-content .slick-next img{width:53px;}
	.history-content dl dt .history-thum{padding-top:364px;}
	.history-content dl dt .history-thum > span img{height:auto;}
	.history-content dl dd > h3{float:left; width:40%; font-size:30px; margin-bottom:0;}
	.history-content dl dd > h3 span{padding-top:10px; font-size:16px; line-height:24px;}
	.history-content dl dd > ul{float:left; width:60%;}
	.history-content dl dd > ul li{line-height:26px; letter-spacing:-0.75px;}
	.history-content dl dd > strong{float:left; width:100%;}
}

@media all and (max-width:480px){
	/* ******************  MAIN :: CONTENT :: mainHistory ********************** */
	.history-list-box{background-size:100% 100%;}
	.history-list li strong, .history-list li span{padding:10px 0;}
	.history-list li.slick-current strong{font-size:18px;}
	.history-list li.slick-current strong:after{height:3px;}
	.history-list li.slick-current span{font-size:20px;}
	.history-content dl dt .history-thum{padding-top:70%;}
	.history-content dl dt .history-thum > span img{max-width:65%;}
	.history-content .slick-prev, .history-content .slick-next{top:25%;}
	.history-content .slick-prev img, .history-content .slick-next img{width:43px;}
	.history-content dl dd > h3{font-size:24px; word-break:keep-all; width:100%; float:none; margin-bottom:3%;}
	.history-content dl dd > h3 span{font-size:14px; line-height:22px; padding-top:5px;}
	.history-content dl dd > ul {width:100%; float:none; margin-bottom:3%;}
	.history-content dl dd > ul li{font-size:14px; line-height:24px;}
	.history-content dl dd > strong{float:none; font-size:16px; line-height:24px;}
	.history-content dl dd > p{font-size:14px; line-height:24px;}
	.history-content dl dd > a.business-more{font-size:14px;}
	.history-content dl dd > a.business-more:before{width:42px;}
}


/* ******************  MAIN :: CONTENT :: mainDownload ********************** */
#mainDownload{width:100%; margin-bottom:50px;}
.download-list{display:table;}
.download-list li{display:table-cell; width:25%; vertical-align:top; padding:37px 0 15px 0; text-align:center; border-right:1px solid #e4e4e4;}
.download-list li:first-child{border-left:1px solid #e4e4e4;}
.download-img-thum{position:relative; padding-top:74px; margin-bottom:34px;}
.download-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.download-img-thum > span img{max-width:100%; display:block; margin:0px auto;}
.download-txt-thum{font-size:21px; line-height:26px; color:#000; letter-spacing:-0.75px; margin-bottom:15px;}
.download-list li span i{color:#ed4e17;}

@media all and (max-width:1220px){
	/* ******************  MAIN :: CONTENT :: mainDownload ********************** */
	#mainDownload{margin-bottom:7%;}
	
}

@media all and (max-width:768px){
	/* ******************  MAIN :: CONTENT :: mainDownload ********************** */
	.download-list{display:block; }
	.download-list li{display:block; width:49.7%; float:left; padding:3% 0 2% 0; border:0;}
	.download-list li:first-child{border-left:0;}
	.download-list li:first-child, .download-list li:nth-child(2){border-bottom:1px solid #e4e4e4;}
	.download-list li:nth-child(odd){border-right:1px solid #e4e4e4;}
	.download-img-thum{margin-bottom:5%;}
	.download-txt-thum{font-size:18px; margin-bottom:3%;}

}

@media all and (max-width:480px){
	/* ******************  MAIN :: CONTENT :: mainDownload ********************** */
	.download-txt-thum{font-size:16px; margin-bottom:5%;}
}