#sub_container  {}
#sub_container h2 {font-size: 70px;}
#sub_container h3 {font-size: 50px;}
#sub_container h4 {font-size: 40px;}
#sub_container h5 {font-size: 30px;}
#sub_container h6 {font-size: 25px;}

@media all and (max-width:1200px) {
	
}

@media all and (max-width:980px) {
	#sub_container h2 {font-size: 65px;}
	#sub_container h3 {font-size: 45px;}
	#sub_container h4 {font-size: 35px;}
	#sub_container h5 {font-size: 25px;}
	#sub_container h6 {font-size: 20px;}
}

@media all and (max-width:768px) {
	#sub_container h2 {font-size: 40px;}
	#sub_container h3 {font-size: 27px;}
	#sub_container h4 {font-size: 25px;}
	#sub_container h5 {font-size: 21px;}
	#sub_container h6 {font-size: 16px;}
}

@media all and (max-width:640px) {
	#sub_container h2 {font-size: 35px;}
}


/* 공통 */
.ori-pics {display: block;}
.res-pics {display: none;}

.show-980 {display: none}
.show-768 {display: none}
.show-640 {display: none}
.show-480 {display: none}

.sub_section {padding: 110px 0; background-position: center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box;}
.sub_section.bg_blue {background-color: #062234}
.sub_section.bg_gray {background-color: #f9f9f9}

.inner_cont {width: 1600px; margin: 0 auto; box-sizing: border-box;}
.inner_cont.bg_white {background-color:#fff; padding: 1px 0; box-sizing: border-box;}
.inner_cont.wd1300 {width: 1300px; }

.inner_section {margin: 90px 0}

.section_title {margin-bottom: 60px;}
.section_title * { word-break: keep-all}
.section_title.inner {margin-bottom: 30px;}
.section_title h3 {font-weight: 700; color: #000; margin-bottom: 25px;  line-height: 1.3; letter-spacing: -1px;}
.section_title h3 strong {font-weight: 800;}
.section_title h3 i {position: relative; z-index: 1; font-style: normal !important;}
.section_title h3 span {position: relative;}
.section_title h3 span::after {position: absolute; bottom: 0px; left: -0.5%; width: 101%; height: 20px; background: #1ca9b2; content: '';}
.section_title h3 span.logo_boxing {background: #000; border-radius: 10px; color: #fff; padding: 5px 30px;}
.section_title h3 span.logo_boxing::after {display: none;}
.section_title h5 {font-weight: 700; color: #000; margin-bottom: 25px;  line-height: 1.3; letter-spacing: -2px}
.section_title h5 em.num {color: #1ca9b2; padding-right: 10px; font-weight: 500; left: -3px;}
.section_title h5 span {font-size: 15px; color: #a3a3a3; padding-left: 10px; letter-spacing: -0.5px; font-weight: 400;}
.section_title h6 {font-weight: 600; color: #000; margin-bottom: 25px;  line-height: 1.3; letter-spacing: -1px}
.section_title p {font-size: 17px; color: #333; line-height: 1.65; letter-spacing: -0.5px; margin-top: 15px;}
.section_title p i {position: relative; z-index: 1; font-style: normal !important; font-size: 21px;}
.section_title p span {position: relative;}
.section_title p span::after {position: absolute; bottom: 0px; left: -0.5%; width: 101%; height: 7px; background: #1ca9b2; content: '';}
.section_title.white * {color: #fff;}
.section_title p + h3, .section_title p + h6 {margin-top: 30px;}

.wd1000 {width: 1000px;}
.flex {display: flex; flex-wrap: wrap; align-items: center;}
.flex.end {justify-content: flex-end;}

.vertical_midAlign-wrap {display: table; width: 100%; height: 100%;}
.vertical_midAlign-wrap .vertical_midAlign-inner {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align:bottom;}

.only_pics {max-width: 100%;}
.only_pics img {width: 100%;}

.only_pics.res img {min-width: 850px; overflow-x: scroll;}

.none-mb {margin-bottom: 0 !important;}


.halfBox {width: 50%; box-sizing: border-box;}
.halfBox.pics {width: 40%;}
.halfBox.pics img {border: 10px solid #efefef; box-sizing: border-box; width: 100%;}
.halfBox.text {width: 60%;}


.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label {position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:18px; line-height: 20px; color: #303030; font-family: 'Pretendard'}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/images/icon/check-w.png"); background-color: #fff; border: 1px solid #e8e8e8; border-radius: 4px;}
.single input[type=checkbox]:checked + label:before {background-color:#1ca9b2; border-color: #1ca9b2}




@media all and (max-width:1600px) {
	.inner_cont {width: 100%;}
	.inner_cont.bg_white {width: 95%;}
}

@media all and (max-width:1300px) {
	.inner_cont {padding-left: 80px; padding-right: 80px; }
	.inner_cont.wd1300 {width: 100%;}
}

@media all and (max-width:1000px) {
    .wd1000 {width: 100%}
}


@media all and (max-width:980px) {
    .only_pics.res {overflow-x: scroll;}
    
	.sub_section {padding: 80px 0}
    .inner_section {margin: 50px 0}
	.inner_cont {padding-left: 40px; padding-right: 40px; }
	
	.section_title {margin-bottom: 40px;}
	.section_title h3 {margin-bottom: 20px;}
	.section_title p {font-size:16px}
	.section_title p + h3, .section_title p + h6 {margin-top: 20px;}
    .section_title h5 {margin-bottom: 10px;}
    .section_title h3 span.logo_boxing {border-radius: 5px; color: #fff; padding: 2px 15px;}
    
    .ori-pics {display: none;}
    .res-pics {display: block;}
    
    .section_title h3 span::after {height: 15px;}
	
	.halfBox {width: 100%;}
	.halfBox.pics {width: 100%;}
	.halfBox.text {width: 100%;}
    
    .show-980 {display: block}
    .none-980 {display: none}
}


@media all and (max-width:768px) {
    .show-768 {display: block}
    .none-768 {display: none}
    
	.sub_section {padding: 50px 0;}
	.inner_section {margin: 35px 0}
	.inner_cont {padding-left: 20px; padding-right: 20px; }
	
	.section_title {margin-bottom: 20px;}
	.section_title h3 {margin-bottom: 15px;}
	.section_title p {font-size: 14px;}
    .section_title h6 {margin-bottom: 15px;}
    .section_title h3 span::after {height: 10px;}
    
    .single input[type=checkbox] + label {font-size: 14px; padding-left: 20px;}
    .single input[type=checkbox] + label:before {top: 4px; width: 12px; height: 12px;}
}


@media all and (max-width:640px) {
    .show-640 {display: block;}
    .none-640 {display: none}
}


@media all and (max-width:480px) {
    .show-480 {display: block;}
    .none-480 {display: none}
}


/*서브메뉴*/
.dep2_menu {position: sticky; top: -1px; left: 0; width: 100%; background: #fff; z-index: 99}
.dep2_menu ul {display: flex; flex-wrap: wrap; justify-content: center;}
.dep2_menu ul li {font-size: 18px; color: #212121; padding: 15px 0; font-family: 'Pretendard'; margin: 0 3px;}
.dep2_menu ul li a {color:#fff; border-radius: 50px; padding: 15px 30px; display: block; background: #333; box-sizing: border-box;}
.dep2_menu ul li.on a {background: #1ca9b2;}


@media all and (max-width:980px) {    
    .dep2_menu {top: auto; position: relative}
    /*.dep2_menu ul { display: inline-block; width: 100%; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; vertical-align: middle; -ms-overflow-style: none; padding: 10px 0;}
    .dep2_menu ul::-webkit-scrollbar {display:none;}
    .dep2_menu ul li {font-size: 16px; display: inline-block; }
    .dep2_menu ul li a {padding: 12px 25px;}*/
    .dep2_menu ul {display: flex; flex-wrap: wrap;}
    .dep2_menu ul li {margin: 0; width: 49%; margin-right: 2%; margin-bottom: 2%; text-align: center;}
    .dep2_menu ul li:nth-of-type(2n) {margin-right: 0;}
}

@media all and (max-width:768px) {
    .dep2_menu {display: block;}
	.dep2_menu ul {box-sizing: border-box; padding: 0 10px;}
	.dep2_menu ul li {font-size: 14px; padding: 0;}
	.dep2_menu ul li a {padding: 10px;}
}



@media all and (max-width:640px) {
	.dep2_menu ul {background: #fff;}
}


/* 서브비주얼 */
.sub_visual {width: 100%; height: 650px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden;}
.sub_visual::before {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url("/images/sub/sub_visual_frame.svg") no-repeat center top; background-size: cover; content: '';}
.sub_visual .inner_cont {display: table; height: 100%;}
.sub_visual #visual_text__wrap {display: table-cell; vertical-align: middle;}
.sub_visual #visual_text__wrap h2 {color: #fff; font-weight: 600;}
.sub_visual #visual_text__wrap p {color: #fff; font-size: 23px; opacity: 0.7; margin-top: 30px; line-height: 1.56;}
.sub_visual#sv01 {background-image: url("/images/sub/sub_visual01.jpg");}
.sub_visual#sv02 {background-image: url("/images/sub/sub_visual02.jpg");}
.sub_visual#sv03 {background-image: url("/images/sub/sub_visual03.jpg");}
.sub_visual#sv04 {background-image: url("/images/sub/sub_visual04.jpg");}
.sub_visual#sv05 {background-image: url("/images/sub/sub_visual05.jpg");}

@media all and (max-width:980px) {
	.sub_visual {height: 400px;}
	.sub_visual::before {background-position: center bottom; background-size: contain; width: 101%;}
	.sub_visual #visual_text__wrap h2 {font-weight: 500;}
	.sub_visual #visual_text__wrap p {font-size: 18px; margin-top: 25px;}
}

@media all and (max-width:768px) {
	.sub_visual {height: 350px;}
	.sub_visual #visual_text__wrap p {font-size: 16px; margin-top: 15px;}
}


@media all and (max-width:640px) {
	.sub_visual {height: 300px;}    
    .sub_visual #visual_text__wrap {padding-bottom: 20px;}
	.sub_visual #visual_text__wrap p {font-size: 16px; margin-top: 15px;}
}



/*=======================================================================================================
                    
01.드림플란트소개

=======================================================================================================*/
#intro_sec02 {background-image: url("/images/sub/sub01-sec02-bg.jpg"); background-position: bottom center;}

.history {display: flex; flex-wrap: wrap; justify-content: flex-start; }
.history dl {box-sizing: border-box; padding: 40px; padding-left: 0; border-bottom: rgba(255,255,255,0.2) 1px solid; width: 33.3%;}
.history dl dt {font-size: 25px; font-weight: 600; color: #fff; position: relative; box-sizing: border-box; padding-left: 20px; margin-bottom: 20px;}
.history dl dt::before {position: absolute; top: 10px; left: 0; width: 8px; height: 8px; background: #fff; border-radius: 100%; content: '';}
.history dl dd {}
.history dl dd ul {}
.history dl dd ul li {color: #fff; font-size: 17px; line-height: 1.65; margin: 10px 0; position: relative; box-sizing: border-box;}
.history dl dd ul li span {position: absolute; top: 0; left: 0; font-weight: 600; }
.history dl dd ul.has-month li {padding-left: 30px;}


#intro_sec03 {padding-bottom: 0 !important}
.doctor_list {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden;}
.doctor_list .doctor {position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2%;}
.doctor_list .doctor .doc_pic {width: 100%;}
.doctor_list .doctor .doc_pic img {width: 100%;}
.doctor_list .doctor dl {padding: 30px 0;}
.doctor_list .doctor dl dt {font-size: 27px; font-weight: 600; color: #000; margin-bottom: 15px; display: flex; align-content: center;}
.doctor_list .doctor dl dt span {font-size: 14px; color: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 50px; text-align: center; padding: 7px 15px; background: #1ca9b2; font-weight: 400;}
.doctor_list .doctor dl dd {}
.doctor_list .doctor dl dd ul {}
.doctor_list .doctor dl dd ul li {position: relative; font-size: 16px; color: #333; line-height: 1.45; margin: 2px 0; padding-left: 10px;}
.doctor_list .doctor dl dd ul li::before {position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background: #555; content: '';}

.doctor_slider-btns__wrap {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 30px; float: right; margin-right: -15px;}
.doctor_slider-btns__wrap .doctor_slider-btns {padding: 0 15px; position: relative; cursor: pointer;}
.doctor_slider-btns__wrap .doctor_slider-btns::after {position: absolute; top: 4px; left: 0; width: 2px; height: 15px; background: #e4e4e4; content: '';}
.doctor_slider-btns__wrap .doctor_slider-btns img {width: 23px;}
.doctor_slider-btns__wrap #doctor_slider-prev::after {display: none;}

.interior_slider {position: relative;}
.interior_slider .swiper-slide img {width: 100%}
.interior_slider-pagination {position: absolute; bottom: 15px !important; left: 0; width: 100%; text-align: center; z-index: 1;}
.interior_slider-pagination span {opacity: 1; background: #fff;}
.interior_slider-pagination span.swiper-pagination-bullet-active {background: #1ca9b2;}

#intro_sec05 {height: 900px; background-image: url("/images/sub/sub01-sec04-bg.jpg");}



@media all and (min-width:980px) {
   

    .doctor_list .doctor:nth-of-type(4n) {margin-right: 0}
}

@media all and (max-width:980px) {   
     #intro_sec02 {background-image: url("/images/res/res-sub01-sec02-bg.jpg"); background-color: #b1afb2; background-size: contain;}
    
	.history dl {width: 50%}
	.history dl dt {font-size: 21px; }
	.history dl dt::before {top: 7px;}
	.history dl dd ul li {font-size: 16px}
    
    .doctor_list .doctor {width: 32%}
    .doctor_list .doctor dl dt {font-size: 21px;}
    .doctor_list .doctor dl dt span {padding: 4px 12px;}  
}


@media all and (max-width:980px) and (min-width:768px) {    
    .doctor_list .doctor:nth-of-type(3n) {margin-right: 0}
}


@media all and (max-width:768px) {
	.history dl {width: 100%; padding: 25px 0}
	.history dl dt {font-size: 18px; margin-bottom: 15px; padding-left:15px;}
	.history dl dt::before {width: 5px; height: 5px;}
	.history dl dd ul li {font-size: 14px; margin: 5px 0; line-height: 1.5}
    .history dl dd ul li img {height: auto; width: 66%;}
    
    .doctor_list .doctor {width: 49%;} 
    .doctor_list .doctor:nth-of-type(2n) {margin-right: 0}
    .doctor_list .doctor dl {padding: 20px 10px; box-sizing: border-box;}
    .doctor_list .doctor dl dt {font-size: 17px; margin-bottom: 6px;}
    .doctor_list .doctor dl dd {}
    .doctor_list .doctor dl dd ul li {font-size: 13px; margin-top: 0; padding-left: 6px;}
    .doctor_list .doctor dl dt span {font-size: 12px; position: absolute; top: 5px; right: 5px; z-index: 1; margin: 0;}  
    .doctor_slider-btns__wrap {position: absolute; bottom: 150px; right: 30px; z-index: 2; margin-bottom: 0;}
    
    #intro_sec03 {position: relative;}
    #intro_sec04 {padding-top: 30px;}
    
    #intro_sec05 {height: 500px; background-image: url("/images/res/sub01-sec04-bg.jpg");}
    #intro_sec05 .end {justify-content: flex-start;}
}


/*=======================================================================================================
                    
02.환자중심의진료

=======================================================================================================*/
.big_title {}
.big_title p {text-align: center; color: #fff; font-size: 35px; font-weight: 500; line-height: 1.56; margin: 30px 0}
.big_title p strong {font-size: 210px; font-weight: 700; line-height: 1; letter-spacing: -0.05em}

#dream_special_sec02 {padding-top: 0}
#dream_special_sec03 {background-image: url("/images/sub/sub02-sec03-bg.jpg?ver=230321"); height: 900px; background-attachment: fixed;}
#dream_special_sec04 {background-image: url("/images/sub/sub02-sec04-bg.jpg"); height: 900px; }
#dream_special_sec04 .section_title h3 {text-shadow: 0 0 5px rgba(255,255,255,1);}
#dream_special_sec06  {background-image: url("/images/sub/sub02-sec08-bg.jpg"); background-position: center bottom; background-size: 100%; background-color: #f3f1f4; height: 1000px;}
#dream_special_sec06 .big_title p {color: #777;}
#dream_special_sec06 .big_title p strong {color: #062234;}


@media all and (max-width:1100px) {
    
    #dream_special_sec03 {background-attachment:initial;}
    
    .big_title p {font-size: 30px; }
    .big_title p strong {font-size: 170px; }
}


@media all and (max-width:980px) {
    .big_title p {font-size: 21px; margin: 20px 0;}
    .big_title p strong {font-size: 100px;}
    
    
    #dream_special_sec04 {background-image: url("/images/res/sub02-sec04-bg.jpg"); }
    #dream_special_sec04 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
    
    #dream_special_sec06  {background-image: url("/images/res/sub02-sec08-bg.jpg"); background-size: cover; height: 750px; padding-top: 50px !important }
}

@media all and (max-width:768px) {
    #dream_special_sec03 {height: 600px; background-image: url("/images/res/sub02-sec03-bg.jpg?ver=230321"); background-color: #fff; background-position: bottom center; } 
    .big_title p {font-size: 18px; margin: 10px 0}
    .big_title p strong {font-size: 80px;}
    
    #dream_special_sec04 {height: 600px;}
    #dream_special_sec06 {height: 600px;}
}



@media all and (max-width:640px) {
    #dream_special_sec03 { padding-top: 60px;} 
    #dream_special_sec03 .vertical_midAlign-wrap .vertical_midAlign-inner {vertical-align: baseline;}
    
    #dream_special_sec06 {height: 500px;}
}



/*=======================================================================================================
                    
03.통증관리시스템

=======================================================================================================*/
#no_pain_sec02 {background-image: url("/images/sub/sub03-sec02-bg.jpg"); height: 900px;}
#no_pain_sec03 {padding-bottom: 0;}
#no_pain_sec05 {background-image: url("/images/sub/sub03-sec05-bg.jpg"); height: 900px;}


@media all and (max-width:980px) {
    #no_pain_sec02 {background-image: url("/images/res/sub03-sec02-bg.jpg"); padding-bottom: 140%}
    #no_pain_sec05 {background-image: url("/images/res/sub03-sec05-bg.jpg");}
	#no_pain_sec05 .vertical_midAlign-wrap .vertical_midAlign-inner {vertical-align: baseline;}
}

@media all and (max-width:768px) {
    #no_pain_sec05 {height: 600px}
}

/*=======================================================================================================
                    
04.사랑니

=======================================================================================================*/
#wisdom_sec02 {background-image: url("/images/sub/sub04_01-sec02-bg.jpg"); height: 950px; padding: 0;  background-color: #fafafa; background-position: center bottom; }
#wisdom_sec02 .section_title * {text-shadow: 0 0 5px rgba(255,255,255,1);}

@media all and (min-width:2000px) {
    #wisdom_sec02 {height: auto; padding-top: 50%}
}

@media all and (max-width:1300px) {
    #wisdom_sec02 {background-image: url("/images/res/sub04_01-sec02-bg-wd1300.jpg"); padding-top: 50px; background-size: contain; padding-bottom: 50%}
    #wisdom_sec02 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
}

@media all and (max-width:980px) {
    #wisdom_sec02 {height: 800px;}
}

@media all and (max-width:768px) {
    #wisdom_sec02 {background-image: url("/images/res/sub04_01-sec02-bg.jpg"); background-size:100%; height: auto; padding-bottom: 100%;}
}


/*=======================================================================================================
                    
05.임플란트

=======================================================================================================*/
#implant_sec01 {background-image: url("/images/sub/sub04_02-sec01-bg.jpg"); background-size: contain; background-position: bottom right;}
#implant_sec02 {}
#implant_sec03 {background-image: url("/images/sub/sub04_02-sec03-bg.jpg?ver=230322"); background-attachment: fixed;}
#implant_sec05 {background-image: url("/images/sub/sub04_02-sec05-bg.jpg"); height: 950px;}
#implant_sec05 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
#implant_sec07 {background-image: url("/images/sub/sub04_02-sec07-bg.jpg"); background-position: top center; background-size: contain; position: relative; z-index: 1;}

#implant_sec09 {background-image: url("/images/sub/sub04_02-sec09-bg.png"); background-position: bottom center; height: auto; padding-bottom: 35%; background-color: #fafafa}
#implant_sec09 .section_title h3 span {color: #fff; background: #04314e; padding: 3px 15px;}
#implant_sec09 .section_title h3 span::after {display: none;}
#implant_sec11 {padding-top: 0}
#implant_sec12 {background-image: url("/images/sub/sub04_02-sec12-bg.jpg?ver=230321"); height: 950px; background-position: center top;}
#implant_sec12 .section_title h6 span {border-radius: 50px; background: #04314e; padding: 10px 25px;}
#implant_sec13 .section_title a {color: #fff; background: #333; padding: 5px 10px; margin-left: 5px; border-radius: 3px; font-size: 14px;}
#implant_sec13 .section_title a:hover {background: #1ca9b2}


@media all and (min-width:2000px) {
    #implant_sec09 {padding-bottom: 40%;}
}

@media all and (max-width:1300px) {
    #implant_sec09 {background-size: 100%;}
}

@media all and (max-width:980px) {
    #implant_sec03 {background-attachment:initial;background-position: top}
	#implant_sec05 { height: 600px; background-image: url("/images/res/sub04_02-sec05-bg.jpg");}
	#implant_sec05 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: bottom;}
	#implant_sec05 .section_title h3, #implant_sec05 .section_title h6, #implant_sec05 .section_title p {color: #fff;}
	#implant_sec07 {background-size: cover;}
	#implant_sec08 {padding-top: 50px}
	#implant_sec09  {background-image: url("/images/res/sub02-sec08-bg.jpg"); height: auto; padding-bottom: 45%; padding-top: 50px }
    #implant_sec09 .section_title h3 span {padding-left: 3px; padding-right: 3px}
	#implant_sec11 .res img {margin-left: -50px;}
	
	#implant_sec12 {background-image: url("/images/res/sub04_02-sec12-bg.jpg?ver=230321"); height: auto; padding-bottom: 70%; background-position: center bottom;}
	#implant_sec12 .flex.end {justify-content: flex-start;}
	#implant_sec12 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
}


@media all and (max-width:640px) {
	#implant_sec13 .section_title a {font-size: 13px; padding: 7px 10px; margin: 10px 0 40px 0; display: block; text-align: center; border-radius: 100px; max-width: 120px;}
	#implant_sec08 {padding-top: 20px;}
}


/*=======================================================================================================

06.교정

=======================================================================================================*/
#orthodontics_sec01 {background-image: url("/images/sub/sub04_04-sec01-bg.jpg"); height: 900px; margin-top: 30px;}
#orthodontics_sec01 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: top;}
#orthodontics_sec03 {}
#orthodontics_sec03 .flex {}
#orthodontics_sec03 .flex .halfBox.text, #orthodontics_sec07 .flex .halfBox.text {padding-left: 50px;}
#orthodontics_sec05 {background-image: url("/images/sub/sub04_04-sec05-bg.jpg"); background-position: top center; background-size: 100%; padding-top: 500px;}
#orthodontics_sec06 {background-image: url("/images/sub/sub04_04-sec07-bg.jpg"); height: 900px;}
#orthodontics_sec08 {background-image: url("/images/sub/sub04_04-sec09-bg.jpg"); height: 900px;}
#orthodontics_sec08 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}


@media all and (max-width:1300px) {
    #orthodontics_sec01 {background-position:  center right -100px;}
    #orthodontics_sec01 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: bottom;}
}


@media all and (max-width:980px) {
	#orthodontics_sec01 {background-image: url("/images/res/sub04_04-sec01-bg.jpg"); height: auto; padding-bottom: 100%; margin-top: 50px; padding-top:0; background-position:  center bottom;}
	#orthodontics_sec02 .res img {margin-left: -50px;}
	
	#orthodontics_sec03 .flex .halfBox.text, #orthodontics_sec07 .flex .halfBox.text {padding-left: 0; padding-top: 20px;}
	#orthodontics_sec03 .flex .halfBox.text h5, #orthodontics_sec07 .flex .halfBox.text h5 {margin-bottom: 10px}
	#orthodontics_sec03 .flex .halfBox.text p, #orthodontics_sec07 .flex .halfBox.text p {margin-top: 10px}
	
	#orthodontics_sec05 {background-image: url("/images/res/sub04_04-sec05-bg.jpg"); background-size: 100%; padding-top: 300px;}
	#orthodontics_sec05 .section_title img {width: 120px;}
    #orthodontics_sec05 .res-pics {width: 105%; margin-left: -2.5%;}
    
    #orthodontics_sec06 {background-image: url("/images/res/sub04_04-sec07-bg.jpg");  padding-bottom: 85%; height: auto}
    #orthodontics_sec06 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
    #orthodontics_sec06 .flex.end {justify-content: flex-start;}
    
    #orthodontics_sec08 {background-image: url("/images/res/sub04_04-sec09-bg.jpg"); height: auto; padding-top: 80%}
    #orthodontics_sec08 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: bottom;}
}



/*=======================================================================================================

07.턱관절

=======================================================================================================*/
#jow_sec01 {background-image: url("/images/sub/sub04_03-sec1-bg.png"); height: 900px; margin-top: 50px;}
#jow_sec02 {padding-bottom: 0;}

@media all and (max-width:980px) {
    #jow_sec01 {background-image: url("/images/res/sub04_03-sec1-bg.jpg"); height: auto; padding-top: 60%;}
    #jow_sec02 {overflow: hidden;}
    #jow_sec02 .res-pics {width: 110%; margin-left: -5%;}
}

@media all and (max-width:640px) {
    #jow_sec04 .section_title.inner {margin-bottom: 15px;}
}



/*=======================================================================================================

08.게시판

=======================================================================================================*/
.bbs_head {display: flex; justify-content: flex-end;margin-bottom: 20px;}
.bbs_head button {font-size: 15px; color: #fff; background: #212121;  border: none; width: 100px; height: 40px; cursor: pointer}

.bbs_list__wrap {width: 100%; border-top: 2px solid #222;}
.bbs_list__wrap .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed; }

.bbs_list__wrap .bbsBox div {display: table-cell; padding: 30px 10px;; font-size: 18px; color: #747474; text-align: center; vertical-align: middle; font-weight: 400;}
.bbs_list__wrap .bbsBox .num {width: 7%}
.bbs_list__wrap .bbsBox .condition {width: 8%; padding-left: 0; padding-right: 0;}
.bbs_list__wrap .bbsBox .condition span {background: #f1f1f1; padding: 2px 5px; font-size: 18px !important;}
.bbs_list__wrap .bbsBox .condition.on span {background: #555; color: #fff;}
.bbs_list__wrap .bbsBox .title {text-align: left; width: 70%; box-sizing: border-box; padding-left: 30px;  font-size: 18px;}
.bbs_list__wrap .bbsBox .title i {margin-left: 5px;}
.bbs_list__wrap .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list__wrap .bbsBox .date {width: 11%}
.bbs_list__wrap .bbsBox .writer {width: 12%}

.bbs_list__wrap .bbsBox:hover {background: #fafafa;}
.bbs_list__wrap .bbsBox:hover .title a {color: #01458d;}


/*QNA 게시판*/
.bbs_list__wrap.qna {}
.bbs_list__wrap.qna .bbsBox .num {width:7%;}
.bbs_list__wrap.qna .bbsBox .doctor {width:10%;}
.bbs_list__wrap.qna .bbsBox .title {width:50%; padding-left: 10px}
.bbs_list__wrap.qna .bbsBox .title img {width:15px; opacity: 0.3; vertical-align: middle; margin-left: 8px; margin-top: -2px;}
.bbs_list__wrap.qna .bbsBox .writer {width:10%}
.bbs_list__wrap.qna .bbsBox .date {width:11%; padding-left: 0; padding-right: 0;}
.bbs_list__wrap.qna .bbsBox .condition {width:12%}
.bbs_list__wrap.qna .bbsBox .condition.yes {color: #AA0B0E;}



/*갤러리*/

.gallery_list {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.gallery_list .item {width: 32%; margin-right: 2%; margin-bottom: 2.5%; border: 1px solid #dedede; box-sizing:border-box; transition: 0.3s; border-radius: 5px; overflow: hidden;}
.gallery_list .item:nth-of-type(3n) {margin-right: 0}
.gallery_list .item .pics {position: relative; min-height: 260px; padding-bottom: 5%; overflow: hidden;}
.gallery_list .item .pics img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.gallery_list .item .text {width:100%; box-sizing: border-box; border-top:1px solid #dedede; padding: 20px 30px; background: #fff;}
.gallery_list .item .text p {line-height: 1.5;}
.gallery_list .item .text p.tit {font-size: 19px; color: #111; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 3em; margin-bottom: 20px}
.gallery_list .item .text p.date {font-size: 17px; color: #999; font-family: 'GmarketSans'; font-weight: 400;}

.gallery_list .item:hover .text {background: #fafafa;}
.gallery_list .item:hover .text p.tit {color:#01458d;}
.gallery_list .item:hover .pics img {transform:  translate(-50%, -50%) scale(1.1,1.1)}




/*게시판검색*/
*::focuse {outline:none}
#board_search__wrap {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px; margin-top: 80px;}
#board_search__wrap #result_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;}
#board_search__wrap #search {display: flex; flex-wrap: wrap; justify-content: flex-start;  position: relative;}
#board_search__wrap #search input[type="text"] {width: 100%; height: 60px; background: #fff; border-radius: 5px; border: 1px solid #e4e4e4; font-size: 17px; padding: 0 20px; box-sizing: border-box; padding-right: 70px;}
#board_search__wrap #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; border: 0; background-color: transparent;}
#board_search__wrap #search button i {color: #212121; font-size: 25px;}
#board_search__wrap select {width:150px; height: 60px; border-radius: 5px; margin-right: 10px; font-size: 17px; border: 1px solid #e4e4e4; padding: 0 20px; color: #212121; background:url("../_img/resource/btn_arrow-down.png") no-repeat right 13px top 50%, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-size: 20px}
#board_search__wrap select::-ms-expand { display:none; }


#result_shop_num {font-size: 17px; color: #777; margin-bottom: 15px;}
#result_shop_num strong {color: #01458d;}

@media screen and (max-width:980px){ 
	
	#board_search__wrap #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#board_search__wrap #search button {width: 55px; height: 55px;}
}


@media screen and (max-width:768px){ 
	
	#board_search__wrap {display: block; margin-top: 30px;}
	#board_search__wrap #result_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#board_search__wrap #search {width: 100%; display: block;}
	#board_search__wrap #search input[type="text"] { height: 50px; line-height: 50px; font-size: 14px;}
	#board_search__wrap #search button {background-size: 20px; width: 50px; height: 50px;}

}



@media screen and (max-width: 1200px) {
    .bbs_list__wrap.qna .bbsBox .num {width:7%;}
    .bbs_list__wrap.qna .bbsBox .doctor {width:10%;}
    .bbs_list__wrap.qna .bbsBox .title {width:48%; }
    .bbs_list__wrap.qna .bbsBox .writer {width:10%}
    .bbs_list__wrap.qna .bbsBox .condition {width:12%}
    .bbs_list__wrap.qna .bbsBox .date {width:13%;}
}

@media screen and (max-width: 980px) {
    #search_ver #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#search_ver #search button {width: 55px; height: 55px;}
    
	.bbs_list__wrap .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list__wrap .bbsBox div { padding: 0;}
	.bbs_list__wrap .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px !important; display: block;}
	.bbs_list__wrap .bbsBox .title {padding-left: 0; width: 100%; font-size: 15px; display: block;}	
	.bbs_list__wrap .bbsBox .date {width: auto; text-align:left; display: block;}
	.bbs_list__wrap .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px;}
    
    .bbs_list__wrap.qna .bbsBox .doctor {font-size: 15px; width: auto; float: left; padding-left: 0; margin-right: 6px;  margin-bottom: 10px; text-align: left;}
    .bbs_list__wrap.qna .bbsBox .title {width:80%; float: left; margin-bottom: 10px; padding-left: 0}
    .bbs_list__wrap.qna .bbsBox .part,
    .bbs_list__wrap.qna .bbsBox .date,
	.bbs_list__wrap.qna .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px; font-size: 14px;}
    .bbs_list__wrap.qna .bbsBox .part {clear: both;}
    .bbs_list__wrap.qna .bbsBox .condition {display: block; font-size: 14px; width: auto; margin-right: 12px; float: left;}
    .bbs_list__wrap.qna .bbsBox .writer {clear: both;}
}

@media screen and (max-width: 768px) {
    #search_ver {display: block;}
	#search_ver #resutl_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#search_ver #search {width: 100%;}
	#search_ver #search input[type="text"] { height: 50px; line-height: 50px; font-size: 14px;}
	#search_ver #search button {background-size: 20px; width: 50px; height: 50px;}
    
	.bbs_list__wrap .bbsBox {padding-left: 55px; padding-top: 13px; padding-bottom: 13px;}
	.bbs_list__wrap .bbsBox .num {font-size: 14px; width: 55px !important; margin-top: -8px;}
	.bbs_list__wrap .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
	.bbs_list__wrap .bbsBox .date {font-size: 12px;}
	.bbs_list__wrap .bbsBox .writer {font-size: 12px;} 
	.bbs_list__wrap .bbsBox .part {font-size: 12px;} 
    
    
    .bbs_list__wrap.category .bbsBox .doctor {width: 95px;}
    .bbs_list__wrap.category .bbsBox .title {width:calc(100vw - 210px);}
    .bbs_list__wrap.category .bbsBox .doctor, .bbs_list.category .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
    .bbs_list__wrap.category .bbsBox .part,
    .bbs_list__wrap.category .bbsBox .date,
	.bbs_list__wrap.category .bbsBox .writer {font-size: 12px; padding-right: 7px;}
}


/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
#paging a {display:block; width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 13px; color: #6b6b6b; margin: 0 5px; box-sizing: border-box;}
#paging a.on {color: #000; font-weight: 700;}
#paging a.btn {text-indent: -99999px;  background-position: center; background-repeat: no-repeat;}
#paging a.btn.first {background-image: url("/_img/resource/bbs_paging_first.jpg");}
#paging a.btn.prev {background-image: url("/_img/resource/bbs_paging_prev.jpg");}
#paging a.btn.next {background-image: url("/_img/resource/bbs_paging_next.jpg");}
#paging a.btn.last {background-image: url("/_img/resource/bbs_paging_last.jpg");}


@media screen and (max-width: 768px) {
    #paging  {margin: 30px 0}
	#paging a {font-size: 12px; margin: 0 2px;}
    #paging a.btn {background-size: 45%;}
}


/*=======================================================================================================

09. 온라인문의

=======================================================================================================*/
.request_box {width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; padding: 70px 0;}

ul.serviceType_list {width: 100%; display: flex; flex-wrap: wrap;}
ul.serviceType_list li {width: 25%; margin: 15px 0}

ul.inputForm {display: flex; flex-wrap: wrap;}
ul.inputForm li {width:50%; margin: 15px 0; box-sizing: border-box;}
ul.inputForm li p {font-size: 18px; color: #212121; margin-bottom: 15px;}
ul.inputForm li p span {color: #AF0C0E}
ul.inputForm li input[type='text'] {width: 100%; height: 55px; border-radius: 5px; border: 2px solid #ededed; box-sizing: border-box; padding: 10px; font-size: 16px;}
ul.inputForm li:nth-of-type(odd) {padding-right: 20px;}
ul.inputForm li:nth-of-type(even) {padding-left: 20px;}
ul.inputForm li.full {width: 100% !important; padding: 0 !important;}
ul.inputForm li textarea {width: 100%; height: 170px; border-radius: 5px; border: 2px solid #ededed; box-sizing: border-box; padding: 10px; font-size: 16px;}
ul.inputForm li select {width: 100%; height: 55px; border-radius: 5px; border: 2px solid #ededed; box-sizing: border-box; padding: 10px; font-size: 16px;}


/*  검색기간설정  */
.dateBox {position:relative;}
.dateBox .ui-datepicker-trigger {position:absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 23px;}



.filebox {position: relative; box-sizing: border-box; padding-right: 120px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {display: inline-block; font-family: 'Pretendard'; cursor: pointer; vertical-align: top; width: 110px; height: 55px; background: #e8e8e8; color: #5f5e5e; text-align: center; line-height: 55px; margin-top: -1px; border-radius: 5px; font-size: 18px; position: absolute; top: 0; right: 0;}
.filebox .upload-name {font-family: 'Pretendard'; display: inline-block; padding:10px; font-size:15px; border-radius: 5px; border: 2px solid #ededed; vertical-align: middle; background-color: #fff; height: 55px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; color: #5f5e5e}


.privercy_agree {margin-top: 40px;}
.privercy_agree label {font-size: 14px !important; }
.privercy_agree label a {font-size: 14px; display: inline; color: #9a9a9a; padding-left: 10px;}
.privercy_agree.fixed {margin-top: 0; padding: 10px 0 13px 0;}
.privercy_agree.fixed label a {color: #fff;}
.privercy_agree.fixed input[type=checkbox] + label {color: #fff;}

.btns_wrap {text-align: center; margin-top: 30px;}
.btns_wrap button {width: 200px; height: 55px; line-height: 55px; font-size:18px; color: #fff; border: 0; background: #1ca9b2; border-radius: 5px; }


@media all and (max-width:768px) {
	.request_box  {padding: 30px 10px}
	
	ul.inputForm li {width: 100%; margin: 7px 0; padding: 0 !important;}
	ul.inputForm li input[type='text'],ul.inputForm li select,  .filebox .upload-name, .filebox label {height: 45px; line-height: 45px; font-size:14px;}
    ul.inputForm li p {font-size: 14px;}
	ul.serviceType_list li {margin: 10px 0}
    
	
}

@media all and (max-width:640px) {	
	.btns_wrap button {width: 100%; height: 45px; line-height: 45px; font-size: 14px;}
	.privercy_agree label a {font-size: 12px}
	
	.filebox {position: relative; box-sizing: border-box; padding-right: 90px;}
	.filebox label {width: 80px;}
	
	.request_box  {padding: 30px 0}
	ul.serviceType_list li {margin: 5px 0; width: 30%}
}



.event_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.event_list .eventBox__wrap {transition: 0.3s; border-radius: 10px; overflow: hidden; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.event_list .eventBox__wrap .eventBox {box-sizing: border-box; padding: 25px; background: #f8f8f8; }
.event_list .eventBox__wrap .eventBox .pics {position: relative; width: 100%; padding-bottom: 100%; border-radius: 10px; overflow: hidden; }
.event_list .eventBox__wrap .eventBox .pics img {width:100%; height: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.event_list .eventBox__wrap .eventBox .text_wrap {padding: 25px 10px 15px 10px; box-sizing: border-box;}
.event_list .eventBox__wrap .eventBox .text_wrap p.title {font-size:21px; font-weight: 600; color: #212121; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 6px 0}
.event_list .eventBox__wrap .eventBox .text_wrap p.text {font-size: 16px; line-height: 1.55;  word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; max-height: 3.1em; -webkit-line-clamp: 2; white-space: pre-line; margin: 10px 0}
.event_list .eventBox__wrap .eventBox .text_wrap p.date {font-size: 14px; color: #9a9a9a;}
.event_list .eventBox__wrap:hover {box-shadow: 0 0 15px rgba(0,0,0,0.3);}

@media all and (min-width:980px) {    
    .event_list .eventBox__wrap:nth-of-type(3n) {margin-right: 0}
}

@media all and (max-width:980px) {    
    .event_list .eventBox__wrap {width: 49%;}
    .event_list .eventBox__wrap:nth-of-type(2n) {margin-right: 0}
    .event_list .eventBox__wrap .eventBox {padding: 10px;}
    .event_list .eventBox__wrap .eventBox .text_wrap {padding: 20px 0 10px 0;}
    .event_list .eventBox__wrap .eventBox .text_wrap p.title {font-size: 16px;}
    .event_list .eventBox__wrap .eventBox .text_wrap p.date {font-size: 12px;}
    .event_list .eventBox__wrap .eventBox .text_wrap p.text {font-size: 14px;}
}

@media all and (max-width:640px) {    
    .event_list .eventBox__wrap {width: 100%; margin-right: 0; margin-bottom: 30px;}
    .event_list .eventBox__wrap .eventBox {padding: 20px;}
    .event_list .eventBox__wrap .eventBox .pics {padding-bottom: 70%}
}



table.basic_table {width:100%; border-right: 1px solid #ddd; /*border-top: 2px solid #bc9670;*/ table-layout: fixed;}
table.basic_table tr th, table.basic_table tr td {text-align: center; font-size: 15px; /*height: 70px;*/ border-bottom: 1px solid #ddd; box-sizing: border-box; border-left: 1px solid #ddd; padding: 15px 5px; line-height: 1.5;}
table.basic_table thead tr th {background: #04314e; color: #fff; font-weight: 500;}
table.basic_table tbody tr th {background: #fafafa;}
table.basic_table tbody tr td {background: #fff; color: #3a3a3a; font-weight: 400;}
table.basic_table td.left {text-align: left;}
table.basic_table tfoot tr th strong {font-size: 25px; font-weight: 700; color: #212121}
table.basic_table tr td a.btn {font-size:15px; background: #f1f1f1; border: 1px solid #e4e4e4; box-sizing: border-box; display: block; width: 50px; height: 35px; border-radius: 5px; font-weight: 400; margin: 0 5px}
table.basic_table tr td .flex {justify-content: center;}

@media all and (max-width:800px){
    .table_wrap {overflow-x: scroll;}
    table.basic_table tr th, table.basic_table tr td {font-size: 14px; padding: 10px 5px;}
}

.scroll-info {position:relative;width:100%;text-align:center;font-size:12px;margin-bottom:10px;padding:10px 0;}
.scroll-info span:before, .scroll-info span:after {content:"";display:inline-block;vertical-align:middle;width:23px;height:9px;background:url("/images/icon/tbl_rsv_arr.png") no-repeat;margin-top:-2px}
.scroll-info span:before {background-position:0 0;margin-right:20px}
.scroll-info span:after {background-position:-32px 0;margin-left:20px}
.scroll-info br {display:none}
.bg-gray .scroll-info span {color: #fff;}
.bg-deepGray .scroll-info span {color: #fff;}


@media all and (min-width:768px){
    .scroll-info {display: none;}
    .scroll-info * {vertical-align:middle}
	.scroll-info span {display:inline-block;height:20px;padding-top:15px;padding-bottom:15px}
}
@media all and (max-width:399px){
	.scroll-info {line-height:1.4}
	.scroll-info br {display:block}
    .scroll-info span:before, .scroll-info span:after {position:absolute;top:50%}
	.scroll-info span:before {left:10px}
	.scroll-info span:after {right:10px}
}


.map_btn {margin-left:30px; vertical-align:top}

@media all and (max-width:768px){
.map_btn {margin-left:10px;}
.map_btn img {width:28%}	
}


/*수면임플란트*/
#sleep_implant01 {background-image: url('/images/sub/sleep_implant-sec1-bg.jpg'); height: 850px;}
#sleep_implant03 {background-image: url('/images/sub/sleep_implant-sec3-bg.jpg'); height: 850px;}
#sleep_implant01 .section_title h6 span {color: #fff; background: #1ca9b2; padding: 5px 10px}


@media all and (max-width:980px) {
    #sleep_implant01 .section_title h6 span {line-height: 1.8;}
	#sleep_implant01 {background-image: url('/images/res/sleep_implant-sec1-bg.jpg'); height: auto; padding-bottom: 80%; background-position: center bottom;}
	#sleep_implant03 {background-image: url('/images/res/sleep_implant-sec3-bg.jpg'); height: auto; padding-bottom: 90%; background-position: center bottom;}
	#sleep_implant03 .flex.end {justify-content: flex-start;}
	#sleep_implant03 .vertical_midAlign-wrap .vertical_midAlign-inner.bottom {vertical-align: baseline;}
}