@charset "utf-8";

/*br*/
.br_w {display:block;}

/* layout.css 중복 방지 */
.visual {height:auto; padding:0;}

/* 메인 슬라이드 */
#main #slides {max-width:1920px; margin:0 auto; height:922px; position:relative;}
#main #slides .slidesjs-container {height:100% !important; width:100% !important;}
#main #slides p.copy {font-size:20px; padding-top:635px; font-weight: bold; padding-left:125px;}
#main #slides .slides03 p.copy {padding-top:350px; text-align: center; margin: 0 auto; padding-left: 0;}
#main #slides .copy_button {margin:30px 0 0 125px; width:180px; height:50px; line-height:50px; background:#3886e6; border-radius:25px;}
#main #slides .copy_button a { padding:15px 45px; color:#fff;}

#main #slides .slides01 {background:url(/img/00_main/main_1983.png) center center no-repeat; background-size:cover; height:922px; color:#555; text-align:left;}
#main #slides .slides02 {background:url(/img/00_main/main_visual02_190118.jpg) center center no-repeat; background-size:cover; height:922px; color:#555; text-align:left;}
#main #slides .slides03 {background:url(/img/00_main/main_visual03.jpg) center center no-repeat; background-size:cover; height:922px; color:#555; text-align:left;}
/*#main #slides .slides04 {background:url(/img/00_main/main_1983.png) center center no-repeat; height:922px; color:#555; text-align:left;}*/

#main #slides .slidesjs-navigation {display:block; position:absolute; width:31px; height:43px; z-index:10; top:447px; text-indent:-9999px;}
#main #slides .slidesjs-previous {background:url(/img/00_main/nav_prev.png) center center no-repeat; left:360px;}
#main #slides .slidesjs-next {background:url(/img/00_main/nav_next.png) center center no-repeat; right:360px;}
#main #slides .slidesjs-pagination {position:relative; bottom:51px; z-index:10; text-align:center;}
#main #slides .slidesjs-pagination li {display:inline-block;}
#main #slides .slidesjs-pagination li a {display:block; background:url(/img/00_main/bg_slidedot.png) center center no-repeat; width:16px; height:16px; margin:0 4px; text-indent:-9999px;}
#main #slides .slidesjs-pagination li a.active {background:url(/img/00_main/bg_slidedot_on.png) center center no-repeat;}

