@charset "utf-8";

.main_pop {}
.main_pop .pop_cont {background:#fff;}
.main_pop .pop_cont img {display:block; max-width:100%;}
.main_pop .pop_footer {font-style:normal; font-weight:normal; position:relative; padding:7px 5px; font-family: '맑은 고딕','돋움',Dotum,'굴림',Gulim,'Apple SD Gothic Neo', Sans-serif; font-style:normal; font-weight:normal; position:relative; font-size:15px; color:#fff; background:#070a13;}
.main_pop .pop_footer * {vertical-align:middle;}
.main_pop .pop_footer a {position:absolute; top:7px; right:10px;}



#board_content {width:1280px; margin:70px auto 100px;}

.board_skin {font-size:16px;}

/* category */

#category_box {overflow:hidden; margin-bottom:40px; text-align:left;}
#category_box .category {overflow:hidden; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; vertical-align:top;}
#category_box .category li {float:left; vertical-align:middle; background:#f8f8f8;}
#category_box .category li a {display:block; text-align:center; line-height:40px; color:#676767; transition:all 0.3s;}
#category_box .category li a {border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#category_box .category li.select a,
#category_box .category li a:hover {background:#ff0d72; color:#fff;}


.grid2 > li {width:50% !important;}
.grid3 > li {width:33.33% !important;}
.grid4 > li {width:25% !important;}
.grid5 > li {width:20% !important;}
.grid6 > li {width:16.666% !important;}
.grid7 > li {width:14.2857% !important;}
.grid8 > li {width:12.5% !important;}
.grid9 > li {width:11.11111% !important;}
.grid10 > li {width:10% !important;}
.grid11 > li {width:9.0909% !important;}




/* board_list */
.board_list {width:100%; border-top:2px solid #161616; word-break:break-all; text-align:center;}
.board_list * {vertical-align:middle;}
.board_list th {border-bottom:1px solid #cbcbcb; font-weight:normal; color:#383838; line-height:55px; background:#f8f8f8;}
/* .board_list tr:nth-child(4n-3),tr:nth-child(4n-2) {background:#fbfbfb;} */
.board_list td {border-bottom:1px solid #cbcbcb; padding:17px 5px; color:#585858; text-align:center; line-height:25px;}
.board_list .td_title {text-align:left; padding-left:20px;}

.no_data {padding:30px !important; border-top:2px solid #161616; border-bottom:1px solid #cbcbcb; text-align:center;}

.list_info {overflow:hidden; font-size:13px; color:#868686; letter-spacing:0;}
.list_info li {float:left; position:relative;}
.list_info li+li {margin-left:21px;}
.list_info li+li:before {position:absolute; left:-10px; top:50%; width:1px; height:11px; margin-top:-5px; background:#b3b3b3; content:'';}


/* page_area */
.page_area {text-align:center; margin:40px 0 40px;}
.page_area .paging_list {text-align:center; display:inline-block;}
.page_area .paging_list > span, .page_area .paging_list > a {float:left; margin:0 5px; border:1px solid #383838;}
.page_area  img {vertical-align:top;}
.page_area .paging {display:inline-block; float:left;}
.page_area .paging li {float:left; width:40px; height:40px; margin:0 5px;}
.page_area .paging li a {display:block; height:40px; border:1px solid #a8a8a8; font-size:15px; color:#595959; line-height:38px; background:#fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.page_area .paging li.over a, .page_area .paging li a:hover {color:#fff; background:#383838;}

/* search */
#search_box {margin:0px 0 40px; padding:40px; border:1px solid #ededed;  text-align:center; background:#f3f3f3;}
#search_box form {display:inline-block;}
#search_box select, #search_box input[type='text'] {float:left; height:40px; font-size:16px; color:#595959;}
#search_box select {width:120px; margin-right:14px; padding:5px;}
#search_box input[type='text'] {width:270px; margin-right:14px;}
#search_box input[type='submit'] {float:left; width:120px; height:40px; margin-right:0; border:0px; font-size:16px; color:#fff; cursor:pointer; background:#383838;}
#search_box .btn {float:left !important; width:120px; min-width:auto; margin-left:14px;}
#search_box .bar {float:left; padding:0 10px; line-height:40px;}



/* board view */
.board_view {width:100%; border-top:2px solid #383838;}
.board_view .top {overflow:hidden; padding:23px 13px; position:relative; border-bottom:1px solid #cbcbcb;}
.board_view .top .title {font-size:17px; color:#383838; line-height:23px;}
.board_view .contents {padding:30px; border-bottom:1px solid #a8a8a8;}
.board_view .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:15px; color:#fff; text-align:center; line-height:30px; font-weight:400; background:#383838;}
.replay_cont {padding:50px; border-bottom:1px solid #a8a8a8; background:#f8f8f8;}
.replay_cont .tit {display:block; width:100px; margin-bottom:20px; border:1px solid #595959; font-size:15px; color:#595959; text-align:center; line-height:30px; background:#fff;}
.board_view .file {border-bottom:1px solid #cbcbcb; padding:15px; }
.board_view .file * {vertical-align:middle;}
.board_view .file .tit {float:left; font-size:15px; color:#383838;}
.board_view .file ul {position:relative; margin-left:90px;}
.board_view .file ul:before {position:absolute; top:0; left:-17px; content:'|';}
.board_view .file a {display:inline-block; line-height:24px;}
.board_view .file img {vertical-align:middle !important;}
.board_view .file li {padding-left:25px; background:url('/images/basic/icon_file.png') no-repeat 0 6px;}
.board_view .contents .view_img {margin-bottom:7px; text-align:center;}
.board_view .contents .view_img img {width:auto; max-width:100%;}
.board_view .contents img {max-width:100%;}

.view_info {overflow:hidden; padding:15px 0px; border-bottom:1px solid #cbcbcb; letter-spacing:0;}
.view_info li {float:left; position:relative; padding:0 13px; font-size:15px;}
.view_info li+li:before {position:absolute; left:-5px; top:0px; content:'|';}
.view_info b {font-weight:normal; color:#339ea4;}



/* write form */
.write_table {width:100%; border-top:2px solid #333333; font-size:15px;}
.write_table td * {vertical-align:middle;}
.write_table td, .write_table th {height:70px; border-bottom:1px solid #cccccc; padding:17px 30px; text-align:left;}
.write_table th {font-size:16px; color:#333333; padding:17px 10px 17px 25px; vertical-align:top; font-weight:normal; line-height:22px; vertical-align:middle; background:#f8f8f8;}

.star {color:#ff2e7d;}
.extra_info {display:inline-block; margin-left:20px; color:#888888;}
.space {margin-left:10px;}




/* hotdeal */
#hotdeal {width:1280px; margin:0 auto; padding:100px 0;}
#hotdeal h2 {font-size:30px; color:#222222; font-weight:500; line-height:1; text-align:center;}
.hotdeal_search {overflow:hidden; margin-top:40px;}
select::-ms-expand {display: none;}
.hotdeal_search select {float:left; width:200px; height:60px; padding-left:20px; border:1px solid #d5d5d5; font-size:18px; color:#222222; background:url('/images/common/ico_sel_arr.png') no-repeat right center !important;}
.hotdeal_search select+select {margin-left:-1px;}
.hotdeal_search input[type="text"] {float:left; width:516px; height:60px; margin-left:10px; padding-left:25px; border:5px solid #ff0d72; font-size:18px; color:#939393;}
.hotdeal_search .btn_submit {float:left; width:90px; height:60px; font-size:18px; color:#fff; background:#ff0d72; cursor:pointer}
.hotdeal_search .btn_reset {float:left; width:94px; height:60px; margin-left:1px; font-size:18px; color:#bbbbbb; background:#7f7c7d; cursor:pointer}
.hotdeal_search .btn_myposition {float:right; width:160px; height:60px; font-size:18px; color:#fff; line-height:60px; text-align:center; background:#414575;}

.category_tab {display:inline-block; width:100%; margin:50px 0; border:1px solid #d5d5d5; border-bottom:0; background:#f8f8f8;}
.category_tab li {float:left; width:12.5%;}
.category_tab li+li {border-left:1px solid #d5d5d5;}
.category_tab li a {display:block; position:relative; height:118px; padding-top:73px; border-bottom:1px solid #d5d5d5; font-size:17px; color:#0c0f08; font-weight:400; text-align:center; background:url('/images/common/icon_hotdeal_menu.png') no-repeat center top;}
.category_tab li.s01 a {background-position:center 0;}
.category_tab li.s02 a {background-position:center -150px;}
.category_tab li.s03 a {background-position:center -300px;}
.category_tab li.s04 a {background-position:center -450px;}
.category_tab li.s05 a {background-position:center -600px;}
.category_tab li.s06 a {background-position:center -750px;}
.category_tab li.s07 a {background-position:center -900px;}
.category_tab li.s08 a {background-position:center -1050px;}
.category_tab li.on a {border-bottom:0; background-color:#fff;}
.category_tab li.on a::after {position:absolute; top:-1px; left:0; right:0; z-index:2; height:3px; background:#ff0d72; content:'';}


#hotdeal_swiper {position:relative; padding-bottom:82px;}
#hotdeal_swiper .swiper-container {padding-bottom:50px;}
#hotdeal_swiper .swiper-pagination {position:absolute; left:0; bottom:75px; width:100%; height:7px; background:#e1e0e2;}
#hotdeal_swiper .swiper-pagination-progressbar-fill {background:#ff0d72;}
#hotdeal_swiper .swiper-button-prev,
#hotdeal_swiper .swiper-button-next {bottom:0; top:auto; width:55px; height:55px; background:no-repeat center; transition:all 0.4s;}
#hotdeal_swiper .swiper-button-prev {left:50%; margin-left:-60px; background-image:url('/images/common/hotdeal_prev.png');}
#hotdeal_swiper .swiper-button-next {right:50%; margin-right:-60px; background-image:url('/images/common/hotdeal_next.png');}
.hotdeal .inbox {margin:0 -20px;}
.hotdeal_list {display:inline-block; width:100%; margin-bottom:-50px; text-align:left;}
.hotdeal_list > li {float:left; width:25%; padding:0 20px 50px;}
.hotdeal_list > li:nth-child(4n+1) {clear:both;}
.hotdeal_item .img {overflow:hidden; position:relative; padding-bottom:100%;}
.hotdeal_item .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.hotdeal_item .btn_swrap {position:absolute; left:0; bottom:-40px; width:100%; height:40px; padding:10px; text-align:center; background:rgba(244,244,244,0.9); transition:all 0.4s;}
.hotdeal_item .btn_swrap a {display:inline-block; overflow:hidden; width:20px; height:20px; margin:0 10px; text-indent:-999px; background:no-repeat center;}
.hotdeal_item .btn_swrap a.btn_t01 {background-image:url('/images/common/icon_hotdeal_detail.png');}
.hotdeal_item .btn_swrap a.btn_t02 {background-image:url('/images/common/icon_hotdeal_kakao.png');}
.hotdeal_item .btn_swrap a.btn_t03 {background-image:url('/images/common/icon_hotdeal_online.png');}
.hotdeal_item .btn_swrap a.btn_t04 {background-image:url('/images/common/icon_hotdeal_loc.png');}
.hotdeal_item .btn_swrap a.btn_t01:hover {background-image:url('/images/common/icon_hotdeal_detail_on.png');}
.hotdeal_item .btn_swrap a.btn_t02:hover {background-image:url('/images/common/icon_hotdeal_kakao_on.png');}
.hotdeal_item .btn_swrap a.btn_t03:hover {background-image:url('/images/common/icon_hotdeal_online_on.png');}
.hotdeal_item .btn_swrap a.btn_t04:hover {background-image:url('/images/common/icon_hotdeal_loc_on.png');}
.hotdeal_item .img:hover .btn_swrap {bottom:0;}
.hotdeal_item .icon {position:absolute; top:0; left:0; z-index:2;}
.hotdeal_item .icon span {float:left; width:50px; height:25px; font-size:12px; color:#fff; line-height:25px; font-weight:300; text-align:center; letter-spacing:0;}
.hotdeal_item .icon_new {background:#ff0d72;}
.hotdeal_item .icon_hot {background:#008ba7;}
.hotdeal_item .branch {margin-top:15px;}
.hotdeal_item .branch span {display:inline-block; padding:0 22px; border:1px solid #676767; line-height:28px; font-size:15px; color:#676767;}
.hotdeal_item .title {margin-top:11px; font-size:18px; color:#222222; font-weight:500;}
.hotdeal_item .stitle {overflow:hidden; margin-top:1px; font-size:13px; color:#868686; font-weight:300; white-space:nowrap; text-overflow:ellipsis;}
.hotdeal_item .price_wrap {margin-top:12px; padding-top:12px; border-top:2px solid #ccc;}
.hotdeal_item .price > strong {display:block; font-size:14px; color:#222222; font-weight:300;}

.hotdeal_item .price span {display:inline-block; vertical-align:baseline;}
.hotdeal_item .price_t01 {font-size:30px; color:#ff0d72; font-weight:500;} 
.hotdeal_item .price_t02 {margin-left:1px; margin-right:10px; font-size:18px; color:#ff0d72; font-weight:500;} 
.hotdeal_item .price_t03 {font-size:24px; color:#222222; font-weight:700;} 
.hotdeal_item .price_t04 {margin-left:1px; font-size:12px; color:#222222;} 
.hotdeal_item .price_t05 {margin-left:7px; font-size:14px; color:#676767; margin-left:10px; text-decoration: line-through;} 
.hotdeal_item .detail_price {display:inline-block; position:relative; z-index:10; margin-left:8px; vertical-align:bottom;}
.hotdeal_item .detail_price > a {display:inline-block; overflow:hidden; width:13px; height:13px; text-indent:-999px; background:url('/images/common/icon_hotdeal_arr.png') no-repeat;}
.hotdeal_item .detail_price .sbox {display:none; position:absolute; right:-17px; top:20px; width:240px; padding:10px 20px; border:1px solid #d5d5d5; background:#fff;}
.hotdeal_item .detail_price .sbox p {overflow:hidden; padding:7px 0; font-size:13px; color:#868686;}
.hotdeal_item .detail_price .sbox .nm {float:left; position:relative; width:120px; padding-left:9px;}
.hotdeal_item .detail_price .sbox .nm:before {position:absolute; top:0; left:1px; content:'·'}
.hotdeal_item .detail_price .sbox .sprice {float:right; text-align:right; white-space:nowrap;}
.hotdeal_item .detail_price .sbox p+p {border-top:1px solid #b3b3b3;}
.hotdeal_item .detail_price .sbox .total {color:#222222;}
.hotdeal_item .detail_price .sbox .total .nm {padding-left:0;}
.hotdeal_item .detail_price .sbox .total .nm:before {display:none;}
.hotdeal_item .detail_price.open .sbox {display:block;}
.hotdeal_item .detail_price:hover > a {background-image:url('/images/common/icon_hotdeal_arr_on.png');}
.hotdeal_item .detail_price:hover > .sbox {display:block;}
.hotdeal_item .desc {position:relative; margin-top:7px; padding:10px 0; font-size:13px; color:#868686; line-height:18px; letter-spacing:-0.03em;}
.hotdeal_item .desc:before {position:absolute; top:0; left:0; width:22px; height:1px; background:#b3b3b3; content:'';}
.hotdeal_item .desc:after {position:absolute; bottom:0; left:0; width:22px; height:1px; background:#b3b3b3; content:'';}
.hotdeal_item .tag {overflow:hidden; max-height:56px; margin-top:15px; font-size:0;}
.hotdeal_item .tag span {display:inline-block; margin-right:4px; margin-bottom:4px; padding:0 15px; border-radius:13px; font-size:12px; color:#676767; line-height:25px; background:#f1f6fc;}




/* btn */
.btn_area {overflow:hidden; position:relative; margin:40px 0; text-align:center;}
.btn_area * {vertical-align:middle;}
.btn_area p {display:inline-block; margin:0 -3px;}
.btn_area p .btn {float:left;}
.btn_list.list {overflow:visible; position:relative; margin-top:40px;}
.btn_list.list p {position:absolute; top:0; right:0; z-index:2;}

.btn {display:inline-block; min-width:150px; height:40px; margin:0 3px; padding:0 20px; border:1px solid #383838; font-size:16px; color:#fff; text-align:center; line-height:38px; background:#383838;} 
input.btn {cursor:pointer;}

.btn.border {border:1px solid #c5c5c5; color:#292929 !important; background:#fff;}

.btn.round {border-radius:3px;}


.btn.big {min-width:440px; height:60px; line-height:58px; font-size:22px;}
.w2 .btn.big {min-width:220px;}
.btn.small {width:auto; min-width:60px; height:35px; padding:0 15px; font-size:15px; line-height:33px;}
.btn.xsmall {width:auto; min-width:50px; height:28px; padding:0 10px; font-size:15px; line-height:26px;}
.btn.xsmall.cround {border-radius:15px;}

.btn.gray {border-color:#c2c2c2; color:#fff; background:#c2c2c2;}
.btn.point {border-color:#ff0d72; color:#fff; background:#ff0d72;}


.password_box {position:relative; width:700px; margin:150px auto; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
.password_box .timg {position:absolute; top:-100px; left:270px;}
.password_box strong {display:block; font-size:24px; color:#383838;}
.password_box > p {padding:15px 0 30px; font-size:15px; color:#585858;}
.password_box input[type="password"] {width:380px;}
.password_box .btn {margin-top:20px;}


.bottom_agree {margin:25px 0 -15px; font-size:17px; text-align:center;}
.bottom_agree label {font-size:17px;}
.bottom_agree * {vertical-align:middle;}
.bottom_agree a {color:#000;}


.auto_input_box {line-height:35px;}
.auto_input_box * {vertical-align:top !important;}
.auto_input_box b {color:#ff0000;}
.auto_input_box b.txt {display:inline-block; padding-left:15px;}

.img_wrap {position:relative;}
.img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}

/*
.btn.small {width:auto; min-width:75px; height:30px; padding:0 15px; border-radius:5px; font-size:14px; color:#fff; line-height:30px; background:#c2c2c2;}
.btn.normal {min-width:auto; height:30px; font-size:15px; line-height:30px;}

.btn.round {border-radius:5px;}

.btn.border {line-height:38px;}
.btn.border.larger {line-height:63px;}
.btn.border.small {line-height:28px;}
.btn.border.normal {line-height:28px;}

.btn.border01 {border:1px solid #c5c5c5; color:#292929 !important; background:#fff;}
.btn.gray01 {background:#c2c2c2;}
.btn.gray02 {background:#383838;}
.btn.blue01 {background:#0033ff;}
.btn.red01 {background:#ff0000;}
.btn.btn_border {color:#383838  !important; border:1px solid #595959; line-height:38px; background:none;}
.btn.c_point {background:#1d4683;}
.btn.b_gray {line-height:28px; border:1px solid #595959; color:#595959 !important; background:#fff;}
*/


.fc_point {color:#ff0d72 !important;}

.date_space {display:inline-block; padding-left:7px; padding-right:12px;}


.notice_box {margin:10px 0 40px; padding:30px 40px; color:#585858; font-size:16px; line-height:30px; background:#eeeeee;}


.icon_notice {display:inline-block; height:30px; padding:0 20px; border-radius:3px; line-height:30px; color:#fff; background:#ff0d72;}

.file_img {margin-top:10px;}


.hotdeal_search .branch_tab {margin-top:30px;}

.hotdeal_nodata {display:none; text-align:center; font-size:30px; color:#8a8a8a;}