@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;}

/* page_title */
.page_tit_area {margin-bottom:23px;}
.page_tit_area dl dt p {width:65px; background-position:0 -126px;}


/* 이용후기 */
.epilogue_area {}
.epilogue_area .m_img {position:relative;}
.epilogue_area .m_img a {position:absolute; right:342px; top:1300px; display:block; width:320px; height:61px; background:url(/_design/m1/img/epilogue_btn.png) no-repeat;}
.epilogue_area .m_img a:hover {background-position:0 -61px;}
.epilogue_area .m_img a span {display:none;}
.epilogue_area .name {color:#222!important}



.best_epilogue * {font-family: 'Dotum', sans-serif;}
.best_epilogue {position:relative; z-index:2; margin-top:40px; padding:26px 28px 40px; border:1px solid #ddd; border-radius:10px; background:#fff}
.best_epilogue .best01 .thum_box {width:208px; height:208px; padding:20px 20px 0; background:#f3f3f3; border-radius:7px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.best_epilogue .best01 .thum_area {position:relative; display:block; width:208px; height:208px;}
.best_epilogue .best01 .over_line {display:none;}
.best_epilogue .best01 .thum_area:hover .over_line {position:absolute; left:0; top:0; display:block; width:204px; height:204px; border:2px solid #000000;}

.best_epilogue .best01 .con_area {position:relative; padding:20px; background:#f3f3f3; border-radius:7px; border-top-left-radius:0;}
.best_epilogue .best01 .con_area div {position:relative; height:20px; line-height:20px; margin-bottom:4px; *zoom:1;}
.best_epilogue .best01 .con_area div:after {display:block; clear:both; content:"";}
.best_epilogue .best01 .con_area .code {float:left; margin-right:10px; padding:0 10px; font-size:12px; color:#fff; background:#000000; border-radius:3px;}
.best_epilogue .best01 .con_area .star {float:left; margin-right:10px; *zoom:1;}
.best_epilogue .best01 .con_area .star:after {display:block; clear:both; content:"";}
.best_epilogue .best01 .con_area .star li {float:left; width:12px; height:11px; margin-top:4px; .margin-top:3px; background:url(/_design/m1/img/icon_star03.png) no-repeat;}
.best_epilogue .best01 .con_area .star .star01 {}
.best_epilogue .best01 .con_area .star .star02 {background-position:-12px 0;}
.best_epilogue .best01 .con_area .star .star03 {background-position:-24px 0;}
.best_epilogue .best01 .con_area .tit {float:left; font-weight:bold; font-size:12px; color:#000;}
.best_epilogue .best01 .con_area .name {font-size:11px; color:#222;}
.best_epilogue .best01 .con_area .date {font-size:11px; color:#666;}
.best_epilogue .best01 .con_area .date span {color:#ccc;}
.best_epilogue .best01 .con_area .con {margin-top:10px; line-height:18px; font-size:11px; color:#333;}



.best_epilogue .best01 .con_area .open,
.best_epilogue .best01 .con_area .close {position:absolute; left:50%; bottom:-41px; display:block; width:132px; height:37px; margin-left:-66px; background:url(/_design/m1/img/best_epilogue_bviewbtn.png) no-repeat;}
.best_epilogue .best01 .con_area .open {background-position:0 0;}
.best_epilogue .best01 .con_area .open:hover {background-position:-132px 0;}
.best_epilogue .best01 .con_area .close {background-position:-264px 0;}
.best_epilogue .best01 .con_area .close:hover {background-position:-3960;}
.best_epilogue .best01 .con_area .open span,
.best_epilogue .best01 .con_area .close span {display:none;}



.best_epilogue .else_best01 {position:absolute; left:290px; top:32px; height:222px; padding:14px 0 0 25px; *zoom:1;}
.best_epilogue .else_best01:after {display:block; clear:both; content:"";}
.best_epilogue .else_best01 a {display:block; float:left; width:111px; margin-right:25px;}
.best_epilogue .else_best01 a:hover {text-decoration:none;}
.best_epilogue .else_best01 .thum {position:relative; display:block;}
.best_epilogue .else_best01 .thum .over_line {display:none;}
.best_epilogue .else_best01 a:hover .thum .over_line {position:absolute; left:0; top:0; display:block; width:107px; height:107px; border:2px solid #000000;}
.best_epilogue .else_best01 .tit {display:block; margin-top:10px; line-height:14px; letter-spacing:-0.03em; font-size:11px; font-weight:bold; color:#333;}
.best_epilogue .else_best01 .code {padding-right:3px;}
.best_epilogue .else_best01 .code,
.best_epilogue .else_best01 .name {display:inline-block; padding-right:5px; line-height:25px; font-size:11px; color:#000000;}
.best_epilogue .else_best01 .date {display:block; line-height:14px; font-size:11px; color:#a4a5a7;}

.best_epilogue .prizewinner {position:absolute; right:28px; top:26px; width:240px;}
.best_epilogue .prizewinner .txt {padding:15px; border-bottom:0px solid #ddd; background:#f3f3f3; border-radius:7px;}
.best_epilogue .prizewinner .txt b {display:block; line-height:15px; font-size:14px; font-weight:bold; color:#222;}
.best_epilogue .prizewinner .txt span {display:block; margin-top:5px; line-height:13px; letter-spacing:-0.03em; font-size:11px; color:#555;}
.best_epilogue .prizewinner ul {margin-top:15px; padding:0 15px 15px;}
.best_epilogue .prizewinner ul li {height:24px; line-height:24px; padding-left:9px; background:url(/_design/m1/img/icon_dot06.png) no-repeat 2px 11px;}
.best_epilogue .prizewinner ul li a {font-size:11px; color:#373333;}



.epilogue_policy * {font-family: 'Dotum', sans-serif;}
.epilogue_policy {position:relative; height:100px; margin-top:50px; padding:20px; background:#eee; border-radius:10px; *zoom:1;}
.epilogue_policy:after {display:block; clear:both; content:"";}
.epilogue_policy p {position:absolute; left:35px; top:15px; width:110px; height:110px; text-align:center; background:url(../img/speech_bubble.png) no-repeat;}
.epilogue_policy p span {display:block; padding-top:35px; line-height:22px; letter-spacing:-0.05em; font-size:18px; font-weight:bold; color:#000000;}
.epilogue_policy dt {padding:20px 20px 0 0;}
.epilogue_policy dt span {display:block; width:198px; height:58px; background:url(../img/epilogue_policy_t1.png) no-repeat;}
.epilogue_policy dt b {display:none}
.epilogue_policy dl {float:right; *zoom:1;}
.epilogue_policy dl dt {float:left;}
.epilogue_policy dl dd {float:left; width:570px; height:100px; background:#fff; border-radius:5px;}
.epilogue_policy ul {padding:20px 30px;}
.epilogue_policy ul li {line-height:20px; font-size:12px;}
.epilogue_policy ul li b {font-size:12px; color:#000000;}



.epilogue_lst_area * {font-family: 'Dotum', sans-serif;}
.epilogue_lst_area {margin-top:50px;}


.epilogue_tap {position:relative; text-align:left;}
.epilogue_tap * {vertical-align:top;}
.epilogue_tap ul {height:47px; font-size:0; border-bottom:1px solid #aaa;}
.epilogue_tap ul li {display:inline; margin:0 1px 0 0; font-size:0;}
.epilogue_tap ul li a {position:relative; display:inline-block; width:180px; height:26px; line-height:26px; padding:10px 0; text-align:center; font-size:12px; color:#444; text-decoration:none; background:#f4f4f4; border:1px solid #f4f4f4; border-bottom:0;}
.epilogue_tap ul li a:hover {background:#e8e8e8; border-color:#e8e8e8;}
.epilogue_tap ul li a.on {height:27px; font-weight:bold; color:#000; border-color:#aaa; background:#fff !important;}
.epilogue_tap ul li a.on .arrow {position:absolute; left:50%; bottom:0; display:block; width:7px; height:4px; margin-left:-3px; background:url(../img/icon_arr01.png) no-repeat;}
.epilogue_tap .number {display:inline-block; height:16px; line-height:15px; margin:5px 0 0 2px; .margin:0px 0 0 2px; padding:0 5px; font-size:11px; color:#fff; background:#aaa;}
.epilogue_tap .write {position:absolute; right:0; top:0; display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; color:#fff; background:#3B3737; border-radius:2px;}
.epilogue_tap .write:hover {background:#FFED13;}


.epilogue_lst .lst {position:relative; z-index:1; min-height:101px; padding:20px 160px; border-bottom:1px solid #e0e2e1;}
.epilogue_lst .lst .thum {position:absolute; left:40px; top:20opx;}
.epilogue_lst .con_area * {font-size:11px;}

.epilogue_lst .con_area .star {float:left; margin-right:7px; *zoom:1;}
.epilogue_lst .con_area .star:after {display:block; clear:both; content:"";}
.epilogue_lst .con_area .star li {float:left; width:12px; height:11px; margin-top:4px; background:url(/_design/m1/img/icon_star03.png) no-repeat;}
.epilogue_lst .con_area .star .star01 {}
.epilogue_lst .con_area .star .star02 {background-position:-12px 0;}
.epilogue_lst .con_area .star .star03 {background-position:-24px 0;}

.epilogue_lst .con_area .code {float:left; height:20px; line-height:20px; margin-right:7px; color:#222;}
.epilogue_lst .con_area .product {float:left;}
.epilogue_lst .con_area .product a {display:block; height:20px; line-height:20px; padding:0 5px; font-size:11px; letter-spacing:-1px; text-decoration:none; color:#fff; background:##e21f1f; border-radius:2px;}
.epilogue_lst .con_area .product a:hover {background:#e21f1f;}
.epilogue_lst .con_area .product a i {display:inline-block; font-style:normal; font-family:Dotum;}

.epilogue_lst .con_area .tit {height:19px; line-height:19px; margin-top:3px; font-weight:bold; color:#222;}
.epilogue_lst .con_area .url {position:relative; margin:5px 0 4px; padding-left:35px; height:20px; line-height:20px;}
.epilogue_lst .con_area .url span {position:absolute; left:0; top:0; display:block; width:30px; height:18px; font-size:11px; text-align:center; color:#fff; background:#777; border-radius:2px;}
.epilogue_lst .con_area .url a {font-size:11px; color:#444; text-decoration:underline;}
.epilogue_lst .con_area .url:hover span {background:#000000;}
.epilogue_lst .con_area .url:hover a {color:#000000;}

.epilogue_lst .con_area .con {margin-top:5px; line-height:17px; letter-spacing:-1px; color:#888;}
.epilogue_lst .con_area .w_data {height:16px; line-height:16px; margin-top:4px; color:#a4a5a7;}

.epilogue_lst .state {position:absolute; right:34px; top:20px; width:91px; height:101px;}
.epilogue_lst .state div {position:absolute; left:0; top:50%; margin-top:-20%; width:100px; min-height:30px; font-size:11px; text-align:center;}
.epilogue_lst .state p {font-size:0;}
.epilogue_lst .state p span {display:inline-block; margin:0 1px 0 0; height:18px; line-height:18px; padding:0 5px; font-size:11px; color:#fff; border-radius:3px;}
.epilogue_lst .state p .best {background:#000000;}
.epilogue_lst .state p .photo {background:#159eda;}
.epilogue_lst .state .day {display:block; margin-top:5px; line-height:20px; font-size:11px;}
.epilogue_lst .state .day {clear:both; margin-top:10px; color:#777;}

.epilogue_lst .view {position:relative; z-index:2; margin-top:-1px; padding:20px 20px 20px 158px; line-height:18px; background-color:#f4f4f4; border-bottom:1px solid #ccc; overflow:auto;}





/* paging2 */
.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;}



.view_best_item * {font-family: 'Dotum', sans-serif;}
.view_best_item {position:relative; z-index:1; margin-top:-30px; padding:50px 30px 30px; line-height:20px; font-size:12px; color:#333; background-color:#f6f6f6; border:1px solid #dfdfdf; border-radius:10px;}
.view_best_item .view_url {position:relative; margin-top:15px; padding-left:50px; line-height:20px;}
.view_best_item .view_url span {position:absolute; left:0; top:0; display:block; width:40px; margin-right:10px; font-size:11px; text-align:center; color:#fff; background:#000000; border-radius:3px;}
.view_best_item .view_url a {margin-right:10px; font-size:12px; color:#000; text-decoration:underline;}
.view_best_item > div {font-size:11px;}



/* 상세보기 */
.writes_view * {font-family: 'Dotum', sans-serif;}
.writes_view {width:746px; border:3px solid #000000; border-radius:10px; background:#fff;}
.writes_view .view_tit {padding:0 25px; border-bottom:1px solid #f9baba; *zoom:1;}
.writes_view .view_tit:after {display:block; clear:both; content:"";}
.writes_view .view_tit span {height:57px; line-height:57px;}
.writes_view .view_tit .view_title {float:left; font-weight:bold; font-size:12px; color:#444;}
.writes_view .view_tit .view_day {float:right; font-size:11px; color:#6d6d6d;}
.writes_view .view_con {min-height:190px; padding:12px 25px; *zoom:1;}
.writes_view .view_con:after {display:block; clear:both; content:"";}
.writes_view .view_con div {float:left; padding:10px 0; line-height:16px; font-size:12px; color:#6d6d6d;}
.writes_view .view_con .view_file {float:right; border:1px solid #dfdfdf;}
.writes_view .view_con .view_file li {height:22px; font-size:11px; line-height:22px; padding:0 12px 0 25px; color:#333; cursor:pointer; background:url(/_design/m1/img/icon_file.gif) no-repeat 7px 6px;}
.writes_view .view_con .view_file li:hover {background-color:#f8f8f8;}
.writes_view .btn_area {text-align:center;}
.writes_view .btn_area a {display:inline-block; width:104px; height:29px; line-height:27px; font-weight:bold; font-size:12px; color:#fff; background:url(../img/btn_gray02.png) no-repeat; text-decoration:none;}
.writes_view .btn_area a:hover {background-position:0 -29px;}