@charset "utf-8";
/* Layout */
#wrap { overflow:hidden;}
#header { width:100%; height:670px; background:url(image/bg_main_visual.gif) repeat-x 50% 0; background-size:cover;}
.sub #header { position:relative; height:170px;}
#header h1 { position:absolute; top:0; left:0;}
#header h1 a { display:block; padding:30px 30px 30px 0;}
#header .left_hand { position:absolute; bottom:0; left:50%; margin-left:-765px;}
#header .right_hand { position:absolute; bottom:0; right:50%; margin-right:-785px;}
#header .sub_top { position:absolute; width:100%; height:85px; bottom:0; background-color:rgba( 255, 255, 255, 0.7 ); text-align:center;}
#header .sub_top .stle { padding:15px 0; font-size:16px; color:#414141; font-weight:bold;}
#header .sub_top .sub_tab { color:#505050; font-size:18px;}
#header .sub_top .sub_tab a { color:#4a5da1;}
#header .sub_top .sub_tab span { padding:0 10px;}
#header .sub_top .sub_tab b {}
#header #lnb { position:absolute; top:5px; right:0;}
#header #lnb li { display:inline-block; height:80px; text-align:center;}
#header #lnb .lnb1 { width:132px;}
#header #lnb .lnb2 { width:152px;}
#header #lnb .lnb3 { width:156px;}
#header #lnb .lnb4 { width:122px;}
#header #lnb .lnb5 { display:none; width:133px;}
#header #lnb .lnb6 { width:156px;}
#header #lnb .lnb7 { width:156px;}
#header #lnb a { display:inline-block; width:100%; height:100%; font-size:20px; color:#fff; font-weight:bold; text-indent:-10000px;}
#header #lnb .lnb1 a { background:url(image/bg_lnb1_on.png) no-repeat 50% 50%;}
#header #lnb .lnb1 .on,
#header #lnb .lnb1 a:hover { background:url(image/bg_lnb1_off.png) no-repeat 50% 50%;}
#header #lnb .lnb2 a { background:url(image/bg_lnb2_on.png) no-repeat 50% 50%;}
#header #lnb .lnb2 .on,
#header #lnb .lnb2 a:hover { background:url(image/bg_lnb2_off.png) no-repeat 50% 50%;}
#header #lnb .lnb3 a { background:url(image/bg_lnb3_on.png) no-repeat 50% 50%;}
#header #lnb .lnb3 .on,
#header #lnb .lnb3 a:hover { background:url(image/bg_lnb3_off.png) no-repeat 50% 50%;}
#header #lnb .lnb4 a { background:url(image/bg_lnb4_on.png) no-repeat 50% 50%;}
#header #lnb .lnb4 .on,
#header #lnb .lnb4 a:hover { background:url(image/bg_lnb4_off.png) no-repeat 50% 50%;}
#header #lnb .lnb5 a { background:url(image/bg_lnb5_on.png) no-repeat 50% 50%;}
#header #lnb .lnb5 .on,
#header #lnb .lnb5 a:hover { background:url(image/bg_lnb5_off.png) no-repeat 50% 50%;}
#header #lnb .lnb6 a { background:url(image/bg_lnb4_1_on.png) no-repeat 50% 50%;}
#header #lnb .lnb6 .on,
#header #lnb .lnb6 a:hover { background:url(image/bg_lnb4_1_off.png) no-repeat 50% 50%;}
#header #lnb .lnb7 a { background:url(image/bg_lnb6_on.png) no-repeat 50% 50%;}
#header #lnb .lnb7 .on,
#header #lnb .lnb7 a:hover { background:url(image/bg_lnb6_off.png) no-repeat 50% 50%;}
#header .main_visual { padding-top:200px; text-align:center; color:#fff;}
#header .main_visual .main_scr { font-size:23px; font-weight:bold; padding-bottom:15px;}
#header .main_visual .main_tit { font-size:50px; font-weight:bold; padding-bottom:25px;}
#header .main_visual .main_txt { font-size:17px; padding-bottom:25px;}
#container {}
#container:after { display:block; clear:both; content:'';}
#container .main_middle { padding:55px 0; background:url(image/bg_main_middle.gif) repeat-x 50% 50%; background-size:cover;}
#container .main_middle .main_title { text-align:center;}
#container .main_middle .main_title b { display:block; font-size:45px; padding-bottom:5px; color:#333;}
#container .main_middle .main_title span { position:relative; display:block; font-size:16px; color:#777;}
#container .main_middle .main_title span:before { position:absolute; content:""; display:block; height:0; border-top:1px solid #c2c2c2; left:530px; right:530px; top:55px;}
#container .main_middle ul { padding-top:90px;}
#container .main_middle ul:after { display:block; clear:both; content:'';}
#container .main_middle li { position:relative; width:355px; margin-left:17px; float:left;}
#container .main_middle li a { position:absolute; display:block; top:0; left:0; width:100%; display:none;}
#container .main_middle li:first-child { margin-left:0;}
#container .main_middle li b { display:block; padding-top:10px; font-size:25px; color:#4a5da1;}
#container .main_middle li span { display:block; padding-top:5px; font-size:15px; color:#777;}
#container .main_family li { width:25%; float:left;}
#container .main_family li img { width:100%;}
#content .tit_page { padding:20px 0 60px 0; text-align:center;}
#content .tit_page b { display:block; font-size:45px; padding-bottom:5px; color:#333;}
#content .tit_page span { position:relative; display:block; font-size:16px; color:#777;}
#content .tit_page span:before { position:absolute; content:""; display:block; height:0; border-top:1px solid #c2c2c2; left:530px; right:530px; top:55px;}
#content .sub_tit_page {padding:0 0 15px 0; text-align:center;}
#content .sub_tit_page b {display:block; font-size:35px; padding-bottom:5px; color:#3556b1;}
#content .sub_tit_page p {padding:5px 0 15px 0; text-align:center; font-size:15px; color:#777; line-height:22px;}


