/*ALL CSS-----------------------------------------------------*/

@font-face {
    font-family: 'netmarbleB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'netmarbleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'netmarbleL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



*{
    line-height: 1;
    position: relative;
    color: #222;
    text-overflow: ellipsis;
     white-space: nowrap; 
    outline: none;
    font-weight: 400;
	letter-spacing: -1px;
}


.j_eng{
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0;
}
.j_point{
    color: #ff8b81!important;
/*    font-weight: 500!important; */
	font-family: 'netmarbleB';
}
.j_cfff{
    color: #fff!important;
}

.j_left_con{
    float: left;
}
.j_right_con{
    float: right;
}


.j_section{
    padding-top: 150px;
/*    overflow: hidden;*/
}
.j_section_con{
    width: 90%;
    margin: 0 auto;
}
.j_section_1300_con{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}


.j_title{
    text-align: center;
    margin-bottom: 70px;
}
.j_title p:nth-of-type(1), .j_title p:nth-of-type(1) span{
    margin-bottom: 10px;
    font-size: 2.75rem;
    line-height: 3.3rem;
	font-family: 'netmarbleL';
}
.j_title p:nth-of-type(1) span::after{
    content: url(../img/title_mark1.png);
    position: absolute;
    top: -30px;
    left: -30px;
}
.j_title p:nth-of-type(2), .j_title p:nth-of-type(2) span{
    font-size: 1.25rem;
    color: #9e9e9e;
    line-height: 2rem;
}

.br_p{
    display: block;
}
.br_t{
    display: none;
}
.br_m{
    display: none;
}
.j_img_m{
    display: none!important;
}


.k_motion{
	transform: translateY(100px) !important;
	opacity: 0 !important;
	transition: transform 0.8s, opacity 0.2s !important;
	height : 100%;
}
.k_motion.active{
	transform: translateY(0) !important;
	opacity: 1 !important;
}


@media screen and (max-width: 1280px){
    html,body{
        font-size: 13px;
    }
	.br_p{
		display: none;
	}
    .br_t{
        display: block;
    }
    
    .j_section{
        padding-top: 100px;
    }
    
    
    .j_title{
        margin-bottom: 50px;
    }
    .j_title p:nth-of-type(1), .j_title p:nth-of-type(1) span{
        margin-bottom: 15px;
    }
    
    
}

@media screen and (max-width: 760px){
    html,body{
        font-size: 11px;
    }
    .br_m{
        display: block;
    }   
    
    
    .j_img_pc{
        display: none!important;
    }

    .j_img_m{
        display: block!important;
    }
    
    
    
    .j_section{
        padding-top: 80px;
    }
    
    .j_left_con{
        width: 100%!important;
        float: none;
        margin: 0;
    }
    .j_right_con{
        width: 100%!important;
        float: none;
    }
    
    .j_title{
        margin-bottom: 40px;
    }
    .j_title p:nth-of-type(1), .j_title p:nth-of-type(1) span{
        margin-bottom: 10px;
    }

    
    
}



/*팝업배너영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


#hd_pops_1{
	
	cursor: move;
}
.hd_pops{
	border:none;
}
.hd_pops_footer,.hd_pops_footer button{
	background-color : #fff;
	position: relative;z-index: 99999;text-align: center;padding: 8px;
}
.hd_pops_footer button, .hd_pops_reject strong{
	transition : all 0.2s;
	color :  #ff8b81;
	font-weight : bold;font-size: 0.9rem;
}
.hd_pops_footer button:hover{
	font-weight : 500;
}
.hd_pops_reject:hover strong{
	font-weight : 500;
}

@media screen and (max-width: 1280px){

	.hd_pops_con{
		width : 340px!important;
		height : auto !important;
	}
    
    
}
@media screen and (max-width: 760px){

	.hd_pops_con{
		width : 280px!important;
		/*height : 525px!important;*/
		height : auto !important;
	}

	.hd_pops_con>p{height: 100%;}
    
    .hd_pops{top: 10px !important;left: 50% !important;transform: translateX(-50%) !important;}
}