/* 공통 */
.main_section {padding:80px 0;} 
.maintitle {margin:0 0 50px 0; text-align:center;}
.subcopy {font-size:20px; margin:15px 0 0 0;}
.txt_btn a {color:#3886e6;}

/* 왜 이안과인가 */
#why {text-align:left;}
#why ul.row {margin:0 -30px;}
#why ul.row li {padding:0 30px;}
#why ul.row .imgwrap img{margin: 0 auto;}
#why .txtwrap {padding:20px;}
#why .txtwrap h1 {color:#609eeb; font-size:60px;}
#why .txtwrap p.txt {margin:10px 0 15px 0;}

/* 3대가 함께 찾는 이안과*/
#family {background:url(/img/00_main/bg_family.jpg)center center no-repeat;}
#family .familytitle h1 {font-size:60px; letter-spacing:-5px;}
#family .copy_button {margin:30px 0 0 0; width:180px; height:50px; line-height:50px; background:#3886e6; border-radius:25px; display:inline-block;}
#family .copy_button a { padding:15px 45px; color:#fff;}

/* 수술이 다른 이안과 */
#surgery {background:#f5f5f5;}
#surgery .boxwrap ul {margin:0 -15px;}
#surgery .boxwrap ul li {padding:15px;}
#surgery .boxwrap ul ul li {padding:30px 15px 0 15px;}
#surgery .boxwrap ul li a div.innertitle {background-repeat:no-repeat; background-size:cover; background-position:center center; text-align:left; padding:25px 30px; height:250px;}
#surgery .boxwrap ul li.img a div.innertitle {height:530px;}
#surgery .boxwrap ul li a div.innertitle h2 {padding:5px 0 10px 0;}
#surgery .boxwrap ul li a div.innertitle p {color:#333; max-width:300px;}
#surgery .boxwrap ul li a div.surgery {background-image:url(/img/00_main/subject_01.jpg);}
#surgery .boxwrap ul li a div.ad {background-image:url(/img/00_main/bg_ad.jpg);}
#surgery .boxwrap ul li a div.epilogue {background-image:url(/img/00_main/bg_epilogue.jpg); background-size: cover; height: 110px;}
#surgery .boxwrap ul li a div.youtube {background-image:url(/img/00_main/bg_youtube.jpg); background-size: cover; height: 110px;}
#surgery .boxwrap ul li a div.reservation {background-image:url(/img/00_main/tel_ad.jpg);}
#surgery .boxwrap .col-sm-6 .top, #surgery .boxwrap .col-sm-6 .bottom {height: 110px;}
#surgery .boxwrap .col-sm-6 .top {margin-bottom: 30px;}
#surgery .img img {margin: 0 auto;}
#surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p ,#surgery .reservation img {display: none;}

/* 이안과 장학회 */
#main_scholar .txt_btn {margin:20px 0 0 0;}
#main_scholar .scholar_visual {height:523px; max-width:960px; margin:0 auto; background:url(/img/00_main/bg_scholar.jpg) center center no-repeat; padding:380px 0 0 0;}
#main_scholar .scholar_visual h2 {font-size:60px; letter-spacing:-2px;}

/* 이안과 이용안내 */
#main_info {background:#f2f5f8;}
#main_info > div > ul.row {margin:0 -30px;}
#main_info > div > ul.row > li {padding:0 30px;}
#main_info .innertitle {background:#fff; padding:45px 50px; text-align:left;}
#main_info .innertitle h2 {margin:0 0 20px 0;}
#main_info .innertitle ul li {position:relative; padding-left:85px;}
#main_info .innertitle ul li span {position:absolute; left:0;}
#main_info .innertitle .txt_btn {margin:20px 0 0 0;}

/* 이안과 온라인 */
#main_online ul {margin:0;}
#main_online ul li {height:420px; background-size:cover; background-position:center center; background-repeat:no-repeat; padding:90px 0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
#main_online ul li.background_scale {overflow:hidden;}
#main_online ul li h1 {padding-top:135px; background-position:center top; background-repeat:no-repeat;}
#main_online .bottom1 {background-image:url(/img/00_main/bg_bottom1.jpg);}
#main_online .bottom2 {background-image:url(/img/00_main/bg_bottom2.jpg);}
#main_online ul li.bottom1 h1 {background-image:url(/img/00_main/icon_bottom1.png);}
#main_online ul li.bottom2 h1 {background-image:url(/img/00_main/icon_bottom2.png);}

/* 메인 배너 */
#main_banner {background:#f5f5f5; height:70px;}
#main_banner ul {max-width:600px; width:100%; margin:0; padding:14px 0; background:#f5f5f5; display:inline-block;}
#main_banner ul li {float: left; margin-right: 10%;}
#main_banner ul li:last-child {margin-right: 0;}
#main_banner ul li a {display:block;}
#main_banner ul li a img { display:inline-block;}

@media(max-width:767px)
{
	/*br*/
	.br_w {display:block;}

	/* 공통 */
	.main_section {padding:40px 0 0 0;}
	.maintitle {margin: 0 0 30px 0;}
	#main_info > div > ul.row {margin:0;}
	#main_info > div > ul.row > li {padding:0;}

	/*메인슬라이드*/
	#main #slides, #main #slides .slides01, #main #slides .slides02, #main #slides .slides03, #main #slides .slides04 {height:400px;}
	#main #slides p.copy {display: none;}
	#main #slides .copy_button {margin:320px 0 0 50px; width:100px; height:30px; line-height:30px;}
	#main #slides .copy_button a {font-size: 11px; padding:15px 20px; color:#fff;}

	#main #slides .slides01 {background:url(/img/00_main/main_1983_m.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}
	#main #slides .slides02 {background:url(/img/00_main/main_m_visual02_190118.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}
	#main #slides .slides03 {background:url(/img/00_main/main_m_visual03.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}

	#main #slides .slidesjs-pagination {bottom:25px;}
	#main #slides .slidesjs-navigation {top:220px;}
	#main #slides .slidesjs-previous {left:15px;}
	#main #slides .slidesjs-next {right:15px;}

	/* 왜 이안과인가 */
	#why {padding: 40px 0 0 0;}
	#why ul.row {margin:0;}
	#why ul.row li {margin-bottom:0; padding:0;}
	#why ul.row li:last-child {margin-bottom: 0;}
	#why ul.row li .txtwrap h1 {font-size: 50px;}

	/* 3대가 함께 찾는 이안과*/
	#family {background:url(/img/00_main/bg_family.jpg) left -80px center no-repeat; background-size: cover; padding-bottom:40px;}
	#family .familytitle h1 {font-size: 40px; padding: 0 10px;}
	#family .familytitle .subcopy {padding: 0 10px;}

	/*	수술이 다른 이안과*/
	#surgery .boxwrap ul {margin:0;}
	#surgery .boxwrap ul li {padding:0;}
	#surgery .boxwrap ul ul li {padding:0;}
	#surgery .boxwrap ul li.img a div.innertitle {height:250px;}
	#surgery .boxwrap ul li a div.innertitle {background-position:center right 28%;}
	#surgery .boxwrap ul li a div.innertitle h2 {font-size: 24px;}
	#surgery .boxwrap ul li a div.innertitle .sat_day  {font-size:12px;}
	#surgery .boxwrap ul li a div.surgery {background-image: url(/img/00_main/subject_01_m.jpg); background-position:center right 28%;}
	#surgery .boxwrap ul li a div.ad {background-image: url(/img/00_main/bg_ad_m.jpg);}
	#surgery .boxwrap ul li a div.reservation {background-image:url(/img/00_main/tel_ad_m_bg.jpg);}
	#surgery .boxwrap .col-sm-6 .top, #surgery .boxwrap .col-sm-6 .bottom {height: 250px;}
	#surgery .boxwrap .col-sm-6 .top {margin-bottom: 0;}
	#surgery .boxwrap ul li .top a div.epilogue {background-image:url(/img/00_main/bg_epilogue_m.jpg); background-size: cover; height: 250px;}
	#surgery .boxwrap ul li a div.youtube {background-image:url(/img/00_main/bg_youtube_m.jpg); background-size: cover; height: 250px;}
	#surgery .boxwrap ul li.double {height: 500px;}
	#surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p {display: block;}
	#surgery .reservation img {display: none;}

	/* 이안과 장학회 */
	#main_scholar .scholar_visual {padding:120px 0 0 0;}
	#main_scholar .scholar_visual .p_blue {color: #fff;}
	#main_scholar .scholar_visual {height:523px;}

	/* 이안과 이용안내 */
	#main_info .innertitle {padding:20px;}
	#main_info .innertitle h2 {font-size: 24px;}

	/* 메인 배너 */
	#main_banner {height: auto;}
	#main_banner ul.row {padding: 15px 5px; display:block;}
	#main_banner ul li {float: left; margin: 0 0 0 0; padding: 0 10px;}
	#main_banner ul li img {width: 100%;}
	#main_banner ul li.logo01 {width: 40%;}
	#main_banner ul li.logo02 {width: 40%;}
	#main_banner ul li.logo03 {width: 20%;}
}

@media(min-width:768px)
{
	/*br*/
	.br_w {display:none;}

	/*메인슬라이드*/
	#main #slides, #main #slides .slides01, #main #slides .slides02, #main #slides .slides03, #main #slides .slides04 {height:640px;}
	#main #slides p.copy {font-size:16px; padding-top:430px; padding-left:30px;}
	#main #slides .slides02 p.copy {padding-top:450px;}
	#main #slides .slides03 p.copy {padding-top:250px;}
	#main #slides .copy_button {margin:20px 0 0 30px; width:150px; height: 45px; line-height: 45px;}
	#main #slides .copy_button a { padding:10px 30px;}
	#main #slides .slidesjs-next {right:20px;}
	#main #slides .slidesjs-previous {left:20px;}
	#main #slides .slidesjs-navigation {top: 330px;}

	#main #slides .slides03 {background:url(/img/00_main/main_t_visual03.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}

	/* 왜 이안과인가 */
	#why ul.row {margin:0;}
	#why ul.row li {padding:0 15px;}
	#why .txtwrap h1 {color:#609eeb; font-size:40px;}

	#main_scholar .scholar_visual {background-size:100% 100%; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
	#main_scholar .scholar_visual:hover {background-size:101.5% 101.5%;}

	/*	수술이 다른 이안과*/
	#surgery .boxwrap ul {margin:0 -14px;}
	#surgery .boxwrap ul li.img a div.innertitle {height:530px;}
	#surgery .boxwrap ul li a div.innertitle {padding:15px 10px;}
	#surgery .boxwrap ul li a div.innertitle p {font-size:14px;}
	#surgery .boxwrap ul li a div.innertitle .sat_day  {font-size:10px;}
	#surgery .boxwrap ul li a div.reservation {background-image:url(/img/00_main/tel_ad_m_bg.jpg);}
	#surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p ,#surgery .reservation img {display: block;}
	#surgery .reservation {position: relative;}
	#surgery .reservation img {position: absolute; bottom: 0; right: 0;}

	/* 이안과 이용안내 */
	#main_info > div > ul.row {margin:0;}
	#main_info > div > ul.row > li {padding:0 10px;}

	#main_info > div > ul.row > li > .imgwrap {overflow:hidden;}
	#main_info > div > ul.row > li > .imgwrap > img {transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
	#main_info > div > ul.row > li > .imgwrap > img:hover {transform:scale(1.03);}
}

@media(min-width:992px)
{
	/*메인슬라이드*/
	#main #slides, #main #slides .slides01, #main #slides .slides02, #main #slides .slides03, #main #slides .slides04 {height:760px;}
	#main #slides p.copy {font-size:20px; padding-top:520px; font-weight: bold; padding-left:90px;}
	#main #slides .slides02 p.copy {padding-top: 520px;}
	#main #slides .slides03 p.copy {padding-top: 295px;}
	#main #slides .copy_button {margin:20px 0 0 90px; width:150px; height: 45px; line-height: 45px;}
	#main #slides .slidesjs-navigation {top: 400px;}
	#main #slides .slidesjs-next {right:70px;}
	#main #slides .slidesjs-previous {left:70px;}

	#main #slides .slides03 {background:url(/img/00_main/main_t_visual03.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}

	/* 왜 이안과인가 */
	#why ul.row {margin:0 -30px;}
	#why .txtwrap h1 {color:#609eeb; font-size:60px;}

	/*	수술이 다른 이안과*/
	#surgery .boxwrap ul {margin:0 -15px;}
	#surgery .boxwrap ul li a div.innertitle {padding:25px 30px;}
	#surgery .boxwrap ul li a div.innertitle p {font-size:14px;}
	#surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p ,#surgery .reservation img {display: block;}
	#surgery .reservation {position: relative;}
	#surgery .reservation img {position: absolute; bottom: 0; right: 0;}

	/* 이안과 이용안내 */
	#main_info > div > ul.row {margin:0 -30px;}
	#main_info > div > ul.row > li {padding:0 20px;}

}

@media(min-width:1500px)
{
	/*br*/
	.br_w {display:block;}

	/*메인슬라이드*/
	#main #slides, #main #slides .slides01, #main #slides .slides02, #main #slides .slides03, #main #slides .slides04 {height:922px;}
	#main #slides p.copy {font-size:20px; padding-top:635px; font-weight: bold; padding-left:125px;}
	#main #slides .slides02 p.copy {padding-top: 635px;}
	#main #slides .slides03 p.copy {padding-top: 320px;}
	#main #slides .copy_button {margin:30px 0 0 125px;}
	#main #slides .slidesjs-navigation {top:447px;}
	#main #slides .slidesjs-previous {left:360px;}
	#main #slides .slidesjs-next {right:360px;}

	#main #slides .slides03 {background:url(/img/00_main/main_visual03.jpg) center center no-repeat; background-size:cover; color:#555; text-align:left;}

	/* 왜 이안과인가 */
	#why .txtwrap h1 {color:#609eeb; font-size:60px;}

	/*	수술이 다른 이안과*/
	#surgery .boxwrap ul li a div.innertitle p {font-size:16px;}
	#surgery .boxwrap ul li a div.innertitle .sat_day {font-size:12px;}
	#surgery .boxwrap ul li.img a div.innertitle {height:530px;}
	#surgery .boxwrap ul li a div.reservation {background-image:url(/img/00_main/tel_ad_190225.jpg);}
	#surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p , #surgery .reservation img {display: none;}

	/* 이안과 이용안내 */
	#main_info > div > ul.row > li {padding:0 30px;}
}