@charset "utf-8";

/* common class */
.inner_wrap { position:relative; width:85%; max-width:1600px; margin:auto; }
.section_content { width:100%; margin:30px 0 0 0; padding:0; }
#section5 .section_content, #section6 .section_content { margin:15px 0 0 0; }
.section_content::after { display:block; content:""; height:0; float:none; clear:both; }
.section_content p { line-height:140%; padding-bottom:25px; font-size:20px; color:#666; }
.section_content p.mini { font-size:17px; }
.h1 { padding: 30px 0 0 0; font-size: 40px; line-height: 100%; color:#444; background:url('../img/eng_h1.gif') no-repeat 0px 0px; }
.h2 { padding-bottom:15px; line-height:140%; font-size:28px; color:#d71d6c; }
.bg_brown { background-color:#db944e; }
.bg_pink { background-color:#e05590; }
.row1::after, .row2::after { content:""; display:block; height:0; clear:both; float:none; }
/* common class */


#container { width:100%; min-width:320px; height:100%; margin:0; padding:0; }
#wrap { width:100%; min-width:320px; height:100%; margin:0; padding:0; }

#head_wrap { width:100%; min-width:320px; background:#363c45; clear:both; }
#head_box { width:85%; max-width:1600px; margin:auto; padding:0 10px; }
#head_box::after { display:block; content:""; height:0; float:none; clear:both; }

#head_box .row1 { padding-left:300px; padding-right:135px; }

#head_logo { float:left; width:300px; height:85px; padding-top:15px; margin-left:-300px; overflow:hidden; }
#head_logo img { max-width:100%; }

#head_text { float:left; width:100%; padding-top:44px; margin-right:-135px; color:#afb5bd; font-size:15px; overflow:hidden; }

#language_list { float:right; padding-top:45px; padding-left:18px; margin-right:-135px; overflow:hidden; }
#language_list ul { margin:0; padding:0; }
#language_list ul li { float:left; margin-left:15px; }
#language_list ul li:first-child { margin-left:0; }

#main_wrap { width:100%; min-width:320px; margin:0; padding:0; clear:both; }
#main_vis { position:relative; }
.vis_img { line-height:0; overflow:hidden; }
.vis_img img { max-width:100%; }
.vis_text { position:absolute; width:48%; top:23%; right:6%; }
.vis_text .large { color:#cc0e51; font-size: 60px; line-height:120%; width: 88%;}
.vis_text .small { color:#4d4d4d; margin-top:20px; font-size: 21px; line-height: 140%; }

#section1 { width:100%; padding:50px 0 0 0; background:#f3edfe; }
#section1 ul::after { display:block; content:""; height:0; float:none; clear:both; }
#section1 ul li { float:left; width:50%; box-sizing:border-box; margin-bottom:20px; height: 100%;}
#section1 .icon { float:left; margin-right: 3%; }
#section1 .icon img { max-width:100%; }
#section1 .desc { float:left; width: 75%; padding-top:10px; }
#section1 .desc .subject { color:#513a80; font-size: 23px; font-weight:800; }
#section1 .desc .content { padding-top:15px; color:#000; font-size: 17px;}

#section2 { width:100%; padding:50px 0 0 0; background:#fff; }
#section2 ul::after { display:block; content:""; height:0; float:none; clear:both; }
#section2 ul li { float:left; width:18%; height:415px; margin-left:2.5%; margin-bottom:2.5%; padding:2%; border-radius: 30px; background:#363c45; text-align:center; box-sizing:border-box; }
#section2 ul li:first-child { margin-left:0; }
#section2 .icon img { max-width:100%; }
#section2 .desc { color:#fff; }
#section2 .desc .subject { height:60px; padding-top: 15px; font-size:26px; }

#section3 { width:100%; height:340px; padding:50px 0; background:#eee4ea; }
#section3 p { width:50%; }
#section3 .btn { width:265px; padding:10px 20px; margin:15px 0 0 0; border-radius:20px; text-align:center; color:#fff; background:#d71d6c; }
#section3 .photo { position:absolute; max-width:50%; top:0; right:0; }
#section3 .photo::after { display:block; content:""; height:0; float:none; clear:both; }
#section3 .photo .before, #section3 .photo .after { float:left; width:50%; box-sizing:border-box;  line-height:0; }
#section3 .photo .before img, #section3 .photo .after img { max-width:100%; }
#section3 .photo .before { border:1px solid #cfcfcf; }
#section3 .photo .after { border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; }
#section3 .photo .arrow { position:absolute; top:44%; left:47%; }

#section4 { width:100%; padding:50px 0 0 0; background:#fff; }
#section4 .surgeon { float:left; width:50%; color:#fff; }
#section4 .surgeon .photo { position:relative; width:100%; height:100%; line-height:0; }
#section4 .surgeon .photo img { max-width:100%; }
#section4 .surgeon .photo .profile { position:absolute; bottom:0; left:5%; line-height:140%; font-size: 22px; }
#section4 .surgeon .photo .profile .big { height: 80px; padding: 10px 0; line-height: 100%; font-size: 40px; }
#section4 .surgeon .history { padding:40px 30px; }
#section4 .surgeon .history ul::after { display:block; content:""; height:0; float:none; clear:both; }
#section4 .surgeon .history ul li { float:left; width:100%; padding-left:10px; margin-top:2%; font-size: 16px; background:url('/kor/img/common/bu_05.gif') no-repeat 0px 10px;}
#section4 .surgeon .history ul li:first-child { margin-top:0; }

#section5 { width:100%; padding:50px 0 0 0; background:#fff; }
#section5 .photo { float:left; width:50%; }
#section5 .photo ul::after { display:block; content:""; height:0; float:none; clear:both; }
#section5 .photo ul li { float:left; width:100%; line-height:0; }
#section5 .photo ul li img { max-width:100%; }
#section5 .info { display:table; float:left; width:50%; padding: 0 15px; box-sizing:border-box; color:#fff; background:#ca3071; }
#section5 .info .hours { display: table-cell; vertical-align: middle; width: 57%; padding:0; box-sizing:border-box; }
#section5 .info .hours ul li { font-size:18px; height: 40px; }
#section5 .info .hours ul li::after { display:block; content:""; height:0; float:none; clear:both; }
#section5 .info .hours ul li .day { float:left; width: 32%; overflow:hidden; margin-right: 3%; }
#section5 .info .hours ul li .time { float:left; }
#section5 .info .tel { display: table-cell; vertical-align: middle; padding:0; font-size: 26px; box-sizing:border-box; line-height: 150%; }

#section6 { width:100%; padding:50px 0 0 0; background:#fff; }
#section6 #map { position:relative; width:100%; height:420px; }

#foot_wrap { width:100%; min-width:320px; margin:0; padding:30px 0; clear:both; }
.copyright { line-height:200%; color:#8e8e8e; text-align:center; font-size: 15px;}

.clear_div { display:block; content:""; height:0; float:none; clear:both; }

@media (max-width:1400px ) {
	.h1 { padding:25px 0 0 0; font-size:34px; }
	#head_text { padding-top: 32px; }

	.vis_text { width:45%; }
	.vis_text .large { font-size: 40px; }
	.vis_text .small { font-size: 19px;}

	#section1 .icon { width: 20%; }
	#section2 ul li { padding: 2% 1.5%;}
	#section3 { height: 315px; }
	#section4 .surgeon .history ul li { margin-top:3%; }
	#section5 .info .hours { width: 67%; }
	#section5 .info .hours ul li { height: 34px; font-size: 17px; }
	#section5 .info .tel { font-size: 24px; }

}

@media (max-width:1200px ) {
	.vis_text { width:55%; top:25%; }
	.vis_img img { max-width:120%; margin:0 0 0 -15%; }
	.vis_text .large { font-size: 40px; }

	#section2 .desc .subject { padding-top:0; }
	#section5 .info .hours ul li { height: 28px; font-size: 16px; }
	#section5 .info .tel { font-size:19px; }
}

@media (max-width:1024px ) {
	.h2 { line-height: 130%; font-size: 23px; }
	.section_content p { padding-bottom:20px; }
	#head_text { display:none; }
	#head_box { width:94%; padding:0px 9px; }
	.inner_wrap { width:94%; }
	#head_logo { height:70px; }

	.vis_text { width: 94%; top: 45%; right: 0; left: 3%;}
	.vis_img img { max-width: 180%; margin: 0 0 0 -20%; }
	.vis_text .large { font-size: 35px; width: 100%;}
	.vis_text .small { font-size: 21px; }

	#section1, #section2, #section4, #section5, #section6 { padding:30px 0 10px 0; }
	#section1 .desc { padding-top:0; }
	#section2 ul li { width: 32%; margin-left: 2%; margin-bottom: 2%; height: 310px; padding: 2% 4%; }
	#section2 ul li:nth-child(4) { margin-left:0; }
	#section2 .desc .subject { height:40px; }

	#section3 { height:100%; padding:30px 0; }
	#section3 p { line-height: 130%; font-size: 18px; }

	#section4 .surgeon .photo .profile { font-size:18px; }
	#section4 .surgeon .photo .profile .big { height:45px; line-height:130%; font-size:24px; }
	#section4 .surgeon .history { padding: 20px; }
	#section4 .surgeon .history ul li { margin-top:6%; }

	#section5 .photo, #section5 .info { width:100%; }
	#section5 .info { padding:30px; }
	#section5 .info .hours { width:60%; }
	#section5 .info .hours ul li { height:36px; font-size:18px; }
	#section5 .info .tel {line-height: 160%; font-size: 21px; }
}

@media (max-width: 768px) {
	.vis_text .large { font-size: 28px; }
	.vis_text .small { font-size: 18px; }

	#section2 ul li { height:385px; }

	#section2 .desc .subject { height:60px; }
	#section3 p { width:100%; }
	#section3 .photo { position:relative; max-width:100%; }
	#section3 .photo .before img, #section3 .photo .after img { width:370px; }

	#section3 .btn { padding: 10px 15px; margin:0 0 15px 0; }
	#section4 .surgeon { width:100%; }
	#section4 .surgeon .photo .profile .big { font-size:32px; height:100%; }
	#section4 .surgeon .history ul li { margin-top:3%; }
}

@media (max-width:640px ) {
 	.h1 { font-size: 22px; }
	.h2 { font-size: 17px; }
	.section_content { margin: 10px 0 0 0; }
	.section_content p { font-size:18px; padding-bottom:15px; }
	.section_content p.mini { font-size:14px; }

	#head_box .row1 { padding-left:165px; }
	#head_logo { width:165px; height:55px; margin-left:-165px; }
	#language_list { padding-top:30px; }

	.vis_img img { max-width: 200%; margin: 0 0 0 -25%; }
	.vis_text { top:43%; }
	.vis_text .small { margin-top:15px; }

	#section1 ul li { width:100%; }
	#section1 .icon { width:14%; }
	#section1 .desc { width:83%; }
	#section1 .desc .subject { font-size:20px; }
	#section1 .desc .content { padding-top:5px; font-size:16px; }

	#section2 ul li { width:100%; height:100%; margin-left:0; padding:4% 10%; }
	#section2 .icon { width:70px; margin:auto; }
	#section2 .desc .subject { height:30px; font-size: 20px; }
	#section2 .desc .content { font-size:14px; }

	#section3 p { font-size: 16px;}
	#section3 .photo .before img, #section3 .photo .after img { width:auto; }

	#section4 .surgeon .photo .profile { font-size: 16px;}
	#section4 .surgeon .photo .profile .big { font-size: 22px; padding: 5px 0;}
	#section4 .surgeon .history ul li { margin-top:3%; font-size:14px; }

	#section5 .info { padding: 5% 10%; }
	#section5 .info .hours { width:100%; }
	#section5 .info .hours ul li { height: 24px; font-size: 14px; }
	#section5 .info .tel { display:none; }

	#section6 #map { height:180px; }

	#foot_wrap .inner_wrap { width:96%; }
	.copyright { line-height:160%; font-size:14px; }

	#section5 .info .hours ul li .day { width:40%; }
}

@media (max-width:480px ) {
	.vis_img img { max-width: 280%; margin: 0 0 0 -40%; }
	.vis_text .large { font-size: 18px; }
	.vis_text .small { margin-top:15px; line-height:120%; font-size: 16px; }
}
@media (max-width:340px ) {
	.vis_text .large { font-size: 16px; }
	.vis_text .small { font-size: 14px; }
}