/*헤더영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#j_header{
    width: 100%;
    height: 100px;
    line-height: 100px;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
	border-bottom: 1px solid #eee;
}


#j_header .j_hd_con{
    height: 100%;
     display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    justify-content: space-between;
}


#j_header .j_hd_con .j_logo a{
    display: inline-block;
    height: 100%;
}
#j_header .j_hd_con .j_logo a img{
    box-sizing: border-box;
    padding: 17px 0;
	width: auto;
    height: 100%;
}



#j_header .j_hd_con .j_nav_con ul{
     display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    justify-content: space-between;
}
#j_header .j_hd_con .j_nav_con > ul > li{
    margin: 0 15px;
}
#j_header .j_hd_con .j_nav_con ul li a{ 
	 
	display: block;width: 100%;height: 100%;position: relative;
    font-size: 1.08rem;
    font-weight: 500;
    transition: all 0.2s;
    line-height: 100px;
    color: #222;
}

#j_header .j_hd_con .j_gnb_p ul li a::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background: #ff8b81;z-index: 1;transition: width 0.2s;}

#j_header .j_hd_con .j_gnb_p ul li:hover a::after{width: 100%;}

#j_header .j_hd_con .j_nav_con ul li a:hover{
    color: #ff8b81;
}



#j_header .j_hd_con .j_right_nav_con::after{
    content: "";
    display: block;
    clear: both;
}

#j_header .j_hd_con .j_right_nav_con ul.j_sns{
    float: left;
    height: 100%;
}
ul.j_sns li{
    width: 25px;
    height: 100%;
    margin: 0 10px!important;
}
ul.j_sns li a{
    display: block;
    height: 100%;
}
ul.j_sns li a img{
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 5px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


#j_header .j_hd_con .j_right_nav_con .j_mobile_btn{
    float: right;
    height: 100%;
    width: 25px;
    margin-left: 50px;
}
#j_header .j_hd_con .j_right_nav_con .j_mobile_btn span{
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ff8b81;
    transition: all 0.2s;
    top: 50%;
    left: 0;
}

#j_header .j_hd_con .j_right_nav_con .j_mobile_btn span:nth-child(1){
    transform: translateY(-9px);
}
#j_header .j_hd_con .j_right_nav_con .j_mobile_btn span:nth-child(3){
    transform: translateY(9px);
}
#j_header .j_hd_con .j_right_nav_con .j_mobile_btn:hover span{
    transform: translateY(0)!important;
}


@media screen and (max-width: 1680px){
	
	#j_header .j_hd_con .j_nav_con > ul > li{margin: 0 15px;}
}


@media screen and (max-width: 1620px){
    .j_gnb_p{
        display: none;
    }
}

@media screen and (max-width: 1400px){
	#j_header .j_hd_con .j_nav_con > ul > li{
		margin: 0 10px;
	}
	#j_header .j_hd_con .j_nav_con ul li a{
		font-size: 1rem;
	}
	
}
@media screen and (max-width: 1280px){
    
    #j_header{
        height: 80px;
        line-height: 80px;
    }
    
    

    
    #j_header .j_hd_con .j_right_nav_con .j_mobile_btn{
        margin-left: 30px;
    }
    
    #j_header .j_hd_con .j_logo a img{height: 100%;}
}

@media screen and (max-width: 760px){
    #j_header{
        height: 60px;
        line-height: 60px;
    }
    
	#j_header .j_hd_con .j_logo{width:122px;}

    #j_header .j_hd_con .j_logo a img{ 
		 
		display: block;
        padding: 10px 0;
    }
    
    
    #j_header .j_hd_con .j_right_nav_con ul.j_sns{
        display: none;
    }
    
    
}



/*모바일 네비!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#j_m_nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    z-index: 9999;
    display: none;
}
.j_m_inner{
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
	max-width : 600px;
    height: 100%;
    background-color: #FFF;
    transform: translateX(100%);
    transition: transform 0.5s;
    
}
.j_m_inner.active{
    transform: translateX(0);
}



.j_m_close{
    width: 50px;
    height: 50px;
    position: absolute;
	right : 5%;
	top  : 2.5%;
	z-index:10;
}
.j_m_close span{
    position: absolute;
    top: 24px;
    left: 6px;
    width: 40px;
    height: 2px;
    background-color: #ff8b81;
    transition: transform 0.3s;
}
.j_m_close span:nth-child(1){
    transform: rotate(45deg);
}
.j_m_close span:nth-child(2){
    transform: rotate(-45deg);
}
.j_m_close:hover span{
    transform: rotate(0);
}


.j_m_nav_con{
	position : absolute;
	right : 0;
	top : 50%;
	transform: translateY(-50%);
	text-align : center;
	width : 100%;
	height : 90%;
}

.j_m_nav_con .j_logo{
	width : 190px;
	margin : 0 auto;
	margin-bottom : 30px;
}
.j_m_nav_con .j_logo img{
	width : 100%;
}
.j_m_nav_con .j_m_nav_bottom_con{
	position : absolute;
	bottom : 0;
	right : 0;
	width : 100%;
	
}
.j_m_nav_con ul>li>a{
    display: inline-block;
    height: 100%;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.045em;
    padding: 15px 0;
    transition: all 0.2s;
}
.j_m_nav_con ul>li>a:hover{
    color: #ff8b81;
}

.j_m_nav_con .j_m_nav_bottom_con > p{
	line-height : 1.5rem;
	color : #9e9e9e;
}

@media screen and (max-width: 1280px){
	
    
}
@media screen and (max-width: 760px){
	
    .j_m_close span{
		left: 12.5px;
		width: 25px;
	}
	.j_m_nav_con .j_logo{
		width : 120px;
		margin-bottom : 30px;
	}

    .j_m_nav_con >ul>li>a{
		padding: 8px 0;
	}
	
    
}



/*사이드바!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_side_bar{
    width: 80px;
    position: absolute;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    right: 0;
    z-index: 1000;
}
.j_side_bar.fixed{
    position: fixed;
}


.j_link_icon{
    width: 100%;
    background-color: #222;
    text-align: center;
}
.j_link_icon li{
    padding: 25px;
}
.j_link_icon li a{
    display: inline-block;
    width: 30px;
    height: 30px;
}
.j_link_icon li a::after{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
}
.j_link_icon li:nth-child(1) a::after{
    background: url(../img/icon/j_side_bar01.png);
    background-size: 100% auto;
}
.j_link_icon li:nth-child(1) a:hover::after{
    background: url(../img/icon/j_side_bar01_hover.png);
    background-size: 100% auto;
}

.j_link_icon li:nth-child(2) a::after{
    background: url(../img/icon/j_side_bar03.png) no-repeat center center;
    background-size: 100% auto;
}
.j_link_icon li:nth-child(2) a:hover::after{
    background: url(../img/icon/j_side_bar03_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.j_link_icon li:nth-child(3) a::after{
    background: url(../img/icon/j_side_bar04.png) no-repeat center center;
    background-size: 100% auto;
}
.j_link_icon li:nth-child(3) a:hover::after{
    background: url(../img/icon/j_side_bar04_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.j_link_icon li:nth-child(4) a::after{
    background: url(../img/icon/j_side_bar05.png) no-repeat center center;
    background-size: 100% auto;
}
.j_link_icon li:nth-child(4) a:hover::after{
    background: url(../img/icon/j_side_bar05_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.j_link_icon li:nth-child(5) a::after{
    background: url(../img/icon/j_side_bar02.png) no-repeat center center;
    background-size: 100% auto;
}
.j_link_icon li:nth-child(5) a:hover::after{
    background: url(../img/icon/j_side_bar02_hover.png) no-repeat center center;
    background-size: 100% auto;
}



.j_call_num{
    width: 100%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.j_call_num p:nth-child(1){
    color: #5b5b5b;
    
}
.j_call_num p:nth-child(2){
    font-size: 1.5rem;
    margin-top: 10px;
    letter-spacing: -1px;
}

.j_top_btn{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 1.125rem;
    transition: all 0.2s;
}
.j_top_btn:hover{
    color: #ff8b81;
}



@media screen and (max-width: 1280px){
    
    
    
}

@media screen and (max-width: 760px){
    
    .j_side_bar{
        display: none;
    }
    
}









/*메인 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.j_main .j_point{
    color: #ffc2bd!important;
}
.j_main{
    width: 100%;
    height: 800px;
    overflow: hidden;
    cursor: grab;
	margin-top : 100px;
}

.j_main .k_mv_con{
    top: 0;
    width: 500% !important;
    height: inherit;
}

.j_main .k_mv_con li{
    float: left;
    width: calc(100% / 5)!important;
    height: inherit;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.j_main .k_mv_con li .j_main_bg{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.j_main .k_mv_con li .j_main_bg img{
	width : 100%;
	margin-bottom : 30px;
	display : none;
}

.j_main .k_imgbox1 .j_main_bg{
    background-image: url(../img/main_slide/j_main_slide01.jpg);
	background-position: top!important;
}
.j_main .k_imgbox2 .j_main_bg{
    background-image: url(../img/main_slide/j_main_slide02.jpg);
}
.j_main .k_imgbox3 .j_main_bg{
    background-image: url(../img/main_slide/j_main_slide03.jpg);
}
.j_main .k_imgbox4 .j_main_bg{
    background-image: url(../img/main_slide/j_main_slide04.jpg);
}
.j_main .k_imgbox5 .j_main_bg{
    background-image: url(../img/main_slide/j_main_slide05.jpg);
}



.k_mv_con li .j_section_1300_con{
    height: 100%;
}
.j_main_text{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.j_main_text p{
    color: #fff;
    font-size: 1.5rem;
	font-family: 'netmarbleM';
}

.j_main_text p:nth-child(1){
    font-size: 2rem;
/*    font-weight: 300; */
	font-family: 'netmarbleM';
}

