/*
 * Theme Name: Memi Dentistry
 * Theme URI: http://memident.com/
 * Author: Fineapple PTL
 * Author URI: http://fineappleptl.com/
 * Description:
 * Version: 1.0
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: memi;
*/


.pc_cont_480{display: block;}
.m_cont_480{display: none;}

.visual01 > .visual-img > img{width:94%;}

.career-list-wrap{justify-content: flex-start; align-items: flex-start; width: 800px; position: absolute; left: 12%; top: 100%; transform: translateY(-75%);}
.sub-career-list-wrap{justify-content:space-between; align-items: flex-start; width:800px; position: relative;}

.implant_more_btn{position:relative; display:flex; justify-content:flex-end; align-items:center; line-height:1.6; margin-right:4%; color:#7f7f7f;}

.imp-case-wrap figcaption{width:99.3%;}

.foot-copy-container{padding:0 50px 0 0;}

.sub-doctorlee.doc-intro{
    background: #f9f8f7;
}

.foot-copy{padding: 0em 0 1.5%; background: none;}


/********** sub �곷떒 留덉슦�� �� �꾩씠肄� **********/
.mouse_scroll {
    position:absolute; bottom:5%; left:50%;
	display: block;
	margin: 0 auto;
	width: 22px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index:1;
}
.m_scroll_arrows{
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    margin: 0 0 0px 5px;
    width: 12px;
    height: 12px;
}
.m_scroll_arrows_one, .m_scroll_arrows_two{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.m_scroll_arrows_one{
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    margin-top: -1px;
}
.m_scroll_arrows_two{
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -5px;
}

.mouse{
    height: 38px;
    width: 100%;
    border-radius: 50px;
    transform: none;
    border: 1px solid #fff;
}
.wheel{
    height: 12px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #fff;
    position: relative;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}
.wheel{
    -webkit-animation: mouse-wheel 2.5s ease-in-out infinite;
    -moz-animation: mouse-wheel 2.5s ease-in-out infinite;
}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}


.sub-bna-img.sub-bna-img-lami:before{content:''; position: absolute; top: 50%; left:50%; background: url(../memi/img/arrow-right_220422.png)center center/100% no-repeat; width: 1.188rem; height: 3.063rem; transform: translate(-50%,-50%);}
.sub-bna-sect.change .sub-bna-img.sub-bna-img-lami:before{background-position: center center;}



@media (max-width: 1280px) {
    
    .career-list-wrap{width: 700px;}
    .sub-career-list-wrap{width:720px;}
    
}

@media (max-width: 1024px) {
    
    .main-header.nav-up{padding: 1.5rem 0.8rem 0.6rem;}
    .m-call-btn.nav-up{top:1.5rem;}
    .ham-btn.nav-up{top:1.5rem;}
    
    .main-header .box-lf.f_l{float:none; width:100%;}
    .main-header .box-lf > .logo.f_l{float:none; margin:0 auto;}
    
    .lang-select-m{position:relative; margin: 55px 0 -4% 10%;}
    .lang-select-m-en{position:relative; margin: -40px 0 -4% 6%;}
    .lang-select-m > div{width: 30px; height: 30px;background: url(../memi/img/memi-flag.png)left top /200% no-repeat; display: inline-block;}
    .lang-select-m .lang-ko{background-position: bottom left}
    .lang-select-m .lang-ko.on{background-position: top left}
    .lang-select-m .lang-en{background-position: bottom right;}
    .lang-select-m .lang-en.on{background-position: top right;}
    
    .gd-winner-m{position:relative; width: 34%; margin: 50px 0 -3% 0%;}
    
    .foot-txt-m > p{padding:0 2%;}
    .foot-txt-m > address{padding:0 2%;}
    .foot-copy{position:relative; padding: 2em 0 1em; background: none; border-top:1px solid #e0e0e0;}
    
    .m_quick.bottom{width:auto; bottom:74px; transition:bottom 0.5s ease-in-out; -webkit-transition:bottom 0.5s ease-in-out; -moz-transition:bottom 0.5s ease-in-out; -ms-transition:bottom 0.5s ease-in-out; -o-transition:bottom 0.5s ease-in-out;}
    .m_quick_en{width:auto;}
    .m_quick.bottom.open{width:80vw;}
    .m_quick_en.open{width:80vw;}
    .m-call-btn{position: fixed; top: 2.5rem; left: 2.5rem; width:2.4rem; height:2.4rem; z-index:9;}
    .m-call-btn > a{display:block; width:100%; height:100%; background: url(../memi/img/call-btn.png) center center/100% no-repeat;}
    .m-call-btn.change > a{display:block; width:100%; height:100%; background: url(../memi/img/call-btn-w.png) center center/100% no-repeat;}
    .m-call-btn.change.nav-up > a{display:block; width:100%; height:100%; background: url(../memi/img/call-btn.png) center center/100% no-repeat;}
    
    .sub-doctorlee.doc-intro{
        padding:18% 0 0%;
        background: #fff;
    }
    .sub-doctorlee.doc-intro.sub-doctorlee02{
        padding:14% 0 5% ;
    }
    
    
    .sub_bna_fig_m{border:1px solid #747474;}
    
    
    
    
}

@media (max-width: 800px) {
    
    .imp-case-wrap figcaption{width:99.7%;}
    
    .paper-slide{width:80%;}
    
    .foot-copy-container{padding: 0 8%;}
    
    
    
    .sub-bna-img.sub-bna-img-lami:before{width:12px; height:40px;}
    
    .sub-rt-sect.lami-fact03 .title-area .plus-btn span{line-height:1.4;}
    
    
}

@media (max-width: 480px) {
    
    .pc_cont_480{display: none;}
    .m_cont_480{display: block;}
    
    
    .m-call-btn{top:2.8rem; left: 1.7rem; width: 2.2rem; height:2.2rem;}
    .ham-btn{top:2.8rem;}
    .m-call-btn.nav-up{top:1.8rem;}
    .ham-btn.nav-up{top:1.8rem;}
    
    .visual01 .visual-bg{background: url(../memi/img/main-visual01-bg-m_220408.jpg) 50% 50%/cover no-repeat;}
    
    .visual01 > .visual-img > img{width:100%;}
    
    .main-visual .visual-desc{text-align:center;}
    .visual02 .visual-desc{top:50%; width:100%; max-width:90%;}
    .main-visual .swiper-slide.visual01 h2.slide-ani{font-size:2.2rem; font-weight:400;}
    .main-visual .swiper-slide.visual03 h2.slide-ani{font-size:2.2rem; font-weight:400;}
    .main-visual .swiper-slide.visual02 h2.slide-ani{font-size:1.8rem; font-weight:400;}
    .main-visual .swiper-slide.visual02 h3.fz24{font-size:1.5rem;}
    
    .implant_more_btn{justify-content:flex-start; margin-top:4%;}
    
    .sub-visual.laminate{height:560px; overflow:hidden; padding:0;}
	/* .sub-visual.laminate .title-area {top: 35%;} */
	.lami-slide-wrap{position:absolute; bottom:0; left:6.5%; width:88%; margin-left: auto; margin-right: auto;}
    
    .sub-bna-img.sub-bna-img-lami:before{width:8px; height:30px;}
    
}

@media (max-width: 418px) {
    .visual01 .visual-desc{top:32%; width:100%; max-width:90%;}
    .visual03 .visual-desc{top:34%; width:100%; max-width:90%;}
    .main-visual .swiper-slide.visual01 h2.slide-ani{font-size:2.2rem;}
    .main-visual .swiper-slide.visual03 h2.slide-ani{font-size:2.2rem;}
    .main-visual .swiper-slide.visual02 h2.slide-ani{font-size:1.7rem;}
    .main-visual .swiper-slide.visual02 h3.fz24{font-size:1.5rem;}
    
    .paper-slide{width:85%;}
}

@media (max-width: 376px) {
    
    .main-visual .swiper-slide.visual01 h2.slide-ani{font-size:2rem;}
    .main-visual .swiper-slide.visual03 h2.slide-ani{font-size:2rem;}
    
    .sub-dr-intro .doc-intro .doc-img-area.m-cnt blockquote{bottom:8%; font-size:1.1rem;}
    
    .sub-bna-fig figcaption{top:10%;}
    
    
}

@media (max-width: 350px) {
    .main-visual .swiper-slide.visual01 h2.slide-ani{font-size:1.9rem;}
    .main-visual .swiper-slide.visual03 h2.slide-ani{font-size:1.9rem;}
    .main-visual .swiper-slide.visual02 h2.slide-ani{font-size:1.45rem;}
}