@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-webkit-keyframes pulse {
	from { transform:translate(-50%,-50%) scale(0.9); }
	to { transform:translate(-50%,-50%) scale(1.1); }
}
@-moz-keyframes pulse {
	from { transform:translate(-50%,-50%) scale(0.9); }
	to { transform:translate(-50%,-50%) scale(1.1); }
}
@keyframes pulse {
	from { transform:translate(-50%,-50%) scale(0.9); }
	to { transform:translate(-50%,-50%) scale(1.1); }
}

@keyframes rotate {
  0% { transform:rotate(0); }
  100% { transform:rotate(360deg); }
}
@-webkit-keyframes rotate {
	0% { transform:rotate(0); }
	100% { transform:rotate(360deg); }
}

/**************************************************
* 0 - common
**************************************************/
.titlebox .subtit { margin-bottom:0.938rem; letter-spacing:0.25rem; font-family:'Sorts Mill Goudy', serif; font-weight:400; }
.titlebox h2 { line-height:3rem; font-size:2.062rem; letter-spacing:0.1rem; font-family:'Noto Serif KR', serif; color:#464646; font-weight:500; }

.titlebox { position:relative; }
.titlebox .txt-ani-wrap { overflow:hidden; display:block; }
.titlebox .txt-ani-wrap:nth-child(2) .txt-ani { transition-delay:.05s; }
.titlebox .txt-ani-wrap:nth-child(3) .txt-ani { transition-delay:.1s; }
.titlebox .txt-ani-wrap:nth-child(4) .txt-ani { transition-delay:.15s; }

.titlebox .txt-ani { display:block; transition-duration:.45s; transition-property:transform; transform:translateY(100%); }
.titlebox.on .txt-ani { transform:translateY(0); }

.slide-motion figure { position:relative; overflow:visible; background:none; }
.slide-motion figure img { opacity:0.2; -webkit-clip-path:polygon(60% 0, 0 0, 0 100%, 60% 100%); clip-path:polygon(60% 0, 0 0, 0 100%, 60% 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); filter: grayscale(100%); }

.slide-motion.swiper-slide-active figure img { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); filter: grayscale(0); }

.mw_45 { max-width: 45%; }
.mw_60 { max-width: 60%; }