.j_main_text p:nth-child(2){
    font-size: 3.8rem;
    margin: 20px 0 70px 0;
    line-height: 4.8rem;
/*    font-weight: 500; */
	font-family: 'netmarbleB';
}
.j_main_text .j_more_btn{
    width: 165px;
    height: 42px;
    line-height: 42px;
    background-color: #ffc2bd;
    border-radius: 21px;
    margin-top: 70px;
}
.j_main_text .j_more_btn a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
}



.j_main .j_slide_btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all 0.2s;
    width: 30px;
}
.j_main .j_slide_btn img{
    width: 100%;
}
.j_main .j_slide_btn:hover{
    opacity: 1;
}
.j_main .j_slide_btn.k_prev{
    left: 5%;
}
.j_main .j_slide_btn.k_next{
    right: 5%;
}


@media screen and (max-width: 1280px){
    .j_main{
        height: 780px;
		margin-top : 80px;
    }
    
    .j_main_text{
        width: 100%;
        text-align: center;
    }
    .j_main_text p:nth-child(2){
        margin: 15px 0 50px 0;
    }
    
    .j_main_text .j_more_btn{
        margin: 0 auto;
        margin-top: 50px;
    }
    
    
}

@media screen and (max-width: 760px){
    .j_main{
        height: 500px;
		height : auto;
		margin-top : 60px;
    }
    
	.j_main .k_mv_con li{
		background-color : #f9f9f9;
	}
	.j_main .k_mv_con li .j_main_bg{
		height : auto;
		position: relative;
		background-image: none!important;
	}
	.j_main .k_mv_con li .j_main_bg img{
		display : block;
	}
    
	.j_main_text p{
		color : #5b5b5b;
	}
	.j_main_text{
		width: auto;
		position: relative;
		padding-bottom: 30px;
		transform: translateY(0);
	}

    .j_main_text{
		/*top: 70%;*/
	}
	
    .j_main_text p{
        font-size: 1.2rem;
    }

    .j_main_text p:nth-child(1){
        font-size: 1.6rem;
    }

    .j_main_text p:nth-child(2){
        font-size: 2.5rem;
        line-height: 3.5rem;
        margin: 10px 0 20px 0;
    }
    .j_main_text .j_more_btn{
        width: 140px;
        height: 38px;
        line-height: 38px;
        border-radius: 19px;
        margin-top: 20px;
    }
    .j_main_text .j_more_btn a{
        width: 100%;
        height: 100%;
        text-align: center;
        display: inline-block;
        color: #fff;
    }
    
    
    .j_main .j_slide_btn{
        display: none;
    }

    
}





