@charset "utf-8";


#sub02_01_wrap {width:100%;}
#sub02_01_wrap .cont01 {width:100%; height:360px; background-color:#79b5bf; padding-top:35px;}
#sub02_01_wrap .cont01 .container {height:360px; margin:0 auto;}
#sub02_01_wrap .cont01 .container .left {width:52%; height:355px; position: relative; margin-right:3%;}

#sub02_01_wrap .cont01 .container > div {float: left;}

#sub02_01_wrap .cont01 .container .left h2 { padding-left:40px; font-size:38px; font-weight:lighter; color:#fff;}
#sub02_01_wrap .cont01 .container .left .txt_top {font-size:18px; color:#fff; padding:10px 40px; line-height:26px; font-weight:normal; font-size:17px;}
#sub02_01_wrap .cont01 .container .left .txt_top span.italic {font-style:italic; color:#386494;}
#sub02_01_wrap .cont01 .container .left .box-line {position:absolute; top:19px; left:0;}
#sub02_01_wrap .cont01 .container .left .box-line img {width:100%;}
#sub02_01_wrap .cont01 .container .left .txt_bottom {width: 100%; height:120px; padding:15px 25px; margin-top:20px; background-color:#fff; box-shadow:5px 5px 10px #333;; font-size:18px; line-height:30px; color:#333; font-weight:bold;}
#sub02_01_wrap .cont01 .container .right {width:45%; height:auto; position:relative;}


#sub02_01_wrap .cont01 .container .right p {position:absolute; top:10%; right:7.5%; text-align:center; color:#fff; font-size:20px; line-height:29px;}
#sub02_01_wrap .cont01 .container .right p::before {content:url(/img/02_effort/01/ddaom_open.png); position:absolute; top:-7px; left:14%;}
#sub02_01_wrap .cont01 .container .right p::after {content:url(/img/02_effort/01/ddaom_close.png); position:absolute; bottom:-5px; right:0;}

#sub02_01_wrap .cont02 {background:url(/img/02_effort/01/sub2_1_jpg_02.jpg) center center no-repeat; background-size:cover; padding:80px 0; color:#fff;}
#sub02_01_wrap .cont02 h2 {color:#fff; font-size:30px;}
#sub02_01_wrap .cont02 p.subtitle {font-size:18px; margin:20px 0;}
#sub02_01_wrap .cont02 .container .bg_on, #sub02_01_wrap .cont02 .container .dpt {height:340px; padding:25px 35px;}
#sub02_01_wrap .cont02 .container div.bg_on {background:url(/img/02_effort/01/sub2_1_jpg_01.jpg) center center no-repeat; background-size:cover;}
#sub02_01_wrap .cont02 .container div.dpt {background:rgba(255,255,255,0.2);}
#sub02_01_wrap .cont02 .container div:last-child p {font-size:18px;}

.endodontic_05.another_bg {background:url(/img/02_effort/01/sub_2_anotherbg.png) center center no-repeat !important; background-size:cover;}
.endodontic_05.another_bg .text_box {background:rgba(121, 169, 203, 0.8);}
.endodontic_05.another_bg .text_box .highlight {background:#6d7b86; padding:0 5px;}
.endodontic_05 .caption.another_color p {color:#333;}

@media(max-width:767px)
{
	#sub02_01_wrap .cont01 .container .left {width:100%; height:280px;}
	#sub02_01_wrap .cont01 .container .right {width:100%;}

	#sub02_01_wrap .cont01 {height:auto; overflow:hidden;}

	#sub02_01_wrap .cont01 .container .left h2 {font-size:20px; padding-left:15px;}
	#sub02_01_wrap .cont01 .container .left .box-line {top:15px;}
	#sub02_01_wrap .cont01 .container .left .box-line img {height:79px;}
	#sub02_01_wrap .cont01 .container .left .txt_top {padding:7px 12px; font-size:12px; line-height:20px;}
	#sub02_01_wrap .cont01 .container .left .txt_bottom {height:auto; font-size:12px; line-height:1.5;}

	#sub02_01_wrap .cont01 .container .right {height:auto;}

	#sub02_01_wrap .cont02 h2 {font-size:24px;}
	#sub02_01_wrap .cont02 p.subtitle {font-size:14px;}

	#sub02_01_wrap .cont02 {padding:40px 0;}
	#sub02_01_wrap .cont02 .container div:last-child p {font-size:12px;}

	#sub02_01_wrap .cont02 .container .dpt {height:195px; padding:30px 20px;}
	.endodontic_05.another_bg {background:url(/img/02_effort/01/sub_2_anotherbg_mo.jpg) center center no-repeat !important; background-size:cover;}
}

@media(min-width:768px)
{
	#sub02_01_wrap .cont01 .container .left {width:100%;}
	#sub02_01_wrap .cont01 .container .right {width:100%;}

	#sub02_01_wrap .cont01 {height:715px;}
	#sub02_01_wrap .cont01 .container .left .box-line {width:100%;}
	#sub02_01_wrap .cont01 .container .left .box-line img {height:120px;}
	#sub02_01_wrap .cont01 .container .left .txt_top {height:29%;}

	#sub02_01_wrap .cont01 .container .right {text-align:center;}
	#sub02_01_wrap .cont01 .container .right p {right:31.5%;}

	.endodontic_05.another_bg .text_box {padding:40px 30px;}
}

@media(min-width:992px)
{
	#sub02_01_wrap .cont01 .container .left {width:52%;}
	#sub02_01_wrap .cont01 .container .right {width:45%;}

	#sub02_01_wrap .cont01 {height:390px;}

	#sub02_01_wrap .cont01 .container .left .box-line {width:auto;}
	#sub02_01_wrap .cont01 .container .left h2 {font-size:31px;}
	#sub02_01_wrap .cont01 .container .left .box-line img {height:125px;}
	#sub02_01_wrap .cont01 .container .left .txt_bottom {height:177px;}

	#sub02_01_wrap .cont01 .container .right {text-align:left; margin-top:84px;}
	#sub02_01_wrap .cont01 .container .right p {top:12%; right:-100px;}
}

@media(min-width:1500px)
{
	#sub02_01_wrap .cont01 .container .left .box-line img {height:auto;}

	#sub02_01_wrap .cont01 {height:360px;}

	#sub02_01_wrap .cont01 .container .left h2 {font-size:38px;}
	#sub02_01_wrap .cont01 .container .left .txt_bottom {height:120px;}

	#sub02_01_wrap .cont01 .container .left, #sub02_01_wrap .cont01 .container .right {height:325px;}
	#sub02_01_wrap .cont01 .container .right p {top:10%; right:7.5%;}

	#sub02_01_wrap .cont01 .container .right {text-align:left; margin-top:0;}

	.endodontic_05 .text_box.another_width {width:667px;}

}