@charset "utf-8";

/* 공통 */
#wrapper { width:100%; min-width:1270px; }

/* 컨텐츠 전체 */
#contents_wrap { width:100%; overflow:hidden;}

/* 비주얼 영역 */
.visual_area { position:relative; height:670px; background:#f9f9f9; }
.main_bg_com { position:absolute; left:50%; margin-left:-980px; top:625px; width:247px; height:247px; z-index:100;
background:url('../images/main/main_bg_com.png') no-repeat }
/*.main_bg_com2 { position:absolute; left:50%; margin-left:-1140px; top:555px; width:200px; height:200px; z-index:100;
background:url('../images/main/main_bg_com2.png') no-repeat }*/

/* 배너영역 */
.contents_box_bg { position:relative; overflow:hidden; background:#f0f0f0; z-index:2 }
.contents_box_wrap { margin:67px auto 60px; width:1270px; }
.main_bg_under { position:absolute; right:0; width:50%; margin-right:-655px; bottom:0; height:268px;
background:url('../images/main/main_bg_under.png') no-repeat }

/* 공지사항 */
.contents_box01 { float:left; width:607px; }
.board_tab { overflow:hidden; }
.board_tab li { float:left; padding:0 17px; background:url('../images/main/board_line.gif') no-repeat right center }
.board_tab li:first-child { padding-left:7px; }
.board_tab li:last-child { background:none; }
.board_tab li a { display:inline-block; padding:2px 0; font-family:'Nanum Square'; font-size:25px; font-weight:bold; color:#b0b0b0;}
.board_tab li.active a { font-weight:bold; color:#000; }

.board_page { clear:both; position:relative; margin-top:18px; width:607px; height:272px; border:1px solid #dcdcdc; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); 
padding:27px 35px; background:#fff}
.board_page.ntop li:first-child { padding-bottom:13px; margin-bottom:19px; border-bottom:1px solid #f0f0f0; }
.board_page.ntop li:first-child .board_con { display:inline-block; width:400px; margin-top:5px; vertical-align:top; }
.board_page.ntop li:first-child a.subject{ width:400px; background:none; padding:0; font-size:22px; font-weight:bold; color:#000 }
.board_page.ntop li:first-child a.con { display:block; margin-top:5px; line-height:23px; height:45px; font-size:13px; color:#818181 }
.board_page.ntop li:first-child .date { display:block; margin-top:3px; }

.board_page li a.subject:hover { color:#364989 }
.board_page li a.subject{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; 
background:url('../images/common/bullet_01.gif') no-repeat 0 50%; padding-left:14px; width:420px; margin-bottom:7px;  font-size:15px; color:#000 }
.board_page li .date { float:right; vertical-align:top; font-size:12px; color:#9e9e9e }
.board_page.ntop .board_img { display:inline-block; width:127px; height:102px; background:url('../images/main/board_img.png') no-repeat }
.board_page .more { position:absolute; top:-40px; right:0;}

/* 진료안내 배너 */
.contents_box02 { position:relative; float:right; width:622px; height:272px; }
.contents_box02 .carousel-inner { border:1px solid #dcdcdc; height:270px; background:#fff; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }

/* 고객센터 */
.contents_box03 { float:left; margin-top:40px; width:329px; height:272px; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box03 .banner1 { display:block; width:100%; height:272px; padding:28px 27px; background:url('../images/main/customer_img.png') no-repeat right bottom;} 
.contents_box03 .banner1 .tit { display:block; font-family:'Nanum Square'; font-size:25px; color:#fff; font-weight:bold;}
.contents_box03 .banner1 .tel { margin:33px 0 30px; letter-spacing:-3px; font-family:'Nanum Square-e'; font-size:45px; color:#fff; font-weight:bold; }
.contents_box03 .banner1 .time { padding-top:5px;font-family:'Nanum Square'; font-size:16px; line-height:23px; color:#fff; font-weight:bold; }
.contents_box03 .banner1 .time span { font-size:16px; color:#fff893 }

/* 하단 퀵메뉴 */
.contents_box04 { overflow:hidden; float:right; margin-top:40px; width:900px; height:272px; background:#fff; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box04 a { float:left; display:block; border-right:1px solid #f0f0f0; width:25%; height:210px; margin-top:30px }
.contents_box04 a:hover {opacity:0.8;}
.contents_box04 h3.tit { padding:10px 40px 10px; text-align:center; font-family:'Nanum Square-b'; font-size:18px; font-weight:bold; color:#000; }
.contents_box04 h4.stit { padding:0 20px 0; text-align:center; font-size:13px; line-height:1.3; letter-spacing:-0.8px; color:#666; }
.contents_box04 .img { display:block; width:225px; height:136px; }
.contents_box04 .banner1 .img { background:url('../images/main/q_banner1.png') no-repeat center; }
.contents_box04 .banner2 .img { background:url('../images/main/q_banner2.png') no-repeat center; }
.contents_box04 .banner3 .img { background:url('../images/main/q_banner3.png') no-repeat center; }
.contents_box04 .banner4 .img { background:url('../images/main/q_banner4.png') no-repeat center; }