/*클리닉 포인트 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_ofh{
    overflow: hidden;
}

.j_slick_slide{
    width: 100%;
}

.slick-slide{
    margin: 0 50px;
/*    width: 1100px;*/
}
slick-list{
/*    width: 1100px;*/
}
.j_slick_slide .j_slick_slide_con{
    cursor: grab;
    overflow: hidden;
}
.j_slick_slide .j_slick_slide_con img{
    width: 100%;
    
}

.j_clinic_point .slick-track{
    margin-top: 100px;
}



.slick-dots{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: max-content;
}
.slick-dots li{
    width: auto!important;
    margin: 0 20px!important;
}
.slick-dots li a{
    font-size: 1.25rem;
    color: #9e9e9e;
}
.slick-dots li.slick-active a{
    color: #ff8b81;
 /*   font-weight: bold; */
	font-family: 'netmarbleB';
}
.slick-dots li.slick-active a::after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #ff8b81;
    position: absolute;
    left: 0;
    bottom: -10px;
}


.slick-dotted.slick-slider{
    margin-bottom: 0!important;
}






.j_clinic_point_text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px 70px 10px 70px;
    background-color: #fff;
}
.j_clinic_point_text p{
    font-size: 1.125rem;
    color: #5b5b5b;
    line-height: 1.8rem;
    font-weight: 400; 
}
.j_clinic_point_text p:nth-child(1){
    color: #ffc2bd;
    font-size: 1.5rem;
    
    margin-bottom: 10px;
}




.j_clinic_point .slick-prev
{    
    width: 50px;
    height: 50px;
    left: 450px;
    top : calc((100% + 100px) / 2);
    z-index: 99;
    
}
.j_clinic_point .slick-prev:before
{
    content: url("../img/arrow/j_left_arrow2.jpg");
    transition: all 0.2s;
    width: 100%;
    height: 100%;
/*    opacity: 1;*/
    
}
.j_clinic_point .slick-next
{
    width: 50px;
    height: 50px;
    right: 450px;
    top : calc((100% + 100px) / 2);
    z-index: 99;
    
}
.j_clinic_point .slick-next:before
{
    content: url("../img/arrow/j_right_arrow2.jpg");
    transition: all 0.2s;
/*    opacity: 1;*/
    
}





@media screen and (max-width: 1600px){
 
    
    .j_clinic_point .slick-prev
    {
        left: 250px;
    }
    .j_clinic_point .slick-next
    {
        right: 250px;
    }
    
    
}
@media screen and (max-width: 1280px){
   .j_clinic_point .slick-track{
        margin-top: 60px;
    }
    
    
    .j_clinic_point_text{
        padding: 30px 60px 10px 60px;
    }
    
    
    .j_clinic_point .slick-prev
    {
        left: 0;
    }
    .j_clinic_point .slick-next
    {
        right: 0;
    }
    
    
}

@media screen and (max-width: 760px){
    
    .slick-slide{
        margin: 0 20px;
    }
    
    .j_clinic_point .slick-track{
        margin-top: 50px;
    }
    
    
    .j_clinic_point_text{
        padding: 20px 40px 5px 40px;
        background-color: #fff;
    }
    .j_clinic_point_text p{
        font-size: 1rem;
        line-height: 1.7rem;
    }
    .j_clinic_point_text p:nth-child(1){
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .j_clinic_point .slick-prev::before,.j_clinic_point .slick-next::before{
        display: none;
    }
    
    
    .slick-dots li{
        margin: 0 10px!important;
    }
    
    .slick-dots li a{
        font-size: 1rem;
    }
    

	

    
}







/*동영상 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_video_con{ 
	
    position: relative;
	padding-bottom: 56.25%;
/*	padding-top: 30px;*/
	height: 0;
	overflow: hidden;

	box-shadow: 3px 3px 25px rgba(0,0,0,0.35);
	-webkit-box-shadow: 3px 3px 25px rgba(0,0,0,0.35);
    -moz-box-shadow: 3px 3px 25px rgba(0,0,0,0.35);
    -ms-box-shadow: 3px 3px 25px rgba(0,0,0,0.35);
    -o-box-shadow: 3px 3px 25px rgba(0,0,0,0.35);
}
.j_video_con iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









@media screen and (max-width: 1280px){
   
}

@media screen and (max-width: 760px){
  
}





/*스페셜케어 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_special_care_slcik_con a{
    display: block;
    height: 100%;
}


.j_special_care_text{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.j_special_care_text p{
    font-size: 1.18rem;
    font-weight: 300;
    line-height: 2rem;
}
.j_special_care_text p:nth-child(1){
    font-size: 2rem;
    margin-bottom: 25px;
/*    font-weight: bold; */
    font-family: 'netmarbleB';
}



.j_special_care .slick-prev
{    
    width: 24px;
    height: 45px;
    left: 385px;
    z-index: 99;
}
.j_special_care .slick-prev:before
{
    content: url("../img/arrow/j_left_arrow3.png");
    transition: all 0.2s;
    width: 100%;
    height: 100%;
    
}
.j_special_care .slick-next
{    
    width: 24px;
    height: 45px;
    right: 385px;
    z-index: 99;
}
.j_special_care .slick-next:before
{
    content: url("../img/arrow/j_right_arrow3.png");
    transition: all 0.2s;
    
}



@media screen and (max-width: 1600px){
 
    
    .j_special_care .slick-prev
    {
        left: 185px;
    }
    .j_special_care .slick-next
    {
        right: 185px;
    }
    
}

@media screen and (max-width: 1280px){
    
    .j_special_care_text p{
        font-size: 1.125rem;
        line-height: 1.7rem;
    }
    .j_special_care_text p:nth-child(1){
        margin-bottom: 20px;

    }
    
    
    
   .j_special_care .slick-prev
    {
        left: 14px;
    }
    .j_special_care .slick-next
    {
        right: 14px;
    }
}

