@charset "utf-8";

/*템플릿 제작 210222 s*/
.pagecommon{padding:0 50px;font-size:15px;color:#777;text-align:center;letter-spacing:-.2px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br{white-space:pre-line}
.pagecommon .tit_area > span{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#4cbbb0;font-family:'Poppins',sans-serif}
.pagecommon .tit_area .tit{position:relative;padding-top:42px;margin-bottom:20px;font-size:33px;line-height:36px;color:#222;font-family:'notokr-thin'}
.pagecommon .tit_area .tit:before{position:absolute;left:50%;top:0;height:30px;width:1px;content:'';background-color:#ddd}
.page .tit_area .txt{line-height:26px;margin-bottom:40px}
.page .tit_area .txt span{color:#222}
.page .txt_area_bg{padding:240px 60px 0}
.page .txt_area_bg .txt_area{padding:50px 55px;background-color:#fff}
.page .txt_area_bg .txt_area .tit{display:inline-block;position:relative;margin-bottom:39px;line-height:22px;font-size:22px;color:#222;z-index:1;font-family:'notokr-bold'}
.page .txt_area_bg .txt_area .tit:before{position:absolute;bottom:-5px;left:-10%;width:120%;height:10px;background-color:rgba(76,187,176,.2);content:'';z-index:-1}
.page .txt_area_bg .txt_area .box_all{overflow:hidden}
.page .txt_area_bg .txt_area .box_all dl{float:left;width:50%;height:220px;padding:76px 0 0 47px;text-align:left}
.page dl:nth-child(2),.page dl:nth-child(3),.page dl:nth-child(6),.page dl:nth-child(7){background-color:rgba(76,187,176,.05)}
.page .txt_area_bg .txt_area .box_all dl dt{position:relative;margin-bottom:17px;font-size:18px;line-height:18px;color:#222;font-family:'notokr-bold'}
.page .txt_area_bg .txt_area .box_all dl dt span{position:absolute;left:-15px;top:-11px;color:rgba(76,187,176,.2);font-weight:700;font-size:35px;font-family:'Poppins',sans-serif}
.page .txt_area_bg .txt_area .box_all dl dd{line-height:25px}
.page .txt_area_bg .txt_area .box_all .img{padding:0}
.page .txt_area_bg .txt_area .box_all .img dt{margin:0}

/*인사말*/
#p6{padding:0}
#p6 .tit_area .txt{margin-bottom:45px}
#p6 .txt_area{position:relative;padding:278px 0 0 150px}
#p6 .txt_area:before{position:absolute;left:0;top:0;width:100%;height:430px;background:url("../sh_page/img/p6_bg.png") no-repeat center top;content:'';z-index:-1}
#p6 .txt_area .box_area{padding:70px 158px 0 70px;background-color:#fff;border-radius:70px 0 0 0}
#p6 .txt_area .box_area .box{overflow:hidden;padding-bottom:60px;margin-bottom:60px;border-bottom:1px dashed #ddd}
#p6 .txt_area .box_area .box:last-child{border-bottom:0}
#p6 .txt_area .box_area .box .img{float:left;margin-right:44px}
#p6 .txt_area .box_area .box dl{float:left;text-align:left}
#p6 .txt_area .box_area .box dl dt{margin-bottom:15px;font-size:18px;line-height:18px;color:#222;font-family:'notokr-medium'}
#p6 .txt_area .box_area .box dl dt span{display:block;margin-bottom:8px;color:#4cbbb0;line-height:20px;font-size:14px;font-weight:700;font-family:'Poppins',sans-serif}
#p6 .txt_area .box_area .box dl dd{line-height:26px}

/*임플란트*/
#p10 .cont{margin-bottom:70px;padding-bottom:70px;border-bottom:1px dashed #ddd}
#p10 .cont:last-child{border-bottom:0}
#p10 .cont .tit_area .tit{margin-bottom:32px}
#p10 .cont1 .txt_area .txt{line-height:26px}
#p10 .cont1 .txt_area .txt span{color:#222}
#p10 .cont1 .txt_area img{width:100%;margin-bottom:35px}
#p10 .cont2 .cont2_cont{display:flex}
#p10 .cont2 .cont2_cont .img_area{width:50%;background:url("../sh_page/img/p10_img-02-1.png") no-repeat center;background-size:cover}
#p10 .cont2 .txt_area{position:relative;width:50%;padding:57px 55px 67px;color:#fff;text-align:left;background:url("../sh_page/img/p10_img-02-2.png") no-repeat center;background-size:cover}
#p10 .cont2 .txt_area:before{position:absolute;top:0;left:-125px;width:125px;height:100%;background-color:rgba(57,176,228,.3);content:''}
#p10 .cont2 .txt_area .tit{position:relative;padding-bottom:25px;margin-bottom:25px;font-size:19px;word-break:keep-all;line-height:29px}
#p10 .cont2 .txt_area .tit:before{position:absolute;bottom:0;left:0;font-size:19px;line-height:29px;width:28px;height:2px;background-color:rgba(247,247,247,.5);content:''}
#p10 .cont2 .txt_area .txt{font-size:15px;word-break:keep-all;color:#cbe6e8}
#p10 .cont2 .txt_area .txt span{color:#fff}
#p10 .cont3 .txt_area{position:relative;padding:75px 60px 100px;background-color:#f7f7f7}
#p10 .cont3 .txt_area:before{position:absolute;right:-16px;bottom:-60px;width:519px;height:139px;background:url("../sh_page/img/p10_img-03.png") no-repeat center;content:''}
#p10 .cont3 .txt_area:after{clear:both;display:block;content:''}
#p10 .cont3 .txt_area dl{float:left;width:calc(100% / 3 - 20px);height:160px;margin-right:30px;padding-top:50px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.05)}
#p10 .cont3 .txt_area dl:last-child{margin-right:0}
#p10 .cont3 .txt_area dl dt{position:relative;font-size:17px;color:#222;font-family:'notokr-medium'}
#p10 .cont3 .txt_area dl dt span{display:block;position:absolute;left:50%;top:-69px;width:42px;margin-left:-21px;border-radius:50%;background-color:#39b0e2;color:#fff;line-height:42px;font-weight:700;font-family:'Poppins',sans-serif}

/*치아교정*/
#p37 .txt_area_bg{background:url("../sh_page/img/p37_img-01.png") no-repeat center top}

/*신경치료*/
#p15 .txt_area_bg{background:url("../sh_page/img/p15_img-01.png") no-repeat center top}

/*충치치료*/
#p34 .txt_area_bg .txt_area .box_all dl{height:270px}
#p34 .txt_area_bg{background:url("../sh_page/img/p34_img-01.png") no-repeat center top}

/*사랑니 발치*/
#p38 .txt_area_bg{background:url("../sh_page/img/p38_img-01.png") no-repeat center top;padding-bottom:60px;margin-bottom:60px;border-bottom:1px dashed #ddd}
#p38 .txt_area_bg .txt_area .box_all dl{height:243px}
#p38 .txt_area_02 .tit_area .tit{margin-bottom:30px}
#p38 .txt_area_02 .txt_bg{background-color:rgba(76,187,176,.05);padding:50px 95px}
#p38 .txt_area_02 .txt_bg .txt{padding:50px;background-color:#fff;border-radius:10px;text-align:left}
#p38 .txt_area_02 .txt_bg .txt li{position:relative;line-height:25px;padding-left:15px;margin-bottom:10px}
#p38 .txt_area_02 .txt_bg .txt li:last-child{margin-bottom:0}
#p38 .txt_area_02 .txt_bg .txt li:before{position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#4cbbb0;content:''}

/*의료진소개*/
.p42 .team_list{width:100%;margin-bottom:50px;clear:both}
.p42 .team_list .team_img{position:relative;float:left;width:45%;height:429px;background:#f7f7f7}
.p42 .team_list .team_img img{position:absolute;bottom:0;left:78px}
.p42 .team_list .team_img .team_name{position:absolute;z-index:1;bottom:0;right:-105px;width:211px;height:189px;padding-left:30px;background:rgba(226,149,135,1);background:#4cbbb0}
.p42 .team_list .team_img .s_tit{padding-top:110px;font-size:14px;color:rgba(255,255,255,.6);font-family:'notokr-medium'}
.p42 .team_list .team_img .name{font-size:20px;color:#fff;font-family:'notokr-bold'}
.p42 .team_list .team_cont{float:left;width:55%;margin-bottom:100px;padding:25px 25px 25px 138px;border:10px solid #f7f7f7;border-left:0;background:#fff}
.p42 .team_list .team_cont ul li{position:relative;padding:0 0 5px 15px;margin-bottom:5px;border-bottom:1px dotted #ddd;font-size:15px;line-height:26px;color:#666;font-family:'notokr-regular'}
.p42 .team_list .team_cont ul li:before{position:absolute;left:0;top:10px;content:'';width:3px;height:3px;border-radius:100px;background:#4cbbb0}
.p42 .team_list .team_cont ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}


/* 반응형 [s] */
@media (max-width:1300px){
#p6{padding:0 50px}
.pagecommon{padding:0}
}
@media (max-width:1230px){
.page .txt_area_bg{padding:240px 50px 0}
.page .txt_area_bg .txt_area{padding:50px 30px}
#p38 .txt_area_02 .txt_bg{padding:50px}
}
@media (max-width:1168px){
#p6 .txt_area{padding-left:50px}
.p42{padding:0 30px}
}
@media (max-width:1024px){
#p6{padding:0}
.pagecommon .tit_area .tit{font-size:30px}
.page .tit_area .txt{max-width:80%;margin:0 auto 40px;white-space:normal;word-break:keep-all}
.page .txt_area_bg{padding:240px 30px 0}
.page .txt_area_bg .txt_area .box_all dl{height:auto !important;padding:76px 30px 65px 47px}
.page .txt_area_bg .txt_area .box_all dl dd{white-space:normal;word-break:keep-all}
#p6 .txt_area{padding:200px 0 0 30px}
#p6 .txt_area:before{height:310px}
#p6 .txt_area .box_area{padding:70px 50px 0}
#p6 .txt_area .box_area .box dl dd.br{white-space:normal;word-break:keep-all}
.p42 .team_list .team_img img{left:30px;height:445px}
.p42 .team_list .team_img .team_name{right:-35px;width:195px;height:155px}
.p42 .team_list .team_img .s_tit{padding-top:80px}
.p42 .team_list .team_cont{padding-left:50px}
#p10 .cont1 .txt_area .txt{max-width:725px;margin:0 auto;white-space:normal;word-break:keep-all}
#p10 .cont2 .txt_area{padding:45px 45px 55px}
#p10 .cont2 .txt_area .tit{font-size:18px}
#p10 .cont3 .txt_area{padding:75px 30px 100px}
#p10 .cont3 .txt_area dl{width:calc(100% / 3 - 10px);margin-right:15px}
#p38 .txt_area_02 .txt_bg{padding:30px}
#p38 .txt_area_02 .txt_bg .txt{padding:40px}
#p38 .txt_area_02 .txt_bg .txt li{white-space:normal;word-break:keep-all}
}
@media (max-width:768px){
.pagecommon .br{white-space:normal;word-break:keep-all}
.pagecommon .tit_area .tit{padding-top:30px;margin-bottom:15px;font-size:28px}
.pagecommon .tit_area .tit:before{height:20px}
.page .txt_area_bg{padding:240px 15px 0;background-size:768px !important}
.page .txt_area_bg .txt_area{padding:35px 0}
.page .txt_area_bg .txt_area .tit{font-size:20px}
.page .txt_area_bg .txt_area .box_all dl{padding:60px 20px 50px 35px}
.page .txt_area_bg .txt_area .box_all dl dt{font-size:16px;line-height:1.4;word-break:keep-all}
.page .txt_area_bg .txt_area .box_all dl dt span{top:-20px;font-size:30px}
#p6 .txt_area{padding:145px 0 0 15px}
#p6 .txt_area:before{height:270px}
#p6 .tit_area .txt{margin-bottom:35px}
#p6 .txt_area .box_area{padding:50px 30px 0}
#p6 .txt_area .box_area .box .img{width:80px;margin-right:30px}
#p6 .txt_area .box_area .box .img img{width:100%}
#p6 .txt_area .box_area .box dl{width:calc(100% - 110px)}
#p6 .txt_area .box_area .box dl dt{font-size:16px}
.p42{padding:80px 0 0}
.p42 .team_list .team_img{float:none;width:100%;height:310px}
.p42 .team_list .team_img img{left:auto;right:30px;height:390px}
.p42 .team_list .team_img .team_name{right:auto;left:10px}
.p42 .team_list .team_cont{width:100%;margin-bottom:125px;padding:25px;border-left:10px solid #f7f7f7;border-top:none}
#p10 .cont:last-child{padding-bottom:0}
#p10 .cont2 .cont2_cont{display:block}
#p10 .cont2 .cont2_cont .img_area{width:100%;height:300px}
#p10 .cont2 .txt_area{width:100%}
#p10 .cont2 .txt_area:before{left:0;top:-100px;width:100%;height:100px}
#p10 .cont3 .txt_area:before{bottom:-69px;width:375px;background-size:contain}
#p10 .cont3 .txt_area dl{float:none;width:100%;height:auto;margin-right:0;padding:35px 25px}
#p10 .cont3 .txt_area dl+dl{margin-top:40px}
#p10 .cont3 .txt_area dl dt span{top:-54px}
#p38 .txt_area_02 .txt_bg{padding:15px}
#p38 .txt_area_02 .txt_bg .txt{padding:30px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_area > span{font-size:13px}
.pagecommon .tit_area .tit{font-size:25px}
.page .txt_area_bg{padding:188px 0 0;background-size:480px !important}
.page .txt_area_bg .txt_area{padding-bottom:0}
.page .txt_area_bg .txt_area .box_all{display:block;border-top:1px solid #e1e1e1}
.page .txt_area_bg .txt_area .box_all dl{width:100%;background:#fff !important}
.page .txt_area_bg .txt_area .box_all dl:nth-child(2n){background:rgba(57,176,226,.05) !important}
.page .txt_area_bg .txt_area .box_all dl.img{display:none}
#p6 .txt_area{padding:180px 0 0}
#p6 .txt_area:before{height:180px}
#p6 .txt_area .box_area{padding:0;border-radius:25px 25px 0 0}
#p6 .txt_area .box_area .box{display:block;margin-bottom:0;padding:35px 25px}
#p6 .txt_area .box_area .box .img{float:none;width:55px;margin:0 auto 20px}
#p6 .txt_area .box_area .box dl{width:100%;text-align:center}
#p6 .txt_area .box_area .box dl dt{font-size:15px}
.p42{overflow:hidden;padding:110px 15px 40px}
.p42 .team_list .team_img{height:245px}
.p42 .team_list .team_img img{right:10px;height:320px}
.p42 .team_list .team_img .team_name{width:170px;height:130px;padding-left:20px}
.p42 .team_list .team_img .name{font-size:18px}
.p42 .team_list .team_img .s_tit{padding:55px 0 5px}
.p42 .team_list .team_cont ul li{font-size:14px}
#p10 .cont2 .cont2_cont .img_area{height:225px}
#p10 .cont2 .txt_area{padding:35px 30px}
#p10 .cont2 .txt_area:before{top:-60px;height:60px}
#p10 .cont2 .txt_area .tit{font-size:16px}
#p10 .cont2 .txt_area .txt{font-size:14px}
#p10 .cont3 .txt_area{padding:50px 30px 60px}
#p10 .cont3 .txt_area:before{width:290px}
#p10 .cont3 .txt_area dl dt{font-size:15px}
#p10 .cont3 .txt_area dl dt span{width:35px;font-size:13px;line-height:35px}
#p38 .txt_area_bg{padding-bottom:30px;margin-bottom:50px}
}
@media (max-width:380px){
#p6 .txt_area{padding-top:145px}
#p6 .txt_area:before{height:145px}
#p10 .cont2 .cont2_cont .img_area{height:175px}
#p10 .cont2 .txt_area .tit{font-size:15px;line-height:25px}
#p10 .cont3 .txt_area{padding:50px 15px 60px}
}
/* 반응형 [e] */