/* BASIC css start */
#ct, h1, h2, h3, h4, h5, h6, table, pre, xmp, plaintext, listing, input, textarea, select, button, a { font-size:19px; } 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } 

h1, .h1 { font-size: 1.778rem } 
h2, .h2 { font-size: 1.556rem } 
h3, .h3 { font-size: 1.444rem } 
h4, .h4 { font-size: 1.222rem } 
h5, .h5 { font-size: 1.111rem } 
h6, .h6 { font-size: 1rem; letter-spacing: 0; font-weight: 700 } 
.sm { font-size: .889rem !important } 
.txt-line { display: -webkit-box; overflow: hidden; max-height:3em; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal } 
.font-jalnan { font-family: 'yg-jalnan'; } 

/* grid */
.container { max-width: 1230px } 
.container-sm { max-width: 600px } 
.container-lg { max-width: 1600px } 
.row.row-xs { margin-left: -.2rem; margin-right: -.2rem } 
.row.row-xs>[class*=col] { padding-left: .2rem; padding-right: .2rem } 


/* table */
.table-fixed { table-layout: fixed } 
.table { border-top: 1px solid #ccc; color:inherit } 
.table tr>* { text-align: center; border-top: 0; border-bottom: 1px solid #E5E5E5; padding:1.2em .889rem; max-width: 0 } 
.table thead th { font-size: .889em; border-bottom: 1px solid #E5E5E5 } 
.table .thead-light th { background: #f9f9f9 } 
.table-sm tr>* { font-size: .889rem } 
tfoot>tr>* { border: 0 !important } 
.table-responsive thead th { white-space: nowrap } 
.table-horizontal tr>* { text-align: left; padding: 1em 1.333em } 
.table-horizontal tbody th { background: #f9f9f9; text-align: center } 
.tb tr>* { padding:10px 10px 10px 0 } 
.tb td { width:100% } 


/*================== Sub ==================*/
.page-container { position: relative; min-height:calc(100vh - 120px); padding:0 0 120px; } 
.page-container>.container { position: relative } 
.page-hd { position: relative; padding:100px 20px 84px; background-position: 50% 50%; background-size: cover; text-align: center } 
.page-hd-bg { margin-bottom: 120px } 
.page-hd h2, .page-hd>.h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif !important; text-transform: uppercase } 
.page-hd h2+p { margin-top: .556em } 
/* .page-hd h1 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase } 
.page-hd h1+p { margin-top: .556em } */

.page-hd .page-hd-tit { font-size: 1em; font-weight: 400; } 
.page-hd .page-hd-tit .h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase; display: block; } 
.page-hd .page-hd-tit .h2+span { margin-top: .556em; display: block; } 


.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } 
.nav-link { display: block; } 


/* navs */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: inherit } 
.nav-pills { max-width: 600px; padding: 1.2em .5em; text-align: center; background-color: #f9f9f9; border-radius: 2rem; border: 0; margin: 0 auto 80px; font-size: .875em; flex-wrap: wrap; } 
.nav-pills .nav-item { position: relative; flex: 1; line-height: 1.1; letter-spacing: -.05em; white-space: nowrap } 
.nav-pills .nav-item h2 { font-size:1.111rem; font-weight: 400; } 
.nav-pills .nav-item a { color: #666; } 
.nav-pills:not(.nav-pills-step) .nav-item::after { content: ""; position: absolute; top:50%; right:0; width: 2px; height: 14px; transform: translateY(-50%); background-color:#E5E5E5; } 
.nav-pills .nav-item:last-child:after { content: none } 
.nav-pills .nav-link { padding: 1.2em .5em; margin: -1.2em 0; background: none !important; border-radius: 0; border: 0 } 
.nav-pills .nav-link:hover, .nav-pills .active { color:inherit!important; font-weight:700; } 
.nav-pills-step { max-width: 480px; margin-bottom: 60px } 
.nav-pills-step .active .num { font-weight: 600 } 
.nav-tabs { margin-bottom: 2.727em; border-bottom: 0 } 
.nav-tabs .nav-link { padding: 0 .5em 1.318em; line-height: 1.13; border: 0; border-bottom: 3px solid #F5F5F5; color: #666; letter-spacing: -.05em; font-size: 1.1em; background: none !important } 
.nav-tabs .nav-link.active { border-bottom-color: #333; font-weight: 800 } 
.nav-cate { display: flex; justify-content: center; margin: 0 -.8333rem 4rem; } 
.nav-cate li { width: 100%; padding: 0 10px } 
.nav-cate a { display: block; font-weight:500; text-align: center; color:#666 } 
.nav-cate div { display:inline-block; position: relative } 
.nav-cate div:before { content:''; position: absolute; top:-15%; left:0; width: 100%; height:130%; border-radius:9em; transform:scale(0); transition: .2s } 
.nav-cate i { position: relative; transition: .2s } 
.nav-cate span { display: block; margin-top:1em; font-size: 1rem; } 
.nav-cate a h3 { display: block; margin-top:1em; font-size: 1rem; font-weight: 500; } 
.nav-cate .active a,.nav-cate a:hover { color:#00a468 } 
.nav-cate .active i,.nav-cate a:hover i { filter: brightness(9) } 
.nav-cate .active div:before,.nav-cate a:hover div:before { background: #00a468; transform:scale(1) rotate(-45deg) } 
.nav-brand { overflow: hidden; overflow-x: auto; position: relative; margin:0 0 80px; text-align: center; white-space: nowrap } 
.nav-brand li { display: inline-block; padding:0 .5em; font-weight:500; color:#666 } 
.nav-brand img { display: block; height:50px; margin:0 auto } 
.nav-brand span { position: absolute; width:0; height:0; opacity:0 } 
/* lnb */
.brand-lnb-wrap { position: relative; z-index:30; margin:-40px 0 0; font-size: 1.222rem; font-weight:500; } 
.brand-lnb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow:hidden; border-radius:20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08); background: #fff; text-align: center } 
.brand-lnb li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position:relative; max-width: 100%; } 
.brand-lnb li h2 { font-size:1.222rem; font-weight: 500; } 
.brand-lnb li a { display: block; padding:23px 0 21px; border-bottom:3px solid transparent; font-weight:600 } 
.brand-lnb li+li::before { content:""; position: absolute; left:0px; top:50%; transform: translateY(-50%); width:1px; height:30%; background:rgba(0, 0, 0, 0.08); transition:all .4s } 
.brand-lnb .active a { border-color:#004738; color:#004738 } 


.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 }
.bbs-table-view hr { display: block; }

.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 }
.list-link li a { 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 }
.prd-tinfo dd ul li .tit { font-weight:bold }
/* 개인정보보호정책 동의 */
.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 }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

.bbs-table-view .btn-report { display:block; text-align:right; color:#9d9d9d; font-size:11px; }

.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}

.score-write { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.score-write .sco-wrt-box { padding: 20px 0 27px; }
.score-write .sco-wrt-box .sco-wrt-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-write .sco-wrt-box .sco-wrt-des label { display: inline-block; margin-left: 20px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-des label input { width: 18px; height: 18px; margin-top: -2px; margin-right: 3px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-txtr textarea { width: 974px; height: 78px; padding: 1px 0; border: 1px solid #ddd; }
.score-write .sco-wrt-box .sco-wrt-txtr .CSSbuttonBlack { width: 118px; height: 80px; line-height: 80px; font-size: 16px; }

.score-list { border-top: 1px solid #e9e9e9; }
.score-list .sco-lst-box { padding: 20px 0 27px; }
.score-list .sco-lst-box .sco-lst-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-list .sco-lst-box .sco-lst-txtr { padding: 30px 20px; background: #f6f6f6; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date { display: flex; justify-content: space-between; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date span { color: #757575; letter-spacing: 0.5px; }
.score-list .sco-lst-box .sco-lst-txtr .sco-txt { margin-top: 25px; 
/* BASIC css end */