@media screen and (max-width: 760px){

	.j_special_care_text::before{
		content : "";
		width : 70%;
		height : 200%;
		background-color : #fff;
		opacity : 0.7;
		position : absolute;
		top : 50%;
		left : 50%;
		transform :translate(-50%, -50%);
	}
    .j_special_care_text{
        width: 100%;
        left: 0;
        text-align: center;
    }
    
    .j_special_care_text p{
        font-size: 1rem;
        line-height: 1.7rem;
    }
    .j_special_care_text p:nth-child(1){
        font-size: 2rem;
        margin-bottom: 15px;

    }
    .j_special_care .j_cfff{
        color: #000!important;
    }
    
    
    .j_special_care .slick-prev
    {
        left: 7%;
    }
    .j_special_care .slick-next
    {
        right: 7%;
    }
    
    
}







/*의료진소개 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_director::after{
    content: "";
    display: block;
    clear: both;
}

.j_director .j_left_con{
    width: 40%;
    height: 880px;
    /*background: url(../img/j_director_bg2.jpg) no-repeat;*/
    background-size: cover;
    background-position: bottom;
}

.k_profile_01{background: url(../img/page/k_profile_01.jpg) no-repeat;}
.k_profile_02{background: url(../img/page/k_profile_02.jpg) no-repeat;}

.j_director .j_left_con::after{
    content: "";
    width: 350px;
    height: 350px;
    background-color: #ffeceb;
    position: absolute;
    bottom: -220px;
    left: -250px;
    z-index: -1;
}



.j_director .j_right_con{
    width: 55%;
}
.j_director .j_right_con .j_title{
    text-align: left;
	margin-top : 20px;
    margin-bottom: 70px;
}
.j_director .j_right_con .j_title p:nth-of-type(1){
    line-height: 4rem;
	line-height: 130%;
    letter-spacing: -2px;
}
.j_director .j_right_con .j_title:nth-of-type(1) p span{
/*    font-weight: bold; */
	font-family: 'netmarbleB';
}
.j_director .j_right_con .j_title:nth-of-type(1) p span::after{
    content: url(../img/title_mark2.png);
    position: absolute;
    left: auto;
    right: -40px;
}

/*
.j_director .j_right_con .j_osj_tab_btn{
    margin-bottom: 60px;
}
.j_director .j_right_con .j_osj_tab_btn::after{
    content: "";
    display: block;
    clear: both;
}
.j_director .j_right_con .j_osj_tab_btn button{
    float: left;
    font-size: 1.25rem;
	font-weight: 500; 
	font-family: 'netmarbleB';
    color: #9e9e9e;
    cursor: pointer;
    transition: all 0.2s;
}
.j_director .j_right_con .j_osj_tab_btn button:nth-child(1){
    margin-right: 80px;
}
.j_director .j_right_con .j_osj_tab_btn button:hover{
    color: #000;
}
.j_director .j_right_con .j_osj_tab_btn button.active{
    color: #000;
}
.j_director .j_right_con .j_osj_tab_btn button.active::after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: -15px;
}


.j_director .j_right_con .j_osj_tab_con ul li{
    display: none;
    color: #5b5b5b;
    line-height: 2.3rem;
	font-weight: 400;
	font-family: 'netmarbleM';
	font-size: 1.08rem;
}

.j_director .j_right_con .j_osj_tab_con ul li.active{
    display: block;
}
*/

.j_director .j_right_con .j_osj_tab_con ul::after{
	content : "";
	display : block;
	clear : both;
}
.j_director .j_right_con .j_osj_tab_con > ul > li{
	float : left;
/*	width: calc((100% - 40px) / 2 );*/
}
.j_director .j_right_con .j_osj_tab_con > ul > li:nth-child(1){
	margin-right : 40px;
}
.j_director .j_right_con .j_osj_tab_con ul li ul li{
    color: #9e9e9e;
	font-weight: 400;
	margin-bottom : 10px;
	line-height : 1.6rem;
}
.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title{
	font-size: 1.25rem;
	font-weight : bold;
    color: #222;
	margin-bottom : 40px;
	display: inline-block;
}
.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title::after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: -15px;
}



@media screen and (max-width: 1280px){

	



    
    .j_director .j_left_con{
		float : none;
        height: 400px;
		width : 100%;
        
		/*background: url(../img/j_t_director_bg2.jpg) no-repeat;*/
		background-position: center;
	}

    .j_director .j_left_con::after{
        width: 200px;
        height: 200px;
        bottom: -60px;
        left: -60px;
    }


	.j_director .j_right_con{
		float: none;
		width : 100%;
	}
    
    .j_director .j_right_con .j_title{
        text-align: center;
        margin-bottom: 50px;
    }
	.j_director .j_right_con .j_osj_tab_con > ul{
		width : 80%;
		margin : 0 auto;
	}
	.j_director .j_right_con .j_osj_tab_con ul li ul li{
		margin-bottom : 10px;
	}
	.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title{
		margin-bottom : 30px;
	}
	.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title::after{
		bottom: -15px;
	}

    
	   
}

