@charset "utf-8";

html,body{width:100%;height:100%;margin:0px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;vertical-align:middle;}
img {vertical-align:middle;}
form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
body,select,button,table{font-family:'돋움',tahoma,Dotum,AppleGothic,sans-serif;font-size:12px;color:#515151;}
input,textarea{font-family:'돋움',tahoma,Dotum,AppleGothic,sans-serif;font-size:12px;color:#515151;}
input[type=text],
input[type=tel],
input[type=file],
input[type=password]{height:18px; border:1px solid #ddd;}
input[type=button],
input[type=image],
input[type=submit],
button {border-radius:0; -webkit-appearance:none;}
textarea {padding:5px; border:1px solid #ddd;}
select {height:20px; padding:0px; border:1px solid #ddd;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
label{cursor:pointer}
.hand,.pointer {cursor:pointer}
.underline{text-decoration:underline}
.relative{position:relative}
.absolute{position:absolute}
.small {font-size:11px; letter-spacing:-1px;}
.desc {font-size:11px; font-family:dotum; color:#848484; letter-spacing:-1px;}
.totalprice {color:#bb0000; font-size:18px; font-family:tahoma;}
.hide {display:none;}
.unvisibility {visibility:hidden;}

.input-box-default-text {color:#aaa !important; letter-spacing:-1px;}

/* 하이퍼링크 */
a:link,
a:visited,
a:active	{color:#000000}
a:hover		{color:#006699}

.fb-like {width:100px;}
/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}


.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}

.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}

.wx300{width:300px}
.wx500{width:500px}
.wx150{width:150px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx80{width:80px}
.wx70{width:70px}
.wx50{width:50px}
.wx30{width:30px}
.wx20{width:20px}

.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}

/* 정렬 */
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.hide{display:none}

/* 클리어부스 */
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}

/* 모바일 스타일 */
.box_style {border:1px solid #bebebe; background-color:#f7f7f7;}
.button_style {border:1px solid #bebebe; background-color:#eeeeee; font-size:12px; height:40px; line-height:40px;}
.gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:bold; font-size:12px; height:40px; line-height:40px;}
.bbs_button_style {border:1px solid #ccc; background-color:#fff; color:#333; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
.bbs_gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
span.input_round_style {display:inline-block; height:28px; max-width:1000px; broder:0px; padding-right:5px; background:url("../images/design/input_round_right.gif") no-repeat right;}
span.input_round_style input {height:28px; width:100%; line-height:28px; border:0px; text-indent:5px; padding-left:2px; background:url("../images/design/input_round_left.gif") no-repeat;}


/* 모바일 레이아웃 */
#wrap {position:relative; min-width:320px;}
#layout_header {min-height:76px; background-color:#fff}
#layout_header ul {position:absolute; top:5px; right:5px; height:23px; white-space:nowrap}
#layout_header ul li {float:left; background:url('../images/design/header_gnb_bar.gif') no-repeat right 5px;}
#layout_header ul li a {display:block; padding:5px 7px;}
#layout_header form.search_form {position:absolute; border:4px solid #333; top:28px; right:5px; white-space:nowrap}
#layout_header form.search_form .search_text {min-width:50px; height:30px; line-height:30px; padding:0 10px; border:0px;}
#layout_header form.search_form .search_cancel_btn {cursor:pointer}

#layout_body {padding-bottom:20px;}

#layout_footer {padding:13px 0 6px 0; border-top:2px solid #666; border-bottom:2px solid #666; background-color:#f5f5f5;}
#layout_footer ul.fnb {text-align:center;}
#layout_footer ul.fnb li {display:inline-block; font-size:14px; background:url('../images/design/header_gnb_bar.gif') no-repeat left 1px; padding:0 5px 0 10px;}
#layout_footer ul.fnb li:first-child {background:none; padding-left:0px;}
#layout_footer ul.fcp {text-align:center; padding-top:6px;}
#layout_footer ul.fcp li {display:inline-block; font-size:11px; color:#888; background:url('../images/design/header_gnb_bar.gif') no-repeat left top; padding:0 1px 0 5px;}
#layout_footer ul.fcp li:first-child {background:none; padding-left:0px;}
#layout_footer ul.fcp li a {color:#888;}

#quick_layer {position:fixed; z-index:100; top:100%; left:0px; width:100%;}
#quick_layer .quick_layer_btn {position:absolute; top:-40px; left:100%; margin-left:-53px; cursor:pointer;}
#quick_layer table {display:none; width:100%; border-collapse:collapse; border-top:2px solid #333;}
#quick_layer table td {border:1px solid #333; background-color:#666;}
#quick_layer table td a {display:block; width:100%; height:45px; line-height:45px; color:#ccc; text-align:center;}

/* 모바일 상품디스플레이 타이틀 */
.goods_display_title {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5; *zoom:1; margin-bottom:5px;}
.goods_display_title:after {content:""; display:block; clear:both;}
.goods_display_title .gdt_title {float:left; padding-left:10px; height:35px; line-height:35px; font-size:14px; color:#000;}
.goods_display_title .gdt_more {float:right; padding-right:7px; height:35px; line-height:38px; color:#666;}

/* 모바일 서브페이지 타이틀바 */
.sub_title_bar {position:relative; background-color:#000;}
.sub_title_bar h2 {text-align:center; height:42px; line-height:42px;}
.sub_title_bar h2,
.sub_title_bar h2 a {color:#fff; font-size:14px;}
.sub_title_bar .stb_back_btn {position:absolute; left:3px; top:50%; margin-top:-16px;}

/* 모바일 일반리스트 스타일 */
.normal_list {}
.normal_list > li {position:relative;background-color:#fff;}
/*
.normal_list li.even {background-color:#f5f5f5;}
.normal_list li {background-color:#e5e5e5;}
*/
.normal_list > li > a:first-child {display:block; padding:14px; font-size:12px; border-bottom:1px solid #ddd; background:url('../images/design/list_arrow.gif') no-repeat right 20px center;}
.normal_list > li.arrow-up > a:first-child {background:url('../images/design/icon_arrow_up.gif') no-repeat right 20px center;}
.normal_list > li.arrow-down > a:first-child {background:url('../images/design/icon_arrow_down.gif') no-repeat right 20px center;}
.normal_list > li > a.option_btn {position:absolute; width:40px; height:100%; margin-left:-40px; left:100%; top:0px;}
.normal_list > li > .nl_contents {display:none; border-top:1px solid #ccc; border-bottom:2px solid #ccc;}

/* 모바일 카테고리 리스트 스타일 */
.category_list {}
.category_list li {position:relative; background-color:#ffffff;}
.category_list li.even {background-color:#ebebeb;}
.category_list li > a:first-child {display:block; height:40px; line-height:40px; padding-left:12px; font-size:12px; border-bottom:1px solid #d9d9d9;}
.category_list li > a.option_btn {position:absolute; width:34px; margin-left:-37px; left:100%; top:3px;}

.category_list_depth {*zoom:1; padding:5px; background-color:#818181;}
.category_list_depth:after {content:""; display:block; clear:both;}
.category_list_depth li {float:left; background:url('../images/design/bullet_category.gif') no-repeat left center; padding:0 12px 0 20px;}
.category_list_depth li:first-child {background:none; padding-left:5px;}
.category_list_depth li a {font-size:14px; display:block; min-height:28px; line-height:28px; font-weight:bold; color:#fff;}

/* 모바일 장바구니 상품리스트 스타일 */
.cart_list {}
.cart_list li {padding:10px; line-height:17px; border-bottom:1px solid #ddd;}
.cart_list li .goods_name	{font-size:14px; font-weight:bold; line-height:23px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.cart_list li .sum_price	{font-size:15px; font-weight:bold; font-family:tahoma; letter-spacing:-0px;}

/* 모바일 서브페이지 항목 제목*/
.sub_division_title {padding:5px 10px; color:#000; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#eee; font-weight:bold}

/* 페이지네이션 */
.pagination {display:block; margin:5px auto 0 auto; width: 100px; text-align:center;}
.pagination li {list-style: none; margin: 0px 1px; display:inline-block;}
.pagination li a {width: 12px; height: 0px; overflow: hidden; padding-top: 12px; display: block; background-image: url("../images/design/slide-pagination.png");}
.pagination li.current a {background-position: 0px -12px;}

/* 상품목록 상단 */
.goods_list_top {padding-bottom:12px; border-bottom:1px solid #e2e2e2}
.goods_list_top .list_summary {font-size:11px; font-family:tahoma; color:#9b9b9b}
.goods_list_top .list_summary b {color:#000;}
.goods_list_top .sort_item {font-size:11px; letter-spacing:-1px; font-family:dotum;}
.goods_list_top .sort_item a {color:#606060}
.goods_list_top .sort_item a b {font-weight:bold; color:#d43c00}

/* 목록 테이블 */
table.list_table_style {border-top:2px solid #545454; border-bottom:1px solid #000; font-size:11px; color:#444;}
table.list_table_style thead th {height:26px; background:url('../images/design/tbl_th_bg.gif') repeat-x; border-left:1px solid #e0e0e0; border-bottom:1px solid #bbbbbb; font-weight:normal;}
table.list_table_style thead th:first-child {border-left:0px;} 

table.list_table_style tbody td.cell {padding:7px; text-align:center; border-top:1px solid #e0e0e0}
table.list_table_style tbody tr td.cell:first-child {border-left:0px;}
table.list_table_style tbody tr:first-child td.cell {border-top:0px;}

/* 기본 정보 테이블 스타일 */
table.info_table_style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info_table_style .its_section {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 5px 8px 5px; text-align:center; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info_table_style .its_th_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info_table_style textarea {background-color:#f0f0f0;}
table.info_table_style textarea.input_box_default_text {color:#a5a5a5 !important}

/* 모바일 기본 테이블 스타일 */
table.default_table_style {border:1px solid #d0d0d0;}
table.default_table_style th,
table.default_table_style td {padding:7px 10px; font-weight:normal; text-align:left; border-top:1px solid #e0e0e0}
table.default_table_style tr:first-child th,
table.default_table_style tr:first-child td {border-top:0px;}
table.default_table_style th {background-color:#f5f5f5;}
table.default_table_style td {border-left:1px solid #e0e0e0}

/* 페이징 네비게이션 */
.paging_navigation {white-space:nowrap; *zoom:1;margin-top:10px;text-align:center; }
.paging_navigation:after {display:block; content:""; clear:both;}
.paging_navigation a {float:center; line-height:15px; font-weight:bold; vertical-align:middle;font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:11px;color:#605f60;text-align: center;}
.paging_navigation a:first-child {border-left:0px;}
.paging_navigation a:hover {background-color:#eee; color:#f30;}
.paging_navigation a.on {vertical-align:middle;}
.paging_navigation a.red {color:red;}

.paging_navigation a.prev,
.paging_navigation a.next {padding:5px; margin:0 10px; font-weight:normal; border:1px solid #c8c8c8; height:23px;}

.paging_navigation input.prev{background:url('../images/board/icon/icon_paging_prev.gif') repeat-x; height:22px; width:22px;}
.paging_navigation input.next{background:url('../images/board/icon/icon_paging_next.gif') repeat-x; height:22px; width:22px;} 

.paging_navigation input.first{background:url('../images/board/icon/icon_paging_first.gif') repeat-x; height:22px;width:22px;}
.paging_navigation input.end{background:url('../images/board/icon/icon_paging_end.gif') repeat-x; height:22px;width:22px;} 


/* 팝업 */
.designPopup		{position:absolute; z-index:100;}
.designPopup .designPopupBody	{}
.designPopup .designPopupBar	{height:25px; background-color:#fff; color:#fff;}
.designPopup .designPopupBar .designPopupTodaymsg	{float:left; line-height:25px; padding-left:5px; font-size:11px; color:#898989; letter-spacing:-1px; font-family:dotum;}
.designPopup .designPopupBar .designPopupClose		{float:right; line-height:25px; padding-right:5px; cursor:pointer; font-size:11px; color:#585858; letter-spacing:-1px; font-family:dotum;}

/* 상단 카테고리 뎁스 */
.category_depth {margin-bottom:20px; letter-spacing:-1px;}
.category_depth ul.list {}
.category_depth ul.list li.item {position:relative; color:#9f9f9f; float:left; padding-left:3px;}
.category_depth ul.list li.item > a {color:#9f9f9f}
.category_depth ul.list li.selected > a {color:#333333; font-weight:bold; padding-right:10px; background:url("../images/design/right_quick_arrowdown.gif") no-repeat right center;}
.category_depth ul.sub_menu_list {display:none; position:absolute; white-space:nowrap; z-index:10; border:1px solid #a0a5b8; background-color:#f2f2f2; padding:7px;}
.category_depth ul.sub_menu_list li.sub_item a {display:block; color:#858585; padding:1px 0;  font-weight:normal;}
.category_depth ul.sub_menu_list li.sub_item a:hover {color:#202020}
.category_depth ul.list li.selected ul.sub_menu_list {display:block;}



.join_required{display:inline-block; width:7px; height:6px; background:url('../images/common/icon_check_join.gif') no-repeat; vertical-align:middle;}
.couponbtn {border:0px; background-color:#000; color:#fff; font-family:dotum; font-size:11px; height:20px; letter-spacing:-1px; padding:0 7px; cursor:pointer}

table.noborder-table,
table.noborder-table th,
table.noborder-table td {border:0px !important}


.thumbnailvideo {position:absolute;z-index:5;background-position:center;background:url('../images/common/thumb_play.png') no-repeat center center;vertical-align:middle;}
.mobilethumbnailvideo {position:absolute;z-index:5;background-position: center;background:url('../images/common/thumb_play.png') no-repeat;vertical-align:middle;}