@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;}
#piw_header h1{width:150px}
#piw_header h1 a{display:block;padding:0 0 0 10px;}
.btn_tell{position:absolute;top:10px;right:60px;}
.btn_tell a{display:block;padding:0;width:40px}
.btn_total_m{position:absolute;top:10px; right:10px;}
.btn_total_m a{display:block;padding:0; width:40px}

/* 전체메뉴 */
#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;border-radius:10px;z-index:600}
.total_m h2{margin-bottom:10px;padding:12px 10px;font-size:18px;text-align:center;background:#e5e5e5;border-bottom:1px solid #b3b3b3;border-radius:10px 10px 0 0;}
.total_m h3{margin:0 5px;padding:8px 10px;font-size:15px;border:1px solid #b3b3b3;background:#f0f0f0 -webkit-linear-gradient(top, #ffffff, #dddddd);
background:#f0f0f0 -moz-linear-gradient(top, #f0f0f0, #dddddd);
background:#f0f0f0 -o-linear-gradient(top, #f0f0f0, #dddddd);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f0f0f0, endColorStr=#dddddd);border-width:1px 1px 0 1px;border-radius:8px 8px 0 0;}
.total_m ul{margin:0 5px 10px 5px;border:1px solid #ccc;border-radius:0 0 8px 8px}
.total_m ul li{position:relative;border-bottom:1px solid #ccc;background:#ffffff -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background:#ffffff -moz-linear-gradient(top, #ffffff, #f1f1f1);
background:#ffffff -o-linear-gradient(top, #ffffff, #f1f1f1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f1f1f1);}
.total_m ul li:last-child{border-bottom:0;border-radius:0 0 8px 8px}
.total_m ul li a{display:block;padding:10px;font-size:14px;font-weight:bold;color:#000;background:url('../../public/_img/common/total_dot.png') no-repeat right center}
.total_m ul li span{position:absolute;top:7px;right:40px;display:block;padding:2px 10px;font-size:11px;background:#ffffff -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background:#ffffff -moz-linear-gradient(top, #ffffff, #f1f1f1);
background:#ffffff -o-linear-gradient(top, #ffffff, #f1f1f1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f1f1f1);border:1px solid #ccc;border-radius:4px}

.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{}

/* 서브2차메뉴 */
.sub_menu:after{display:block;clear:both;content:''}
.sub_menu li{float:left;background:#007bd6;border-bottom:1px solid #0092ff}
.sub_menu li a{display:block;padding:10px 0;color:#fff;text-align:center;font-weight:bold;text-decoration:none;border-left:1px solid #0092ff}
.sub_menu li:first-child a{border-left:0}
.sub_menu li.on{background:#0c4988}

.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:15px 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;font-size:14px;}
#pw_footer .f_btn li a{display:block;padding:5px 20px;color:#000;text-decoration:none;background:#ffffff -webkit-linear-gradient(top, #ffffff, #f1f1f1);

filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f1f1f1);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);border:1px solid #ccc;border-radius:5px}
#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:#2489ce;}
#pw_footer p{margin:10px 0;text-align:center;}




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


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

.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
================================================================================
*/


/*--------------진료안내/오시는길--------------*/
.m_information {width:100%;}
.m_information:after {clear:both;display:block;content:"";}
.m_information li {width:50%;float:left;}
.m_information li a img {width:100%;}

/*--------------정백외과의 특별함--------------*/
.m_sub0201 {position:relative;}
.m_sub0201 img {position:relative;top:0px;z-index:-5;}
.m_sub0201 a {position:absolute;top:50%;z-index:99;display:block;width:100%;height:220px;margin-top:-20px;}


/* 학술활동 */
ul.studylist {width:80%;margin:0 auto 60px;padding:2% 5%;background:#f3f3f3;}
ul.studylist li {word-break:keep-all;letter-spacing:-0.1px;font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
ul.studylist dl {padding:30px 0;border-top:1px solid #dadada;text-align:left;}
ul.studylist li:first-child dl:first-child {border-top:0;}
ul.studylist dt {font-size:18px;line-height:24px;color:#222;font-weight:bold;}
ul.studylist dd {font-size:14px;line-height:18px;margin-top:5px;}
ul.studylist dd.bold {font-size:17px;line-height:20px;font-weight:700;margin-top:20px;color:#2158a1;}