@media screen and (max-width: 760px){
    .j_director .j_left_con{
		/*background: url(../img/j_m_director_bg2.jpg) no-repeat;*/
		height: 480px;
        background-position: center;
	}
    .j_director .j_left_con::after{
        display: none;
    }


    
    .j_director .j_right_con .j_title{
        margin-bottom: 40px;
    }
	.j_director .j_right_con .j_osj_tab_con > ul > li{
		float : none;
		text-align: center;
		width : 100%;
	}
	.j_director .j_right_con .j_osj_tab_con > ul > li:nth-child(1){
		margin-bottom : 40px;
		margin-right : 0;
	}
	.j_director .j_right_con .j_osj_tab_con ul li ul li{
		margin-bottom : 5px;
	}
	.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title{
		margin-bottom : 20px;
	}
	.j_director .j_right_con .j_osj_tab_con ul li .j_osj_tab_title::after{
		bottom: -10px;
	}

    
    
    
    
    
}










/*건물 내부 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_building_inside{
    height: 480px;
    box-sizing: content-box;
}
.j_building_inside::after{
    content: "";
    display: block;
    clear: both;
}
.j_building_inside .j_section_1300_con{
    height: 100%;
}
.j_building_inside .j_left_con{
    height: 100%;
}
.j_building_inside .j_left_con .j_title{
    text-align: left;
}
.j_building_inside .j_left_con .j_title p:nth-child(1),
.j_building_inside .j_left_con .j_title p:nth-child(1) span{
    font-size: 3.125rem;
    line-height: 4.2rem;
    margin-bottom: 50px;
}

.j_building_inside .j_left_con .j_more_btn{
    width: 100%;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
}

.j_building_inside .j_left_con .j_more_btn::after{
    content: "";
    width: 65%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
}




.j_building_inside .j_right_con{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1000px;
/*    display: none;*/
    cursor: grab;
}


.j_building_inside .j_right_con .j_building_inside_slide .j_building_inside_slcik_con img{
    width: 480px;
    height: 480px;
}

.j_building_inside_slide .slick-slide{
    margin: 0 20px;
}





.j_building_inside .slick-next
{
    left: 20px;
    z-index: 99;
    width: 50px;
    height: 50px;
    
}
.j_building_inside .slick-next:before
{
    content: url("../img/arrow/j_right_arrow2.jpg");
	content: url("../img/arrow/j_left_arrow2.jpg");
    transition: all 0.2s;
    width: 100%;
    height: 100%;
    
}

/*
.j_building_inside .slick-prev
{
    right: 480px;
    z-index: 99;
}

.j_building_inside .slick-prev:before
{
    content: url("../img/arrow/j_left_arrow2.jpg");
    transition: all 0.2s;
    
    
}
*/



@media screen and (max-width: 1500px){
    .j_building_inside{
        height: 360px;
    }
    .j_building_inside .j_right_con{
        width: 760px;
    }
    .j_building_inside .j_right_con .j_building_inside_slide .j_building_inside_slcik_con img{
        width: 360px;
        height: 360px;
    }
    


    
}


@media screen and (max-width: 1280px){
    .j_building_inside{
        height: 360px;
    }
    .j_building_inside .j_right_con{
        width: 360px;
    }
    .j_building_inside_slide .slick-slide{
        margin: 0;
    }
    
    .j_building_inside .j_right_con .j_building_inside_slide .j_building_inside_slcik_con img{
        width: 360px;
        height: 360px;
    }
    
    
    .j_building_inside .slick-next{
        left: 0;

    }


    
}

@media screen and (max-width: 760px){
    .j_building_inside{
        height: auto;
    }
    .j_building_inside .j_left_con{
        height: auto;
    }
    .j_building_inside .j_left_con .j_title{
        text-align: center;
        margin-bottom: 15px;
    }
    .j_building_inside .j_left_con .j_title p:nth-child(1),
    .j_building_inside .j_left_con .j_title p:nth-child(1) span{
        font-size: 2.75rem;
        line-height: 3.3rem;
        margin-bottom: 10px;
    }
    
    .j_building_inside .j_left_con .j_more_btn{
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }

    .j_building_inside .j_left_con .j_more_btn::after{
        display: none;
    }
    
    
    
    .j_building_inside .j_right_con{
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .j_building_inside_slide .slick-slide{
        margin: 0 10px;
    }
    .j_building_inside .j_right_con .j_building_inside_slide .j_building_inside_slcik_con img{
        width: 100%;
        height: 100%;
    }
    
    .j_building_inside .slick-next
    {
        display: none!important;

    }
    
    
}








/*컨택 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_contact{
    height: 800px;
}
.j_contact::after{
    content: "";
    display: block;
    clear: both;
}

.j_contact .j_left_con{
    width: 50%;
    height: 100%;
    background: url("../img/j_map01.jpg") no-repeat center center;
	background-size : cover;
}




.j_contact .j_right_con{
    width: 50%;
    background-color: #141414;
    height: 100%;
}
.j_contact .j_right_con .j_top_center{
    padding-left: 80px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.j_contact .j_right_con *{
    color: #fff;
}
.j_contact .j_right_con .j_title{
    margin: 0;
    margin-bottom: 20px;
    text-align: left;
}

.j_contact .j_right_con .j_contact_info{
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 50px;
}
.j_contact .j_right_con .j_contact_info p{
    line-height: 1.8rem;
}
.j_contact .j_right_con .j_contact_info p:nth-child(1){
    margin-bottom: 30px;
}
.j_contact .j_right_con .j_contact_info p:nth-of-type(2){
    margin-top: 15px;
}



.j_contact .j_right_con .j_contact_info .j_time::after{
    content: "";
    display: block;
    clear: both;
}
.j_contact .j_right_con .j_contact_info .j_time ul{
    float: left;
}
.j_contact .j_right_con .j_contact_info .j_time ul:nth-child(1){
    margin-right: 60px;
}
.j_contact .j_right_con .j_contact_info .j_time ul li{
    margin-bottom: 20px;
/*    font-weight: bold; */
	font-family: 'netmarbleB'!important;
    letter-spacing: 3px;
}
.j_contact .j_right_con .j_contact_info .j_time ul li:last-child{
    margin-bottom: 0;
}
.j_contact .j_right_con .j_contact_info .j_time ul:nth-child(1) li:nth-child(2),
.j_contact .j_right_con .j_contact_info .j_time ul:nth-child(1) li:nth-child(4){
    letter-spacing: 6px;
}
.j_contact .j_right_con .j_contact_info p:last-of-type{
    font-size: 1rem;
    font-weight: normal; 
    color: #ccc;
}


