@charset "euc-kr";

.visual {position:relative; height:435px; background:url('/images_renewal/main/visual_bg.png') no-repeat 50% 0;}
.visual .primary {position:absolute; top:35px; left:50%; margin-left:-140px; display:block; width:80px; height:100px; background:url('/images_renewal/main/visual_primary.png') no-repeat 0 0; background-size:100% 100%; text-indent:-9999px;}
.visual .secondary {position:absolute; top:160px; left:50%; margin-left:-130px; color:#fff; font-size:13px;}
.visual .secondary p {margin-bottom:25px;}

.customer .one-area {background:#f5f5f5;}
.customer .one-area ul {overflow:hidden; padding:18px 0;}
.customer .one-area li {float:left; width:100%;}
.customer .one-area li a {display:block; padding:42px 0 0; border-left:1px solid #464646; text-align:center; font-size:11px;}
.customer .one-area li a.qna {border:0 none; background:url('/images_renewal/main/customer_qna.png') no-repeat 50% 1px; background-size:43px 39px;}
.customer .one-area li a.reservation {background:url('/images_renewal/main/customer_reservation.png') no-repeat 50% 4px; background-size:38px 29px;}
.customer .one-area li a.call {border:0 none; background:url('/images_renewal/main/customer_call.png') no-repeat 50% 4px; background-size:31px 31px;}
.customer .one-area p {display:none;}
.customer .two-area {background:#9d9d9d;}
.customer .two-area ul {overflow:hidden; margin:0; padding:18px 0;}
.customer .two-area li {float:left; width:50%;}
.customer .two-area li a {display:block; padding:53px 0 0; border-left:1px solid #fff; text-align:center; font-size:11px; color:#fff;}
.customer .two-area li a.chin {border:0 none; background:url('/images_renewal/main/customer_chin.png') no-repeat 50% 0; background-size:38px 41px;}
.customer .two-area li a.tooth {background:url('/images_renewal/main/customer_tooth.png') no-repeat 50% 1px; background-size:38px 41px;}
.customer .two-area p {display:none;}
.customer .three-area {background:#464646;}
.customer .three-area .inner {overflow:hidden; width:245px; margin:0 auto; padding:18px 0;}
.customer .three-area h2 {float:left; padding:50px 0 0; background:url('/images_renewal/main/customer_time.png') no-repeat 50% 2px; background-size:37px 38px; color:#fff; font-size:11px; font-weight:normal;}
.customer .three-area ul {float:left; padding:0 0 0 30px;}
.customer .three-area li {padding:1px 0; background:url('/images_renewal/main/customer_bar.png') repeat-y 69px 0; color:#fff; font-size:11px;}
.customer .three-area li strong {display:inline-block; width:64px; padding:0 0 0 22px; background:url('/images_renewal/main/customer_bul.png') no-repeat 0 50%; font-weight:normal;}
.customer .three-area li.dayoff {padding:4px 0 0 15px; background:none; color:#c2c0c0;}
.customer .three-area p {display:none;}

.latest-quick .quick-btns {padding:10px 30px 30px; font-size:13px; background:#e3e3e3;}
.latest-quick .quick-btns li {padding-top:20px;}
.latest-quick .quick-btns li a {position:relative; display:block; padding:23px 0; background:#fff; border-radius:10px; behavior:url(/include_renewal/css/PIE.htc); color:#339; text-align:center;}
.latest-quick .latest {display:none;}

.accident-free {padding:35px 0 40px; background:#f5f5f5; text-align:center;}
.accident-free h2 {color:#339; font-size:35px;}
.accident-free p {padding:10px 0 0; color:#339; font-size:18px;}
.accident-free a {position:relative; display:block; width:260px; margin:30px auto 0; padding:21px 0; border:1px solid #339; border-radius:5px; behavior:url(/include_renewal/css/PIE.htc); font-size:13px; color:#339; text-align:center;}

.medical-team {padding:30px 0; background:#e3e3e3; text-align:center;}
.medical-team h2 {height:60px; color:#339; font-size:18px; background:url('/images_renewal/content/white_bar.png') no-repeat 50% 100%; background-size:70px 2px;}
.medical-team .thumbnail {padding:20px 0;}
.medical-team .txt {line-height:13px; line-height:2.0;}
.medical-team a.btn-more {display:inline-block; margin:20px 0 0; color:#339;}

.communication {padding:30px 0; text-align:center;}
.communication h2 {display:inline-block; padding:0 9px 15px; border-bottom:2px solid #fff; color:#339; font-size:18px;}
.communication .tab {overflow:hidden; padding:15px 0 0; text-align:center;}
.communication .tab li {display:inline-block;}
.communication .tab li a {position:relative; display:inline-block; width:52px; height:52px; margin:0 5px; text-align:center; background:#fff; border:1px solid #339; border-radius:26px; behavior:url(/include_renewal/css/PIE.htc); font-size:10px; color:#339; font-weight:bold; vertical-align:middle;}
.communication .tab li a.facebook {height:40px; padding-top:12px;}
.communication .tab li a.blog {height:32px; padding-top:20px;}
.communication .article {display:none;}

.contact .map-area {width:100%; height:350px;}
.contact .address {padding:40px 20px; border-bottom:1px solid #e3e3e3; text-align:center;}
.contact .address h3 {color:#339; font-size:18px;}
.contact .address ul {width:auto; margin:0 auto; padding:23px 0 0;}
.contact .address li {line-height:25px; color:#464646;}
.contact .address li span {display:inline-block; padding:0 0 0 20px; background:url('/images_renewal/main/contact_bul.png') no-repeat 0 10px; background-size:4px 4px;}
.contact .traffic {padding:40px 20px; text-align:center;}
.contact .traffic h3 {color:#339; font-size:18px;}
.contact .traffic ul {margin:0 auto; padding:23px 0 0;}
.contact .traffic li {line-height:25px; color:#464646;}
.contact .traffic li span {display:inline-block; padding:0 0 0 20px; background:url('/images_renewal/main/contact_bul.png') no-repeat 0 10px; background-size:4px 4px; text-align:left;}
.contact .traffic li strong {float:left; display:inline-block; width:72px; background:url('/images_renewal/main/contact_traffic.png') no-repeat 50px 11px; font-weight:normal;}
.contact .traffic li p {float:left; width:188px;}
#pop{
width:320px; height:400px; background:#3d3d3d; color:#fff;
position:absolute; top:80px; left:10%; text-align:center;}

/* desktop version */
@media all and (min-width:768px) {
.visual .primary {top:75px; width:158px; height:194px; margin-left:-79px;}
.visual .secondary {top:95px; margin-left:10%; font-size:16px;}

.customer {background:url('/images_renewal/main/bg_customer.png') no-repeat 50% 0;}
.customer .one-area {float:left; width:25.5%; background:none;}
.customer .one-area ul {padding:26px 16%;}
.customer .one-area li a {height:30px; padding:52px 0 0; font-size:12px; line-height:1.3;}
.customer .one-area li a.qna {background-size:53px 48px;}
.customer .one-area li a.reservation {background-size:48px 36px;}
.customer .one-area li a.call {background-size:38px 38px;}
.customer .one-area p {display:block; height:28px; padding:10px 0 0; font-size:14px; text-align:center;}
.customer .two-area {float:left; width:37%;}
.customer .two-area ul {padding:26px 0;}
.customer .two-area li a {height:17px; padding:65px 0 0; font-size:12px;}
.customer .two-area li a.chin {background-size:50px 52px;}
.customer .two-area li a.tooth {background-size:48px 48px;}
.customer .two-area p {display:block; height:28px; padding:10px 0 0; background:#919191; font-size:14px; color:#fff; text-align:center;}
.customer .three-area {float:left; width:37.5%; background:none;}
.customer .three-area .inner {width:auto; height:85px; padding:23px 0 26px 10%;}
.customer .three-area h2 {width:49px; padding:65px 0 0; background-size:49px 49px; font-size:12px; text-align:center;}
.customer .three-area ul {padding:0 0 0 7%;}
.customer .three-area li {padding:2px 0; background-position:65px 0; font-size:12px;}
.customer .three-area li strong {width:60px; padding:0 0 0 18px;}
.customer .three-area li.dayoff {padding:8px 0 0; text-align:center;}
.customer .three-area p {display:block; clear:both; height:28px; padding:10px 0 0; font-size:14px; color:#fff; text-align:center;}

/*.latest-quick {background:url('/images_renewal/main/bg_latest_quick.png') repeat-y 50% 0;}*/
.latest-quick {background:#e3e3e3;}
.latest-quick .quick-btns {float:left; width:90%; height:306px; padding:29px 5% 0;}
.latest-quick .quick-btns li {padding-top:23px;}
.latest-quick .latest {display:block; position:relative; float:left; width:54.5%; margin:48px 4% 0 4%;}
.latest-quick .latest h2 {height:92px; padding:14px 0 0 58px; border-bottom:1px solid #464646; background:url('/images_renewal/main/ico_latest.png') no-repeat 0 0; font-size:18px;}
.latest-quick .latest h3 {position:absolute; top:60px; left:0; width:45%;}
.latest-quick .latest h3 a {display:block; width:100%; height:35px; padding:11px 0 0; background:url('/images_renewal/main/bar_latest.png') no-repeat 100% 50%; font-size:16px; text-align:center; font-weight:normal;}
/* .latest-quick .latest .review h3 {left:30%;} */
.latest-quick .latest .news h3 {left:45%;}
.latest-quick .latest .news h3 a {background:none;}
.latest-quick .latest ul {display:none; padding:10px 0; border-bottom:1px solid #464646;}
.latest-quick .latest ul li {padding:5px 15px 5px 33px; background:url('/images_renewal/main/bul_latest.png') no-repeat 15px 50%;}
.latest-quick .latest ul li:after {content:''; display:block; clear:both;}
.latest-quick .latest ul li a {float:left;}
.latest-quick .latest ul li .date {float:right;}
.latest-quick .latest ul li .ico-new {display:inline-block; margin-left:5px;}
.latest-quick .latest ul li .ico-lock {display:inline-block; margin-left:5px;}
.latest-quick .latest .btn-more {display:none; position:absolute; top:72px; right:15px; width:11px; height:11px; padding:5px; background:url('/images_renewal/main/btn_more.png') no-repeat 5px 5px; text-indent:-9999px;}
.latest-quick .latest .active h3 a {background:#464646; border-top-left-radius:3px; border-top-right-radius:3px; color:#fff;}
.latest-quick .latest .active ul {display:block;}
.latest-quick .latest .active .btn-more {display:block;}

.accident-free {padding:65px 0;}

.team-comm {overflow:hidden; background:#e3e3e3;}
.team-comm .in-row {position:relative;}


.medical-team {width:32%; padding:70px 0 110px; margin:0 auto;}
.medical-team h2 {height:75px;}
.medical-team .thumbnail {padding:50px 0;}
.medical-team .txt {font-size:14px;}
.medical-team a.btn-more {margin:25px 0 0;}

.communication {position:absolute; top:0; right:5%; padding:0;}
.communication h2 {position:absolute; top:75px; right:0; width:68px; padding-left:0; padding-right:0;}
.communication .tab {position:absolute; top:175px; right:0; width:68px; padding:0;}
.communication .tab li a {width:66px; height:66px; margin:0; padding:0; background-size:100% 100%; border-radius:34px;}
.communication .tab li a.facebook {height:48px; padding-top:18px;}
.communication .tab li a.blog {height:41px; padding-top:25px; margin-top:14px;}
.communication .article {display:block; overflow:hidden; width:500px; text-align:left;}

.contact {background:url('/images_renewal/main/bar_contact.png') repeat-y 50% 0;}
.contact:after {content:''; display:block; clear:both;}
.contact .map-area {height:470px;}
.contact .address {float:left; width:50%; padding:80px 0 70px; border:0 none;}
.contact .address h3 {font-size:20px;}
.contact .address ul {width:360px; font-size:16px;}
.contact .address li span {background-position:0 9px; background-size:6px 7px;}
.contact .traffic {float:right; width:50%; padding:80px 0 70px;}
.contact .traffic h3 {font-size:20px;}
.contact .traffic ul {width:auto; font-size:16px;}
.contact .traffic li p {width:240px;}
.contact .traffic li span {background-position:0 9px; background-size:6px 7px;}
#pop{
width:320px; height:400px; background:#3d3d3d; color:#fff;
position:absolute; top:80px; left:22%; text-align:center;}
}

@media all and (min-width:1000px) {
.customer .three-area ul {padding:0 0 0 13%;}
.customer .three-area li {background-position:92px 0;}
.customer .three-area li strong {width:88px; padding:0 0 0 29px;}
.customer .three-area li.dayoff {padding:8px 0 0; text-align:center;}
.contact .traffic li p {width:320px;}
}