/* BASIC css start */
#contentWrap { width:1320px !important; }
#content { width:1320px !important; }
.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d; font-family:dotum }
.bbs-table-view hr { display: block; }



.CSSbuttonWhite {color:#fff; text-align:center; border:1px solid #0d277d; background: #0d277d; border-radius:50px;}
.CSSbuttonWhite:hover { color:#fff; background:#0d277d; opacity:.5; }
.CSSbuttonWhite:active { position: relative; top: 1px }




.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px; font-family:dotum }

.bbs-hd01 .link01 li a:hover{	background-color:rgba(57,64,106,0.5); color:#fff; }

.list-link li a { font-family:dotum; color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
/* 관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* 상품 상단 정보 */
.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px; font-family:dotum }
.prd-tinfo dd ul li .tit { font-weight:bold }
.prd-tinfo dd ul li a { font-family:dotum }
/* 개인정보보호정책 동의 */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* 개인정보 수집 이용 */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; font-family:dotum }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

#contentWrapper { background-color:#fff; }
#content { padding-bottom:60px; }

.page-body { min-height:500px; }
.bbsWrap { width:100%; padding:60px; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; overflow:hidden; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
.bbs-hd01 { width:100%; padding:60px 0; }
.bbs-hd01 h3 { font-size:27px; font-weight:600; margin-bottom:5px; color:#222; text-align:center; }
.bbs-hd01 h3 span { color:#3ba0ec; }
.bbs-hd01 h4 { font-size:16px; font-weight:300; margin-bottom:30px; color:#3ba0ec; text-align:center; }
.bbs-hd01 .link01 { width:100%; text-align:center; font-size:0; }
.bbs-hd01 .link01 li { display:inline-block; }
.bbs-hd01 .link01 li a { display:block; width:198px; height:43px; font-size:14px; font-weight:400; color:#e5e5e5; text-align:center; line-height:43px; border:1px solid #e5e5e5; border-right:none; }
.bbs-hd01 .link01 li:last-child a { border-right:1px solid #e5e5e5; }

.bbs-hd01 .link01 li a:hover{	background-color:#777; color:#fff; }

.bbs-hd01 .link01 li a.lets { background-color:#e5e5e5; color:#fff; }

.bbs-tit { margin-top:0 !important; }
.bbs-tit > h3 { font-size:17px !important; font-weight:600; color:#222; line-height:40px; }

.bbs-table-list > table { background-color:#fff; }
.bbs-table-list > table > thead > tr > th { padding:15px 0 !important; background-color:#f9f8f7; }

.bbs-btm { padding:0px 0 0 !important; }
.bbs-btm .paging { padding:0 !important; }
.bbs-btm .paging a { width:40px; height:40px; font-size:14px; text-align:center; line-height:40px; color:#222; border:0px solid #fff; padding:0 !important; margin:0 6px !important; background-color:#fff; }
.bbs-btm .paging a.now { border-bottom:1px solid #0d277d; background-color:#fff; color:#0d277d; }
.bbs-btm .paging a.now2 { border:0px solid #fff; background-color:#fff; color:#0d277d; }
.bbs-btm .paging a:hover { border-bottom:1px solid #0d277d; }

.bbs-sch .key-wrap a { display:inline-block; width:38px; height:38px; border:1px solid #777; background-color:#777; text-align:center; line-height:38px; color:#fff; font-size:14px; }
.bbs-sch .key-wrap .MS_input_txt { width:198px !important; height:38px !important; border:1px solid #777; }

th { background-color:#f9f8f7; }

.cont-sub-des { width:100%; }
.cont-sub-des > div:first-child { float:left; }
.cont-sub-des > div:last-child { float:right; }






/* 탭메뉴 */
.tab_menu{
    width:100%;
    margin-top:150px;
    margin-bottom:50px;
    background:none;
    background-color#fff;
}

.tab_menu ul{
    width:100%;
    margin-bottom:0px;
    overflow:hidden;
}

.tab_menu ul li{
    width:20%;
    height:60px;
    float:left;
}

.tab_menu ul li a{
    display:block;
    width:100%;
    height:100%;
    line-height:60px;
    text-align:center;
    font-family:'Noto Sans KR', sans-serif;
    font-size:16px;
    font-weight:100;
    color:#b4b4b4;
    background-color:#fff;
    border:1px solid #e2e2e2;
    border-left:none;
    box-sizing:border-box;
    transition:all 0.8s;
}
.tab_menu ul li:nth-child(1) a{
    border-left:1px solid #e2e2e2;
}

.tab_menu ul li:hover a{
    box-shadow:264px 0 0 0 rgba(0,0,0,0.25) inset,
              -264px 0 0 0 rgba(0,0,0,0.25) inset;
    color:#fff;
}

.tab_menu ul li.active a{
    box-shadow:264px 0 0 0 rgba(0,0,0,0.45) inset;
    color:#fff;
}
    
.tab_menu h1{
    font-family:'Noto Sans KR', sans-serf;
    font-size:40px;
    color:#222;
    font-weight:240;
    clear:both;
    margin:30px 0;
}

.tab_menu h1 span{
    font-size:16px;
    font-weight:100;
    color:#333;
}

/* BASIC css end */