.j_contact .j_right_con .j_call ul::after{
    content: "";
    display: block;
    clear: both;
}
.j_contact .j_right_con .j_call ul li{
    float: left;
}
.j_contact .j_right_con .j_call ul li:nth-child(1){
    margin-right: 100px;
}
.j_contact .j_right_con .j_call ul li .j_call_icon{
    margin-bottom: 20px;
    height: 50px;
}
.j_contact .j_right_con .j_call ul li .j_call_icon::after{
    content: "";
    display: block;
    clear: both;
}
.j_contact .j_right_con .j_call ul li .j_call_icon img{
    height: 100%;
    float: left;
    margin-right: 15px;
}
.j_contact .j_right_con .j_call ul li .j_call_icon span{
    float: left;
    display: inline-block;
    line-height: 50px;
}
.j_contact .j_right_con .j_call ul li .j_call_icon span{
    font-size: 1.25rem;
}
.j_contact .j_right_con .j_call ul li p{
    text-align: center;
    letter-spacing: 0;
    font-size: 1.125rem;
}




@media screen and (max-width: 1280px){
    
    .j_contact{
        height: 620px;
    }
    
   .j_contact .j_right_con .j_top_center{
        padding-left: 50px;
    }
    .j_contact .j_right_con .j_contact_info{
        margin-bottom: 50px;
    }
    .j_contact .j_right_con .j_contact_info .j_time ul:nth-child(1),
    .j_contact .j_right_con .j_call ul li:nth-child(1){
        margin-right: 30px;
    }
    
    .j_contact .j_right_con .j_call ul li .j_call_icon{
        height: 30px;
         margin-bottom: 10px;
    }
    .j_contact .j_right_con .j_call ul li .j_call_icon span{
        line-height: 30px;
       
    }
    
    
}

@media screen and (max-width: 760px){
    .j_contact{
        height: auto;
    }
    
    .j_contact .j_left_con{
        height: 220px;
    }
    
	.j_contact .j_right_con{
		height: 530px;
	}
    .j_contact .j_right_con .j_top_center{
        padding-left: 50px;
    }
	.j_contact .j_right_con .j_contact_info{
        margin-bottom: 30px;
    }
    
  
}








/*풋터 영역!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.j_footer{
    background-color: #000;
    padding: 70px 0;
}
.j_footer .j_section_1300_con::after{
    content: "";
    display: block;
    clear: both;
}
.j_footer *{
	
	font-size : 0.9rem;
}
.j_footer .j_left_con p{
    margin-top: 30px;
    color: #fff;
    line-height: 1.6rem;
    letter-spacing: 0;
}
.j_footer .j_left_con .j_logo{
	width : 200px;
}
.j_footer .j_left_con .j_logo img{
	width : 100%;
}

.j_footer .j_right_con div{
	width : 100%;
}
.j_footer .j_right_con div::after{
    content: "";
    display: block;
    clear: both;
}
.j_footer .j_right_con ul{
    float: right;
}
.j_footer .j_right_con ul::after{
    content: "";
    display: block;
    clear: both;
}
.j_footer .j_right_con ul li{
    position: relative;
    float: left;
}
.j_footer .j_right_con .j_sns li img{
    position: relative;
    top: 0;
    transform: translateY(0);
}

.j_footer .j_right_con .j_footer_modal_btn_con{
	margin : 80px 0 10px;
}
.j_footer .j_right_con .j_footer_modal_btn li{
	margin-left : 40px;
}
.j_footer .j_right_con .j_footer_modal_btn li:not(:first-child)::after{
	content : "";
	width : 1px;
	height : 100%;
	background-color : #7f7f7f;
	position : absolute;
	top : 0;
	right : calc(100% + 20px);
}

.j_footer .j_right_con .j_footer_modal_btn li button{
	color: #fff;
	transition : all 0.2s;
}

.j_footer .j_right_con .j_footer_modal_btn li:hover button{
	color : #ff8b81;
}

.j_footer .j_right_con p.j_copyright{
    color: #7f7f7f;
    letter-spacing: 0;
	margin-top: 30px;
}


@media screen and (max-width: 1280px){
    .j_footer{
        padding: 50px 0;
    }
    .j_footer .j_left_con{
        float: none;
    }
	.j_footer .j_left_con .j_logo{
		width : 180px;
	}
    .j_footer .j_right_con, .j_footer .j_right_con ul{
        float: none;
    }
    .j_footer .j_right_con div{
		margin : 30px 0 10px 0!important;
	}
	.j_footer .j_right_con div ul li:first-child{
		margin-left : 0!important;
	}
}

@media screen and (max-width: 760px){
    .j_footer{
        padding: 40px 0;
    }
	.j_footer .j_left_con .j_logo{
		width : 140px;
	}
	.j_footer .j_left_con p{
		margin-top : 20px;
	}
    .j_footer .j_right_con div{
		margin : 20px 0 10px 0!important;
	}

	.j_footer .j_right_con p.j_copyright{
		margin-top: 20px;
	}

}



/*풋터 모달 !!!!!!*/


