@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2015-01-28
---------------------------------------------------- */

#piw_wrapper {margin:0 auto;width:100%;max-width:640px;min-width:320px}

#piw_header{position:relative;border-bottom:none;padding:10px;height:80px;}
#piw_header h1{text-align:center;}
#piw_header h1 a{position:absolute;display:block;width:40%;left:50%;top:50%;transform:translate(-52%,-50%);}
.glb_top {position:relative;height:80px;}
.btn_tell{position:absolute;top:15px;left:20px;}
.btn_tell a{display:block;padding:0;width:40px}
.btn_total_m{position:absolute;top:20px; right:20px;}
.btn_total_m a{display:block;padding:0;width:40px}


/* 탑 서브메뉴 */
/* .topmenu {width:100%;position:relative;}
.topmenu ul {width:100%;position:relative;}
.topmenu ul:after {clear:both;display:block;content:"";}
.topmenu li {float:left;}
.topmenu li a {display:block;height:40px;line-height:40px;color:#444;font-size:16px;text-align:center;}
.topmenu li.on a {background:#f5dfcf;color:#c79f81;font-weight:bold;}
 */

/* 웹폰트 */
/* * {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
} */


/* 전체메뉴 */
#gnb{border-bottom:1px solid #ccc}
#gnb ul:after{display:block;clear:both;content:''}
#gnb ul li{float:left;width:23%;font-size:16px;line-height:18px;text-align:center;letter-spacing:-2px}
#gnb ul li:nth-child(3){width:31%}
#gnb ul li a{display:block;padding:15px 0;font-weight:bold;color:#000;text-decoration:none}

