﻿@charset "utf-8";

/************************************************************************
 * 파일명      : sub.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.07.09
************************************************************************/
#sub-content {background:#fff;}
.sub-container {overflow:hidden;width:1000px;margin:0 auto;background:url('/skin/img/sub/sub_left_bg.gif') repeat-y left 0;}
.sub-container .left-column {float:left;width:200px;}
.sub-container .right-column {float:left;min-height:500px;width:757px;padding:25px 0 30px 43px;}

.nav-header {height:200px;line-height:200px;background:#0089c2;}
.nav-header h2 {color:#fff;font-weight:bold;font-size:28px;text-align:center;}
.nav-list {padding:0 1px;}
.nav-list > li {border-bottom:1px solid #d9d9d9;}
.nav-list .depth1a {display:block;height:40px;text-decoration:none;line-height:40px;padding-left:21px;font-size:14px;color:#505050;}
.nav-list .depth1a:hover {font-weight:bold;color:#11a0d8;}
.nav-list li.active .depth1a {font-weight:bold;color:#11a0d8;}
.location-wrap {margin-bottom:22px;}
.location-wrap .location {color:#7d7d7d;font-size:11px;font-weight:normal;}
.location-wrap .location span {float:left;display:block;padding-left:18px;background:url('/skin/img/sub/icon_home.gif') no-repeat left center;margin-right:4px;}

.left-sub-menu {padding:4px 0 10px 0;}
.left-sub-menu li a {font-size:13px;display:block;height:25px;text-decoration:none;line-height:25px;padding-left:23px;}
.left-sub-menu li a:hover {color:#4a4a4a;font-weight:bold;}
.left-sub-menu li.sactive a {color:#4a4a4a;font-weight:bold;}

/* 컨텐츠 */
.sub-st10 {padding-top:10px;}
.sub-st20 {padding-top:20px;}
.sub-st30 {padding-top:30px;}
.sub-st40 {padding-top:40px;}
.sub-st50 {padding-top:50px;}

.sub-sb10 {padding-bottom:10px;}
.sub-sb20 {padding-bottom:20px;}
.sub-sb30 {padding-bottom:30px;}
.sub-sb40 {padding-bottom:40px;}
.sub-sb50 {padding-bottom:50px;}
.sub-sb100 {padding-bottom:100px;}

.dot_line {border-bottom:1px dotted #969696;}


.page-wrap {margin-bottom:60px;}
.page-wrap .sub-title .page-name h2 {font-size:35px;color:#444444;font-weight:bold;margin-bottom:24px;}
.page-wrap .sub-title .page-name .location-slogan{font-size:14px;color:#787878}

/* 게시판 리스트 */
.board-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000;}
.board-list td,.board-list th {font-family:'Nanum Gothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.board-list td {height:30px;}
.board-list td.title {text-align:left;padding-left:30px;}
.board-list td.tdleft {text-align:left;padding-left:30px;}
.board-list td.title  a{font-size:14px;}
.board-list td.contents {text-align:left;padding:10px 0 10px 10px;vertical-align:top;}
.board-list td.contents td {text-align:left;border:none;}
.board-list td.contents th {text-align:left;border:none;}
.board-list td.tdcontents td {text-align:left;border:none;padding-left:30px;color:#454544;}
.board-list td.tdcontents td p {color:#454544;}
.board-list td.bold {font-weight:bold;}
.board-list td .board_input {border: 1px solid #DDDDDD;color: #333333;height: 28px;line-height: 2.2em;padding: 0 0 0 10px;}
.board-list td em {float:right;margin-right:20px;}

/* 로그인 */
.login-new-wrap {position:relative;height:345px;margin:0 auto;padding-top:44px;padding-left:86px;border:1px solid #ececec;border-top:5px solid #696969;}
.login-new-wrap h2 {font-size:35px;color:#333333;font-weight:bold;}
.login-new-wrap .tit {margin-top:20px;font-weight:bold;font-size:15px;}
.login-new-wrap .tit strong {color:#D36161;font-weight:bold;}
.login-new-wrap input {width:188px;height:29px;border:1px solid #b6bbbd;line-height: 2.3em;padding:0 10px;}
.login-new-wrap .input-wrap {height:103px;}
.login-new-wrap .mem-id {position:absolute;top:103px;left:86px;}
.login-new-wrap .mem-pw {position:absolute;top:139px;left:86px;}
.login-new-wrap .mem-submit {position:absolute;top:103px;left:326px;}
.login-new-wrap .member-action {padding-top:20px;}
.login-new-wrap .member-action .stit {font-size:12px;color:#333;font-weight:bold;margin-bottom:10px;}
.login-new-wrap .member-action .stxt {margin-bottom:10px;font-size:13px;color:#828282;}
.login-new-wrap .member-action .stxt a {margin-left:10px;}
.login-new-wrap .member-action .stxt img {vertical-align:middle;}

/* 회원정보수정 */
.login-wrap {width:654px;margin:0 auto;}
.login-title {font-weight:bold;font-size:20px;color:#000;margin-bottom:20px;}
.login-title strong {color:#000;}
.login-box {width:648px;margin:0 auto;border:1px solid #C5C5C5;border-top:3px solid #7B9DD2;padding:50px 0 50px 0;}
.login-box .id-save {padding-top:20px;border-top:1px solid #C5C5C5;width:400px;margin:20px auto 0 auto;}

.login-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;margin:0 auto;line-height:21px;border-collapse: collapse;margin-top:40px;}
.login-list td,.board-list th {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;padding:5px 0;font-size:14px;}
.login-list th {text-align:left;font-size:15px;color:#666;}
.login-list td {height:30px;}
.login-list td .board_input {font-family:'NanumGothic','Open Sans', sans-serif;border: 1px solid #DDDDDD;color: #333333;height: 32px;line-height: 2.3em;padding: 0 10px 0 10px;font-size:14px;}

/* 회원가입 */ 
.join-title {color: #292929;font-size: 20px;font-weight: bold;margin-bottom: 13px;padding-bottom: 9px;position: relative;}
.join-title span {background: none repeat scroll 0 0 #696969;bottom: 0;display: block;height: 2px;left: 0;position: absolute;width: 24px;}
.join-table .join-check {font-size:13px;margin:20px 0;text-align:right;}
.join-table .join-button {text-align:center;margin:20px 0;}

/* 회원가입완료*/
.join-end-wrap {width:500px;margin:0 auto;padding:50px;overflow:hidden;display:table;}
.join-end-wrap .join-end-logo {display:table-cell;width:200px;padding-top:50px;}
.join-end-wrap .join-end-text {display:table-cell;width:100px;}
.join-end-wrap .join-end-text h1 {margin-bottom:50px;font-size:24px}
.join-end-wrap .join-end-text p {margin-bottom:50px;font-size:15px}
.nav-tabs {margin-bottom:20px;overflow:hidden;}
.nav-tabs li {float:left;}
.nav-tabs li a {display:block;width:150px;height:45px;line-height:45px;text-align:center;text-decoration:none;border:1px solid #C5C5C5}
.nav-tabs li a.first {border-right:none;}
.nav-tabs li.active a {background:#696969;color:#fff;}

/* 두드림 한의원 */
.info_board-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;line-height:21px;border-collapse: collapse;}
.info_board-list td,.info_board-list th {font-family:'Nanum Gothic','Open Sans', sans-serif;text-align:center;padding:10px 0;font-size:13px;}
.info_board-list th{font-weight:bold;background:#949494;color:#fff;border-left:1px solid #7f7f7f;}
.info_board-list th.hour_tit{background:#F8F8F8;color:#454544;border-bottom:1px solid #dddddd;border-left:0}
.info_board-list td{border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.info_board-list .care_pic{border:1px solid #dddddd;}
.care_time{padding-top:40px;}
.map_box{overflow:hidden;}
.map_info{float:left;}

.map-dream{float:right;width:359px;}
.map-dream .faq-list {margin-top:30px;}
.map-dream .faq-list .q {padding-left: 15px;}
.map-dream .faq-list .a {padding:25px 20px;font-size:13px;}
.map-dream .faq-list .cont {padding-right: 0;}
.map-dream .faq-list .cont p {font-size:13px;}
.map-dream .faq-list .cont ul li {font-size:12px;border:0;margin-top:5px;}
.map-dream .faq-list .cont span {display:block;font-size:12px;line-height:1.7;color:#8b9bb0;}
.map-dream .faq-list .cont ul li span {font-size:14px;}
.map-dream .faq-list li.on .a {display:block;}
.faq-list {border-top: 3px solid #4968a0;font-size:13px;}
.faq-list li {border-bottom: 1px solid #ccd0d7;padding: 2px 0;}
.faq-list p {margin-top: 0;}
.faq-list .label {font-weight: bold;}
.faq-list .q {margin: 0;padding: 10px 40px 10px 28px;position: relative;}
.faq-list .q .label {color: #6e91c6;}
.faq-list .q .category {display: none;font-size: 14px;left: 55px;position: absolute;text-align: center;top: 10px;width: 130px;}
.faq-list .q span {color: #444;font-size:13px;font-weight: bold;}
/*.faq-list .q .mark {background: url('/skin/img/sub/icons.png') no-repeat 0 center ;height: 30px;position: absolute;right: 10px;top: 3px;width: 24px;}*/
.faq-list .a {background: none repeat scroll 0 0 #f1f3f6;display: none;padding:10px 20px;position: relative;}
.faq-list .a .label {color: #999;}
.faq-list .cont {color: #676767;line-height:25px; overflow: hidden;}
.faq-list li:hover {background: none repeat scroll 0 0 #f7f8fa;}
.faq-list li.on:hover {background: none repeat scroll 0 0 transparent;}
.faq-list li:hover .q span, .faq-list li.on .q span {color: #3784bf;font-weight:bold;font-size:13px;}
.faq-list li.on .q .mark {background-position: -52px -16px;}
.faq-list li.on .a {display: block;}
.faq-list li.on .cont {display: block;}
.faq-list li li:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

/* 서브 컨텐츠 */
.txt-c01 {font-size:16px;color:#323232;font-weight:bold;}
.txt-c02 {font-size:13px;color:#646464;line-height:180%}

.title01 {color: #0089c2;font-weight:bold;font-size:26px;line-height:160%;}
.title02 {color: #323232;font-weight:none;font-size:24px;line-height:160%;}
.title03 {color: #5a5a5a;font-weight:none;font-size:16px;line-height:160%;}
.txt01 {color: #6e6e6e;font-weight:none;font-size:14px;line-height:160%;}
.txt02 {color: #505050;font-weight:none;font-size:15px;line-height:200%;}
.txt03 {color: #0089c2;font-weight:none;font-size:15px;line-height:160%;}


.cont-block {overflow:hidden;}
.cont-box {float:left;padding-right:5px;padding-bottom:5px;}
.cont-box-right {float:left;padding-bottom:5px;}
.cont-box1 {float:left;padding-right:8px;padding-bottom:8px;}
.cont-box1-right {float:left;padding-bottom:8px;}
.ceomessage-cont {background:url('/file/img_page/ceomessage_bg.gif') repeat-y right 0;}

.cate-loc {margin-bottom:20px;}
.sub-category-full {border:1px solid #0089C2;background:#f7f7f7;padding:10px 20px 0 20px;} 
.sub-category-full ul {overflow:hidden;margin-bottom:10px;}
.sub-category-full ul li {float:left;margin-right:40px;}
.sub-category-full ul li.last {margin-right:0;}
.sub-category-full ul li a {display:block;width:135px;line-height:150%;padding-left:9px;background:url('/skin/img/sub/good_dot.gif') no-repeat left center;}
.sub-category-full ul li a.selected {font-weight:bold;}

.goods-list-wrap {margin:50px 0;}
.goods-list {overflow:hidden;margin-bottom:44px;}
.goods-list .goods-item {float:left;margin-right:28px;}
.goods-list .goods-item .goods-img {width:166px;height:151px;border:1px solid #dcdcdc;} 
.goods-list .goods-item .goods-img img {width:166px;height:151px;}
.goods-list .goods-item .goods-title {width:166px;text-align:center;margin:10px 0;}
.goods-list .goods-item .goods-btn {text-align:center;}
.goods-list .goods-item.last {margin-right:0;}

.goods-info {overflow:hidden;margin-top:50px;}
.goods-info .goods-img {width:379px;height:312px;margin-right:34px;float:left;border:1px solid #dcdcdc}
.goods-info .goods-img img {width:379px;height:312px;}
.goods-info .goods-text {float:right;width:342px;}
.goods-info .goods-text .goods-title {font-weight:bold;font-size:18px;height:64px;line-height:64px;border-bottom:1px solid #646464;color:#323232;margin-bottom:25px;}
.goods-info .goods-text .goods-summary {min-height:224px;position:relative;}
.goods-info .goods-text .goods-summary .pdf {position:absolute;bottom:0;right:0;}
.goods-detail {margin-top:59px;}
.goods-detail .goods-html {padding:10px;}