.j_footer_modal_frame{
    position: fixed;
    z-index: 99999;
    background-color: rgba(0,0,0,0.75);
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
    overflow: hidden;
}

.j_footer_modal_frame.show{
    width: 100%;
    height: 100%;

}
.j_footer_modal_frame_inner{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 65%;
    height: 70%;
}
.j_footer_modal_frame .j_m_close{
	position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}
/*
.j_footer_modal_frame iframe{
    
    width : 100%;
	height: 100%;
    background: #fff;
    border: 0;
    overflow: auto;
}
*/
.j_footer_modal_frame .j_iframe{
    
    width : 100%;
	height: 100%;
    background: #fff;
    border: 0;
    overflow: auto;
	overflow-x: hidden;
	overflow-y : auto;
}
.j_footer_modal_frame .j_iframe *{
	white-space : normal;
}
.j_footer_modal_frame .j_iframe > ul{
	width : 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y : auto;
	
}
.j_footer_modal_frame .j_iframe > ul > li{
	width : 100%;
	height: 100%;
	
}

@media screen and (max-width: 1280px){
	.j_footer_modal_frame_inner{
        width: 80%;
    }
    
}

@media screen and (max-width: 760px){
	.j_footer_modal_frame_inner{
        width: 95%;
		height: calc(100% - 100px);
		top: auto;
		transform: translateX(-50%);
		bottom: 10px;
    }
}





/*k_repair_css*/
#k_main_section_01 .k_repair_00{margin-top: 55px;font-weight: 300;color: #777;}
#k_main_section_01 .k_repair_00 span{
	font-family: "Noto Sans Kr", sans-serif;
    font-weight: bold;
}


#k_main_section_01 .slick-dots li a{font-weight: 500;color: #ccc;font-size: 1.3rem;}
#k_main_section_01 .slick-dots li.slick-active a{color: #ff8b81;font-weight: bold;}

@media screen and (max-width: 1280px){ 
	 
   #k_main_section_01 .k_repair_00{margin-top: 30px;}
}

@media screen and (max-width: 760px){ 
	 
	#k_main_section_01 .slick-dots li a{font-size: 1.13rem;}
}

/*모바일 팝업위치 강제수정*/
.hd_pops_con p{font-size: 0;}

@media screen and (max-width: 1280px){ 
	 
   #hd_pops_6 {
	left: 350px !important;
   }
}

@media screen and (max-width: 760px){ 
	 
	#hd_pops_2, #hd_pops_3{height: auto !important;}
	#hd_pops_2{top: 10px !important;left:10px !important;}
	#hd_pops_3, #hd_pops_6{top: 610px !important;top: 445px !important;left:10px !important;}
	#hd_pops_3 *{height: auto !important;}
}

/*---하단 점심시간 추가---*/
.new_time{font-size: 0.9rem;font-family: 'netmarbleM';}


/*---프로필 수정 css -> j_sub.css와 이어짐---*/
.k_main_01{background: url(../img/page/k_profile_01.jpg) no-repeat;}
.k_main_02{background: url(../img/page/k_profile_02.jpg) no-repeat;}

.k_main_pro_01 .j_left_con::after{left: 200%;background-color: #fff9f9;}

.main_prof{width: calc( 45% - 80px );}

@media screen and (max-width: 1280px){ 
	 
   .k_main_pro_01 .j_left_con::after{width: 200px; height: 200px;bottom: -60px;left: -60px;}

   .j_director .j_right_con .j_title p:nth-of-type(1)
}

@media screen and (max-width: 760px){ 
	 
   .j_director .j_right_con .j_title p:nth-of-type(1){font-size: 2.3rem;line-height: 3.5rem;}
}

/*---진료안내 문구---*/
.new_data{margin-top: 25px;letter-spacing: 0;}
.new_data i{display: block;padding: 5px 0;font-family: 'netmarbleB'!important;letter-spacing: 0;color: #ff8b81 !important;}



/* 2022.07.21  je_add */

/*---진료안내 테이블로 변경---*/
.je_table_wrap{display: flex; align-items: flex-end; width: 100%; flex-wrap:wrap;}
.je_clinic_table{margin-top: 25px; max-width: 460px; width: 100%; font-size: 16px;}
.je_clinic_table th, .je_clinic_table td{width: calc(100% / 6);}
.je_clinic_table th{padding: 6px 0;}
.je_clinic_table tr:not(:last-of-type){border-bottom: 1px solid #fff;}
.je_clinic_table td{text-align: center;}
.je_clinic_table td:not(:last-of-type){border-right: 1px solid #3e3e3e;}
.je_clinic_table td,.je_tavle_info li{padding: 6px 0;}
.je_table_info{margin-top: 8px;}
.je_table_info li{font-size: 0.9rem; display: inline-block;}
.je_table_info li:not(:first-of-type){margin-left: 8px;}
.je_clinic_table thead{border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.je_circle{width: 9px; aspect-ratio: 1; border-radius: 50%; background-color: #ff8b81; display: inline-block; margin: 0 3px;}
.je_circle.je_oh{background-color: #fff;}
.je_circle.je_nbsp{background-color: transparent;}

.je_pt_c{color: #ff8b81 !important;}
.j_contact .j_right_con .j_call ul li .j_call_icon{margin-bottom: 10px;}
.j_contact .j_right_con .j_contact_info p:nth-of-type(2){margin-top: 5px; color: #fff;}

@media screen and (max-width:760px) {
	.j_page1_3_con .j_right_con{height: 360px !important;}
}