@charset "utf-8";
/* CSS Document */

a.link{color:#005ddc !important;}
a:hover.link{text-decoration:underline;}

.red{color:#C00 !important;}
.blue{color:#0470F2 !important;}
.green{color:#390 !important;}
.gray{color:#999 !important;}
.orange{color:#ff9c00 !important;}
.mint{color:#2cc9d1 !important;}
.pink{color:#ff446a !important;}

.bgRed{background:#C00 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgBlue{background:#0470F2 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgGreen{background:#390 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgGray{background:#999 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}

.bglightGray{background:#eeeeee !important;}
.bglightBlue{background:#effcff !important;}
.bglightYellow{background:#fffdef !important;}

.txt18{font-size:18px !important;}
.txt20{font-size:20px !important;}
.txt24{font-size:24px !important;}

/* ==================================================
	main
================================================== */
.main_visual {width:100%; height:520px; position:relative; overflow:hidden;}
.main_visual .bx-loading {display:none !important;}
.main_visual .imgs {width:100%; height:100%; position:relative; overflow:hidden;}
.main_visual .imgs > li {width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;}
.main_visual .imgs > li.li_01 {background:#0066b3 url(/m/img/main_visual_img01.png) no-repeat center center; background-size:auto 520px;}
.main_visual .imgs > li.li_02 {background:#0066b3 url(/m/img/main_visual_img02.png) no-repeat center center; background-size:auto 520px;}
.main_visual .imgs > li.li_03 {background:#0066b3 url(/m/img/main_visual_img03.png) no-repeat center center; background-size:auto 520px;}
.main_visual .imgs > li.li_04 {background:#0066b3 url(/m/img/main_visual_img04.png) no-repeat center center; background-size:auto 520px;}
.main_visual .imgs > li.li_05 {background:#0066b3 url(/m/img/main_visual_img05.png) no-repeat center center; background-size:auto 520px;}
.main_visual .imgs > li.li_06 {background:#0066b3 url(/m/img/main_visual_img06.png) no-repeat center center; background-size:auto 520px;}

.main_visual .slider_btn{position:absolute; left:0; top:50%; margin-top:-7px; width:100%;}
.main_visual .slider_btn .pre{position:absolute; left:10px;}
.main_visual .slider_btn .next{position:absolute; right:10px;}
.main_visual .slider_btn img{width:14px;}

.main_visual .page{position:absolute; left:50%; width:320px; bottom:20px; margin-left:-160px;}
.main_visual .page ul{text-align:center;}
.main_visual .page li{display:inline-block; width:20px; text-align:center;}
.main_visual .page li a{display:block; width:14px; height:14px; border-radius:7px; border:3px solid #fff;}
.main_visual .page li.on a{background:#fff;}


.mainCon{width:100%; position:relative; }
.mainCon h2{font-size:7vw;}
.main_video{max-width:640px; margin:0 auto;}
.main_dite{max-width:640px; margin:0 auto;}
.main_dite > div{clear:both; float:left; width:100%;}
.main_implant{position:relative;}
.main_cure{position:relative;}
.main_epilogue{text-align:right;}
.main_review{text-align:left;}
.main_epilogue img, .main_review img{max-width:100%;}

.mainCon h2{font-size:20px; color:#3a3c3e; line-height:120%; padding-bottom:15px;}
.mainCon h2 span{display:block;}

.main_implant{clear:both; width:100%; position:relative; min-width:320px;padding:0; text-align:center;}
.main_implant img{width:100%;}

.main_cure{clear:both; width:100%; position:relative; min-width:320px; padding:0; text-align:center;}
.main_cure li{width:25%; float:left; text-align:center;}
.main_cure li a img{height:75px;}
.main_cure .main_cure_icon01{background:#6c9dc1;}
.main_cure .main_cure_icon02{background:#ffffff;}
.main_cure .main_cure_icon03{background:#5cc3eb;}
.main_cure .main_cure_icon04{background:#0066b3;}

.main_intro img{width:100%;}
.main_intro ul{clear:both; width:100%;}
.main_intro ul li{width:50%; float:left;}
.main_intro ul li img{width:100%;}

.main_notice{clear:both; position:relative; width:100%; min-width:320px; max-width: 640px; margin:0 auto; overflow:hidden; /*padding:10px 0;*/ border-top:2px solid #e5e5e5;}
.main_notice > div{float:left; position:relative; display:inline-block;}
.main_notice #notice_wraper{top:9px; width:190px !important;}
.main_notice h2{font-family:'NanumSquare', sans-serif; background-color:#0066b3; color:#fff; font-size:18px; font-weight:bold; display:inline-block; line-height:30px; vertical-align:middle; padding:15px 20px; margin-right:5px;}
.main_notice ul{display:inline-block; line-height:16px; vertical-align:middle; position:static !important;}
.main_notice li{float:left; font-size:16px;}
.main_notice .more{float:right; display:block; width:70px; text-align:right; padding-right:10px; padding-top:18px;}
.main_notice .more li.prev{background:url(/m/img/main_notice_center_line.png) no-repeat right 5px; background-size:1px 30px; padding-right:12px;}
.main_notice .more li.next{padding-left:7px;}
.main_notice .more img{width:65%;}
.main_notice li a {display:inline-block; width: 300px;}
.main_notice li span.title { width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:inline-block; text-indent:0; vertical-align:top; }


/*

.main_notice ul{display:inline-block; line-height:30px; vertical-align:middle;}
.main_notice li{font-size:16px;}
.main_notice .more{float:right; display:block;  width:10%; text-align:right; padding-right:10px;}
.main_notice .more img{width:18px;}*/

.info{clear:both; position:relative; max-width:640px; margin:20px auto;}
.info > p{text-align:center; padding:0 5% 20px;}
.info > p img{max-width:90%;}
.info > p.time img{max-width:80%;}


.intro_map{position:relative; width:99%; overflow:hidden; margin:0 auto 20px auto; border:1px solid #efefed;}
.intro_map_dl{position:relative; width:100%; overflow:hidden; margin:0 auto 20px auto; text-align:left;}
.intro_map_dl dt{color:#000; font-weight:bold; font-size:17px; margin:0 0 10px 0;}
.intro_map_dl dd{color:#666666;}

.intro_map_dl02{position:relative; width:100%; overflow:hidden; margin:0 auto 88px auto; text-align:left;}
.intro_map_dl02 dt{color:#000; font-weight:bold; font-size:17px; margin:0 0 10px 0;}
.intro_map_dl02 dd{color:#666666;}
.reservation_btn{float:right;}
.reservation_btn a{background:#ff446a; color:#fff; font-weight:500; width:100px; height:30px;  line-height:30px; display:block; text-align:center;}

/*.sub_visual_intro .navermap_btn{ float:right; margin-top:10px;}*/
.navermap_bt a{background:url(/m/img/navermap_btn.png)no-repeat right center; width:360px; height:32px; display:block; background-size:35%;}

/*둘러보기*/
#slider03{clear:both; position:relative; top: ; width:100%;  /*margin:0 auto 80px auto; */}
#slider03 .slide03_title{position:absolute; left:0; top:0;}
.bx-viewport03{margin:0 0 0 0;}
.slide-wrap03 {position:relative; margin-right:3%; margin-left:3%; margin-top:30px;}
.slide-wrap03 li {position:relative; float:left; width:100%;  text-align:center;}
#slider03 .bx-pager-item03{width:20%; float:left;}
.bx-pager03 {position:relative; top:0; left:0; overflow:hidden; width:100%;}
.bx-pager03 .bx-pager-item03, .bx-controls-auto03 .bx-controls-auto-item03 {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager03.bx-default-pager03 a {text-indent: -9999px; display: block;  width:100%; height: 52px;}
#datalink0{background:url(/m/img/intro_con03_img01_s.png) no-repeat; background-size:100%;}
#datalink1{background:url(/m/img/intro_con03_img02_s.png) no-repeat;background-size:100%;}
#datalink2{background:url(/m/img/intro_con03_img03_s.png) no-repeat;background-size:100%;}
#datalink3{background:url(/m/img/intro_con03_img04_s.png) no-repeat;background-size:100%;}
#datalink4{background:url(/m/img/intro_con03_img05_s.png) no-repeat;background-size:100%;}
#datalink5{background:url(/m/img/intro_con03_img06_s.png) no-repeat;background-size:100%; margin-top:-8px;}
#datalink6{background:url(/m/img/intro_con03_img07_s.png) no-repeat;background-size:100%; margin-top:-8px;}
#datalink7{background:url(/m/img/intro_con03_img08_s.png) no-repeat;background-size:100%; margin-top:-8px;}
#datalink8{background:url(/m/img/intro_con03_img09_s.png) no-repeat;background-size:100%; margin-top:-8px;}
#datalink9{background:url(/m/img/intro_con03_img10_s.png) no-repeat;background-size:100%; margin-top:-8px;}
.bx-pager03.bx-default-pager03 a:hover, .bx-pager03.bx-default-pager03 a.active {width: 100%; height: 52px;}
#datalink0:hover, #datalink0 .active {background:url(/m/img/intro_con03_img01_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink1:hover, #datalink1 .active {background:url(/m/img/intro_con03_img02_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink2:hover, #datalink2 .active {background:url(/m/img/intro_con03_img03_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink3:hover, #datalink3 .active {background:url(/m/img/intro_con03_img04_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink4:hover, #datalink4 .active {background:url(/m/img/intro_con03_img05_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink5:hover, #datalink5 .active {background:url(/m/img/intro_con03_img06_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink6:hover, #datalink6 .active {background:url(/m/img/intro_con03_img07_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink7:hover, #datalink7 .active {background:url(/m/img/intro_con03_img08_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink8:hover, #datalink8 .active {background:url(/m/img/intro_con03_img09_s_on.png) no-repeat 0 0;background-size:100%;}
#datalink9:hover, #datalink9 .active {background:url(/m/img/intro_con03_img10_s_on.png) no-repeat 0 0;background-size:100%;}
.bx-controls-direction03 a{position:absolute; top:50%; margin-top:-40px;}
.bx-prev03{left:0; display:inline-block;width:41px; height:41px;font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/intro_slide_btn_left.png) no-repeat; z-index:120;}
.bx-prev03:hover{background:url(/img/intro_slide_btn_left_on.png) no-repeat;}
.bx-next03{right:0; display:inline-block;width:41px; height:41px; font-size:0px !important; letter-spacing:-9999px; line-height:0px; background:url(/img/intro_slide_btn_right.png) no-repeat; z-index:120;}
.bx-next03:hover{background:url(/img/intro_slide_btn_right_on.png) no-repeat;}
.bx-start03{position:absolute; left:145px; top:0; background:url(/img/intro_pusy_btn.gif) no-repeat; text-indent:-9999px; display: block; width:40px; height:40px; cursor:pointer;}
.bx-stop03{position:absolute; left:145px; top:0; background:url(/img/intro_pusy_btn.gif) no-repeat; text-indent:-9999px; display: block; width:40px; height:40px; cursor:pointer;}
.slide-wrap03 li img{width:100%;}



/*@media screen and (max-width:768px)
{
	
}*/

@media screen and (max-width:480px)
{
	.menu li{width:33.3%;}
	.main_visual {height:390px;}
	.main_visual .imgs > li.li_01 {background-size:auto 390px;}
	.main_visual .imgs > li.li_02 {background-size:auto 390px;}
	.main_visual .imgs > li.li_03 {background-size:auto 390px;}
	.main_visual .imgs > li.li_04 {background-size:auto 390px;}
	.main_visual .imgs > li.li_05 {background-size:auto 390px;}
	.main_visual .imgs > li.li_09 {background-size:auto 390px;}
}

@media screen and (max-width:414px)
{
	.main_visual {height:340px;}
	.main_visual .imgs > li.li_01 {background-size:auto 340px;}
	.main_visual .imgs > li.li_02 {background-size:auto 340px;}
	.main_visual .imgs > li.li_03 {background-size:auto 340px;}
	.main_visual .imgs > li.li_04 {background-size:auto 340px;}
	.main_visual .imgs > li.li_05 {background-size:auto 340px;}
	.main_visual .imgs > li.li_06 {background-size:auto 340px;}
}

@media screen and (max-width:375px)
{
	.main_visual {height:310px;}
	.main_visual .imgs > li.li_01 {background-size:auto 310px;}
	.main_visual .imgs > li.li_02 {background-size:auto 310px;}
	.main_visual .imgs > li.li_03 {background-size:auto 310px;}
	.main_visual .imgs > li.li_04 {background-size:auto 310px;}
	.main_visual .imgs > li.li_05 {background-size:auto 310px;}
	.main_visual .imgs > li.li_06 {background-size:auto 310px;}
}

@media screen and (max-width:360px)
{
	.main_visual {height:294px;}
	.main_visual .imgs > li.li_01 {background-size:auto 294px;}
	.main_visual .imgs > li.li_02 {background-size:auto 294px;}
	.main_visual .imgs > li.li_03 {background-size:auto 294px;}
	.main_visual .imgs > li.li_04 {background-size:auto 294px;}
	.main_visual .imgs > li.li_05 {background-size:auto 294px;}
	.main_visual .imgs > li.li_06 {background-size:auto 294px;}
}

@media screen and (max-width:320px)
{
	.main_visual {height:260px;}
	.main_visual .imgs > li.li_01 {background-size:auto 260px;}
	.main_visual .imgs > li.li_02 {background-size:auto 260px;}
	.main_visual .imgs > li.li_03 {background-size:auto 260px;}
	.main_visual .imgs > li.li_04 {background-size:auto 260px;}
	.main_visual .imgs > li.li_05 {background-size:auto 260px;}
	.main_visual .imgs > li.li_06 {background-size:auto 260px;}
	.main_notice #notice_wraper {width:120px !important;}
	.main_notice li span.title { width:40%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:inline-block; text-indent:0; vertical-align:top; }

}

/* ==================================================
	sub
================================================== */
.subCon{padding-top:50px; min-width:320px; margin:0 auto;}
.subCon .visual {width: 100%; height: 180px;}
.sub_visual_intro {background:#c2dbeb url('/m/img/sub_visual_intro.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_partner {background:#c2dbeb url('/m/img/sub_visual_partner.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_gallery {background:#c2dbeb url('/m/img/sub_visual_gallery.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_implant {background:#c2dbeb url('/m/img/sub_visual_implant.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_ortho {background:#c2dbeb url('/m/img/sub_visual_ortho.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_caries {background:#c2dbeb url('/m/img/sub_visual_caries.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_child {background:#c2dbeb url('/m/img/sub_visual_child.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_love {background:#c2dbeb url('/m/img/sub_visual_love.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_notice {background:#c2dbeb url('/m/img/sub_visual_notice.png') no-repeat top center ; background-size:auto 180px;}
.sub_visual_reservation {background:#c2dbeb url('/m/img/sub_visual_reservation.png') no-repeat top center ; background-size:auto 180px;}

.subCon h2{font-size:26px; color:#3a3c3e; line-height:120%; padding-bottom:5px; text-align:center; letter-spacing:-1px; margin-bottom:15px;}
.subCon h2 span{color:#2cc9d1;}
.subCon h3{font-size:24px; text-align:center;  letter-spacing:-1px;}
.cont{padding:20px 10px; clear:both; position:relative;}

.subCon .cont ul.conli {margin: 30px 0px; overflow: hidden;}
.subCon .cont ul.conli > li {margin-bottom: 10%;}
/*.subCon .cont ul.conli > li:nth-child(4n){margin-bottom:0;}*/
.subCon .cont ul.conli li img {width: 100%; height: auto;}

.dietProgram .cont p{margin:10px 0; text-align:center; }
.dietProgram .cont p span{display:block;}
.bgPink{background:#ff446a; padding:10px 20px; color:#fff; position:relative; margin-top:20px; clear:both;}
.bgPink h3{text-align:center;}
.bgPink h3 span{color:#2cc9d1; font-weight:600; display:marker; border-bottom:1px solid; font-size:16px;}
.bgPink:after{content:'';position:absolute; top:0; left:50%; width:14px; height:14px; background:#fff; margin-left:-8px; margin-top:-7px;transform:rotate(45deg); z-index:2;}
.bglightGray .bgPink:after{background:#eeeeee; }
.cont > div{text-align:center;}
.cont > div > img{max-width:100%; text-align:center;}
.diet_kind ul{text-align:center;}
.diet_kind li{width:20%; display:inline-block; text-align:center;}
.diet_kind li img{width:100%; text-align:center;}
.dislnline{display:inline-block !important;}
p.line{position:relative; margin-top:20px !important;}
p.line:after{content:'';position:absolute; top:0; left:50%; width:1px; height:20px; background:#cbcbcb; margin-top:-20px; z-index:2;}


@media screen and (max-width:640px)
{
	.cont > div.imgwid30 > img{width:30%;}
	.cont > div.imgwid50 > img{width:60%;}
}

/*@media screen and (max-width:320px)
{
	.subCon{padding-top:50px; min-width:160px; margin:0 auto;}
	.subCon .visual {width: 100%; height: 180px;}
	.sub_visual_intro {background:#c2dbeb url('/m/img/sub_visual_intro320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_partner {background:#c2dbeb url('/m/img/sub_visual_partner320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_gallery {background:#c2dbeb url('/m/img/sub_visual_gallery320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_implant {background:#c2dbeb url('/m/img/sub_visual_implant320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_ortho {background:#c2dbeb url('/m/img/sub_visual_ortho320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_caries {background:#c2dbeb url('/m/img/sub_visual_caries320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_child {background:#c2dbeb url('/m/img/sub_visual_child320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_love {background:#c2dbeb url('/m/img/sub_visual_love320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_notice {background:#c2dbeb url('/m/img/sub_visual_notice320.png') no-repeat top center ; background-size:auto 180px;}
	.sub_visual_reservation {background:#c2dbeb url('/m/img/sub_visual_reservation320.png') no-repeat top center ; background-size:auto 180px;}
}*/