@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px; border-bottom:1px solid #d4d4d4; *zoom:1;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:0;}
.ad_right{top:0;}



.blog_couple .img {position:relative;}
.blog_couple .btn {position:absolute; left:50%; bottom:-40px; width:318px; margin-left:-159px; } 
.blog_couple .btn a {display:block; height:60px; background:url(../img/sample_epilogue_btn.png) no-repeat 0 0; cursor:pointer;}
.blog_couple .btn a:hover {background-position:0 -60px;}
.blog_couple .btn a span {display:none;}



.blog_couple * {font-family:'Dotum', serif;}
.blog_couple dl {padding:67px 0 22px;}
.blog_couple dt {height:22px; line-height:22px; padding-left:10px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#444; background:url(/_design/m1/img/icon_dot02.png) no-repeat left 7px;}

.blog_couple dd {margin-top:18px; border:1px solid #aaa; border-left:0; border-right:0;}
.blog_couple dd li {position:relative; min-height:110px; padding:0 0 24px 150px; border-bottom:1px solid #e0e2e1;}
.blog_couple dd li:last-child {border: 0;}
.blog_couple dd li .thumb {position:absolute; left:5px; top:25px; width:123px; height:58px;}
.blog_couple dd li .thumb img {width:123px; height:58px;}
.blog_couple dd li .con {padding-top:19px;}
.blog_couple dd li .con .url {position:relative; margin-top:7px; padding-left:40px; height:18px; line-height:18px;}
.blog_couple dd li .con .url span {position:absolute; left:0; top:0; display:block; padding:0 5px; font-size:11px; color:#fff; background:#000000; border-radius:3px;}
.blog_couple dd li .con .url a {font-size:11px; text-decoration:underline; color:#666;}
.blog_couple dd li .con .url a:hover {color:#000000;}
.blog_couple dd li .con .t_con {display:block; padding:10px 150px 0 0; line-height:15px; font-size:11px; color:#646562;}
.blog_couple dd li .date {position:absolute; right:29px; top:30px; font-size:11px; color:#777; text-align:right; line-height:20px;}
.blog_couple dd li .date .name{font-size:11px;font-weight:normal}
.blog_couple dd li .con .tit {font-size:11px; margin-top:10px; line-height:15px; color:#999; font-weight:bold;}


.blog_couple .reply {margin:20px 0 0 0; padding:23px; background:#f7f7f7; *zoom:1;}
.blog_couple .reply:after {display:block; clear:both; content:"";}
.blog_couple .reply .admin {position:relative; float:left; padding-left:17px; line-height:18px; font-size:11px; color:#000000; font-weight:bold;}
.blog_couple .reply .admin span {position:absolute; left:0; top:4px; display:block; width:13px; height:9px; background:url(/_design/m1/img/icon_arr08.png) no-repeat;}
.blog_couple .reply .txt {float:right; width:680px; line-height:18px; font-size:11px; color:#646562;}
.blog_couple .nothing {text-align:center}
.blog_couple .del img {vertical-align:middle; cursor:pointer;}

.paging_area * {font-family:'Dotum', serif !important; font-size:12px !important;}
.paging_area {position:relative; height:41px; margin-top:30px; text-align:center; border-radius:10px; background:#eee;}
.paging_area .total {position:absolute; left:15px; top:0; line-height:40px; font-size:12px; color:#3c3638;}
.paging_area .total b {font-size:15px; color:#000000;}
.paging2 {padding-top:9px; text-align:center; text-align:center;}
.paging2 {margin:0 1px;}
.paging2 a {display:inline-block; min-width:15px; max-width:auto; height:23px !important; line-height:23px; padding:0 5px; margin:0 1px; vertical-align:top; font-size:11px; text-align:center; color:#555; border-radius:5px; border:0 !important; text-decoration:none !important;}
.paging2 a:hover {background:#fff;}
.paging2 .selected {width:auto !important; color:#fff !important; background:#000000 !important;}
.paging2 a span {display:inline-block; height:7px; margin-top:8px; vertical-align:top; background:url(/_design/m1/img/paging_arr.png) no-repeat -1000px 0;}
.paging2 .fst {width:8px; background-position:-9px -8px;}
.paging2 .prv {width:4px; background-position:-36px -8px;}
.paging2 .nxt {width:4px; background-position:-60px -8px;}
.paging2 .lst {width:8px; background-position:-83px -8px;}





/* layer popup */
.layer * {font-family:'Dotum', serif;}
.layer {position: relative; width:755px; height:880px; background:url(/_design/m1/img/sample_epilogue_pop.png) no-repeat left top;}
.layer .chk p {position:absolute; top:392px; width:372px; text-align:center; font-size:11px;}
.layer .chk p input,
.layer .chk p label {vertical-align:middle; color:#4e4e4e;}
.layer .chk p input {width:13px; height:13px;}
.layer .chk1 {left: 22px;}
.layer .chk2 {left: 405px;}

.layer .write {position:absolute; left:115px; top:150px; width:609px;}
.layer .write .inp {*zoom:1;}
.layer .write .inp:after {display:block; clear:both; content:"";}

.layer .write label {float:left; display:block; width:42px; height:26px; line-height:26px; font-size:12px; color:#777;}
.layer .write input {float:left; width:542px; height:24px; line-height:24px; padding:0 5px; border:1px solid #c7c7c7; border-radius:3px;}
.layer .write .txt {height:22px; line-height:22px; padding:0 0 8px 42px; font-size:11px; color:#8f8f8f;}
.layer .write textarea {width:580px; height:44px; padding:7px; border:1px solid #c7c7c7; border-radius:3px;}
.layer .btn {position:absolute; left:0; top:300px; width:100%; text-align:center;}
.layer .btn a {display:inline-block;}
.layer .btn a span {display:block; visibility:hidden; font-size:1px;}

.layer .btn .join {width:238px; height:60px; background:url(/_design/m1/img/sample_epilogue_pop_ok.png) no-repeat;}
.layer .btn .cancel {width:148px; height:60px; background:url(/_design/m1/img/sample_epilogue_pop_on.png) no-repeat;}
.layer .btn a:hover {background-position:0 -60px;}
.layer .btn span {display:none;}

.layer button {position:absolute; right:22px; top:18px; display:block; width:19px; height:19px; background:url(/_design/m1/img/sample_epilogue_close.png) no-repeat; cursor:pointer;}
.layer button span {display:none;}