#content .cont_page { padding:10px 0 60px 0;}
#content .cont_page:after { display:block; clear:both; content:'';}
#content .cont_page .division3 li { position:relative; width:355px; margin-left:17px; float:left; text-align:center;}
#content .cont_page .division3 li:first-child { margin-left:0;}
#content .cont_page .division3 li b { display:block; padding-top:10px; font-size:25px; color:#4a5da1;}
#content .cont_page .division3 li span { display:block; padding-top:5px; font-size:16px; color:#777;}
#content .cont_page .division4 li { position:relative; width:255px; margin-left:17px; float:left; text-align:center;}
#content .cont_page .division4 li:first-child { margin-left:0;}
#content .cont_page .division4 p { padding-top:20px;}

/* 사이트 맞춤서비스*/
#content .cont_page .division7 li { position:relative; margin-left:21px; float:left; text-align:center;}
#content .cont_page .division7 li:first-child { margin-left:0;}
#content .cont_page .division7 .arrow_right {padding-top:90px;}
#content .cont_page .division7 .arrow_bottom {display:none;}

#content .cont_page .online_con { padding:0 260px;}
#content .cont_page .online_con li { padding-bottom:10px;}

/* history */
.timeline {position:relative;}
.timeline:before {content:""; position:absolute; top:0; bottom:0; left:50%; margin-left:-1.5px; width:2px; background:#f1f1f1; z-index:-100;}
.timeline li:last-child {min-height:150px;}
.timeline li {min-height:250px;}
.timeline_img {background-color:#FC0; border:7px solid #eee; border-radius:100%; width:150px; height:150px; margin-left:43%;}
.img_circle {border-radius:100%; width:150px; height:150px; }

.timeline_panel1 {text-align:right; float:left; width:300px; position:absolute; left:120px; top:20px; }
.timeline_panel2 {text-align:left; float:right; width:300px; position:absolute; right:130px; top:260px;}
.timeline_panel3 {text-align:right;float:left; width:300px; position:absolute; left:120px; top:525px;}
.timeline_panel4 {text-align:left; float:right; width:300px; position:absolute; right:130px; top:760px;}

/*.timeline_panel1 {text-align:right; position:absolute; left:12%; top:18px; width:300px;}
.timeline_panel2 {text-align:left; position:absolute; right:12%; top:260px; width:300px;}
.timeline_panel3 {text-align:right; position:absolute; left:12%; top:530px; width:300px;}
.timeline_panel4 {text-align:left; position:absolute; right:12%; top:760px; width:300px;}*/

.timeline_heading h4 {font-size:20px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; line-height:25px; color:#3E3E3E;}
.timeline_body {margin-top:10px; line-height:20px; color:#999; font-size:14px;}
.timeline .heading {text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:700; color:#fff; font-size:20px; margin-top:32px; line-height:30px; text-align:center;}

/* service_info 콜핀시스템 소개 */
.callpin_list01 {text-align:center; font-size:16px; color:#4e4e4e; line-height:22px; margin-bottom:80px; } 
.callpin_list01 img {width:100%;}
.service_info_pc {margin-top:40px;}
.service_info_mobile {display:none;}

/* service_spec 서비스특징 */
.spec_list01 {margin-bottom:40px;}
.spec_list01 img {width:100%;}
.spec_pc {}
.spec_mobile {display:none; }

/* 다이렉트콜 */
.directcall {border:1px solid #ddd; background:url(../image/content/service/bg_direct.jpg) no-repeat left top; height:433px; position:relative; margin-bottom:50px;}
.direct_tit {position:absolute; top:11%; right:10%; text-align:left;}
.direct_tit b {display:block; font-size:28px; padding-bottom:5px; color:#333; margin-bottom:5px;}
.direct_tit p {display:block; font-size:16px; padding-bottom:30px; color:#333; margin-bottom:5px; line-height:25px;}


/* service_cost 서비스요금 */
.cost_table {margin-bottom:50px;}

/* 견적상담 게시판 리스트*/
.board_view {margin-top:50px;}
.table {width: 100%; margin-bottom: 20px; font-size:15px; color:#6e6e6e;}
.table thead th {font-weight:bold; font-size:16px; color:#333; line-height:35px;}
.table thead tr {border-top:2px solid #333; border-bottom:2px solid #333;}
.table th, .table td {padding:10px;}
.table tbody tr {border-bottom:1px solid #ddd; text-align:center; line-height:35px;}
.vat {text-align:right; font-size:13px; color:#333; margin-bottom:5px;}
.subject1 {max-width:0; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.paging a {font-size:15px; color:#848484; margin-right:20px;}
.paging a.on {font-weight:bold; color:#3556b1; text-decoration:underline;}
.paging .prev, .paging .next {font-size:12px; color:#333;}

/*견적상담 게시판 읽기화면 */
.board_view .writer {width:80%; text-align:right; }
.board_view .date {width:20%; text-align:right;}
.board_view .substance {text-align:left; line-height:25px;}

#footer { padding:45px 0; background:#505050; color:#888;}
#footer .lgo_bottom { position:absolute; top:0; left:0;}
#footer .to_top { position:absolute; top:-10px; right:0;}
#footer address { padding:0 70px 0 205px;}
#footer address span { line-height:20px; padding-right:20px;}

#content,
.min_block { position:relative; width:1100px; height:100%; margin:0 auto;}

/* modal */
.login_modal { position:fixed; padding:5%; width:90%; height:100%; background-color:rgba( 0, 0, 0, 0.8 ); text-align:left; z-index:180; display:none;}
.login_modal .login_content { position:absolute; left:50%; top:200px; padding:55px; margin-left:-380px; border-radius:5px; width:650px; overflow:auto; background:url(image/bg_login.gif) no-repeat 50% 50%; background-size:cover; z-index:100; text-align:center; display:none;}
.login_modal .login_content .title { padding-bottom:10px; font-size:45px; color:#333;}
.login_modal .login_content .sub_title { position:relative; padding-bottom:40px; font-size:16px; color:#8f8e8e;}
.login_modal .login_content .sub_title:before { position:absolute; content:""; display:block; height:0; border-top:1px solid #c2c2c2; left:300px; right:300px; top:35px;}
.login_modal .login_content .login_form { position:relative; width:225px; padding-bottom:30px; padding-right:145px; margin:0 auto;}
.login_modal .login_content .login_form div { padding-bottom:6px;}
.login_modal .login_content .login_form .btn_login { position:absolute; top:0; right:0;}
.login_modal .login_content .careful { font-size:14px; color:#8d8d8d;}

.modal_close { position:absolute; top:30px; right:30px; z-index:200;}

/* 사이트맵 */
.sitemap_modal { position:fixed; padding:5%; width:90%; height:100%; background-color:rgba( 0, 0, 0, 0.8 ); text-align:left; z-index:80; display:none;}
.sitemap_open { position:absolute; top:15px; right:30px; z-index:30; display:none;}
.sitemap { display:none;}

/* 넷북 */
@media only screen and (max-width:1100px) {
#header h1 a { display:block; padding:30px;}
#header #lnb .lnb1 { width:102px;}
#header #lnb .lnb2 { width:122px;}
#header #lnb .lnb3 { width:126px;}
#header #lnb .lnb4 { width:92px;}
#header #lnb .lnb5 { width:43px;}
#header #lnb .lnb6 { width:126px;}
#header #lnb .lnb7 { width:126px;}

#container .main_middle { padding:55px 20px;}
#container .main_middle .main_title b { font-size:45px; padding-bottom:5px;}
#container .main_middle .main_title span { font-size:16px;}

#container .main_middle ul { padding-top:20px;}
#container .main_middle li { width:32%; margin-left:2%;}
#container .main_middle li img { width:100%;}

#content .tit_page { padding:10px 0;}
#content .tit_page b { font-size:45px; padding-bottom:5px;}
#content .tit_page span { font-size:16px;}

#content { padding:20px;}
#content .cont_page .division3 li { width:32%; margin-left:2%;}
#content .cont_page .division3 li img { width:100%;}
#content .cont_page .division4 li { width:24%; margin-left:1%;}
#content .cont_page .division4 li img { width:100%;}

/* 사이트 맞춤서비스*/
#content .cont_page .division7 li {width:21%; margin-left:1%;}
#content .cont_page .division7 li img {width:100%;}
#content .cont_page .division7 .arrow {width:26px;}
#content .cont_page .division7 .arrow_right {padding-top:70px;}

#content .cont_page .online_con { padding:0 25%;}

#content,
.min_block  { width:auto;}

/* history 
.timeline:before {content:""; position:absolute; top:0; bottom:0; left:50%; margin-left:-1.5px; width:2px; background:#f1f1f1; z-index:-100;}
.timeline li:last-child {min-height:120px;}
.timeline_img {background-color:#FC0; border:7px solid #eee; border-radius:100%; width:120px; height:120px; margin-left:43%;}
.img_circle {border-radius:100%; width:120px; height:120px; }

.timeline_panel1 {text-align:right; float:left; width:300px; position:absolute; left:100px; top:20px; }
.timeline_panel2 {text-align:left; float:right; width:300px; position:absolute; right:100px; top:260px;}
.timeline_panel3 {text-align:right;float:left; width:300px; position:absolute; left:100px; top:525px;}
.timeline_panel4 {text-align:left; float:right; width:300px; position:absolute; right:100px; top:760px;}

.timeline .heading {text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:700; color:#fff; font-size:18px; margin-top:32px; line-height:20px; text-align:center;} */

#footer { padding:35px 0;}
#footer .lgo_bottom { display:none;}
#footer .to_top { position:absolute; top:-10px; right:10px;}
#footer address { padding-left:20px;}
#footer address span { line-height:20px;}
}

/* 태블릿 */
@media only screen and (max-width:700px) {
#header #lnb .lnb1 { width:82px;}
#header #lnb .lnb2 { width:102px;}
#header #lnb .lnb3 { width:106px;}
#header #lnb .lnb4 { width:72px;}
#header #lnb .lnb5 { width:33px;}
#header #lnb .lnb6 { width:106px;}
#header #lnb .lnb7 { width:106px;}

#container .main_family li { width:50%; float:left;}

.login_modal .login_content { position:relative; padding:5%; left:auto; top:0; margin:0; width:90%;}

/* history */
.timeline:before {content:""; position:absolute; top:0; left:8%; margin-left:-1.5px; width:2px; background:#f1f1f1; z-index:-100;}
.timeline li:last-child {min-height:100px;}
.timeline_img {background-color:#FC0; border:7px solid #eee; border-radius:100%; width:100px; height:100px; margin-left:0;}
.img_circle {border-radius:100%; width:100px; height:100px; }

.timeline_panel1 {text-align:left; float:right; width:300px; position:absolute; left:150px; top:20px; }
.timeline_panel2 {text-align:left; float:right; width:300px; position:absolute; left:150px; top:260px;}
.timeline_panel3 {text-align:left; float:right; width:300px; position:absolute; left:150px; top:525px;}
.timeline_panel4 {text-align:left; float:right; width:300px; position:absolute; left:150px; top:760px;}

.timeline .heading {text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:700; color:#fff; font-size:15px; margin-top:28px; line-height:16px; text-align:center;}

/* service_info 콜핀시스템 소개 */
.callpin_list01 {text-align:center; font-size:14px; color:#4e4e4e; line-height:20px; } 
.service_info_pc {margin-top:30px;}
.service_info_mobile {display:none;}

/*견적상담 게시판 읽기화면 */
.board_view .writer {width:50%; text-align:center;}
.board_view .date {width:50%; text-align:center;}
}



/* 모바일 가로 */
@media only screen and (max-width:700px) {
#header { height:400px;}
#header #lnb { display:none;}
.sitemap_open { display:block;}
#header .left_hand,
#header .right_hand { display:none;}
#header .main_visual { padding-top:100px;}
#header .main_visual .main_scr { font-size:18px; padding-bottom:12px;}
#header .main_visual .main_tit { font-size:38px; padding-bottom:20px;}
#header .main_visual .main_txt { font-size:15px;}

#container .main_middle { padding:40px 0;}
#container .main_middle ul { padding:20px;}
#container .main_middle li { clear:both; width:100%; margin-top:20px;}
#container .main_middle li:first-child { margin-top:0;}
#container .main_middle .main_title b { font-size:35px; padding-bottom:5px;}
#container .main_middle .main_title span { font-size:15px;}

#content { padding:20px;}
#content .cont_page .division3 li { clear:both; width:100%; margin-top:10px;}
#content .cont_page .division3 li:first-child { margin-top:0;}
#content .cont_page .division4 li { clear:both; width:100%; margin-top:10px;}
#content .cont_page .division4 li:first-child { margin-top:0;}


/* 사이트 맞춤서비스*/
#content .cont_page .division7 li {clear:both; width:100%; margin-top:10px;}
#content .cont_page .division7 li img {width:100%;}
#content .cont_page .division7 .arrow_right {display:none;}
#content .cont_page .division7 .arrow_bottom {display:block; width:38px; padding-left:300px;}


#content .tit_page b { font-size:35px; padding-bottom:5px;}
#content .tit_page span { font-size:15px;}
#content .cont_page .online_con { padding:0 15%;}

/* history */
.timeline:before {content:""; position:absolute; top:0; left:8%; margin-left:-1.5px; width:2px; background:#f1f1f1; z-index:-100;}
.timeline li:last-child {min-height:80px;}
.timeline_img {background-color:#FC0; border:5px solid #eee; border-radius:100%; width:80px; height:80px; margin-left:0;}
.img_circle {border-radius:100%; width:80px; height:80px; }

.timeline_panel1 {text-align:left; float:right; max-width:100%; position:absolute; left:100px; top:0; }
.timeline_panel2 {text-align:left; float:right; max-width:100%; position:absolute; left:100px; top:230px;}
.timeline_panel3 {text-align:left; float:right; max-width:100%; position:absolute; left:100px; top:500px;}
.timeline_panel4 {text-align:left; float:right; max-width:100%; position:absolute; left:100px; top:750px;}

.timeline .heading {text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:700; color:#fff; font-size:13px; margin-top:20px; line-height:14px; text-align:center;}

/* service_info 콜핀시스템 소개 */
.callpin_list01 {text-align:center; font-size:14px; color:#4e4e4e; line-height:20px; } 
.service_info_mobile {margin-top:30px; display:block;}
.service_info_pc {display:none;}

/* service_spec 서비스특징 */
.spec_pc {display:none;}
.spec_mobile {margin-top:30px; display:block; }

/* 다이렉트콜 */
.directcall {border:1px solid #ddd; background:url(../image/content/service/bg_direct.jpg) no-repeat left top; height:433px; position:relative; margin-bottom:400px;}
.direct_tit {position:absolute; top:105%; center text-align:center;}
.direct_tit b {display:block; font-size:35px; padding-bottom:5px; color:#333; margin-bottom:5px;}
.direct_tit p {display:block; font-size:22px; padding-bottom:10px; color:#333; margin-bottom:5px; line-height:30px;}


.login_modal .login_content .login_form { width:100%; padding-right:0; padding-bottom:0;}
.login_modal .login_content .login_form .btn_login { position:static;}
.btn100 { width:100%; padding:15px 0;}

/* 사이트맵 */
.sitemap { position:fixed; top:0; right:0; width:50%; height:100%; background:#505050; overflow-y:auto; display:none;}
.sitemap .sitemap_close { position:absolute; top:30px; right:30px; width:50px; height:50px;}
.sitemap ul { padding:90px 20px 40px 20px;}
.sitemap ul:after { content:""; display:block; clear:both;}
.sitemap ul .lnb a { display:block; padding:14px 0 14px 30px; margin-bottom:10px; font-size:16px; border:1px solid #fff; font-weight:bold; background:#505050; color:#fff; letter-spacing:-0.05em;}

/*견적상담 게시판 읽기화면 */
.board_view .writer {width:50%; text-align:center;}
.board_view .date {width:50%; text-align:center;}

}


/* 모바일 */
@media only screen and (max-width:480px) {
#header { height:320px;}
#header h1 a { display:block; padding:30px;}
#header .main_visual .main_scr { font-size:15px; padding-bottom:10px;}
#header .main_visual .main_tit { font-size:28px; padding-bottom:15px;}
#header .main_visual .main_txt { font-size:12px;}

#container .main_middle { padding:25px 0;}
#container .main_middle .main_title b { font-size:26px; padding-bottom:5px;}
#container .main_middle .main_title span { padding:0 10px; font-size:12px;}
#content .cont_page .online_con { padding:0 20px;}

#content .sub_tit_page {padding:0 0 15px 0; text-align:center;}
#content .sub_tit_page b {display:block; font-size:28px; padding-bottom:5px; color:#3556b1;}


/* 사이트 맞춤서비스*/
#content .cont_page .division7 .arrow_bottom {display:block; width:38px; padding-left:150px;}


/* history */
.timeline:before {content:""; position:absolute; top:0; left:13%; margin-left:-1.5px; width:2px; background:#f1f1f1; z-index:-100;}
.timeline li:last-child {min-height:80px;}
.timeline_img {background-color:#FC0; border:5px solid #eee; border-radius:100%; width:80px; height:80px; margin-left:0;}
.img_circle {border-radius:100%; width:80px; height:80px; }

.timeline_panel1 {text-align:left; float:right; width:230px; position:absolute; left:100px; top:0; }
.timeline_panel2 {text-align:left; float:right; width:230px; position:absolute; left:100px; top:230px;}
.timeline_panel3 {text-align:left; float:right; width:230px; position:absolute; left:100px; top:500px;}
.timeline_panel4 {text-align:left; float:right; width:230px; position:absolute; left:100px; top:750px;}

.timeline .heading {text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:700; color:#fff; font-size:13px; margin-top:20px; line-height:14px; text-align:center;}

/* service_info 콜핀시스템 소개 */
.callpin_list01 {text-align:center; font-size:14px; color:#4e4e4e; line-height:20px; } 
.service_info_mobile {margin-top:30px; display:block;}
.service_info_pc {display:none;}

/* 다이렉트콜 */
.directcall {border:1px solid #ddd; background:url(../image/content/service/bg_direct.jpg) no-repeat left top; height:433px; position:relative; margin-bottom:400px;}
.direct_tit {position:absolute; top:105%; right:0; text-align:center;}
.direct_tit b {display:block; font-size:28px; padding-bottom:5px; color:#333; margin-bottom:5px;}
.direct_tit p {display:block; font-size:16px; padding-bottom:10px; color:#333; margin-bottom:5px; line-height:25px;}

/* service_cost 서비스요금 */
.cost_table {margin-bottom:50px;}
.table th, .table td {padding:0px;}


/*견적상담 게시판 읽기화면 */
.board_view .writer {width:50%; text-align:center;}
.board_view .date {width:50%; text-align:center;}

}


