/*
========================================================================
RESET
========================================================================
*/
/* global rest */





@font-face {
font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
}


@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
}




html,body{
    width:100%; 
	height:100%; 
}
body,code{font-size:11px; font-family:'Overpass', '맑은 고딕', 'Noto Sans KR', sans-serif; color:#666; background:#fff; line-height:20px;}
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, div{
    margin:0; 
    padding:0; 
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a{
    font-size:11px; 
	font-family:'Overpass', '맑은 고딕', 'Nanum Gothic', sans-serif; 
	color:#666; 
}
h1, h2, h3, h4, h5, h6{
    font-weight:600; 
}
img, fieldset,button{
    border:0 none; 
}
img{
    vertical-align:top; 
}
li{
    list-style:none; 
}
hr, caption, legend{
    display:none; 
}
a{
	text-decoration:none; 
    color:#666; 
	cursor:pointer; 
}
a:hover{
}
button{
    overflow:hidden; 
    cursor:pointer; 
}
button span{
    visibility:hidden; 
}
address, em{
    font-style:normal; 
}
button, input, select, textarea, a{
    font-size:11px; 
	font-family:'Overpass', '맑은 고딕', 'Nanum Gothic', sans-serif; 
	color:#666; 
	vertical-align:middle; 
}
select{
    height:26px; border:1px solid #f3f3f3; box-sizing:border-box; 
}
textarea{
	padding:5px 6px; border:1px solid #f3f3f3; line-height:20px; 
}
input{
	height:26px; line-height:26px; padding:2px 8px; border:none; background:#f3f3f3; color:#666; font-size:11px; box-sizing:border-box;
}
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:-9999px;}
/* block, inline */
.d-block{display:block;}
.d-inline{display:inline;}
/* form */
.txt-right{text-align:right;}
.txt-input1{padding:2px 0 0 2px; height:17px; line-height:17px; border:1px solid #e2e9ef; border-top:1px solid #aaadb2;}
.txt-input2{padding:2px 0 0 2px; height:17px; line-height:17px; border:1px solid #f3f3f3;}
.MS_input_txt{line-height:24px; border:1px solid #f3f3f3;}
.txt-disabled{background-color:#f6f6f6;}
.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 #e2e9ef; border-top:1px solid #aaadb2;}
/* 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 #ccc;}
.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:#bd101b;}
.fc-blue{color:#2c6b9e;}
.MS_option_price{color:#FF3C00;}
/* 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 15px;}
.tb-btn{padding:0;}
.tb-left{text-align:left;}
.tb-center{text-align:center; padding:0 !important;}
.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;}




/* 현재위치 */
.navi{display:none;}
.loc-navi{display:none; text-align:right;}
.loc-navi,
.loc-navi a{color:#999; text-transform:capitalize;}
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page{position:relative; margin-top:20px; font-size:0; line-height:0; padding-bottom:12px;}
#content .tit-page .dsc{position:absolute; right:0px; top:15px; font-size:11px; color:#a5a5a5; letter-spacing:-1px;}
#content .tit-page .dsc em{color:#666;}
/* 타입 2 */
#content .tit-page-2{position:relative; margin-top:15px; padding-bottom:6px; border-bottom:1px solid #d0d0d0;}
#content .tit-page-2 .dsc{letter-spacing:-1px; display:inline-block; padding-top:2px; margin-left:30px; color:#9b9b9b;}
/* 상품 total/정렬 */
.total-sort{zoom:1; overflow:hidden; padding-bottom:5px; border-bottom:1px solid #e5e5e5;}
/* 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:#020202;}
.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:#ededed;}
.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 #ededed;}
.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 #ededed;}
.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{display:none; padding:15px 0 5px; font-size:13px;}
.t-box-msg strong{color:#666;}

/*
========================================================================
공통 - 레이어
========================================================================
*/
/* z-index */
#layerWrap{z-index:1;}

/* 게시판 공통 */

/* 메샵 기본소스들입니다.

.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:#9c9c9c; 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:#cfcfcf; font-size:14px; vertical-align:middle;}
.bbs-tit em{margin-left:10px; font-size:11px; color:#898989;}

*/

 /* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd{margin-top:10px; border-top:1px solid #e5e5e5;}
.visit-vhd th,
.visit-vhd td{padding:3px 0; border-bottom:1px solid #e5e5e5; font-family:Dotum;} 
.visit-vhd .tb-left{ padding:0 3px;}
.visit-vhd td .tb-no{color:#9c9c9c;}
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a{font-size:11px; color:#9c9c9c;}
/* 내용*/
.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 #e5e5e5;} 
.visit-vcont th{font-weight:normal; font-family:Dotum; color:#9d9d9d;}
.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:2px; border-bottom:1px dotted #e5e5e5;}
.visit-vcont tr.info td .tb-left{padding-left:0; color:#666;}
.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 #e5e5e5;}
.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:#666;}
.visit-vcmt td .date,
.visit-vcmt td .ctrl{display:block; font-size:11px;}
.visit-vcmt td .date{color:#666;}
.visit-vcmt td .ctrl{margin-top:5px;}
.visit-vcmt td .ctrl a{margin-left:2px; margin-right:2px; color:#999; font-size:11px;}
/* 작성 */
.vist-vcmt-reg{margin-top:10px; border-bottom:1px solid #e5e5e5;}
.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:#9d9d9d; font-family:Dotum;}
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding:0 3px;}
.vist-vcmt-reg th .tb-left{padding-left:10px; background:url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%;}

/*
========================================================================
dandy_style common class
========================================================================
*/
/* .navi */
.navi p{text-align:right;}
/* page-hd */
.page-hd .local{margin:5px 0;}
/* etc */
.red{color:#f76560;}
.black{color:#666;}
.fs11{font-size:11px;}
/* group-wrap */
.group-wrap{width:100%; overflow:hidden; margin-top:20px; margin-bottom:20px; background-color:#eee;}
.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{margin-top:20px; text-align:center;}
.page-wrap .page a{padding:0 5px; letter-spacing:-1px;}
.page-wrap .page a:hover,
.page-wrap .page a.now{font-weight:bold;}











/******************************************************* 게시판소스 *******************************************************/

/* 전체 적용 표 스타일 */
.base-table{position:relative;}
.base-table th,
.base-table td{padding:10px 0; vertical-align:middle; font-weight:normal; letter-spacing:0.5px;}
.base-table th{background:#f9f9f9;}
.base-table td{border-bottom:1px solid #f3f3f3;}
.base-table .thumb img{max-width:80px; height:auto;}

.base-table-2{position:relative; border-top:1px solid #f3f3f3;}
.base-table-2 th,
.base-table-2 td{padding:10px 0; vertical-align:middle; font-weight:normal; letter-spacing:0.5px;}
.base-table-2 th{background:#f9f9f9; border-bottom:1px solid #f3f3f3;}
.base-table-2 td{padding-left:10px; border-bottom:1px solid #f3f3f3;}
.base-table-2 td .tb-left{padding-left:0;}


/* 게시판 검색 */
.bbs-sch{float:left; padding:20px 0; color:#666; font-size:12px;}
.bbs-sch label{margin-right:5px;}
.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 .MS_input_txt{width:200px; margin-right:3px;}

/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link{font-size:0; line-height:0;}
.bbs-link a{margin-left:2px;}

/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none{}
.bbs-link span{display:inline-block; font-size:10px; line-height:1; vertical-align:middle; color:#afafaf;}
.bbs-link span.btns{margin-left:10px;}

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

/* 게시판 타입 - 리스트 */
.bbs-table-list{margin-top:10px; border-top:1px solid #f3f3f3;}
.bbs-table-list thead th,
.bbs-table-list tbody td {padding:15px 0; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 
.bbs-table-list thead th{}
.bbs-table-list tbody td{}
.bbs-table-list tbody td .thumb img{width:70px; height:auto;}
.bbs-table-list tbody td .board_prdname{text-decoration:underline; color:#666;}

/* 리스트 공지*/
.bbs-table-list tbody tr.noti td{background:#f9f9f9; color:#666; font-weight:600;}

/* 게시판 타입 - 보기 */
.bbs-table-view{margin-top:10px;}
.bbs-table-view thead th,
.bbs-table-view tbody td {padding:15px 0; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 
.bbs-table-view thead th{border-top:1px solid #f3f3f3; font-weight:600;}
.bbs-table-view tbody td.line{padding:15px;}
.bbs-table-view .btn-dwn{margin-top:15px;}
.bbs-table-view .bbs-table-list thead th{border-top:0; font-weight:normal;}

/* 게시판 타입 - 쓰기 */
.bbs-table-write{margin-top:10px;}
.bbs-table-write table{border:1px solid #f3f3f3;}
.bbs-table-write tbody th,
.bbs-table-write tbody td {text-align:left; padding:15px 0 15px 15px; box-sizing:border-box; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd{margin-top:25px;}
.bbs-table-pwd table{width:300px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {padding:15px 0; box-sizing:border-box; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 

/* 공통 */
textarea{width:600px; height:47px; padding:2px; border:1px solid #f3f3f3;}        
.input-style{}

.cont-sub-des{position:relative; line-height:24px;}
.cont-sub-des span.attach{margin-left:15px; display:none;}
.cont-sub-des span em{}
.cont-sub-des .hit{position:absolute; top:12px; right:0;}
.cont-sub-des .hit span{margin-right:0;}

.comment-list{border-top:1px solid #f3f3f3;}
.comment-list td .com-name{padding-left:30px;}
.bbs-table-view .comment-box td{padding:10px 25px;}
.comment-box .com-name{}
.bbs-table-view td.com-wrt-box{background:#f9f9f9; padding:10px 20px 20px; border-bottom:0;}
.com-wrt-box label{}
.com-wrt-box .input-style{}
.com-wrt-box .wrt{margin-top:10px;}
.view-link{padding:25px 0;}

/* 게시판 회원 게시글 검색 */
.search_id{background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DADADA; 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 #ccc; border-right:none; background:#F4F4F4; 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 #ccc;}
.privercy-contract-tap li.sel{background:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.privercy-contract{clear:both;}
.privercy-contract textarea{clear:both; border:1px solid #CCC; height:60px; background:#FFFFFF; padding:20px; width:660px;}
.privercy-agree{margin:10px 0;}
.privercy-agree label{ margin-right:10px;}


/* paging */
.paging{margin:30px 0; text-align:center; font-size:0; line-height:0;}
.paging li{display:inline-block; vertical-align:middle;}
.paging li a{display:block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; font-family:serif; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.paging li a:hover{color:#adadad;}
.paging li .num{border-radius:25px; font-family:'Overpass','맑은 고딕','Nanum Gothic',sans-serif;}
.paging li .num.now{background:#f3f3f3; color:#adadad; font-weight:bold;}
.paging li strong{display:inline-block; display:block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; background:#f3f3f3; color:#adadad; font-weight:bold; border-radius:25px;}














/******************************************************* 원디자인 *******************************************************/

#preview_wrap{display:none;}

/* Layout */
#wrap{width:100%; background:#fff;}
#contentWrapper{width:100%; min-width:1300px; *zoom:1; margin:0 auto; min-height:710px;}
#contentWrapper:after{content:""; display:block; clear:both;}
#content{width:88%; min-width:1300px; margin:0 auto; ;}
#content:after{content:""; display:block; clear:both;}

/* 드래그 */
::selection{color:#666; background:#ecece7;}

/* 타이틀 */
.titleArea{margin:20px auto 40px; text-align:center;}
.titleArea h2{font-size:18px; font-weight:300; line-height:26px; letter-spacing:5px; font-family:'Hind Guntur',sans-serif; /*text-transform:uppercase;*/}
.titleArea p{margin-top:20px; line-height:22px; font-size:12px; color:#b9b9b9; letter-spacing:0.2px;}

/* 버튼 */
.btn_none{background:#bdbdbd; color:#fff; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:4px;}
.btn_white{border:1px solid #f3f3f3; background:#fff; color:#777; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:4px;}
.btn_point{border:1px solid #dab799; background:#dab799; color:#fff; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:4px;}

.btn_01{display:inline-block; padding:22px 40px; box-sizing:border-box;} /*메인버튼*/
.btn_02{display:inline-block; padding:18px 100px; box-sizing:border-box; letter-spacing:1px; font-weight:normal;} /*한글 서브큰버튼*/
.btn_03{display:inline-block; padding:14px 0; width:100%; box-sizing:border-box;}/*로그인, 검색버튼_가로100*/
.btn_04{display:inline-block; padding:0 8px; height:26px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.5px; vertical-align:top; box-sizing:border-box; border-radius:2px;} /*우편번호버튼*/
.btn_05{display:inline-block; padding:0 12px; height:26px; line-height:28px; text-align:center; font-size:11px; font-weight:normal; letter-spacing:1px; vertical-align:top; box-sizing:border-box; border-radius:2px; _line-height:22px;}/*서브버튼*/
.btn_06{display:inline-block; padding:0 20px; height:26px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.5px; vertical-align:middle; box-sizing:border-box;}/*마이페이지 조회*/
.btn_07{display:inline-block; width:75px; text-align:center; height:24px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.5px; vertical-align:middle; box-sizing:border-box; margin-bottom:2px; border-radius:2px;}/*관심상품 선택영역*/
.btn_08{display:inline-block; width:80px; text-align:center; height:50px; line-height:50px; font-size:11px; letter-spacing:1px; vertical-align:middle; box-sizing:border-box; font-weight:normal; border-radius:2px;}/*댓글 확인*/

/*호버*/
.btn_white:hover{color:#666;}





/* 상품공통 */
.prd-wrap{}
.prd-wrap .prd-list{display:block; width:100%; font-size:0; line-height:0; margin:0;}
.prd-wrap .prd-list > li{display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-bottom:50px;}

/* 진열방식 */
.prd-wrap ul.grid2 > li{width:49%; margin-right:2%;}
.prd-wrap ul.grid3 > li{width:32.33%; margin-right:1.5%;}
.prd-wrap ul.grid4 > li{width: calc(25% - 22.5px);margin-right: 29.5px;}
.prd-wrap ul.grid5 > li{width:18.8%; margin-right:1.5%;}

.prd-wrap ul.grid2 > li:nth-child(2n){margin-right:0;}
.prd-wrap ul.grid3 > li:nth-child(3n){margin-right:0;}
.prd-wrap ul.grid4 > li:nth-child(4n){margin-right:0;}
.prd-wrap ul.grid5 > li:nth-child(5n){margin-right:0;}

/* 상품이미지 */
.prd-wrap .prd-list .prd-thumb{position:relative; margin:0 auto 20px; text-align:center;}
.prd-wrap .prd-list .prd-thumb a{display:block;position:relative; }
.prd-wrap .prd-list .prd-thumb a img{max-width:100%; margin:0 auto; width:100%}
.prd-wrap .prd-list .prd-thumb .per {display:none; position:absolute !important; top:0; right:0; z-index:10; width:55px; height:55px; background:#000; color:#fff; font-size:19px; font-weight:300; line-height:55px; text-align:center;}


/* 아이콘 */
.prd-wrap .prd-list .prd-thumb .button{position:absolute; top:20px; right:20px; line-height:0; font-size:0; z-index:99;}
.prd-wrap .prd-list .prd-thumb .button a{display:inline-block; vertical-align:top; margin-left:16px; z-index:1; cursor:pointer; opacity:0; transition:opacity 0.25s ease-in-out;}
.prd-wrap .prd-list .prd-thumb .button a.btn_new{}
.prd-wrap .prd-list .prd-thumb .button a.btn_popup{}
.prd-wrap .prd-list .prd-thumb .button a.btn_option{height:18px; background:url('/design/grey82/onedesign/images/ico_option.png') no-repeat center;}
.prd-wrap .prd-list .prd-thumb .button a.btn_option img{opacity:0; width:15px; height:18px;}

.prd-wrap .prd-list .prd-thumb .button a:hover{opacity:1;}
.prd-wrap .prd-list > li:hover .prd-thumb .button a{opacity:0.8;}

/* 상품정보 */
.prd-wrap .prd-info{margin:0 auto; font-size:11px; line-height:18px; letter-spacing:0.5px; text-align:center; padding:0 2px;}
.prd-wrap .prd-info p{display:block; font-size:11px; margin-top:10px; font-weight:300; letter-spacing:0.3px;}    

/* 상품명 */
.prd-wrap .prd-info .prd-name{display:block; font-size:13px; margin-bottom:12px; letter-spacing:0.4px;}

/* 품절 */
.prd-wrap .soldout{/*color:#e33b3b !important;*/}
/* 소비자가격(.discount할인전가격) */
.prd-wrap .prd-info .prd-consumer{color:#b9b9b9; text-decoration:line-through;}
.prd-wrap .prd-info .prd-consumer.discount{}
/* 상품가격(.discount할인후가격) */
.prd-wrap .prd-info .prd-price{color:#666;}
.prd-wrap .prd-info .prd-price.discount{}

.prd-wrap .prd-price-box {display:flex;align-items: center;justify-content: center; color:#b9b9b9;}
.prd-wrap .prd-price-box .prd-consumer {display:inline-block; margin:0 5px; }
.prd-wrap .prd-price-box .prd-price.discount {margin:0 5px; font-weight:bold; }
.prd-wrap .prd-price-box .prd-price { margin:0 5px; font-weight:bold;  font-size:13px;  }

/* 추가상품명 */
.prd-wrap .prd-info .prd-subname{color:#b9b9b9;}

/* 상품아이콘 */
.prd-wrap .prd-info .prd-icon{margin-top:12px;}
.prd-wrap .prd-info .prd-icon img{display:inline-block; vertical-align:middle; margin:0 2px;}

/* 기간할인 적용된 경우 */
.prd-wrap .prd-info .prd-term{margin-top:10px; border-top:1px solid #f3f3f3; padding-top:10px;}

/* 상품 페이징 */
.prd-wrap .item-page{margin:30px 0; text-align:center; font-size:0; line-height:0;}
.prd-wrap .item-page a{display:inline-block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; font-family:serif; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.prd-wrap .item-page a:hover{color:#adadad;}
.prd-wrap .item-page a.num{border-radius:25px; font-family:'Overpass','맑은 고딕','Nanum Gothic',sans-serif;}
.prd-wrap .item-page a.now{background:#f3f3f3; color:#adadad; font-weight:bold;}





/* 좌측 공통 */
#content.split{width:88%; font-size:0; line-height:0; letter-spacing:0;}
#leftArea,
#rightArea{display:inline-block; vertical-align:top; font-size:11px; line-height:26px;}
#leftArea{width:20%; margin:0px 4% 0 0;}
#rightArea{width:76%; line-height:20px;}

/* 좌측, 우측 fadein 효과 */
#leftArea,
#rightArea{opacity:0; position:relative; left:-20px; visibility:hidden; 
-webkit-transition:opacity 0.4s ease-in-out, left 0.4s ease-in-out, visibility 0.4s ease-in-out; 
-moz-transition:opacity 0.4s ease-in-out, left 0.4s ease-in-out, visibility 0.4s ease-in-out; 
-o-transition:opacity 0.4s ease-in-out, left 0.4s ease-in-out, visibility 0.4s ease-in-out; 
transition:opacity 0.4s ease-in-out, left 0.4s ease-in-out, visibility 0.4s ease-in-out;}
#rightArea{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s;}
#leftArea.active,
#rightArea.active{opacity:1; left:0; visibility:visible;}

#leftArea > h3{font-size:18px; font-weight:300; margin:20px 0 40px 10px; font-family:'Hind Guntur', 'Overpass','맑은 고딕',sans-serif; letter-spacing:5px; text-transform:uppercase; padding-left:30px; position:relative;}
#leftArea > h3:before{content:""; position:absolute; background-color:#898989; width:20px; height:1px; left:0px; top:11px;}

#leftArea > div{padding:40px; box-sizing:border-box; background:#f5f5f5; border-radius:10px;}







/* 로그인 공통 */
#login .page-wrap{padding:50px 0; text-align:center;}
#login .page-wrap .login-form{position:relative; display:inline-block; width:450px; padding-bottom:10px;}
#login .page-wrap .login-form .login-list{overflow:hidden;}
#login .page-wrap .login-form .login-list li{position:relative; overflow:hidden; width:100%; display:block;  margin:5px 0;}
#login .page-wrap .login-form .login-list li input{width:100%; height:41px; line-height:1; padding:5px 15px; color:#666; box-sizing:border-box; font-size:11px; font-weight:300; letter-spacing:0.5px; border-radius:4px;}
#login .page-wrap .login-form .login-list li label{font-size:11px; letter-spacing:0.5px; color:#afafaf; font-weight:400; position:absolute; top:13px; left:15px;}
#login .page-wrap .login-form .btn_login{margin-bottom:5px;}
#login .page-wrap .login-form .btn_join{margin-bottom:20px;}
#login .page-wrap .login-form .security{float:left; line-height:1; letter-spacing:0.2px; color:#666;}
#login .page-wrap .login-form .security input{height:16px;}
#login .page-wrap .login-form .findid-pw{float:right;}
#login .page-wrap .login-form .findid-pw a{display:inline-block; line-height:1; letter-spacing:0.5px; color:#666;}

/* simpleLogin */
#sns-login{font-size:0; line-height:0; margin:20px 0px 0; text-align:center;}
#sns-login li{display:inline-block;margin:0 2px;}
#sns-login li a{display:block; padding:14px 35px 12px; color:#bdbdbd; letter-spacing:0.5px; border-radius:2px; line-height:1; background:#f3f3f3; -webkit-transition:0.1s ease-in-out; -moz-transition:0.1s ease-in-out; -o-transition:0.1s ease-in-out; transition:0.1s ease-in-out;}
#sns-login li a.kakao:hover{background:#fbe300; color:#3b1e1e;}
#sns-login li a.naver:hover{background:#00c73c; color:#fff;}
#sns-login li a.fb:hover{background:#3b5998; color:#fff;}