@charset "utf-8";

/* 2019-05-07 add :: 신규스킨 CMS TAB 관련하여 꼭 적용해야할 스타일 !!!  */
.new_cms_wrap th, .new_cms_wrap td, .new_cms_wrap div, .new_cms_wrap p { font-family:"돋움", "Dotum", sans-serif !important }
.new_cms_tab tr{ border-bottom:3px solid #fff }
/*  // 2019-05-07 */

.contents {position: relative; border-bottom:1px solid #e5e0d4;}
.contents:after {content: ""; clear: both; display: block;}
.content_visual {position: relative; background: #ada498; height: 2px; overflow: hidden;}
.content_visual:after {content:""; position: absolute; top: 0; right: 0; margin-right: -200px; display: block; width: 50%; height: 200px; background: #ff6786;}
.content_visual .visual {position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; height: 200px; text-align: left; z-index: 2;}
.content_visual p {display: none; position: absolute; top: 30px; left: 50%; margin-left: 235px; width: 400px; text-align: left; font-size: 13px; line-height: 21px; letter-spacing: -1px; color: #84766f;}
.content_visual p span {display: block; font-size: 42px; font-weight: normal; line-height: 52px; letter-spacing: -2px; color: #fff8d6; margin-bottom: 20px;}

/* 현재 페이지 위치 */
/* 2019-04-24 수정 */
/* .location {position: relative; margin-bottom: 55px;} */
.location {position: relative; min-width:1120px; margin-bottom: 55px;}
/* //2019-04-24 수정 */
.location:after {content:""; display: block; clear: both;}
/* 2019-04-24 수정 */
/* .location h3 {position: absolute; top: 110px; left: 50%; margin-left: -82px; font-size: 30px; font-weight: 600; letter-spacing: -1px; color: #373737;} */
.location h3 {position: absolute; top: 110px; left: 50%; margin-left: -132px; font-size: 30px; font-weight: 600; letter-spacing: -1px; color: #373737;}
/* //2019-04-24 수정 */
.location ul {width: 1120px; margin: 0 auto;}
.location ul:after {content:""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 55px; border-bottom: 1px solid #e5e0d4;}
.location li {font-weight:600; float: left; width: 200px; line-height: 55px; font-size: 13px; letter-spacing: -1px; color: #938983; text-align: center; border-right: 1px solid #e5e0d4; position: relative;}
.location li:first-child {border-left: 1px solid #e5e0d4; background: #f2efe9;}
.location li:after {content:""; position: absolute; top: 50%; left: -8px; margin-top: -8px; display: block; width: 16px; height: 16px; background: url(/images/skin1007/ico.png) no-repeat -223px 0;}
.location li:first-child:after {background: none;}

/* 서브 컨테이너 */
/* 2019-04-24 수정 */
/* .sub_container { background: #fff; width: 1120px; margin: 0 auto; padding: 0 0 100px; text-align: left;} */
.sub_container { background: #fff; width: 1120px; margin: 0 auto; padding: 0 50px 100px; text-align: left; box-sizing:border-box}
/* //2019-04-24 수정 */
.sub_container:before, .sub_container:after { content: " "; display: table; }
.sub_container:after { clear: both; }

/* 서브 레프트 */
/* 2019-04-24 수정 */
/* #sub_left {float: left; width: 274px; margin-right:80px; text-align: left;} */
#sub_left {float: left; width: 274px; margin-right:74px; text-align: left;}
/* //2019-04-24 수정 */
#sub_left .title {font-size: 24px; font-weight: 600; letter-spacing: -1px; color: #2b2b2b; margin-bottom: 30px;}
.snb {margin-bottom: 50px;}
.snb li {position: relative;}
.snb a {font-family: 'NanumSquare'; text-align:left;  display: block; font-size: 17px; line-height: 35px; color: #4a4a4a; text-decoration: none; font-weight:600; padding-left: 50px; }
.snb a:hover,
.snb a.on {text-decoration:none; font-weight:600; font-family: 'NanumSquare'; display: block; font-size: 17px; line-height: 35px; color: #000;}
.snb a.on:before {content:""; position: absolute; top: 50%; left: 0; display: block; width: 33px; height:2px; margin-top:-1px;}


/* 진료시간안내 */
.sub_time p.comment {font-family:'Nanum Gothic', sans-serif !important; font-weight:600; width: 274px; min-height: 50px; padding: 10px 0px 30px 0; font-size: 14px; line-height: 20px; border-top:1px solid #e5e0d4;}
.sub_time h3:first-child {display: none;}
.sub_time h3 {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.sub_call{overflow:hidden;}
.sub_call li {position:relative;}
.sub_call li div.icon{position:absolute; border-radius:50%; top:50%; margin-top:-20px; width:40px; height:40px; }
.sub_call li span,.sub_call li strong{padding-left:58px; display:block; line-height:28px;}
.sub_call li span{font-weight:600; font-size:12px;}
.sub_call li strong{font-size:26px;}

/* 서브 컨테이너 */
.sub_container #sub_contents { float: right; width: 640px; padding: 72px 0px 0px 30px;}
.sub_container #sub_contents table { table-layout: auto !important; }

/* 서브 헤드 */
#sub_contents .sub_head {padding-top: 80px;}
#sub_contents .sub_head h3 {font-size: 28px; font-weight: 600; color: #373737; margin-bottom: 30px;}

/* 서브 컨텐츠 */
.sub_con_area div, .sub_con_area dl, .sub_con_area dt, .sub_con_area dd, .sub_con_area h1, .sub_con_area h2, .sub_con_area h3, .sub_con_area h4, .sub_con_area h5, .sub_con_area h6, .sub_con_area pre, .sub_con_area legend, .sub_con_area p, .sub_con_area form, .sub_con_area fieldset, .sub_con_area input, .sub_con_area textarea, .sub_con_area select, .sub_con_area blockquote, .sub_con_area th, .sub_con_area td { font-family: 'Nanum Gothic', sans-serif !important; line-height: 1.5; }
.sub_con_area .sub_article { margin-top: 6em; margin-bottom: 6em; color: #4e4e4e; overflow: hidden; }
.sub_article h3.tit { font-size: 1.9em; font-weight: bold; margin-bottom: 1em; }
.sub_article p { font-size: 1.2em; line-height: 1.5; margin-bottom: 2em; }
.sub_article table { border-top: 3px solid #12b0bd; font-size: 1.2em; line-height: 1.5; }
.sub_article table th, .sub_article table td { padding: 15px 0; }
.sub_article table thead { background: #ebf7f8; border-bottom: 1px solid #e4e4e4; font-size: 1.2em; }
.sub_article table tbody tr { border-bottom: 1px solid #e4e4e4; }
.sub_article table tbody th { background: #f9f9f9; font-size: 1.1em; font-weight: bold; vertical-align: middle; text-align: left; padding: .5em 2em; }
.sub_article table tbody ul { padding: .5em 3em; }
.sub_article table tbody ul li { padding: .5em 0; list-style: disc; line-height: 1.3; }
.sub_article table.table_1 { float: left; width: 48%; }
.sub_article table.table_2 { float: right; width: 48%; }
.sub_article table.table_1 tbody td, .sub_article table.table_2 tbody td { height: 320px; }
.sub_article table.table_3 tbody td { padding-left: 2em; padding-right: 2em; }

/* 클릭메디 수정 */
#sub_contents .cms_skin>.cms_box01 { padding: 0 !important; }

.Module .login_box {font-size: 12px}



.sub_footer {
	position:relative;
    clear: both;
    padding-top: 35px;
    width: 1200px;
    margin: 0 auto 50px
}

.sub_footer:after {
    content: "";
    clear: both;
    display: block
}

.sub_footer .address {
	font-family:'Nanum Gothic', sans-serif !important;
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #787878
}

.sub_footer .address .sub_footer_menu {
    margin-bottom: 20px
}

.sub_footer .address a {
    font-size: 11px;
    color: #b4b4b4
}

.sub_footer .address a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    background: #b4b4b4;
    margin: 0 6px
}

.sub_footer .address li {
    display: inline
}

.sub_footer .address li:first-child a:before {
    margin: 0;
    width: 0
}

.sub_footer .banner {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -344px;
}

.sub_footer .banner a {
    display: inline-block;
    border: 1px solid #ddd;
    margin-left: 3px
}


/* module style modify */

.about_header_content p { width:500px !important }