.total_m{position:absolute;top:20px;left:0;width:90%; margin:0 5%;background:#fff;z-index:600;}
.total_m:after {clear:both;display:block;content:"";}
.total_m h2{padding:12px 10px;font-size:18px;text-align:center;background:#e5e5e5;}
.total_m h3{float:left;text-align:center;padding:13px 10px;font-size:15px;border-bottom:1px solid #a67e5f;background:#c8a082;color:#fff;width:100%;box-sizing:border-box;}
.total_m h3 a {color:#fff;}

.total_m ul{
	display: none; /* 처음에 서브메뉴 숨겨두기 */
	float: left; /* 추가: 큰 메뉴와 박자 맞춰서 띄우기! */
	width: 100%; /* 추가: 넓이를 꽉 채워서 계산 안 꼬이게 하기! */
}
.total_m ul:after {clear:both;display:block;content:"";}
.total_m ul li {width:50%;float:left;border-bottom:1px solid #e5e5e5;}
.total_m ul li.last {border-bottom:0;}
.total_m ul li:nth-child(even) {border-left:1px solid #e5e5e5;}
.total_m ul li a{display:block;padding:14px 0;font-size:14px;font-weight:bold;color:#000;text-align:center;}
.total_m ul li span{position:absolute;top:7px;right:40px;display:block;padding:2px 10px;font-size:11px;background:#ffffff;border:1px solid #ccc;}

.btn_total_close{position:absolute;top:6px;left:8px}
.btn_total_close a{display:block;padding:3px;background:#fff;border:1px solid #ccc;border-radius:3px}

.fix_bg{position:fixed;top:0;left:0;width:100%;height:150%;background:#000;opacity:0.7;z-index:550}





/* 콘텐츠 영역 */
#content{}


.sub_visual {width:100%;}



/* 서브2차메뉴 */
.sub_menu:after{display:block;clear:both;content:''}
.sub_menu li{float:left;background:#c8a082;border-bottom:1px solid #956f52;font-size:14px;letter-spacing:-0.5px;}
.sub_menu li a{display:block;padding:13px 0;color:#fff;text-align:center;text-decoration:none;border-left:1px solid #956f52}
.sub_menu li:first-child a{border-left:0}
.sub_menu li.on{background:#956f52;}
.sub_menu li.on a {color:#fff;font-weight:900;}

.lnb01 li{width:100%;}
.lnb1 li{width:100%;}
.lnb2 li{width:50%;}
.lnb3 li{width:33.33%;}
.lnb4 li{width:25%;}
.lnb5 li {width:33.33%;}
.lnb5 li:nth-child(1),.lnb5 li:nth-child(2) {width:50%;}
.lnb5 li:nth-child(3) a {border-left:0}
.lnb6 li {width:33.33%;}
.lnb6 li:nth-child(4) a {border-left:0}
.lnb7 li {width:33.33%;}
.lnb7 li:nth-child(1),.lnb7 li:nth-child(2),.lnb7 li:nth-child(3),.lnb7 li:nth-child(4) {width:50%;}
.lnb7 li:nth-child(5) a {border-left:0}


/* 하단 */
#pw_footer{clear:both;padding:35px 0;text-align:center;font-size:11px;line-height:14px;color:#8f8f8f;background:#323232;
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f0f0f0, endColorStr=#dddddd);}
#pw_footer .f_btn li{display:inline-block;margin:0 2px 10px;font-size:14px;}
#pw_footer .f_btn li a{display:block;padding:10px 20px;color:#fff;text-decoration:none;border:1px solid #fff;}
#pw_footer .f_menu{margin:10px 0;}
#pw_footer .f_menu li{display:inline-block;}
#pw_footer .f_menu li a{display:block;margin-left:5px;padding-left:5px;text-decoration:none;border-left:1px solid #323232}
#pw_footer .f_menu li:first-child a{border-left:0}
#pw_footer address{margin:10px 20px 0 20px;font-size:13px;color:#eee;line-height:20px}
#pw_footer address a{color:#fff;}

#pw_footer ul strong {}
#pw_footer ul  .add_bar {color:#70737a;margin:0 10px;}
#pw_footer p{margin:10px 0;text-align:center;}



/* 고정배너 */
.fixed_banner {position:fixed;z-index:99;background:#fff;bottom:20px;left:50%;transform:translateX(-50%);width:90%;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:10px;}
.fixed_banner ul {border:1px solid #eee;}
.fixed_banner ul:after {clear:both;display:block;content:"";}
.fixed_banner li {float:left;width:21%;padding:0 10px;text-align:center;font-size:15px;border-left:1px solid #eee;height:40px;line-height:40px;}
.fixed_banner li a {color:#333;}
.fixed_banner li:first-child {width:16%;background:#3f301f;border-left:0;border-radius:10px 0 0 10px;}
.fixed_banner li:first-child img {height:50%;}

/*
================================================================================
메인 상단슬라이드
================================================================================
*/
.main_top_slide {position:relative; width:100%; height:auto; top:0px}

.main_banner ul:after {clear:both;display:block;content:"";}
.main_banner li {float:left;width:50%;}
.main_banner li img {width:100%;}


/*
================================================================================
메인 하단
================================================================================
*/

.special  > ul:after {clear:both;display:block;content:"";}
.special  > ul > li {width:50%; float:left;}
.special  > ul > li img {border-top:1px solid rgba(0, 0, 0, .2);box-sizing:border-box;}
.special  > ul > li:first-child img {border-right:1px solid rgba(0, 0, 0, .2);box-sizing:border-box;}
.special  > ul > img {width:100%;}
.btn_login {position:absolute; top: 10px; right: 110px;}


/*공통 하단 온라인상담, 전화상담 버튼 */
.m_bottom_btn ul:after {clear:both;display:block;content:"";}
.m_bottom_btn li {float:left;width:50%}
.m_bottom_btn li img {width:100%;}







/*
================================================================================
서브 디자인후 추가된 css
================================================================================
*/

.bg_gray {background:#eee}
.bg_dark {background:#1f1f1f;}

.sub_link {}
.sub_link ul {width:100%;margin:0 auto;}
/* .sub_link ul li {width:100%;padding-bottom:20px;}
.sub_link ul li img {width:100%;} */






/* 서브영상 GIF 대체 */

.gigi_gif {width:90%;margin:0 auto 40px;}
.gigi_gif img {width:100%;}
.gigi_gif:after {clear:both;display:block;content:"";}

.gigi_gif li {float:left;width:48%;border:1px solid #aaa;}
.gigi_gif li:last-child {margin-left:4%;}


/* 서브 영상 아이폰에서 동영상 안먹음*/
/* .wrap-movie-box {width:100%;position:relative;padding:0 0 100px;}
.movie-box {width:95%;height: 200px;position:relative;margin:0 auto;}
.movie-box > div { width: 47%; height: 200px; overflow: hidden;position: relative;float:left;border:1px solid #aaa;}
.movie-box1 video { position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%,-50%);}

.movie-box2 {margin-left:2%;}
.movie-box2 video { position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%,-50%);}

.mb-text { position: absolute; top: 50%; width: 100%; }
.mb-text p { margin-top: -24px; text-align: center; font-size: 48px; color: #ffffff; } */



/* 메인 bg (아이폰에서 fixed 안먹음*/
.common_bg {background:url('/_public/img/common/common_bg.jpg') no-repeat center center/cover;text-align:center;}



* {box-sizing:border-box;}
.sub01_4_map ul {margin:0 0 50px;}
.sub01_4_map li {margin-top:10px;}
.sub01_4_map dt,.sub01_4_map dd {width:90%;font-size:16px;line-height:22px;padding:10px;margin:0 auto;}
.sub01_4_map dt {background:#eee;text-align:center;}
/* .sub01_4_map li:nth-child(2) dt {height:84px;} */

.sub01_4_map dd {text-align:center;}
.sub01_4_map dd a {font-size:20px;color:#8d6243;font-weight:900;}







/* 비급여 진료 */
.price_link {}
.price_link a {display:block;color:#fff;padding:10px 20px;width:50%;margin:20px auto;border:1px solid #fff;}
.price {text-align:center;}
.price h2 {font-size:30px;margin-top:50px;}
.price table {width:90%;margin:50px auto;border-right:1px solid #eee;}
.price th {background:#eee;padding:10px;}
.price td {padding:5px;border-bottom:1px solid #eee;border-left:1px solid #eee;}