/**************************************************
* 2 - brand-slide
**************************************************/
.brand-content > .container-fluid { position:relative; width:100%; height:var(--vh); min-height:576px; max-height:1200px; background-color:#fff; overflow:hidden; }

.brand-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.brand-slide:after { content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:1; }
.brand-slide-img { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; overflow:hidden; overflow:hidden; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); animation:top-view-bg forwards 3s 0.3s ease-in-out; -webkit-animation:top-view-bg forwards 3s 0.3s ease-in-out; -moz-animation:top-view-bg forwards 3s 0.3s ease-in-out; -ms-animation:top-view-bg forwards 3s 0.3s ease-in-out; -o-animation:top-view-bg forwards 3s 0.3s ease-in-out; }
.brand-content .video_web { width:100vw; height:56.25vw; min-height:122vh; min-width:210vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.brand-content .video_mobile { display:none; }
@media (max-width:799px) {
	.brand-content .video_web { display:none; }
	.brand-content .video_mobile { display:block; width:100vw; height:200vw; min-height:100vh; min-width:200vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
}

/**************************************************
* 2 - main-sect-network
**************************************************/
.main-sect-network .mo-only { display:none; }

.main-sect-network .cont-wrap { margin-top:3.125rem; }

.main-sect-network .swiper-pagination { display:flex; justify-content:center; width:100%; max-width:1080px; margin:0 auto 2.5rem; position:static; }
.main-sect-network .swiper-pagination > span:focus { outline:none !important; }
.main-sect-network .swiper-pagination .swiper-pagination-bullet { width:auto; height:auto; background:transparent; padding:0 1rem; color:#949494; opacity:1; position:relative; text-align:center; font-size:1.125rem; }
.main-sect-network .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet:before { content:""; position:absolute; left:0; top:50%; display:inline-block; width:1px; height:16px; margin-top:-8px; background-color:#c6c6c6; }
.main-sect-network .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#d5a581; font-weight:400; }

.main-sect-network .swiper-navigation span { position:absolute; top:calc(50% - 1rem); display:inline-block; width:1.125rem; height:2rem; cursor:pointer; z-index:45; }
.main-sect-network .swiper-navigation span.swiper-prev { background:url("../img/icon-prev01.png") no-repeat center/ 100% auto; left:21%; }
.main-sect-network .swiper-navigation span.swiper-next { background:url("../img/icon-next01.png") no-repeat center/ 100% auto; right:22%; }

.main-sect-network .swiper-slide { }
.main-sect-network .swiper-slide .innerbox { display:flex; align-items:center; }
.main-sect-network .swiper-slide .txtbox { min-width:380px; background-color:#fff; position:absolute; right:20px; padding:5rem 0 3.75rem 3.75rem; -webkit-box-shadow:0px 4px 9px rgba(54, 54, 55, 0.09); box-shadow:0px 4px 9px rgba(54, 54, 55, 0.09); }
.main-sect-network .swiper-slide .txtbox .txt01 { margin-bottom:2.5rem; color:#464646; font-size:1.687rem; letter-spacing:0.1rem; font-weight:500; }
.main-sect-network .swiper-slide .txtbox .txt02 { color:#454545; font-size:1.063rem; font-weight:400; }
.main-sect-network .swiper-slide .txtbox .btn { margin-top:3.125rem; cursor:pointer; }

@media (max-width:1399px) {
	.main-sect-network .swiper-navigation span.swiper-prev { left:12%; }
	.main-sect-network .swiper-navigation span.swiper-next { right:12%; }
}
@media (max-width:1199px) {
	.main-sect-network .swiper-navigation span.swiper-prev { left:5%; }
	.main-sect-network .swiper-navigation span.swiper-next { right:5%; }
}
@media (max-width:991px) {
	.main-sect-network .swiper-container { overflow:inherit; padding:0 15px; }
	.main-sect-network .swiper-slide .innerbox { flex-direction:column; }
	.main-sect-network .swiper-slide .txtbox { position:relative; right:0; padding:3.75rem 0 2.5rem 2.5rem; min-width:320px; margin-top:-90px; }
	
}
@media (max-width:919px) {
	.main-sect-network .swiper-navigation span { top:calc(78% - 1rem); }
	.main-sect-network .swiper-pagination { flex-wrap:wrap; }
	.main-sect-network .swiper-pagination .swiper-pagination-bullet { width:33.333%; margin-bottom:1.25rem; }
	.main-sect-network .swiper-pagination .swiper-pagination-bullet:nth-child(4):before { display:none; }
}
@media (max-width:479px) {
	.main-sect-network .mo-only { display:block; }
	.main-sect-network .swiper-pagination .swiper-pagination-bullet { padding:0 0.5rem; }
	
	.main-sect-network .swiper-slide .txtbox { min-width:auto; width:80%; max-width:320px; padding:1.75rem 0 1.5rem 2rem; margin-top:-50px; }
}
@media (max-width:399px) {
	.main-sect-network .swiper-pagination .swiper-pagination-bullet { font-size:1rem; }
}

/**************************************************
* main-sect-history
**************************************************/
.main-sect-history .main-history-fixarea { display:block; width:50%; height:100vh; background:url("../img/main-sect-history-bg.jpg") no-repeat center/ cover; }
.main-sect-history .pc-only { display:block; }
.main-sect-history .mo-only { display:none; }
.main-sect-history .titlebox02 { position:relative; top:50%; transform:translate(0px, -50%); }
.main-sect-history .titlebox02 .subtit { margin-bottom:0.938rem; letter-spacing:0.25rem; font-family:'Sorts Mill Goudy', serif; font-weight:400; color:#fff; }
.main-sect-history .titlebox02 h2 { line-height:3rem; font-size:2.062rem; letter-spacing:0.1rem; font-family:'Noto Serif KR', serif; font-weight:400; color:#fff; }

.main-sect-history .timeline { position:relative; width:50%; padding-left:8%; }
.main-sect-history .timeline h2 { font-family:'Sorts Mill Goudy', serif; color:#000; font-weight:400; font-size:4rem; margin-bottom:2rem; }
.main-sect-history .timeline-wrap { padding-top:20%; }

.main-sect-history ul { display:inline-block; }
.main-sect-history ul li { position:relative; width:1px; margin:0 auto; margin-left:2.5rem; padding-bottom:35px; background-color:#7b7b7b; }
.main-sect-history ul li:last-child { background:none; }

.main-sect-history ul li div { position:relative; width:580px; min-height:5rem; padding-left:4rem; }
.main-sect-history ul li time { display:inline-block; position:absolute; left:0; top:0; width:5rem; height:1.875rem; line-height:1.775rem; border-radius:2rem; transform:translateX(-50%); top:0; background:#000; color:#fff; text-align:center; }
.main-sect-history ul li p { line-height:1.675rem; color:#666; font-size:1.188rem; }
.main-sect-history ul li strong { font-weight:500; }

.main-sect-history ul li:hover p { color:#000; font-weight:400; }
.main-sect-history ul li div:after { content:""; display:inline-block; position:absolute; top:50%; width:350px; height:127px; background-position:left center; background-repeat:no-repeat; background-size:auto; transform:translate(0, -75%); opacity:0; transition:all 0.4s ease; }
.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(1) div:hover:after { opacity:1; left:47%; background-image:url("../img/main-sect-history-img01.png"); }
.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(2) div:hover:after { opacity:1; left:35%; top:68%; background-image:url("../img/main-sect-history-img02.png"); }
.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(3) div:hover:after { opacity:1; left:62%; background-image:url("../img/main-sect-history-img03.png"); }
.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(4) div:hover:after { opacity:1; left:44%; background-image:url("../img/main-sect-history-img04.png"); }
.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(5) div:hover:after { opacity:1; height:230px; left:47%; top:100%; background-image:url("../img/main-sect-history-img05.png"); }

.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(1) div:hover:after { opacity:1; left:33%; background-image:url("../img/main-sect-history-img06.png"); }
.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(2) div:hover:after { opacity:1; left:64%; background-image:url("../img/main-sect-history-img07.png"); }
.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(3) div:hover:after { opacity:1; left:64%; background-image:url("../img/main-sect-history-img08.png"); }
.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(4) div:hover:after { opacity:1; left:63%; top:75%; background-image:url("../img/main-sect-history-img09.png"); height:352px; }
.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(5) div:hover:after { opacity:1; left:72%; top:82%; background-image:url("../img/main-sect-history-img10.png"); height:100%; }

.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(1) div:hover:after { opacity:1; left:68%; top:60%; background-image:url("../img/main-sect-history-img11.png"); height:100%; }
.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(2) div:hover:after { opacity:1; left:90%; background-image:url("../img/main-sect-history-img12.png"); }
.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(3) div:hover:after { opacity:1; left:61%; top:69%; background-image:url("../img/main-sect-history-img13.png"); }
.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(4) div:hover:after { opacity:1; left:56%; top:110%; background-image:url("../img/main-sect-history-img14.png"); height:227px; }

.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(1) div:hover:after { opacity:1; left:60%; background-image:url("../img/main-sect-history-img15.png"); }
.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(2) div:hover:after { opacity:1; left:81%; background-image:url("../img/main-sect-history-img16.png"); }
.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(3) div:hover:after { opacity:1; left:64%; background-image:url("../img/main-sect-history-img17.png"); }

.main-sect-history .btn-more { display:none; }

@media (max-width:1599px) {
	.main-sect-history ul li div { width:480px; }
	.main-sect-history .timeline { padding-left:5%; }
}
@media (max-width:1199px) {
	.main-sect-history ul li div { width:400px; }
}
@media (max-width:991px) {
	.main-sect-history .pc-only { display:none; }
	.main-sect-history .mo-only { display:block; }
	.main-sect-history .cont-wrap { flex-direction:column; }
	.main-sect-history .main-history-fixarea { width:100%; height:50vh; background:url("../img/main-sect-history-bg_m.jpg") no-repeat center/ cover; }
	.main-sect-history .timeline-wrap { padding-top:7%; width:580px; margin:0 auto; }
	.main-sect-history .timeline-wrap:after { content:""; display:inline-block; position:absolute; left:0; right:0; bottom:0; width:100%; height:100px; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); }
	.main-sect-history .active .timeline-wrap:after { display:none; }
	.main-sect-history .timeline { width:100%; padding-left:0; overflow:hidden; height:120vh; }
	.main-sect-history .timeline.active { height:auto; }
/*	.main-sect-history .timeline-wrap { display:none; }*/
/*	.main-sect-history .timeline-wrap:nth-child(1) { display:block; }*/
	
	.main-sect-history ul li div { width:580px; min-height:3rem; }
	.main-sect-history .timeline-wrap ul li div:after { display:none; }
	.main-sect-history ul li p { color:#000; }
	.main-sect-history .timeline-wrap .imgbox { padding:0; width:auto; }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(1) .imgbox { width:17%; position:absolute; left:63%; top:15%; transform:translate(0, -50%); }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(2) .imgbox { width:30%; position:absolute; left:54%; top:50%; transform:translate(0, -50%); }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(3) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(4) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(5) .imgbox:nth-child(4) { width:70%; }
	.main-sect-history .timeline-wrap:nth-child(1) ul li:nth-child(5) .imgbox:nth-child(6) { width:50%; }
	
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(1) .imgbox { width:80%; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(2) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(3) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(4) .imgbox:nth-child(3) { width:65%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(4) .imgbox:nth-child(7) { width:95%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(5) .imgbox:nth-child(4) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(5) .imgbox:nth-child(7) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(5) .imgbox:nth-child(9) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(2) ul li:nth-child(5) .imgbox:nth-child(11) { width:45%; margin-top:10px; }
	
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(1) .imgbox:nth-child(3) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(1) .imgbox:nth-child(5) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(1) .imgbox:nth-child(7) { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(2) .imgbox { width:55%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(3) .imgbox { width:65%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(4) .imgbox:nth-child(3) { width:65%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(3) ul li:nth-child(4) .imgbox:nth-child(5) { width:45%; margin-top:10px; }
	
	.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(1) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(2) .imgbox { width:45%; margin-top:10px; }
	.main-sect-history .timeline-wrap:nth-child(4) ul li:nth-child(3) .imgbox { width:45%; margin-top:10px; }
	
	.main-sect-history .btn-more { display:block; position:absolute; left:0; right:0; bottom:15px; width:2.25rem; height:2.25rem; margin:-2.25rem auto 0; }
	.main-sect-history .btn-more:before { content:""; position:absolute; left:50%; top:50%; width:3.75rem; height:3.75rem; background:#d29e75; opacity:0.3; border-radius:50%; animation:pulse 1s infinite ease-in-out alternate; }
	.main-sect-history .active .btn-more .btn-open-history { display:inline-block; transform:rotate(-180deg); }
}
@media (max-width:639px) {
	.main-sect-history .timeline-wrap { padding:7% 15px 0; }
	.main-sect-history ul li div { width:450px; }
}
@media (max-width:479px) {
	.main-sect-history .main-history-fixarea { height:40vh; }
/*	.main-sect-history .titlebox02 { padding:20% 0; }*/
	.main-sect-history ul li div { width:360px; }
}
@media (max-width:399px) {
	.main-sect-history ul li div { width:310px; }
}

/**************************************************
* main-sect-specialist
**************************************************/
.main-sect-specialist { }

.main-sect-specialist .pc-only { display:block; }
.main-sect-specialist .mo-only { display:none; }

.main-sect-specialist .cont-wrap { margin-top:3.75rem; }
.main-sect-specialist .specialists-wrap { display:flex; }
.specialists-wrap > li { width:25%; }
.specialists-wrap > li { float:left; }
.main-sect-specialist .innerbox { position:relative; width:100%; display:inline-block; overflow:hidden; }
.main-sect-specialist .imgbox { width:100%; height:100%; text-align:center; overflow:hidden; }
.main-sect-specialist .txtbox { position:absolute; left:0; right:0; top:5%; text-align:center; }
.main-sect-specialist .txtbox .txt01 { font-size:1.188rem; letter-spacing:0.1rem; }
.main-sect-specialist .txtbox .txt02 { font-size:1.875rem; letter-spacing:0.1rem; }

.main-sect-specialist .info .txtbox .txt01 { color:#8a8a8a; }
.main-sect-specialist .info .txtbox .txt02 { color:#8a8a8a; }
.main-sect-specialist .info .txt03 { color:#fff; font-size:1.5rem; line-height:2.812rem; }
.main-sect-specialist .btn { position:absolute; left:50%; bottom:5%; transform:translate(-50%, 0); width:11rem; }

.main-sect-specialist .in-top:hover .circle { width:100%; background-color:#d4a37d; }
.main-sect-specialist .in-top:hover .circle .icon-arrow02 { background-image:url("../img/icon-arrow01-hover.png"); width:24px; }
.main-sect-specialist .in-top:hover .btn-txt { color:#fff; }

.main-sect-specialist .in-right:hover .circle { width:100%; background-color:#d4a37d; }
.main-sect-specialist .in-right:hover .circle .icon-arrow02 { background-image:url("../img/icon-arrow01-hover.png"); width:24px; }
.main-sect-specialist .in-right:hover .btn-txt { color:#fff; }

.main-sect-specialist .in-bottom:hover .circle { width:100%; background-color:#d4a37d; }
.main-sect-specialist .in-bottom:hover .circle .icon-arrow02 { background-image:url("../img/icon-arrow01-hover.png"); width:24px; }
.main-sect-specialist .in-bottom:hover .btn-txt { color:#fff; }

.main-sect-specialist .in-left:hover .circle { width:100%; background-color:#d4a37d; }
.main-sect-specialist .in-left:hover .circle .icon-arrow02 { background-image:url("../img/icon-arrow01-hover.png"); width:24px; }
.main-sect-specialist .in-left:hover .btn-txt { color:#fff; }

.info { transform:rotate3d(1, 0, 0, 90deg); width:100%; height:100%; padding:46% 20px; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, 0.7); text-align:center; cursor:pointer; }
.in-top .info { transform-origin:50% 0%; -webkit-animation:in-top 300ms ease 0ms 1 forwards; animation:in-top 300ms ease 0ms 1 forwards; }
.in-right .info { transform-origin:100% 0%; -webkit-animation:in-right 300ms ease 0ms 1 forwards; animation:in-right 300ms ease 0ms 1 forwards; }
.in-bottom .info { transform-origin:50% 100%; -webkit-animation:in-bottom 300ms ease 0ms 1 forwards; animation:in-bottom 300ms ease 0ms 1 forwards; }
.in-left .info { transform-origin:0% 0%; -webkit-animation:in-left 300ms ease 0ms 1 forwards; animation:in-left 300ms ease 0ms 1 forwards; }
.out-top .info { transform-origin:50% 0%; -webkit-animation:out-top 300ms ease 0ms 1 forwards; animation:out-top 300ms ease 0ms 1 forwards; }
.out-right .info { transform-origin:100% 50%; -webkit-animation:out-right 300ms ease 0ms 1 forwards; animation:out-right 300ms ease 0ms 1 forwards; }
.out-bottom .info { transform-origin:50% 100%; -webkit-animation:out-bottom 300ms ease 0ms 1 forwards; animation:out-bottom 300ms ease 0ms 1 forwards; }
.out-left .info { transform-origin:0% 0%; -webkit-animation:out-left 300ms ease 0ms 1 forwards; animation:out-left 300ms ease 0ms 1 forwards; }

@-webkit-keyframes in-top {
	from { transform:rotate3d(-1, 0, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-top {
	from { transform:rotate3d(-1, 0, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@-webkit-keyframes in-right {
	from { transform:rotate3d(0, -1, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-right {
	from { transform:rotate3d(0, -1, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@-webkit-keyframes in-bottom {
	from { transform:rotate3d(1, 0, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-bottom {
	from { transform:rotate3d(1, 0, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@-webkit-keyframes in-left {
	from { transform:rotate3d(0, 1, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@keyframes in-left {
	from { transform:rotate3d(0, 1, 0, 90deg); }
	to { transform:rotate3d(0, 0, 0, 0deg); }
}
@-webkit-keyframes out-top {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(-1, 0, 0, 104deg); }
}
@keyframes out-top {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(-1, 0, 0, 104deg); }
}
@-webkit-keyframes out-right {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(0, -1, 0, 104deg); }
}
@keyframes out-right {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(0, -1, 0, 104deg); }
}
@-webkit-keyframes out-bottom {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(1, 0, 0, 104deg); }
}
@keyframes out-bottom {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(1, 0, 0, 104deg); }
}
@-webkit-keyframes out-left {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(0, 1, 0, 104deg); }
}
@keyframes out-left {
	from { transform:rotate3d(0, 0, 0, 0deg); }
	to { transform:rotate3d(0, 1, 0, 104deg); }
}

.specialists-modal { width:100%; height:100%; margin:0 auto; background-color:#000; padding:0; }
.specialists-modal:before { content:"BANOBAGI MEDICAL GROUP"; position:absolute; left:-4%; top:50%; transform:translate(0,-50%) rotate(-90deg); color:#808080; font-size:1.375rem; letter-spacing:0.25rem; font-family:'Sorts Mill Goudy', serif; }

.specialists-modal-wrapper { display:flex; align-items:center; justify-content:center; width:90%; max-width:1700px; height:100%; margin-left:auto; margin-right:0; background-color:#fff; }
.specialists-modal-wrapper .innerbox { width:100%; }
.specialists-modal .specialists-modal-img { width:45%; }
.specialists-modal .specialists-modal-profile-img { text-align:center; }
.specialists-modal .specialists-modal-profile-img img { width:auto; }
.specialists-modal .specialists-modal-infos { position:relative; width:55%; padding-left:5%; }
.specialists-modal .specialists-modal-infos:after { content:""; position:absolute; right:12%; bottom:-10%; display:inline-block; width:10.5rem; height:5.9375rem; background:url("../img/ft-logo.png") no-repeat right bottom/ 100% auto; }
.specialists-modal .specialists-modal-info { font-size:1.312rem; font-weight:400; }
.specialists-modal .specialists-modal-info-name { font-size:2.375rem; font-weight:400; }
.specialists-modal h4 { margin:1.875rem 0 1.875rem; font-size:1.5rem; font-weight:400; color:#d19c76; }
.specialists-modal .specialists-modal-info-history { width:100%; max-width:560px; border-top:3px solid #d19c76; padding-top:2.5rem; }
.specialists-modal .specialists-modal-info-history li { color:#454545; margin-bottom:8px; font-weight:400; }


.specialists-modal .close-modal-btn { left:93%; top:7%; }
.specialists-modal .cross-line { background-color:#000; }

@media (max-width:1699px) {
	.specialists-modal:before { left:-8%; }
}
@media (max-width:1199px) {
	.specialists-modal:before { left:-10%; }
	.specialists-modal .specialists-modal-profile-img { padding:3%; }
	.specialists-modal .specialists-modal-profile-img img { width:100%; }
}
@media (max-width:1079px) {
	.main-sect-specialist .pc-only { display:none; }
	.main-sect-specialist .mo-only { display:block; }
	
	.main-sect-specialist .cont-wrap { margin-top:2.5rem; }
	.main-sect-specialist .txtbox02 { position:absolute; left:0; right:0; top:5%; text-align:center; }
	.main-sect-specialist .txtbox02 .txt01 { font-size:1.188rem; letter-spacing:0.1rem; }
	.main-sect-specialist .txtbox02 .txt02 { font-size:1.875rem; letter-spacing:0.1rem; }
	
	.swiper-pagination-bullet { width:6px; height:6px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:2px 4px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { margin:0 4px; }
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:-10px; }
	.swiper-pagination-bullet-active { background:#d8a177; width:10px; height:10px; }
	.main-sect-specialist .swiper-container { position:static; padding-top:5%; }
	.main-sect-specialist .swiper-slide { position:inherit; transition:all 0.3s; }
	.main-sect-specialist .swiper-slide.swiper-slide-active { transform:translateY(-5%); }
	
	.main-sect-specialist .txtbox { top:inherit; bottom:5%; }
	
}
@media (max-width:991px) {
	.specialists-modal:before { display:none; }
	.specialists-modal-wrapper { width:100%; justify-content:flex-start; padding-left:10%; }
	.specialists-modal .specialists-modal-img { display:none; }
	.specialists-modal .specialists-modal-infos { width:100%; padding:0; }
	.specialists-modal .specialists-modal-infos:after { display:none; }
	#doctor01 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img01-bg.png") no-repeat right bottom/ 60% auto; }
	#doctor02 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img02-bg.png") no-repeat right bottom/ 60% auto; }
	#doctor03 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img03-bg.png") no-repeat right bottom/ 60% auto; }
	#doctor04 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img04-bg.png") no-repeat right bottom/ 60% auto; }
}
@media (max-width:479px) {
	.specialists-modal .close-modal-btn { left:85%; }
	.specialists-modal-wrapper { padding-left:5%; }
	#doctor01 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img01-bg.png") no-repeat right bottom/ 80% auto; }
	#doctor02 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img02-bg.png") no-repeat right bottom/ 80% auto; }
	#doctor03 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img03-bg.png") no-repeat right bottom/ 80% auto; }
	#doctor04 .specialists-modal-wrapper { background:#fff url("../img/main-sect-specialist-img04-bg.png") no-repeat right bottom/ 80% auto; }
}

/**************************************************
* main-sect-media
**************************************************/
.main-sect-media { position:relative; padding-left:11%; padding-bottom:14%; }
.main-sect-media .d-flbox { width:40%; }
.main-sect-media .d-frbox { position:relative; width:60%; }
.main-sect-media .d-frbox:after { content:""; position:absolute; right:0; bottom:0; width:95%; height:80%; background:#d29e75; }

.main-sect-media .titlebox { position:relative; display:inline-block; width:100%; max-width:460px; height:100%; margin-left:10%; }
.main-sect-media .titlebox h2 { color:#000; }

.main-sect-media .swiper-pagination { width:100%; position:static; margin-top:3.75rem; }
.main-sect-media .swiper-pagination > span:focus { outline:none !important; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet { width:100%; height:45px; background:transparent; color:#949494; opacity:1; position:relative; font-size:1.125rem; text-align:left; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet:before { content:""; display:inline-block; width:2rem; height:1.4375rem; margin-right:10px; background:url("../img/icon-youtube.png") no-repeat left center/ 100% auto; vertical-align:middle; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet em { vertical-align:middle; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#d29e75; font-weight:400; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em { border-bottom:2px solid #d29e75; }
.main-sect-media .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background:url("../img/icon-youtube-active.png") no-repeat left center/ 100% auto; }

.main-sect-media .swiper-navigation { position:absolute; right:0; bottom:calc(5% - 0.875rem); }
.main-sect-media .swiper-navigation.pc-only { display:block; }
.main-sect-media .swiper-navigation.mo-only { display:none; }
.main-sect-media .swiper-navigation span { position:static; display:inline-block; width:3.75rem; height:3.75rem; border-radius:50%; cursor:pointer; z-index:45; }
.main-sect-media .swiper-navigation span.swiper-prev { background:url("../img/icon-prev03.png") no-repeat center/ 100% auto; left:0; }
.main-sect-media .swiper-navigation span.swiper-next { background:url("../img/icon-next03.png") no-repeat center/ 100% auto; right:0; }

.main-sect-media .swiper-slide .profile { position:relative; display:inline-block; margin-right:0.5rem; }
.main-sect-media .swiper-slide .profile .img { position:relative; display:block; width:3.375rem; height:3.375rem; border-radius:50%; background:no-repeat 50% 50%/ cover; }
.main-sect-media .swiper-slide .txtbox { position:relative; margin-bottom:0.9375rem; }
.main-sect-media .swiper-slide .txtbox .txt01 { display:inline-block; height:3.375rem; line-height:3.375rem; color:#333; font-size:1.5rem; font-weight:500; vertical-align:top; }
.main-sect-media .swiper-slide .btn { position:absolute; right:0; top:50%; margin-top:-1.5rem; }

.main-sect-media .swiper-slide .imgbox { box-shadow:3.83px 3.214px 7px 0px rgba(54, 54, 55, 0.1); }

@media (max-width:1719px) {
    .main-sect-media { padding-left:5%; }
    .main-sect-media .d-flbox { width:35%; }
    .main-sect-media .d-frbox { width:65%; }
}
@media (max-width:1499px) {
    .main-sect-media { padding-left:1.666rem; }
    
    .main-sect-media .titlebox { margin-left:0; }
	.main-sect-media .d-frbox:after { bottom:-7%; }
}
@media (max-width:991px) {
	.main-sect-media { padding-left:0; padding-bottom:30%; }
	.main-sect-media .container-fluid { padding:0 15px; }
    .main-sect-media .d-flex { flex-direction:column; }
    .main-sect-media .d-flbox { width:100%; }
    .main-sect-media .d-frbox { width:100%; }
    .main-sect-media .d-frbox:after { right:-15px; bottom:-20%; }
    
    .main-sect-media .titlebox { max-width:inherit; text-align:center; }
    .main-sect-media .swiper-pagination { display:flex; width:auto; flex-wrap:wrap; justify-content:center; }
    .main-sect-media .swiper-pagination .swiper-pagination-bullet { padding:0 0.5rem; width:33.33%; text-align:center; }
	
	.main-sect-media .swiper-navigation.pc-only { display:none; }
	.main-sect-media .swiper-navigation.mo-only { display:block; }
	.main-sect-media .swiper-navigation { bottom:-17%; z-index:10; }
	.main-sect-media .swiper-navigation span.swiper-prev { background:url("../img/icon-prev04.png") no-repeat center/ 100% auto; }
	.main-sect-media .swiper-navigation span.swiper-next { background:url("../img/icon-next04.png") no-repeat center/ 100% auto; margin-left:7px; }
}
@media (max-width:639px) {
	.main-sect-media .swiper-pagination { justify-content:flex-start; }
	.main-sect-media .swiper-pagination .swiper-pagination-bullet { width:50%; text-align:left; }
	.main-sect-media .swiper-navigation { bottom:-20%; }
}
@media (max-width:419px) {
	.main-sect-media .swiper-pagination .swiper-pagination-bullet { width:auto; padding:0; margin-right:30px; font-size:1.25rem; }
}

/**************************************************
* main-sect-global
**************************************************/
.main-sect-global { position:relative; height:100vh; overflow:hidden; }
.global-bg { position:absolute; left:50%; bottom:50%; transform:translate(-50%, 50%); width:100vw; height:56.25vw; min-height:100vh; min-width:205vh; }
.global-bg.pc-only { display:block; }
.global-bg.mo-only { display:none; }
.global-bg video { width:100%; height:100%; }

.main-sect-global .cont-wrap { position:absolute; left:0; right:0; top:7%; bottom:0; }

.main-sect-global .titlebox .subtit { font-size:1.6875rem; color:#fff; }
.main-sect-global .titlebox .subtit strong { font-weight:600; }
.main-sect-global .titlebox h2 { color:#fff; font-size:1.375rem; font-weight:300; line-height:2.1875rem; }

.main-sect-global .global-copy { position:absolute; left:0; right:0; bottom:5px; color:#fff; font-size:1.188rem; text-align:center; font-weight:400; }

@media (max-width:991px) {
	.main-sect-global .cont-wrap { top:10%; }
}
@media (max-width:799px) {
	.main-sect-global { height:100vh; }
	.global-bg.pc-only { display:none; }
	.global-bg.mo-only { display:block; }
	
	.global-bg { height:175vw; min-width:150vh; }
	.global-bg .video_web { display:none; }
	.global-bg .video_mobile { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
}
@media (max-width:479px) {
	.main-sect-global { height:85vh; }
	.global-bg { min-width:100vh; min-height:112vh; }
}
@media (max-width:419px) {
	.global-bg { min-height:100vh; }
}

/**************************************************
* brand-kbeauty
**************************************************/
/*
.brand-kbeauty .pc-only { display:block; }
.brand-kbeauty .mo-only { display:none; }
.brand-kbeauty .d-flbox { width:44%; padding-left:16%; }
.brand-kbeauty .d-frbox { width:55%; padding-right:6%; }
.brand-kbeauty .txtbox { margin-top:6.25rem; }
.brand-kbeauty .txtbox .txt01 { margin-bottom:0.3125rem; }

.brand-kbeauty .imgbox { position:relative; }
.brand-kbeauty .imgbox .img-map { position:absolute; left:0; top:0; }

@media (max-width:1639px) {
	.brand-kbeauty .d-flbox { padding-left:11%; }
}
@media (max-width:1299px) {
	.brand-kbeauty .d-flbox { padding-left:1.666rem; }
	.brand-kbeauty .d-frbox { padding-right:1.666rem; }
}
@media (max-width:1199px) {
	.brand-kbeauty .d-flex { flex-direction:column; }
	.brand-kbeauty .d-flbox { width:100%; }
	.brand-kbeauty .d-frbox { width:100%; margin-top:3.125rem; padding-left:1.666rem; }
	
	.brand-kbeauty .txtbox { margin-top:3.125rem; }
}
@media (max-width:991px) {
	.brand-kbeauty .pc-only { display:none; }
	.brand-kbeauty .mo-only { display:block; }
	.brand-kbeauty .swiper-container { padding-bottom:7%; }
	.brand-kbeauty .brand-kbeauty-scrollbar { height:3px; background-color:#ccc; }
	.brand-kbeauty .swiper-scrollbar-drag { background-color:#d29e75; }
}
*/

/**************************************************
* brand-name
**************************************************/
.brand-name .swiper-slide { position:relative; width:auto; overflow:hidden; opacity:0.5; font-family:'Marcellus', sans-serif; font-size:7.5rem; color:#d4a37d; }
.brand-name .swiper-wrapper { -webkit-transition-timing-function:linear !important; transition-timing-function:linear !important; position:relative; }

@media (max-width:1199px) {
	.brand-name .swiper-slide { font-size:6.25rem; }
}
@media (max-width:991px) {
	.brand-name .swiper-slide { font-size:5rem; }
}
@media (max-width:639px) {
	.brand-name .swiper-slide { font-size:4.375rem; }
}
@media (max-width:639px) {
	.brand-name .swiper-slide { font-size:3.75rem; }
}