/*
========================================================================
RESET
========================================================================
*/

::selection {
color:white;
background-color:rgb(0, 0, 0);
}

/* 웹폰트 */

@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Lora');
/*
========================================================================
RESET
========================================================================
*/

::selection {
color:white;
background-color:rgb(0, 0, 0);
}

/* 웹폰트 */


/* global rest */
html { overflow:scroll; overflow-x: auto; }

html, body { height:100%;  font-size:12px; font-family: Arial, Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif; color:#555; background:#fff; letter-spacing:0.05em; }

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table, a {
    font-size: 12px;
    color: #555;
    font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif;
}

input, select, textarea {
    font-size: 12px;
    color: #555;
    font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif; 
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align: top;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
	color: #555;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
}
a:hover { 
	text-decoration: none;
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height: 24px;
    height: 24px;
}
input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

/*
========================================================================
공통 class
========================================================================
*/

/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -5559px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}

/* form */
.txt-right { text-align: right; }
.txt-input1 { padding: 4px; height: 20px; line-height: 20px; border: 1px solid #ddd; border-top: 1px solid #ddd; }
.txt-input2 { padding: 4px; height: 20px; line-height: 20px; border: 1px solid #ddd; }
.MS_input_txt { padding: 4px; height:22px; line-height:22px; border: 1px solid #ddd; margin-right:5px; }

.txt-disabled { background-color: #f8f8f8; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #ddd; border-top:1px solid #ddd;; }
/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ddd; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* font-color */
.fc-red { color: #555; }
.fc-blue { color: #555; }
.MS_option_price { color: #555; }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-left,
.tb-center,
.tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }

/* 장바구니 리스트, 주문상품 리스트 */
.table-cart { margin-top: 10px; margin-bottom :30px; border-bottom: 1px solid #ddd; }
.table-cart thead th { padding: 7px 0 6px; background-color: #f8f8f8; }
.table-cart tbody td,
.table-cart tfoot { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td { padding: 3px 0 3px; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 2px solid #f8f8f8; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: bold; }
.table-cart tfoot strong { color: #be101a; }
/* 수량 컨트롤 */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #ddd; font-size: 12px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -555px; background: none; }
/* 주문 - 주문정보 테이블 */
.table-order-info { margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 8px 0 7px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th { letter-spacing: -1px; background-color: #f8f8f8; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list { margin: 30px 0 10px; font-size: 12px; color: #555;}
.table-d2-list { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-d2-list thead th { padding:10px 0;  height:20px; border-bottom: 1px solid #ddd; font-weight:normal; background:#f8f8f8; }
.table-d2-list tbody td { padding: 15px 0; }
/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top: 5px; border: 2px solid #ddd; border-bottom: 1px solid #ddd; }
.table-d2-view th, 
.table-d2-view td { padding: 6px 0 5px; }
.table-d2-view th { font-weight: bold; border-right: 1px solid #ddd; background-color: #f8f8f8; }

/* paging */
.paging { clear:both; padding:30px 0 0; text-align:center; }
.paging a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px; font-family:"Lora", "arial", "Nanum Gothic"; font-style:normal; font-size:11px; color:#555; border-bottom:2px solid #fff; }
.paging a.now { border-bottom:2px solid #001f45; }
.paging li a:hover { text-decoration:none; color:#001f45;} 
.paging li.now a { border-bottom:2px solid #001f45; }


/* 현재위치 */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #555; text-transform: capitalize; }
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 11px; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 12px; color: #555; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* 타입 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #ddd; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #555; }
/* 상품 total/정렬 */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; color:#555;}
.total-sort .total dt { text-transform: capitalize; padding-left:12px; background:url(/images/d3/dandy_style/common/bull_arrow_r.gif) no-repeat left 40%; margin-right:10px;}
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; overflow:hidden; zoom:1;}
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; padding-left: 10px; padding-right:10px; background:url(/images/d3/dandy_style/common/bg_list_sep.gif) no-repeat right 40%; margin-right:-1px;}
/* 게시판 총게시글,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* 회원 등급 표시 */
/* 타입 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #f8f8f8; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#F26622;
}
/* 타입 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #f8f8f8; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #f8f8f8; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color:#F26622;
}

/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding: 10px 20px; border: 1px solid #ddd; }
.t-box-msg strong { color: #555; }

/* 상품 미리보기 레이어 */
#detailpage {position: absolute; top: 100px; display: block; width:636px; padding:20px 20px 50px; border: 3px solid #555; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/

#detailpage .hd {width:100%; text-align:center; margin:0 auto 20px; background:url(/images/bg_toptitle.gif) center top no-repeat; }
#detailpage h2 {height:34px; line-height:34px; font-size:1.1em; font-family:'Montserrat', 'arial', 'Noto Sans KR', 'Nanum Gothic'; font-weight:normal; color:#888; letter-spacing:0.07em; text-transform:uppercase; padding-top:13px;}

#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 20px; bottom:15px; _bottom:14px;}

/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }

/* txt-wrap */
#detailpage .txt-wrap {width:336px; }
#detailpage .txt-wrap .ptit {font-size: 14px; color: #888; border-bottom:1px solid #ddd; padding-bottom:10px; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding:5px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #555; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }

/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #ddd; font-size: 12px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -555px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 상단 */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #555; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }

/* 타이틀 */
.bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #555; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 112px; color: #888;}

/* 검색 */
.bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align:left; float:left; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { font-size: 0; line-height: 0; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #f8f8f8; }


/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link {  }
.bbs-link a {/*display: inline-block; padding: 0 2px; font-size: 11px; line-height: 14px; color: #555;*/}
.bbs-link a.write {  }

/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none {}
.bbs-link span {/*font-size:12px; color:#555; line-height:14px;*/}

/* 게시판 한줄공지 */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* 게시판 타입 - 리스트 */
.bbs-table-list { margin-top: 0px; border-bottom:1px solid #ddd; }
.bbs-table-list thead th { height:20px; padding:10px 0; background:none; font-size:11px; color:#888; font-weight:normal; border-top:1px solid #ddd; text-transform:uppercase; background:#f8f8f8; }
.bbs-table-list tbody td  { padding:15px 0; } 

.bbs-table-list tbody td {border-top:1px solid #ddd; }

/* 게시판 타입 - 보기 */
.bbs-table-view {margin-top: 0px; }
.bbs-table-view thead th {padding:11px 0; } 
.bbs-table-view tbody td {padding: 15px 0; text-transform:uppercase; } 
.bbs-table-view thead th { font-size:12px; color:#555; border-top:1px solid #ddd; text-transform:uppercase; letter-spacing:0.05em;}
.bbs-table-view tbody td.line {border-bottom:1px solid #ddd; }
.bbs-table-view .btn-dwn { margin-top:15px;}
.bbs-table-view .data-bd-cont { line-height:20px; }

/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd { margin-top: 10px; border-top: 1px solid #ddd; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #ddd; } 
.visit-vhd .tb-left{ padding: 0 3px; }
.visit-vhd td .tb-no { color: #555; }
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a { font-size: 12px; color: #555; }

/* 내용*/
.visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.visit-vcont th,
.visit-vcont td { padding: 6px 0; border-bottom: 1px solid #ddd;} 
.visit-vcont th { font-weight: normal;  color: #555; }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 9px; border-bottom: 1px solid #ddd; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; }
.visit-vcont td .tb-cont img { max-width: 100%; }

/* 코멘트 */
.visit-vcmt th,
.visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #ddd; }
.visit-vcmt th { color: #c5c5c5; }
.visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; }
.visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; }
.visit-vcmt td .date,
.visit-vcmt td .ctrl { display: block; font-size: 12px; }
.visit-vcmt td .date { color: #555; }
.visit-vcmt td .ctrl { margin-top: 5px; }
.visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #555; font-size: 12px; }

/* 작성 */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #ddd; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #555;  }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { }

/* 게시판 타입 - 쓰기 */
.bbs-table-write { margin-top:0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:10px 0 8px; color:#555; font-weight:normal; font-size:11px; } 

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd { margin-top:25px;}
.bbs-table-pwd table { width:260px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:6px 0;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#555; font-weight:normal; font-size:12px;} 

/* 공통으로 쓰는거 */
textarea { width:600px; height:47px; padding:2px; border:1px solid #ddd;}        
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #ddd;}

.cont-sub-des { position:relative;}
.cont-sub-des div { padding:3px 0; }
.cont-sub-des span { margin-right:15px; color:#555;}
.cont-sub-des span em {  font-size:12px; color:#555; letter-spacing:0.05em;}
.cont-sub-des .hit { position:absolute; top:15px; right:0;}
.cont-sub-des .hit span { margin-right:0;}

.comment-box { border-bottom:1px solid #ddd;}
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #ddd; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#66;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;  font-size:12px; color:#555;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:20px; line-height:14px; border:1px solid #ddd;}
.com-wrt-box .wrt { margin-top:7px;}

.view-link { padding:20px 0 60px;}

/* 게시판 회원 게시글 검색 */
.search_id { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; display: block; padding: 3px; position: absolute; width: 90px; }

/* 개인정보보호정책 동의 */
.new-privercy-contract { text-align: left; padding: 5px; }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #ddd; border-right: none; background: #f8f8f8; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; }
.privercy-contract-tap li.end { border-right: 1px solid #ddd; }
.privercy-contract-tap li.sel { background: #fff; border-bottom: 1px solid #fff; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #ddd; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }



/*
========================================================================
dandy_style common class
========================================================================
*/
/* .navi */
.navi p { text-align: right; }
/* page-hd */
.page-hd .local { margin: 5px 0; }
/* etc */
.red { color: #555; }
.black { color:#555; }
.fs11 { font-size: 12px; }
/* group-wrap */
.group-wrap { width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 20px; background-color: #f8f8f8; }
.group-wrap dt,
.group-wrap dd { float: left; }
.group-wrap dt { padding: 20px 40px; }
.group-wrap dd { padding: 30px 0; line-height: 20px; }

/* page-wrap */
.page-wrap .page { clear:both; padding:30px 0 0; text-align:center; }
.page-wrap .page a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px; font-family:"Lora", "arial", "Nanum Gothic"; font-style:normal; font-size:11px; color:#555; }
.page-wrap .page a:hover { text-decoration:none; color:#001f45; } 
.page-wrap .page a.now { border-bottom:2px solid #001f45; }




/* ================================================== 원디자인_영이 작업 소스 ================================================== 
================================================================================================================================ */
#preview_wrap {display:none;}

/* z-index */
#layerWrap { z-index: 1; }

/* layout */
#layerWrap,
#ftLink .link,
#footer { position: relative; width:1240px; margin:0 auto;}

#contentWrap { position: relative; width:100%; min-width:1240px; margin:0 auto;}

#contentWrapper { position: relative;}
#contentWrap:after { content: ""; display: block; clear: both; }
#content { position:relative; clear:both; width:1240px; margin:0 auto; min-height:500px; padding-top:110px;}

#main_content { width:100%; min-width:1240px; margin:60px auto 0; *zoom:1; }

#w_1240 { width:1240px; margin:40px auto 0; }



/* 상단 */

#header { width:100%; min-width:1240px; margin:0 auto; }

#header #cate_box { clear:both; width:100%; min-width:1240px; height:70px; z-index:2; }
#header #cate_box #cate_box_in { width:1240px; height:70px; margin:0 auto; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; }

#header #cate_box #cate_box_in .logo { float:left; }
#header #cate_box #cate_box_in .right_cart { position:relative; float:right; }
#header #cate_box #cate_box_in .right_cart .count { position:absolute; right:5px; top:15px; min-width:18px; height:18px; line-height:18px; border-radius:18px; background:#001f45; color:#fff; font-size:10px; text-align:center;  }

/* 카테고리 */
#cate_box .position { width:100%; *width:auto; height:70px; text-align:center; margin:0 auto; z-index:3; }
#cate_box .position ul { display:inline; font-size:0; line-height:0;}
#cate_box .position li { display:inline-block; *display:inline; *zoom:1; height:70px; text-align:center; padding:0 22px;}
#cate_box .position li.first,
#cate_box .position li:first-child { padding-left:0; }
#cate_box .position li a { display:inline-block; color:#222; font-size:12px; line-height:70px; letter-spacing:0.1em; text-transform:uppercase;

font-family:Arial, 'Lora', 'arial', 'Nanum Gothic'; 
}
#cate_box .position li a:hover { color:#888;}

#cate_box .position .sub-category { display:none; width:100%; min-width:1240px; position:absolute; top:70px; left:0px; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; border-top:1px solid #ddd; }
#cate_box .position .sub-category ul { display:inline; font-size:0; line-height:0;}
#cate_box .position .sub-category li { display:inline-block; *display:inline; *zoom:1; width:auto; text-align:left; height:30px !important; padding:10px 20px !important; margin:0;}
#cate_box .position .sub-category li a { display:inline-block; line-height:30px !important; margin:0; font-size:11px !important; }
#cate_box .position .sub-category li a:hover { color:#888; } 

/* 우측 드랍 메뉴 */
#header #cate_box #cate_box_in .right_menu {  position:relative; float:right; margin-right:19px; }
#header #cate_box #cate_box_in .right_menu a { cursor:pointer; }

/* 우측 드랍 메뉴 서브 내용 */
#right_dropsub { display:none; position:absolute; right:-19px; top:70px; width:220px; padding:25px; background:#fff; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; }

/* 공통 */
#right_dropsub .log_btn { clear:both; width:220px; height:38px; margin:0 auto 10px; border:1px solid #ddd; }
#right_dropsub .log_btn:hover { border:1px solid #ccc; }

#right_dropsub .etc_menu { clear:both; text-align:center;}
#right_dropsub .etc_menu li { display:block; height:24px; }
#right_dropsub .etc_menu li a { line-height:24px; font-size:11px; color:#555; }
#right_dropsub .etc_menu li a:hover { color:#888; }
#right_dropsub .etc_menu li a span { color:#555; font-size:10px; background:#001f45; padding:3px 5px; border-radius:15px; }

#right_dropsub #commu_box { clear:both; width:220px; height:80px; border:1px solid #ddd; padding:15px 0; margin-top:20px; }
#right_dropsub #commu_box ul { float:left; width:89px; border-right:1px solid #ddd; padding-left:20px; }
#right_dropsub #commu_box ul.end { border-right:0; }
#right_dropsub #commu_box li { display:block; height:26px; }
#right_dropsub #commu_box li a { display:block; line-height:26px; color:#555; font-size:11px; }
#right_dropsub #commu_box li a:hover { color:#888; }

/* 로그인 전 */
#right_dropsub #login_box { clear:both; width:222px; min-height:225px; margin:0 auto; }
#right_dropsub #login_box .log_input { width:222px; height:83px;  margin-bottom:10px;}

#right_dropsub #login_box .log_input .idbox,
#right_dropsub #login_box .log_input .pwbox { display:block; width:220px; height:40px; border:1px solid #ddd; }
#right_dropsub #login_box .log_input .pwbox { border-top:0;}

#right_dropsub #login_box .log_input input { padding:0px; background:none; }
#right_dropsub #login_box .log_input .idbox input,
#right_dropsub #login_box .log_input .pwbox input { width:182px; padding-left:8px; height:40px; line-height:40px; border:0px; font-size:12px; color:#888; }
#right_dropsub #login_box .log_input img { float: left; padding:5px 0 0 5px; vertical-align:middle; }

/* 로그인 후 */
#right_dropsub #logout_box { clear:both; width:222px; min-height:235px;  margin:-10px auto 0; }
#right_dropsub #logout_box h2 { font-size:12px; font-weight:normal; color:#555; text-align:center; padding-bottom:20px; }
/* //우측 드랍 메뉴 서브 내용 */

/* 상단 슬라이드 (추가 스타일) */
#slide_wrap {  width:1240px; margin:0 auto }
.swiper-container { width:1240px; height: 929px; margin:0 auto; max-height:929px; }
.swiper-slide { text-align:center; font-size:0px; background:#fff; }

/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a { display:inline-block; width:100%; } 
.swiper-slide a img { width:100%; } 

/* 화살표 */
.swiper-container .arrow { filter:alpha(opacity=00); opacity:0.0; -moz-opacity:0.0; }
.swiper-container:hover .arrow { filter:alpha(opacity=40); opacity:0.6; -moz-opacity:0.6; }
.swiper-container .arrow:hover { filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0; }

/* 상단 슬라이드 */
.swiper-container-horizontal>.swiper-pagination { background:none center bottom no-repeat; }

.swiper-container { margin:0 auto; position:relative; overflow:hidden; z-index:1; }
.swiper-container-no-flexbox .swiper-slide { float:left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }

.swiper-wrapper { position:relative; width:1240px; height:929px; margin:0 auto; z-index:1;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; 
-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;
-webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; 
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }

.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-fles-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.swiper-container-free-mode>.swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; }
.swiper-slide {-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; }

/* 버튼 */
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none;opacity:0; z-index:-1000; }
.swiper-wp8-horizontal { -ms-touch-action:pan-y; touch-action:pan-y; }
.swiper-wp8-vertical { -ms-touch-action:pan-x; touch-action:pan-x; }

/* 화살표 버튼 */
.swiper-button-next,
.swiper-button-prev { position:absolute; top:50%; margin-top:-25px; z-index:10; width:50px; height:50px; cursor:pointer;
-moz-background-size:50px 50px; -webkit-background-size:40px 40px; background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image:url("/design/kottiuomo/onedesign/images/mainb_arrow01.png"); left:30px; right:auto; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image:url("/design/kottiuomo/onedesign/images/mainb_arrow02.png"); right:30px; left:auto; }
@media screen and (max-width:1024px) {
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next { left:20px; }
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev { right:20px; }
}
.swiper-pagination { position:absolute; text-align:center; 
-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms;transition:300ms; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }

/* 탭 버튼 */
.swiper-pagination { display:none;}
.swiper-pagination .swiper-pagination-hidden { opacity:0; }
.swiper-pagination-bullet { display:inline-block; width:24px; height:24px; border-radius:100%; background:url(/design/kottiuomo/onedesign/images/btn_slider_01.png) left top no-repeat; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background:#fff; }
.swiper-pagination-bullet-active { opacity:1; background:url(/design/kottiuomo/onedesign/images/btn_slider_02.png) left top no-repeat; }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000; }
.swiper-container-vertical>.swiper-pagination { right:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -o-transform:translate(0,-50%); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin:5px 0; display:block; }
.swiper-container-horizontal>.swiper-pagination { bottom:-1px; left:0; width:100%; padding:0 0 10px; transition:none !important; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { /*margin:0 7px;*/ }
/* //상단 슬라이드 (추가 스타일) */



/*서브*/

/* 공통 탑 타이틀 */
.top_title { text-align:center;padding:20px 0;}
.top_title h2 { font-size:15px;/* font-family:'arial', 'Nanum Gothic'; text-transform: capitalize;*/ font-weight:normal; color:#555; letter-spacing:1px;}

/* 게시판 및 마이페이지 상단 공통 */
#title_area { width:100%; text-align:center; margin:0 auto 20px; }
#title_area h2 { font-size:15px;  font-family:Arial, 'Libre Baskerville', 'arial', 'nanummyeongjo', serif; font-weight:normal; font-style: normal; color:#555; letter-spacing:0.07em; }
#title_area h2 font { color:#555 !important;}

#top_box { width:100%; overflow:hidden; text-align:center; padding:0 0 30px;}
#top_box ul { display:inline; font-size:0; line-height:0;}
#top_box li { display:inline-block; *display:inline; *zoom:1; padding:0; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic';  font-size:12px; height:20px; vertical-align:middle; padding-left:20px; background-image:url(/design/kottiuomo/onedesign/images/line_cs.png); background-repeat:no-repeat; background-position:9px 6px; letter-spacing:0.1em;}
#top_box li a { display:inline-block; font-weight:normal; color:#555; line-height:20px; cursor:pointer; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic';  font-size:11px;}
#top_box li a:hover { color:#888; text-decoration:none; line-height:20px;}
#top_box li:first-child { padding-left:0px; background:none;}

/* 마이페이지 메인 */
#mypage_box { width:706px; height:140px; margin:20px auto 0;}
#mypage_box ul { display:block;}
#mypage_box li { float:left; width:220px; height:60px; line-height:60px; margin-left:20px; margin-bottom:20px; text-align:center; }
#mypage_box li.first { margin-left:0px;}
#mypage_box li a { display:inline-block; width:220px; line-height:60px; font-family:Arial, 'Lora', 'Nanum Gothic', 'arial'; font-size:11px; color:#555; text-transform:uppercase; letter-spacing:0.1em; border:1px solid #ddd;}
#mypage_box li a:hover { border:1px solid #001f45; color:#001f45; }

/* 로그인 공통 */
#login {width:600px; margin:0 auto; color:#555; background:#f8f8f8; border-top:1px solid #ddd; padding:50px 0;}
#login fieldset{ position:relative; width:334px; margin:0 auto; }
#login fieldset ul { overflow:hidden; }
#login fieldset li { overflow:hidden; display:block; width:332px; margin:0 0 10px; border:1px solid #ddd; color:#555; background:#fff; }

#login fieldset li label { float:left; width:50px; height:36px; line-height:36px; padding:0 0 0 11px; color:#555; font-size:12px; }

#login fieldset input { float:left; width:265px; height:36px; padding:0 0 0 5px; border:0 none; color:#555; }

#login .se { width:334px; margin:0 auto; text-align:right; font-size:12px; padding-bottom:15px;}
#login .se span { color:#888;}

#login .loginbtn { clear:both;}

#login .findmenu { clear:both; text-align:center; padding-top:30px;}
#login .findmenu a { color:#888; font-size:12px; }
#login .findmenu a:hover { color:#666;}

/* 버튼 공통 */
.btn_style_1 { display:block; height:38px; line-height:38px; font-size:11px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; }

.btn_style_ko { display:block; height:38px; line-height:38px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style2_ko { display:inline-block; height:26px; line-height:26px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style3_ko { display:inline-block; height:38px; line-height:38px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style4_ko { display:inline-block; height:50px; line-height:50px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style5_ko { display:inline-block; height:40px; line-height:40px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style6_ko { display:inline-block; height:48px; line-height:48px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_color_sky { color:#888; border:1px solid #bbb; background:#fff;  border-radius:7px;}
.btn_color_sky:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_sky_all { color:#fff; border:1px solid #888; background:#888;  border-radius:7px;  }
.btn_color_sky_all:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_gray { color:#888; border:1px solid #bbb; background:#fff;  border-radius:7px; }
.btn_color_gray:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_gray_all { color:#fff; border:1px solid #888; background:#888;  border-radius:7px; }
.btn_color_gray_all:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_size_334 { width:332px; height:38px; line-height:38px;}

.btn_size_48 { width:48px; height:26px; line-height:26px;}

.btn_size_60 { width:60px; height:26px; line-height:26px;}

.btn_size_70 { width:70px; height:26px; line-height:26px;}

.btn_size_80 { width:80px; height:48px; line-height:48px;}

.btn_size_105 { width:110px; height:26px; line-height:26px;}

.btn_size_180 { width:180px; height:40px; line-height:40px;}

.btn_size_195 { width:195px; height:50px; line-height:50px;}



/* 상품 검색 페이지 가격 정렬 */
.item-wrap .item-info { clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; margin:30px 0 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.item-wrap .item-info:after { content: ""; clear: both; display: block; }
.item-wrap .item-info .item-order { float:left;}
.item-wrap .item-info .item-order li { float: left; padding-right:15px; font-family:"Lora","arial","Nanum Gothic"; font-size:12px; letter-spacing:1px;}
.item-wrap .item-info .item-order li a:hover { color:#888;}
.item-wrap .item-info .item-total { float:right; }

/* 썸네일 이미지 */
.item-wrap  { width:100%; }

.item-wrap .item-list { clear:both; width:1270px;}
.item-wrap .item-list td { vertical-align:top;}
.item-wrap .item-list ul { width:394px; vertical-align:top; margin-bottom:60px; letter-spacing:0.05em;}
.item-wrap .item-list ul .box { margin:0 auto; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic'; line-height:18px; text-align:center; }
.item-wrap .item-list li { text-align:center; padding-bottom:7px; font-size:11px; }

/* 상품이미지 */
.item-wrap .item-list .prd-thumb { margin-bottom:20px; }
.item-wrap .item-list .prd-thumb img { max-width:394px; text-align:center; vertical-align:top; }

/* 상품명 */
.item-wrap .item-list .prd-name { color:#222; font-size:12px; }

/* 상품가격 */
.item-wrap .item-list .prd-price { color:#222; }

/* 소비자가격 */
.item-wrap .item-list .prd-consumer { color:#888; text-decoration:line-through; }

/* 품절 */
.item-wrap .item-list .soldout { color:#222; }

/* 상품아이콘 */
.item-wrap .item-list .prd-icon { }
.item-wrap .item-list .prd-icon img { padding:0 1px;}

/* 추가상품명 */
.item-wrap .item-list .prd-subname { color:#888; }

/* 상품페이징 */
.item-wrap .item-page {  clear:both; padding:30px 0 0; text-align:center; }
.item-wrap .item-page a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px; font-family:"Lato" , "arial", "Nanum Gothic"; font-size:11px; color:#555; border-bottom:2px solid #fff; }
.item-wrap .item-page a:hover { text-decoration:none; color:#001f45; }
.item-wrap .item-page a.now { border-bottom:2px solid #001f45; }
.item-wrap .item-desc { margin-bottom: 40px; }
.item-wrap .item-none { padding-top: 40px; text-align: center; }




/* 팝업 맨위로 */

#MAKESHOPLY0,
#MAKESHOPLY1,
#MAKESHOPLY2,
#MAKESHOPLY3,
#MAKESHOPLY4,
#MAKESHOPLY5,
#MAKESHOPLY6,
#MAKESHOPLY7,
#MAKESHOPLY8,
#MAKESHOPLY9,
#MAKESHOPLY10,
#MAKESHOPLY11 { z-index:999 !important;}





@import url(http://fonts.googleapis.com/css?family=Lora:400,700);


/* global rest */
html { overflow:scroll; overflow-x: auto; }

html, body { height:100%;  font-size:12px; font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif; color:#555; background:#fff; letter-spacing:0.05em; }

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table, a {
    font-size: 12px;
    color: #555;
    font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif;
}

input, select, textarea {
    font-size: 12px;
    color: #555;
    font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif; 
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align: top;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
	color: #555;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
}
a:hover { 
	text-decoration: none;
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height: 24px;
    height: 24px;
}
input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

/*
========================================================================
공통 class
========================================================================
*/

/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -5559px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}

/* form */
.txt-right { text-align: right; }
.txt-input1 { padding: 4px; height: 20px; line-height: 20px; border: 1px solid #ddd; border-top: 1px solid #ddd; }
.txt-input2 { padding: 4px; height: 20px; line-height: 20px; border: 1px solid #ddd; }
.MS_input_txt { padding: 4px; height:22px; line-height:22px; border: 1px solid #ddd; margin-right:5px; }

.txt-disabled { background-color: #f8f8f8; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #ddd; border-top:1px solid #ddd;; }
/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ddd; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* font-color */
.fc-red { color: #555; }
.fc-blue { color: #555; }
.MS_option_price { color: #555; }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-left,
.tb-center,
.tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }

/* 장바구니 리스트, 주문상품 리스트 */
.table-cart { margin-top: 10px; margin-bottom :30px; border-bottom: 1px solid #ddd; }
.table-cart thead th { padding: 7px 0 6px; background-color: #f8f8f8; }
.table-cart tbody td,
.table-cart tfoot { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td { padding: 3px 0 3px; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 2px solid #f8f8f8; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: bold; }
.table-cart tfoot strong { color: #be101a; }
/* 수량 컨트롤 */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #ddd; font-size: 12px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -555px; background: none; }
/* 주문 - 주문정보 테이블 */
.table-order-info { margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 8px 0 7px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th { letter-spacing: -1px; background-color: #f8f8f8; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list { margin: 30px 0 10px; font-size: 12px; color: #555;}
.table-d2-list { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-d2-list thead th { padding:10px 0;  height:20px; border-bottom: 1px solid #ddd; font-weight:normal; background:#f8f8f8; }
.table-d2-list tbody td { padding: 15px 0; }
/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top: 5px; border: 2px solid #ddd; border-bottom: 1px solid #ddd; }
.table-d2-view th, 
.table-d2-view td { padding: 6px 0 5px; }
.table-d2-view th { font-weight: bold; border-right: 1px solid #ddd; background-color: #f8f8f8; }

/* paging */
.paging { clear:both; padding:30px 0 0; text-align:center; }
.paging a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px; font-family:"Libre Baskerville", "arial", "Nanum Gothic"; font-style:normal; font-size:11px; color:#555; border-bottom:2px solid #fff; }
.paging a.now { border-bottom:2px solid #001f45; }
.paging li a:hover { text-decoration:none; color:#001f45;} 
.paging li.now a { border-bottom:2px solid #001f45; }


/* 현재위치 */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #555; text-transform: capitalize; }
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 11px; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 12px; color: #555; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* 타입 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #ddd; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #555; }
/* 상품 total/정렬 */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; color:#555;}
.total-sort .total dt { text-transform: capitalize; padding-left:12px; background:url(/images/d3/dandy_style/common/bull_arrow_r.gif) no-repeat left 40%; margin-right:10px;}
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; overflow:hidden; zoom:1;}
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; padding-left: 10px; padding-right:10px; background:url(/images/d3/dandy_style/common/bg_list_sep.gif) no-repeat right 40%; margin-right:-1px;}
/* 게시판 총게시글,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* 회원 등급 표시 */
/* 타입 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #f8f8f8; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#F26622;
}
/* 타입 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #f8f8f8; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #f8f8f8; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color:#F26622;
}

/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding: 10px 20px; border: 1px solid #ddd; }
.t-box-msg strong { color: #555; }

/* 상품 미리보기 레이어 */
#detailpage {position: absolute; top: 100px; display: block; width:636px; padding:20px 20px 50px; border: 3px solid #555; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/

#detailpage .hd {width:100%; text-align:center; margin:0 auto 20px; background:url(/images/bg_toptitle.gif) center top no-repeat; }
#detailpage h2 {height:34px; line-height:34px; font-size:1.1em; font-family:'Montserrat', 'arial', 'Noto Sans KR', 'Nanum Gothic'; font-weight:normal; color:#888; letter-spacing:0.07em; text-transform:uppercase; padding-top:13px;}

#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 20px; bottom:15px; _bottom:14px;}

/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }

/* txt-wrap */
#detailpage .txt-wrap {width:336px; }
#detailpage .txt-wrap .ptit {font-size: 14px; color: #888; border-bottom:1px solid #ddd; padding-bottom:10px; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding:5px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #555; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }

/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #ddd; font-size: 12px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -555px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 상단 */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #555; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }

/* 타이틀 */
.bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #555; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 112px; color: #888;}

/* 검색 */
.bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align:left; float:left; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { font-size: 0; line-height: 0; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #f8f8f8; }


/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link {  }
.bbs-link a {/*display: inline-block; padding: 0 2px; font-size: 11px; line-height: 14px; color: #555;*/}
.bbs-link a.write {  }

/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none {}
.bbs-link span {/*font-size:12px; color:#555; line-height:14px;*/}

/* 게시판 한줄공지 */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* 게시판 타입 - 리스트 */
.bbs-table-list { margin-top: 0px; border-bottom:1px solid #ddd; }
.bbs-table-list thead th { height:20px; padding:10px 0; background:none; font-size:11px; color:#888; font-weight:normal; border-top:1px solid #ddd; text-transform:uppercase; background:#f8f8f8; }
.bbs-table-list tbody td  { padding:15px 0; } 

.bbs-table-list tbody td {border-top:1px solid #ddd; }

/* 게시판 타입 - 보기 */
.bbs-table-view {margin-top: 0px; }
.bbs-table-view thead th {padding:11px 0; } 
.bbs-table-view tbody td {padding: 15px 0; text-transform:uppercase; } 
.bbs-table-view thead th { font-size:12px; color:#555; border-top:1px solid #ddd; text-transform:uppercase; letter-spacing:0.05em;}
.bbs-table-view tbody td.line {border-bottom:1px solid #ddd; }
.bbs-table-view .btn-dwn { margin-top:15px;}
.bbs-table-view .data-bd-cont { line-height:20px; }

/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd { margin-top: 10px; border-top: 1px solid #ddd; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #ddd; } 
.visit-vhd .tb-left{ padding: 0 3px; }
.visit-vhd td .tb-no { color: #555; }
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a { font-size: 12px; color: #555; }

/* 내용*/
.visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.visit-vcont th,
.visit-vcont td { padding: 6px 0; border-bottom: 1px solid #ddd;} 
.visit-vcont th { font-weight: normal;  color: #555; }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 9px; border-bottom: 1px solid #ddd; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; }
.visit-vcont td .tb-cont img { max-width: 100%; }

/* 코멘트 */
.visit-vcmt th,
.visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #ddd; }
.visit-vcmt th { color: #c5c5c5; }
.visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; }
.visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; }
.visit-vcmt td .date,
.visit-vcmt td .ctrl { display: block; font-size: 12px; }
.visit-vcmt td .date { color: #555; }
.visit-vcmt td .ctrl { margin-top: 5px; }
.visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #555; font-size: 12px; }

/* 작성 */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #ddd; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #555;  }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { }

/* 게시판 타입 - 쓰기 */
.bbs-table-write { margin-top:0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:10px 0 8px; color:#555; font-weight:normal; font-size:11px; } 

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd { margin-top:25px;}
.bbs-table-pwd table { width:260px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:6px 0;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#555; font-weight:normal; font-size:12px;} 

/* 공통으로 쓰는거 */
textarea { width:600px; height:47px; padding:2px; border:1px solid #ddd;}        
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #ddd;}

.cont-sub-des { position:relative;}
.cont-sub-des div { padding:3px 0; }
.cont-sub-des span { margin-right:15px; color:#555;}
.cont-sub-des span em {  font-size:12px; color:#555; letter-spacing:0.05em;}
.cont-sub-des .hit { position:absolute; top:15px; right:0;}
.cont-sub-des .hit span { margin-right:0;}

.comment-box { border-bottom:1px solid #ddd;}
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #ddd; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#66;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;  font-size:12px; color:#555;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:20px; line-height:14px; border:1px solid #ddd;}
.com-wrt-box .wrt { margin-top:7px;}

.view-link { padding:20px 0 60px;}

/* 게시판 회원 게시글 검색 */
.search_id { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; display: block; padding: 3px; position: absolute; width: 90px; }

/* 개인정보보호정책 동의 */
.new-privercy-contract { text-align: left; padding: 5px; }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #ddd; border-right: none; background: #f8f8f8; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; }
.privercy-contract-tap li.end { border-right: 1px solid #ddd; }
.privercy-contract-tap li.sel { background: #fff; border-bottom: 1px solid #fff; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #ddd; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }



/*
========================================================================
dandy_style common class
========================================================================
*/
/* .navi */
.navi p { text-align: right; }
/* page-hd */
.page-hd .local { margin: 5px 0; }
/* etc */
.red { color: #555; }
.black { color:#555; }
.fs11 { font-size: 12px; }
/* group-wrap */
.group-wrap { width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 20px; background-color: #f8f8f8; }
.group-wrap dt,
.group-wrap dd { float: left; }
.group-wrap dt { padding: 20px 40px; }
.group-wrap dd { padding: 30px 0; line-height: 20px; }

/* page-wrap */
.page-wrap .page { clear:both; padding:30px 0 0; text-align:center; }
.page-wrap .page a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px; font-family:"Libre Baskerville", "arial", "Nanum Gothic"; font-style:normal; font-size:11px; color:#555; }
.page-wrap .page a:hover { text-decoration:none; color:#001f45; } 
.page-wrap .page a.now { border-bottom:2px solid #001f45; }




/* ================================================== 원디자인_영이 작업 소스 ================================================== 
================================================================================================================================ */
#preview_wrap {display:none;}

/* z-index */
#layerWrap { z-index: 1; }

/* layout */
#layerWrap,
#ftLink .link,
#footer { position: relative; width:1240px; margin:0 auto;}

#contentWrap { position: relative; width:100%; min-width:1240px; margin:0 auto;}

#contentWrapper { position: relative;}
#contentWrap:after { content: ""; display: block; clear: both; }
#content { position:relative; clear:both; width:1240px; margin:0 auto; min-height:500px; padding-top:110px;}

#main_content { width:100%; min-width:1240px; margin:60px auto 0; *zoom:1; }

#w_1240 { width:1240px; margin:40px auto 0; }



/* 상단 */

#header { width:100%; min-width:1240px; margin:0 auto; }

#header #cate_box { clear:both; width:100%; min-width:1240px; height:70px; z-index:2; }
#header #cate_box #cate_box_in { width:1240px; height:70px; margin:0 auto; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; }

#header #cate_box #cate_box_in .logo { float:left; }
#header #cate_box #cate_box_in .right_cart { position:relative; float:right; }
#header #cate_box #cate_box_in .right_cart .count { position:absolute; right:5px; top:15px; min-width:18px; height:18px; line-height:18px; border-radius:18px; background:#001f45;  font-size:10px; text-align:center;  }

/* 카테고리 */
#cate_box .position { width:100%; *width:auto; height:70px; text-align:center; margin:0 auto; z-index:3; }
#cate_box .position ul { display:inline; font-size:0; line-height:0;}
#cate_box .position li { display:inline-block; *display:inline; *zoom:1; height:70px; text-align:center; padding:0 22px;}
#cate_box .position li.first,
#cate_box .position li:first-child { padding-left:0; }
#cate_box .position li a { display:inline-block; color:#222; font-size:12px; line-height:70px; letter-spacing:0.1em; text-transform:uppercase;

font-family:Arial, 'Lora', 'arial', 'Nanum Gothic'; 
}
#cate_box .position li a:hover { color:#888;}

#cate_box .position .sub-category { display:none; width:100%; min-width:1240px; position:absolute; top:70px; left:0px; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; border-top:1px solid #ddd; }
#cate_box .position .sub-category ul { display:inline; font-size:0; line-height:0;}
#cate_box .position .sub-category li { display:inline-block; *display:inline; *zoom:1; width:auto; text-align:left; height:30px !important; padding:10px 20px !important; margin:0;}
#cate_box .position .sub-category li a { display:inline-block; line-height:30px !important; margin:0; font-size:11px !important; }
#cate_box .position .sub-category li a:hover { color:#888; } 

/* 우측 드랍 메뉴 */
#header #cate_box #cate_box_in .right_menu {  position:relative; float:right; margin-right:19px; }
#header #cate_box #cate_box_in .right_menu a { cursor:pointer; }

/* 우측 드랍 메뉴 서브 내용 */
#right_dropsub { display:none; position:absolute; z-index: 99999; right:-19px; top:70px; width:220px; padding:25px; background:#fff; background:url(/design/kottiuomo/onedesign/images/bg_cate.png) 0 0 repeat; }

/* 공통 */
#right_dropsub .log_btn { clear:both; width:220px; height:38px; margin:0 auto 10px; border:1px solid #ddd; }
#right_dropsub .log_btn:hover { border:1px solid #ccc; }

#right_dropsub .etc_menu { clear:both; text-align:center;}
#right_dropsub .etc_menu li { display:block; height:24px; }
#right_dropsub .etc_menu li a { line-height:24px; font-size:11px; color:#555; }
#right_dropsub .etc_menu li a:hover { color:#888; }
#right_dropsub .etc_menu li a span { color:#555; font-size:10px; background:#001f45; padding:3px 5px; border-radius:15px; }

#right_dropsub #commu_box { clear:both; width:220px; height:80px; border:1px solid #ddd; padding:15px 0; margin-top:20px; }
#right_dropsub #commu_box ul { float:left; width:89px; border-right:1px solid #ddd; padding-left:20px; }
#right_dropsub #commu_box ul.end { border-right:0; }
#right_dropsub #commu_box li { display:block; height:26px; }
#right_dropsub #commu_box li a { display:block; line-height:26px; color:#555; font-size:11px; }
#right_dropsub #commu_box li a:hover { color:#888; }

/* 로그인 전 */
#right_dropsub #login_box { clear:both; width:222px; min-height:225px; margin:0 auto; }
#right_dropsub #login_box .log_input { width:222px; height:83px;  margin-bottom:10px;}

#right_dropsub #login_box .log_input .idbox,
#right_dropsub #login_box .log_input .pwbox { display:block; width:220px; height:40px; border:1px solid #ddd; }
#right_dropsub #login_box .log_input .pwbox { border-top:0;}

#right_dropsub #login_box .log_input input { padding:0px; background:none; }
#right_dropsub #login_box .log_input .idbox input,
#right_dropsub #login_box .log_input .pwbox input { width:182px; padding-left:8px; height:40px; line-height:40px; border:0px; font-size:12px; color:#888; }
#right_dropsub #login_box .log_input img { float: left; padding:5px 0 0 5px; vertical-align:middle; }

/* 로그인 후 */
#right_dropsub #logout_box { clear:both; width:222px; min-height:235px;  margin:-10px auto 0; }
#right_dropsub #logout_box h2 { font-size:12px; font-weight:normal; color:#555; text-align:center; padding-bottom:20px; }
/* //우측 드랍 메뉴 서브 내용 */

/* 상단 슬라이드 (추가 스타일) */
#slide_wrap { width:1240px; margin:0 auto; }
.swiper-container { width:1240px; margin:0 auto; height: 543px; max-height:800px; }
.swiper-slide { text-align:center; font-size:0px; background:#fff; }

/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a { display:inline-block; width:100%; } 
.swiper-slide a img { width:100%; } 

/* 화살표 */
.swiper-container .arrow { filter:alpha(opacity=00); opacity:0.0; -moz-opacity:0.0; }
.swiper-container:hover .arrow { filter:alpha(opacity=40); opacity:0.6; -moz-opacity:0.6; }
.swiper-container .arrow:hover { filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0; }

/* 상단 슬라이드 */
.swiper-container-horizontal>.swiper-pagination { background:none center bottom no-repeat; }

.swiper-container {width:1240px; height:929px; margin:0 auto; position:relative; overflow:hidden; z-index:1; }
.swiper-container-no-flexbox .swiper-slide { float:left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }

.swiper-wrapper { position:relative; width:1240px; height:929px; z-index:1;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; 
-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;
-webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; 
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }

.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-fles-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.swiper-container-free-mode>.swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; }
.swiper-slide {-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; }

/* 버튼 */
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none;opacity:0; z-index:-1000; }
.swiper-wp8-horizontal { -ms-touch-action:pan-y; touch-action:pan-y; }
.swiper-wp8-vertical { -ms-touch-action:pan-x; touch-action:pan-x; }

/* 화살표 버튼 */
.swiper-button-next,
.swiper-button-prev { position:absolute; top:50%; margin-top:-25px; z-index:10; width:50px; height:50px; cursor:pointer;
-moz-background-size:50px 50px; -webkit-background-size:40px 40px; background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image:url("/design/kottiuomo/onedesign/images/mainb_arrow01.png"); left:30px; right:auto; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image:url("/design/kottiuomo/onedesign/images/mainb_arrow02.png"); right:30px; left:auto; }
@media screen and (max-width:1024px) {
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next { left:20px; }
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev { right:20px; }
}
.swiper-pagination { position:absolute; text-align:center; 
-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms;transition:300ms; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }

/* 탭 버튼 */
.swiper-pagination { display:none;}
.swiper-pagination .swiper-pagination-hidden { opacity:0; }
.swiper-pagination-bullet { display:inline-block; width:24px; height:24px; border-radius:100%; background:url(/design/kottiuomo/onedesign/images/btn_slider_01.png) left top no-repeat; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background:#fff; }
.swiper-pagination-bullet-active { opacity:1; background:url(/design/kottiuomo/onedesign/images/btn_slider_02.png) left top no-repeat; }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000; }
.swiper-container-vertical>.swiper-pagination { right:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -o-transform:translate(0,-50%); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin:5px 0; display:block; }
.swiper-container-horizontal>.swiper-pagination { bottom:-1px; left:0; width:100%; padding:0 0 10px; transition:none !important; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { /*margin:0 7px;*/ }
/* //상단 슬라이드 (추가 스타일) */



/*서브*/

/* 공통 탑 타이틀 */
.top_title {text-align:center;padding:20px 0; }
.top_title h2 { font-size:15px; /*font-family:'arial', 'Nanum Gothic'; text-transform: capitalize;*/ font-weight:normal; color:#555; letter-spacing:1px;}

/* 게시판 및 마이페이지 상단 공통 */
#title_area { width:100%; text-align:center; margin:0 auto 20px; }
#title_area h2 { font-size:15px;  font-family:Arial, 'Libre Baskerville', 'arial', 'nanummyeongjo', serif; font-weight:normal; font-style: normal; color:#555; letter-spacing:0.07em; }
#title_area h2 font { color:#555 !important;}

#top_box { width:100%; overflow:hidden; text-align:center; padding:0 0 30px;}
#top_box ul { display:inline; font-size:0; line-height:0;}
#top_box li { display:inline-block; *display:inline; *zoom:1; padding:0; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic';  font-size:12px; height:20px; vertical-align:middle; padding-left:20px; background-image:url(/design/kottiuomo/onedesign/images/line_cs.png); background-repeat:no-repeat; background-position:9px 6px; letter-spacing:0.1em;}
#top_box li a { display:inline-block; font-weight:normal; color:#555; line-height:20px; cursor:pointer; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic';  font-size:11px;}
#top_box li a:hover { color:#888; text-decoration:none; line-height:20px;}
#top_box li:first-child { padding-left:0px; background:none;}

/* 마이페이지 메인 */
#mypage_box { width:706px; height:140px; margin:20px auto 0;}
#mypage_box ul { display:block;}
#mypage_box li { float:left; width:220px; height:60px; line-height:60px; margin-left:20px; margin-bottom:20px; text-align:center; }
#mypage_box li.first { margin-left:0px;}
#mypage_box li a { display:inline-block; width:220px; line-height:60px; font-family:Arial, 'Lora', 'Nanum Gothic', 'arial'; font-size:11px; color:#555; text-transform:uppercase; letter-spacing:0.1em; border:1px solid #ddd;}
#mypage_box li a:hover { border:1px solid #001f45; color:#001f45; }

/* 로그인 공통 */
#login {width:600px; margin:0 auto; color:#555; background:#f8f8f8; border-top:1px solid #ddd; padding:50px 0;}
#login fieldset{ position:relative; width:334px; margin:0 auto; }
#login fieldset ul { overflow:hidden; }
#login fieldset li { overflow:hidden; display:block; width:332px; margin:0 0 10px; border:1px solid #ddd; color:#555; background:#fff; }

#login fieldset li label { float:left; width:50px; height:36px; line-height:36px; padding:0 0 0 11px; color:#555; font-size:12px; }

#login fieldset input { float:left; width:265px; height:36px; padding:0 0 0 5px; border:0 none; color:#555; }

#login .se { width:334px; margin:0 auto; text-align:right; font-size:12px; padding-bottom:15px;}
#login .se span { color:#888;}

#login .loginbtn { clear:both;}

#login .findmenu { clear:both; text-align:center; padding-top:30px;}
#login .findmenu a { color:#888; font-size:12px; }
#login .findmenu a:hover { color:#666;}

/* 버튼 공통 */
.btn_style_1 { display:block; height:38px; line-height:38px; font-size:11px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; }

.btn_style_ko { display:block; height:38px; line-height:38px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style2_ko { display:inline-block; height:26px; line-height:26px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style3_ko { display:inline-block; height:38px; line-height:38px; font-size:12px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style4_ko { display:inline-block; height:50px; line-height:50px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style5_ko { display:inline-block; height:40px; line-height:40px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_style6_ko { display:inline-block; height:48px; line-height:48px; font-size:14px; text-align:center; cursor:pointer; transition:background-color 0.2s ease; text-transform:uppercase; letter-spacing:0.05em; font-family:'Nanum Gothic';}

.btn_color_sky { color:#888; border:1px solid #bbb; background:#fff;  border-radius:7px;}
.btn_color_sky:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_sky_all { color:#fff; border:1px solid #888; background:#001f45;  border-radius:7px;  }
.btn_color_sky_all:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_gray { color:#888; border:1px solid #bbb; background:#fff;  border-radius:7px; }
.btn_color_gray:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_gray_all { color:#fff; border:1px solid #888; background:#888;  border-radius:7px; }
.btn_color_gray_all:hover { color:#666; border:1px solid #aaa; background:#fff; text-decoration: none;}

.btn_color_blue_all { color:#fff; border:1px solid #001f45; background:#001f45;  border-radius:7px; }
.btn_color_blue_all:hover { color:#fff; border:1px solid #000; background:#000; text-decoration: none;}

.btn_size_334 { width:332px; height:38px; line-height:38px;}

.btn_size_48 { width:48px; height:26px; line-height:26px;}

.btn_size_60 { width:60px; height:26px; line-height:26px;}

.btn_size_70 { width:70px; height:26px; line-height:26px;}

.btn_size_80 { width:80px; height:48px; line-height:48px;}

.btn_size_105 { width:110px; height:26px; line-height:26px;}

.btn_size_180 { width:180px; height:40px; line-height:40px;}

.btn_size_195 { width:195px; height:50px; line-height:50px;}



/* 상품 검색 페이지 가격 정렬 */
.item-wrap .item-info { clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; margin:0 auto; text-align:center; margin:30px 0 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.item-wrap .item-info:after { content: ""; clear: both; display: block; }
.item-wrap .item-info .item-order { float:left;}
.item-wrap .item-info .item-order li { float: left; padding-right:15px; font-family:Arial, "Lora","arial","Nanum Gothic"; font-size:12px; letter-spacing:1px;}
.item-wrap .item-info .item-order li a:hover { color:#888;}
.item-wrap .item-info .item-total { float:right; }

/* 썸네일 이미지 */
.item-wrap  { width:100%; }

.item-wrap .item-list { clear:both; width:1270px;}
.item-wrap .item-list td { vertical-align:top;}
.item-wrap .item-list ul { width:394px; vertical-align:top; margin-bottom:60px; letter-spacing:0.05em;}
.item-wrap .item-list ul .box { margin:0 auto; font-family:Arial, 'Lora', 'arial', 'Nanum Gothic'; line-height:18px; text-align:center; }
.item-wrap .item-list li { text-align:center; padding-bottom:7px; font-size:11px; }

/* 상품이미지 */
.item-wrap .item-list .prd-thumb { margin-bottom:20px; }
.item-wrap .item-list .prd-thumb img { max-width:394px; text-align:center; vertical-align:top; }

/* 상품명 */
.item-wrap .item-list .prd-name {color:#222; font-size:12px; }

/* 상품가격 */
.item-wrap .item-list .prd-price { color:#222; }

/* 소비자가격 */
.item-wrap .item-list .prd-consumer { color:#888; text-decoration:line-through; }

/* 품절 */
.item-wrap .item-list .soldout { color:#222; }

/* 상품아이콘 */
.item-wrap .item-list .prd-icon { }
.item-wrap .item-list .prd-icon img { padding:0 1px;}

/* 추가상품명 */
.item-wrap .item-list .prd-subname { color:#888; }

/* 상품페이징 */
.item-wrap .item-page {  clear:both; padding:30px 0 0; text-align:center; }
.item-wrap .item-page a { display:inline-block; *display:inline; *zoom:1; padding:0 5px; height:20px; line-height:20px;   font-family:Arial, 'Lora', Nanum Gothic, AppleGothic, sans-serif; font-style:normal; font-size:13px; color:#555; border-bottom:2px solid #fff; }
.item-wrap .item-page a:hover { text-decoration:none; color:#001f45; }
.item-wrap .item-page a.now { border-bottom:2px solid #001f45; }
.item-wrap .item-desc { margin-bottom: 40px; }
.item-wrap .item-none { padding-top: 40px; text-align: center; }




/* 팝업 맨위로 */

#MAKESHOPLY0,
#MAKESHOPLY1,
#MAKESHOPLY2,
#MAKESHOPLY3,
#MAKESHOPLY4,
#MAKESHOPLY5,
#MAKESHOPLY6,
#MAKESHOPLY7,
#MAKESHOPLY8,
#MAKESHOPLY9,
#MAKESHOPLY10,
#MAKESHOPLY11 { z-index:999 !important;}


/* 크몽 추가 작업 (GoPro) */


html #wrap .header {
    height: 156px;
}

#wrap .header .logo a {
    position: relative;
    z-index: 10;
}

html #wrap .header .l_menu {
    margin-top: 23px;
}

html #wrap .header .l_menu ul li {
    position: relative;
    background: #fff;
}

#wrap .header .l_menu .msgbox {
    position: absolute;
    z-index: 90;
    top: 23px;
    left: 50%;
    -o-transform: translate(-61%, 0);
    -ms-transform: translate(-61%, 0);
    -moz-transform: translate(-61%, 0);
    -webkit-transform: translate(-61%, 0);
    transform: translate(-61%, 0);
    -o-animation: animate-msgbox 0.9s linear infinite;
    -ms-animation: animate-msgbox 0.9s linear infinite;
    -moz-animation: animate-msgbox 0.9s linear infinite;
    -webkit-animation: animate-msgbox 0.9s linear infinite;
    animation: animate-msgbox 0.9s linear infinite;
}

#wrap .header .l_menu .msgbox > span {
    margin: -2px 0 0 0;
    display: block;
    padding: 1px 0;
    background: #001f45;
    border-radius: 3px;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0.5px;
    position: relative;
    width: 60px;
    text-align: center;
}

#wrap .header .l_menu .msgbox > span::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #001f45;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -2px;
}

@-webkit-keyframes animate-msgbox {
    50% {
        margin-top: 4px;
    }
}

@keyframes animate-msgbox {
    50% {
        margin-top: 4px;
    }
}

@-ms-keyframes animate-msgbox {
    50% {
        margin-top: 4px;
    }
}

html #wrap .header .top_menu {
    width: auto;
    padding: 0 20px 0 20px;
    position: absolute;
    top: 25px;
    width: 100%;
    box-sizing: border-box;
}

html #wrap .header .right_menu {
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
}

html #wrap .header .right_menu li {
    width: 50px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
}

html #wrap .header .right_menu li.btn-cart {
    position: relative;
}

html #wrap .header .right_menu li .icon {
    font-size: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    cursor: pointer;
}

html #wrap .header .right_menu li.btn-search .icon {
    background: url(/design/kottiuomo/newFolder/icon_search.png) no-repeat center center;
    vertical-align: top;
}

html #wrap .header .right_menu li.btn-cart .icon {
    background: url(/design/kottiuomo/newFolder/icon_cart.png) no-repeat center center;
    vertical-align: top;
}

html #wrap .header .right_menu li.btn-mypage .icon {
    background: url(/design/kottiuomo/newFolder/icon_user.png) no-repeat center center;
    vertical-align: top;
}

#user_basket_quantity {
    position: absolute;
    top: 13px;
    right: 4px;
    min-width: 14px;
    text-align: center;
    line-height: 1.2;
    border-radius: 50%;
    background: #474747;
    color: #fff;
    text-indent: 0;
    /* font-weight: bold; */
    font-size: 11px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

html #wrap .header.fixed .right_menu {
    position: fixed;
    top: 0;
    right: 15px;
    z-index: 101;
}

html #wrap .header .right_menu li .search-layer {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    width: 300px;
    background: rgba(255,255,255,0.9);
    border: 1px #ddd solid;
    z-index: 90;
}

html #wrap .header .right_menu li .search-layer form {
    display: block;
    position: relative;
    padding: 0 20px 20px;
}

html #wrap .header .right_menu li .search-layer h2 {
    margin: 20px auto 15px;
    font-size: 13px;
    font-weight: normal;
    color: #aaa;
}

html #wrap .header .right_menu li .search-layer .search-form {
    margin: 0 auto;
    border: 1px solid #999;
    border-radius: 2px;
}

html #wrap .header .right_menu li .search-layer .search-form input {
    width: 215px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 0;
    font-size: 13px;
    color: #555;
    background: transparent;
}

html #wrap .header .right_menu li .search-layer .search-form .search-submit {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-size: 0;
    color: #555;
    text-align: center;
    cursor: pointer;
    background: url(/design/kottiuomo/newFolder/icon_search_s.png) no-repeat center center;
    position: absolute;
}

html #wrap .header .right_menu li .search-layer .searchbtn {
    position: absolute;
    right: 7px;
    top: -14px;
    cursor: pointer;
}

html #wrap .menu_box ul.menu li {
    margin: 0 13px;
    line-height: 60px;
}

html #wrap .menu_box ul.menu li a {
    font-size: 12px;
}

html #wrap .menu_box ul.menu li.summer a {
    color: #2c7fff;
}

html #wrap .header .nav {
    margin-top: -20px;
    background: #fff;
}

html #wrap .header .nav-dummy {
    margin-top: -20px;
}

html #wrap .header.fixed .nav {
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 100;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 1px 1px rgba(135,135,135,0.1);
    border-bottom: 1px #e5e5e5 solid;
    transition: all 0.1s ease-in-out;
}

html #wrap .header .nav .menu_box {
    height: 60px;
}

.fix-logo {
  position: absolute;
  top: 0;
  left: 80px;
  display: none;
}

.header.fixed .fix-logo {
    display: block;
}

.fix-logo img {
    width: auto;
    height: 60px;
}

.new_prd span {height: auto !important;}

@media (max-width: 1480px) {
  .fix-logo {
    display: none !important;
  }
}

.sns-login { position: relative; margin: 20px auto 0; width: 400px; }
.sns-login ul li { position: relative; margin-top: 5px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
.sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }