/* MAIN COMMON */
.main-title-con 
{display:flex; align-items:flex-end; justify-content: space-between; flex-wrap:wrap; margin-bottom:50px;}
.main-title-con .tit-con
{width:35%;}
.main-title-con .tit-con .eng-tit
{font-family:'Montserrat'; font-size:26px; color:#07b1f0; font-weight:800; margin-bottom:20px; display:block; text-align:left;}
.main-title-con .tit-con .tit
{font-size:36px; color:#111; font-weight:700; line-height:1.2; text-align:left;}
.main-title-con .txt-con
{width:65%;}
.main-title-con .txt-con p 
{font-size:17px; color:#111111; text-align:right;}
.main-more-btn .more-btn 
{background-image:url('../img/main_arrow_btn.png'); width:36px; height:15px; display:inline-block; margin-left:20px; transition:all 0.3s ease;}
.main-more-btn:hover .more-btn
{margin-left:30px;}


#mainVisual 
{width:100%; height:850px;}
.main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item 
{height:100%;}
.main-visual-img 
{position:absolute; width:100%; height:100%;}
.main-visual-txt 
{text-align:center;}
.main-visual-txt-con 
{max-width:1260px; margin:0 auto; text-align:left;}
.main-visual-txt-con .eng 
{font-size:26px; font-weight:600; color:#fff; text-shadow:1px 1px 3px #353535; margin-bottom:20px;}
.main-visual-txt-con .tit 
{font-size:52px; font-weight:800; color:#fff; text-shadow:1px 1px 5px #353535; line-height:1.2;}
.main-visual-txt-con .tit span 
{color:#07b1f0; line-height:1.2}
@media screen and (max-width:650px) {
    #mainVisual
    {height:430px; position:relative;}
    .main-visual-txt-con .eng
    {font-size:21px;}
    .main-visual-txt-con .tit
    {font-size:28px;}
}
#mainVisual .main-visual-controls 
{position:absolute; width:100%; top:30%;}
#mainVisual .main-visual-controls .container 
{display:flex; align-items:center;}
#mainVisual .main-visual-controls .paging-controls
{color:#fff;}
#mainVisual .main-visual-controls .paging-controls em 
{margin:0 3px;}
#mainVisual .main-visual-controls .progress-bar 
{display:flex; margin:0 20px; width:30%;}
#mainVisual .main-visual-controls .progress-bar span 
{width:100%; height:2px; display:inline-block; background:rgba(255,255,255,.4); position:relative;}
#mainVisual .main-visual-controls .progress-bar span:before 
{content:''; width:0%; height:2px; background:#fff; position:absolute; }
#mainVisual .main-visual-controls .progress-bar.active span:before 
{width:100%;transition:all 5s ease; }
#mainVisual .arrow-controls .arrow-btn i 
{color:#fff; margin-right:3px;}
@media screen and (max-width:650px) {
    #mainVisual .main-visual-controls
    {top:auto; bottom:10%;}
    #mainVisual .main-visual-controls .progress-bar
    {width:65%;}
}
#mainVisual #scrollDown 
{position:absolute; width:100%; bottom:8%;}
#mainVisual #scrollDown p 
{position:relative; display:inline-block; writing-mode: vertical-lr; padding:30px 0px 10px 5px;}
#mainVisual #scrollDown p span 
{color:#fff; font-size:16px; text-shadow:0px 0px 3px #000; animation:upDown 2s ease-in-out infinite; transition:all 4s ease; display:inline-block;}
#mainVisual #scrollDown p:after
{content:''; width:1px; height:100%; background:#fff; left:0; position:absolute; top:50%; transform:translateY(-50%); z-index:999}
#mainVisual #scrollDown p:before 
{content:''; position:absolute; height:6px; width:6px; background:#fff; border-radius:50%; top:0; left:-3px;}
@keyframes upDown {
	0% {
		transform: translateY(-3px)
	}
	50% {
		transform: translateY(3px)
	}
    100% {
		transform: translateY(-3px)
	}
}

@media screen and (max-width:1260px) {
    .main-visual-img 
    {background-size:cover;}
    .main-visual-txt-con 
    { padding:0 20px; }
    #mainVisual #scrollDown
    { display:none; }
}
/* MAIN ABOUT */
.main-about
{padding:100px 0px; background-image:url('../img/main_about_bg.png'); background-size:cover;}
.main-about-con
{text-align:right}
.main-about .about-more-btn 
{text-align:center; display:inline-block; background:#99cc00; border-radius:0 10px 0 0;}
.main-about .about-more-btn a
{display:inline-block; padding:8px 20px; display:flex; align-items:center;}
.main-about .about-more-btn span 
{color:#fff;}
@media screen and (max-width:1260px) {
    .main-title-con .tit-con 
    {width:100%;}
    .main-title-con .txt-con
    {width:100%; margin-top:20px;}
    .main-title-con .txt-con p 
    {text-align:left; }
}
/* MAIN BUSINESS */
.main-business 
{padding:100px 0px;}
.main-business .business-arcodian-con 
{display:flex; justify-content:space-between; margin:0 -10px;}
.main-business .business-arcodian-con .arcodian-box 
{width:19%; height:350px; background:#eee; text-align:center; border-radius:0 20px 0 0; margin:0 10px; background-position:left bottom; background-repeat:no-repeat; background-size:cover; transition:all 0.4s ease;}
.main-business .business-arcodian-con .arcodian-box.on 
{width:25%;}
.main-business .business-arcodian-con .arcodian-box .inner 
{display:table; width:100%; height:100%;}
.main-business .business-arcodian-con .arcodian-box .tit 
{font-size:22px; font-weight:600; color:#fff; text-shadow:0px 0px 3px #222; line-height:1.3;}
.main-business .business-arcodian-con .arcodian-box span 
{color:#fff; font-size:15px; font-weight:300; display:inline-block; margin-top:10px;}
.main-business .business-arcodian-con .arcodian-box span .more-btn
{background-image:url('../img/main_arcadian_btn.png'); background-repeat:no-repeat; display:inline-block; width:12px; height:10px; background-size:cover;}
@media screen and (max-width:1024px){
    .main-business .business-arcodian-con
    {flex-wrap:wrap; margin:0; }
    .main-business .business-arcodian-con .arcodian-box
    {width:47%; height:430px; margin:10px 0;}
}
@media screen and (max-width:650px){
    .main-business .business-arcodian-con .arcodian-box
    {width:100%;}
    .main-business .business-arcodian-con .arcodian-box.on 
    {width:100%;}

    .main-business .business-arcodian-con .arcodian-box .tit 
    {font-size:28px;}
    .main-business .business-arcodian-con .arcodian-box span
    {font-size:18px;}
}
/* MAIN INQUIRY */
.main-inquiry
{padding:100px 0; background-image:url('../img/main_inquiry_bg.png'); background-size:cover; text-align:center;}
.main-inquiry-con span.email
{background-image:url('../img/main_inquiry_icon.png'); background-position:center; width:55px; height:36px; display:inline-block; margin-bottom:20px;}
.main-inquiry-con h2 
{font-size:35px; font-weight:800; color:#fff; margin-bottom:10px;}
.main-inquiry-con p 
{font-size:16px; color:#fff; font-weight:400; margin-bottom:30px;}
.main-inquiry-con .main-more-btn 
{display:inline-block; }
.main-inquiry-con .main-more-btn a
{background:#07b1f0; padding:8px 20px; border-radius:0 10px 0 0; display:flex; align-items:center;}
.main-inquiry-con .main-more-btn a span 
{color:#fff; display:inline-block; font-weight:300; font-size:15px;}
/* MAIN CONTACT US */
.main-contact 
{padding:100px 0px;}
.main-contact-box
{display:flex; overflow:hidden; margin:0 -10px;}
.main-contact-box .contact-box 
{width:100%; border:1px solid #ddd; margin:0 10px; border-radius: 0 10px 0 0; padding:50px;}
.main-contact-box .tit-con 
{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.main-contact-box .tit-con .tit 
{font-family:'Montserrat'; font-size:26px; font-weight:700;}
.main-contact-box .tit-con a 
{font-size:15px; color:#222; font-weight:500;}
.main-contact-box .tit-con a i
{background-image:url('../img/main_board_more_btn.png'); background-position:center; background-size:cover; width:12px; height:10px; display:inline-block; margin-left:10px;}
.main-contact-box .tit-con a:hover 
{opacity:.8}
.main-contact-box .contact-box .call a 
{display:flex; align-items:start;}
.main-contact-box .contact-box .call i 
{margin-right:15px; color:#fff; background-color:#07b1f0; padding:10px; border-radius:50%;}
.main-contact-box .contact-box .call strong 
{font-family:'Montserrat'; font-size:21px; color:#111111; position:relative; padding-right:16px; margin-right:16px;}
.main-contact-box .contact-box .call span 
{font-size:16px; font-weight:400; color:#555555; position:relative;}
.main-contact-box .contact-box .call span:after 
{content:''; position:absolute; width:7px; height:7px; background:#aeaeae; border-radius:50%; left:-30px; top:50%; transform:translateY(-50%)}
.main-contact-box .contact-box .company-info 
{margin-top:20px;}
.main-contact-box .contact-box .company-info li 
{margin-bottom:20px; font-size:16px; font-weight:500; color:#111111;}
.main-contact-box .contact-box .company-info li:last-child 
{margin-bottom:0;}
@media screen and (max-width:1024px){
    .main-contact-box 
    {flex-wrap:wrap;}
    .main-contact-box .contact-box
    {margin:10px; padding:30px; }
}
@media screen and (max-width:650px) {
    .main-contact-box .tit-con
    {flex-wrap:wrap;}
    .main-contact-box .contact-box .call a
    {flex-wrap:wrap;}
    .main-contact-box .contact-box .call span
    {padding-left:15px;}
    .main-contact-box .contact-box .call span:after 
    {left:0;}
}